body
{
	font-family:Arial;
	margin:0;
	padding:0;
background-color: #f5f7fa;
	
}
#hotlabel
{
	border-top:1px solid #ddd;
	padding-top:16px;
}

.show-row {  display:none;   position:Absolute; width:176px; bottom:60px; right:0px;}
.clearfloats
{
	clear:both
}

.badge
{
	width:298px;
	height:250px;
	overflow:hidden;
	border:1px solid #ccc
}

.inside-badge
{
	padding:8px
}

.head-left
{
	float:left;
	width:38px;
	height:38px;
	margin-right:7px
}

.head-right
{
	float:left;
	width:130px;
	height:40px;
	padding-top:0;
	border:0 solid blue
}

.head-right1
{
	font-size:12px;
	color:#81817b;
	line-height:12px;
	padding:2px 0 1px
}

#head-right2 a:link,#head-right2 a:visited,#head-right2 a:active
{
	font-weight:700;
	color:#000000;
	text-decoration:none;
	font-size:18px;
	line-height:18px
}

#head-right2 a:hover
{
	font-weight:700;
	color:#000000;
	text-decoration:underline;
	font-size:18px;
	line-height:18px
}

.join
{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-top:4px;
	margin-bottom:4px;
	padding:6px 4px 5px;
	line-height:15px
}

.join a:link,.join a:visited,.join a:active
{
	font-size:12px;
	color:#333;
	text-decoration:none
}

.members
{
	padding-left:1px;
	width:300px
}

.members a
{
	font-size:12px
}

.ava-img
{
	width:42px;
	height:42px
}

.ava-lower
{
	font-size:11px;
	width:17px
}

.badge-ava
{
	float:left;
	margin-right:3px;
	margin-top:3px
}

.badge-ava img
{
	width:43px;
	height:43px
}

.show
{
	margin-left:0;
	width:200px;
	height:30px;
	position:fixed;
	background-color:#000;
	opacity:.8;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter:alpha(opacity=80);
	color:#fff;
	padding-top:10px;
	display:none;
	text-align:center
}

.show a:link
{
	font-weight:700;
	color:#fff;
	text-decoration:none
}

.show a:visited
{
	font-weight:700;
	color:#fff;
	text-decoration:none
}


.content-link span { color:#444;} 
.content-join a,.content-join a:link,.content-join a:visited,.content-join a:active
{

margin-top:8px;
	text-decoration:none;
	display:block;

	font-size:22px;
	text-align:center;
	padding:10px 0;
	font-weight:400;
	
	
	 background-color:#f9270b;
	border:1px solid #da2005;
     color:#fff;
	 
}

.content-join a:hover
{
	text-decoration:none;
	background-color:#f60;
	color:#fff
}

.inside-content
{
	
}

.members-row
{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:10px 0;
	margin-top:5px
}

.text-row
{
	font-size:14px;
	font-family:Arial;
	padding-bottom:2px
}

.content-head
{
	font-size:26px;
	color:#222;
	font-weight:700;
	line-height:29px;
	padding-bottom:0
}

.content-head a
{
	color:#f52900;
	text-decoration:none
}

.content-head a:hover
{
	color:#f52900;
	text-decoration:underline;
	cursor:pointer
}

.content-body
{
	
	font-family:arial;
padding:14px 18px;
	
}

.content-body-header 
{
	font-size:18px;
	padding-bottom:12px;
	padding-top:1px;
	font-family:arial
}

.content-img
{
	float:left;
	width:30px;

	background-repeat:no-repeat;
	font-size:14px;
	color:#fff;
	text-align:center;
	font-weight:700;
	height:25px;
	padding-top:2px;
	text-shadow:#666 1px 1px
}

.content-topic
{
	
	border:0 solid blue
}

.content-link .fa-comments {color:#777;}
.content-box
{
	font-size:14px;
	border:0 solid green;
	float:left;
	width:370px;
	padding-bottom:7px
}

.content-when
{
	
	font-size:14px;
	padding:0 0 8px 0px; color:#666;
	
}

.content-when a,.content-when a:link,.content-when a:visited
{
	color:#717376;
	text-decoration:none
}

.content-when a:hover
{
	text-decoration:underline
}

.content-link
{
font-size:20px; 	line-height:22px; 	padding-bottom:2px
}

.content-link a:link,.content-link a:visited
{
	color:#000000;
	text-decoration:none;
	font-weight:400;

}

.content-link a:hover
{
	text-decoration:underline
}

.content-ava img
{
	
	float:left;
	width:44px;
	height:44px;
	
}

.content-forum
{
	color:#737373;
	font-size:11px
}

.content-forum a:link,.content-forum a:visited
{
	text-decoration:none;
	color:#737373
}

.content-forum a:hover
{
	text-decoration:underline
}

#hottest
{
	width:298px;
	border:1px solid #e3e3e2;
	color:#545458;
	background-image:url(../images/fire2.jpg);
	background-repeat:no-repeat;
	background-position:222px -14px
}

.hot-join a:link,.hot-join a:visited
{
	color:#333;
	text-decoration:none;
	display:block;
	background-color:#eee;
	font-size:14px;
	text-align:center;
	padding:7px 0
}

.hot-join a:hover
{
	text-decoration:none;
	background-color:#f60;
	color:#fff
}

#hottest .around-hottest
{
	padding:10px
}

#hottest .around-hottest a:hover
{
	text-decoration:underline
}

.hottest-head
{
	font-size:16px;
	color:#333;
	font-weight:700;
	line-height:16px;
	padding-bottom:0
}


.happening
{
	font-size:13px;
	font-weight:100;
	color:#666;
	font-style:italic;
	line-height:14px;
	padding-bottom:5px
}

.topic-box
{
	width:280px;
	font-size:12px;
	margin-top:5px
}

.topic-box-left
{
	float:left;
	width:22px;
	background-image:url(../images/hot.gif);
	font-size:14px;
	color:#fff;
	text-align:center;
	font-weight:700;
	height:25px;
	padding-top:2px
}

.topic-box-right
{
	float:right;
	width:250px
}

.topic-title a:link,.topic-title a:visited
{
	color:#000000;
	text-decoration:none;
	font-size:12px;
	font-weight:700
}

.topic-title a:hover
{
	text-decoration:underline
}

.topic-time
{
	font-size:11px;
	color:#737373;
	padding-bottom:4px
}

#latest
{
	width:298px;
	border:1px solid #e3e3e2;
	color:#545458;
	background-image:url(../images/speaker.gif);
	background-repeat:no-repeat;
	background-position:222px -14px
}

#latest .around-latest
{
	padding:10px
}

#latest .around-latest a:hover
{
	text-decoration:underline
}

.latest-head
{
	font-size:16px;
	color:#333;
	font-weight:700;
	line-height:16px;
	padding-bottom:0
}

.latest-head a:link,.latest-head a:visited
{
	color:#000000;
	text-decoration:none
}

.latest-head a:hover
{
	text-decoration:underline
}

.tophead
{
	padding-bottom:2px
}

.happening
{
	font-size:13px;
	font-weight:100;
	color:#666;
	font-style:italic;
	line-height:14px;
	padding-bottom:5px
}

.latest-join a:link,.latest-join a:visited
{
	color:#333;
	text-decoration:none;
	display:block;
	background-color:#eee;
	font-size:14px;
	text-align:center;
	padding:7px 0
}

.latest-join a:hover
{
	text-decoration:none;
	background-color:#f60;
	color:#fff
}

.clearit
{
	clear:both
}

.act-box
{
	width:276px;
	font-size:12px;
	margin-top:6px;
	margin-bottom:0
}

.act-img
{
	width:30px;
	height:30px;
	border:1px solid #ccc
}

.act-box-left
{
	width:32px;
	float:left;
	margin-right:0;
	margin-left:0;
	padding-bottom:5px
}

.act-box-right
{
	width:235px;
	float:left;
	padding-left:9px;
	font-size:12px
}

.act-box-right2
{
	padding-top:1px;
	padding-bottom:3px;
	*padding-bottom:0
}

.act-box-time
{
	background:url(../images/time2.gif) no-repeat 0 1px;
	font-size:11px;
	padding:0 0 0 15px;
	padding-left:15px;
	color:gray
}

.act-poster
{
	color:#333;
	text-decoration:none;
	color:#000000
}

.act-topic-link
{
	color:#000000;
	text-decoration:none
}

#member
{
	width:300px;
	border:1px solid #e3e3e2;
	color:#545458;
	background-image:url(../images/speaker.gif);
	background-repeat:no-repeat;
	background-position:222px -14px
}

.inside-members
{
	padding:10px
}

.member-join a:link,.member-join a:visited
{
	color:#333;
	text-decoration:none;
	display:block;
	background-color:#eee;
	font-size:14px;
	text-align:center;
	padding:7px 0
}

.member-join a:hover
{
	text-decoration:none;
	background-color:#f60;
	color:#fff
}

.member-head
{
	font-size:18px;
	color:#000000;
	font-weight:700;
	line-height:18px;
	padding-bottom:0
}

.member-count
{
	padding:3px 2px 8px;
	font-size:12px;
	line-height:14px;
	font-family:Arial
}

.member-ava img
{
	border:#eee 1px solid;
	float:left;
	width:50px;
	height:50px;
	margin-right:4px
}

.moveright
{
	margin-right:8px
}

.orange
{
	color:#000000
}

@media screen and (max-device-width: 480px) {
	.tophead
	{
		font-size:22px;
		line-height:24px
	}
	
	.text-row
	{
		font-size:9px
	}
	
	
	.content-join a,.content-join a:link,.content-join a:visited,.content-join a:active
	{
		color:#333;
		text-decoration:none;
		display:block;
		
		font-size:18px;
		text-align:center;
		padding:7px 0;
		
		 background-color:#f9270b;
	border:1px solid #da2005;
     color:#fff;
		
		
	}
	.content-join a:hover {
	 background-color:#f9270b;
	border:1px solid #da2005;
     color:#fff;
	 }
}

@media all and (max-width: 1002px) {
	#hotlabel
	{
	
		background-position:right top
	}
}

@media all and (max-width: 760px) {
	#hotlabel
	{
		background-position:right bottom;
		overflow:hidden
	}
	
	.members-row
	{
		float:left;
		width:100%
	}
	
	.members-row + .clearit
	{
		/*display:none*/
	}
	
	.text-row
	{
		/*display:none*/
	}
	
	.content-ava
	{
		float:left;
		height:20px
	}
	
	

	
	.show-row { display:block; margin-bottom:12px; overflow:hidden;height:30px; position: static; width:100%;}
	.content-ava {overflow:hidden;height:30px }
	.content-ava img
	{
		width:30px;
		height:30px
	}
	
	.content-body
	{
		float:left;
		width:auto
	}
	
	.content-box
	{
		float:left;
		width:100%;
		padding:0 0 5px
	}
	
	.topic-box-left
	{
		width:19px;
		height:16px
	}
	
	.content-when
	{
		 /*display: none;*/
		
	}
}

@media all and (max-width: 480px) {
.content-body-header { font-size:16px; }

	.content-box
	{
		padding:0 0 1px
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 770px) {
	.content-body-header { font-size:16px; }
	
	.content-topic { overflow:hidden;}
	.content-box
	{
		padding-bottom:4px
	}
}

@media only screen and (max-device-width : 320px) {
	.show-row { display:none}
	.content-body-header { font-size:16px; }
	.content-topic { overflow:hidden;}
	.content-head {
    font-size: 20px;
    line-height: 22px;
    }
	
	.content-box
	{
		padding-bottom:0
	}
}