@charset "utf-8";
/* CSS Document */

body{ font-family: 'Josefin Slab', serif; font-size:14px; background-color:#FFF;}
hr{ background-color:#666; border:solid 1px #FFF; box-shadow:0px 0px 2px 2px #CCCCCC;}
.top_nav{width:100%px; background-color:#3CF; height:41px; left:0px; right:0px;  border-top:solid 3px #CC0000; position:fixed; margin-top:-8px; -moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873; font-family:Verdana, Geneva, sans-serif;}
.top_nav ul { list-style-type:none; margin-top:-17px;}
.top_nav ul li{ list-style-type:none; float:left;}
.top_nav ul li a{text-decoration:none; color:#003; border-top:solid 3px #CC0000; display:block; padding:5px; font-size:16px; width:110px; height:33px; font-weight:500; }
.top_nav ul li a:hover{color:#06F; background-color:#FFF;  border-top:solid 3px #39F; box-shadow: 0px 0px 2px 2px #FFF;}
.top_nav ul li ul{list-style-type:none; position:absolute; display:none; padding-top:20px;}
.top_nav ul li:hover ul{ display:block;}
.top_nav ul li ul li{ list-style-type:none; float:none; background-color:#3CF;}
.top_nav ul li ul li a{ text-decoration:none; color:#666; border-top:solid 1px #CC0000; display:block; padding:5px; font-size:14px; width:160px; height:auto; font-weight:500; text-align:justify; background-color:#E8F3FF;}
.top_nav ul li ul li a:hover{color:#06F; background-color:#FBFBFB;  border-top:solid 2px #39F; box-shadow: 0px 0px 2px 2px #FFF;}

#link{color:#06F; background-color:#FFF;  border-top:solid 3px #39F; box-shadow: 0px 0px 2px 2px #FFF;}
.warper{ width:1024px;}
.header{ }
.header_a{width:410px; float:left;}
.header_a div{margin:20px; margin-left:5px; text-align:justify; font-size:30px; color:#333;}
.header_a div a img{ width:290px; height:90px; border:none;}
.header_b{width:614px; float:left; text-align:right;}
.header_b div{margin:20px; margin-top:30px; margin-right:5px;}
#ovr{ overflow:hidden;} 
.contents{width:700px; float:left; margin-left:6px; margin-right:6px;}
.contents_b{width:300px; float:left; margin-left:6px; margin-right:6px;}

.posts{width:90%; margin-left:50px; background-color:#FDFEFF; box-shadow:0px 0px 3px 3px #CCC; padding:9px; font-size:16px; color:#333; border-radius:3px; text-align:justify; height:auto; margin-left:5px; margin-right:15px;}
#posts_img{border:solid 2px #CCC; box-shadow:0px 0px 3px 3px #CCCCCC; width:auto;}
#comments{height:250px; overflow:auto; resize:vertical;}
.comments_box{margin:5px; box-shadow:0px 0px 1px 1px #C0C0C0; border-left:2px solid #666; background-color:#FFF; padding:5px; font-size:13px; border-radius:5px;}
.comments_box2{color:#666; font-size:14px; border-bottom:1px solid #CCC; padding-bottom:2px; margin-bottom:3px;}
.posts_a{font-size:11px; color:#666; font-family:Georgia, 'Times New Roman', Times, serif; text-align:justify; width:70%; float:left;}
.posts_b{font-size:11px; color:#333; text-align:center; width:30%; float:left;}
.posts_c{font-size:11px; color:#333; float:right;}
.like{color:#0C6;}
.unlike{color:#930;}
.l_u_img{ width:16px; height:16px; border:none;}
.pro{color:#09F; font-size:14px;}
#pro{ color:#09F; font-size:14px;}
#pro:hover{color:#F60; text-decoration:none;}

.t_posts{background-color:#6AB5FF; box-shadow:inset 0px 0px 5px 5px #FFF; color:#FFF; font-size:18px; font-weight:bolder; margin-left:6px; margin-right:6px; /*border-radius:14px 14px 0px 0px;*/ padding:9px;}
.t_posts_a{background-color:#FFF; color:#333; font-size:14px; margin-left:6px; margin-right:6px; padding:9px; text-align:justify; box-shadow:0px 2px 3px 0px #999;}
.t_posts_img{width:258px; height:110px; margin:5px; border:solid 1px #999999; box-shadow:0px 0px 3px 3px #CCCCCC;}
.footer_main{background-color:#3CF; border-bottom:solid 3px #C00; margin-left:-8px; margin-right:-8px; margin-bottom:-8px;}
.footer{width:500px; float:left; margin-left:6px; margin-right:6px; text-align:justify; margin-left:5px; padding-top:5px;}
.footer a{color:#00C; text-decoration:none; font-size:13px; font-family:Verdana, Geneva, sans-serif;}
.footer a:hover{ color:#369;}
.footer_a{width:500px; float:left; margin-left:6px; margin-right:6px; text-align:right; margin-right:5px;}
.input{width:200px; font-size:11px; color:#06F; padding:6px;  border:solid 1px #CCCCCC; box-shadow: inset 0px 0px 3px 3px #CCCCCC; border-radius:25px;}
.input2{width:90%; border:solid 1px #FFF; box-shadow: 0px 0px 2px 2px #CCCCCC; padding:9px; color:#06F; border-radius:5px; font-family: 'Josefin Slab', serif;  font-size:14px;}
.input3{width:200px; font-size:14px; color:#06F; padding:6px;  border:solid 1px #FFF; box-shadow: inset 0px 0px 3px 3px #CCCCCC; border-radius:5px;}
.textarea{width:90%; border:solid 1px #FFF; box-shadow: 0px 0px 2px 2px #CCCCCC; padding:9px; color:#06F; border-radius:5px;height:90px; resize:vertical; overflow:auto; font-family: 'Josefin Slab', serif; font-size:14px;}
.submit{width:180px; font-size:11px; color:#06F; padding:5px; border:solid 1px #999; box-shadow: inset 0px 0px 3px 3px #CCCCCC; border-radius:25px;}
.submit2{width:200px; border:solid 1px #FFF; box-shadow: 0px 0px 2px 2px #CCCCCC; padding:9px; color:#06F; border-radius:5px; font-family: 'Josefin Slab', serif;}
.submit3{width:160px; font-size:14px; color:#06F; padding:5px; border:solid 1px #FFF; box-shadow: inset 0px 0px 3px 3px #CCCCCC; border-radius:5px; display:inline-block;}
.submit2:hover{ box-shadow: 0px 0px 2px 2px #999; background-color:#FFF;}
.submit3:hover{ background-color:#FFF;}
#select{width:93%;}
.links{color: #09F; font-size: 13px;}
.c_text{font-size:11px; font-family:Georgia, 'Times New Roman', Times, serif; color:#333; text-align:center; padding-bottom:9px;}
.slide-out-div {
       padding: 9px;
	   padding-left:35px;
        width: 300px;
        background: #B0D8FF;
		height:270px;
		opacity:0.9;
    }
#slide-out-div{
	  border: 1px solid #0A97D1;
	}
#slide-out-div2{
	  border: 1px solid #B8291B;
	}
#slide-out-div3{
	  border: 1px solid #0798BD;
	}
#slide-out-div5{
	  border: 1px solid #425882;
	}
	
.small_text{ font-size:14px;}
.s_b_tabs{position:fixed; width:140px; top:380px; left:0px;}
.s_b_tabs img{width:50px; height:38px; border:none;}
.s_b_tabs img:hover{width:61px;}
.socail_images{ width:50px; height:25px; border:none;}














.m_p{ display:none; text-align:center;}
.post_image2{width:80%; height:auto; box-shadow:0px 0px 2px 2px #999; border:none;}

.post_image{background-size:100% 100%; width:500px; margin-left:65px; margin-right:65px; height:330px;   box-shadow:0px 0px 2px 2px #999;}
.post_image:hover{  box-shadow:0px 0px 5px 5px #999999;}
.post_image:hover #post_details{ display:block;}
.post_details{background-color:#FFF; padding:20px; box-shadow:0px 0px 5px 5px #CCCCCC;}
#post_details{ display:none;}
.post_text{opacity:0.7; background-color:#CCC; color:#333; font-size:30px; padding:5px;}
.perfect_pic{position:absolute; padding:5px; background-color:#333; color:#FFF; font-size:13px; width:90px; margin-left:0px; margin-top:-2px; border-radius:5px; text-align:center; display:none;}
.notgood_pic{position:absolute; padding:5px; background-color:#333; color:#FFF; font-size:13px; width:90px; margin-left:50px;  margin-top:-2px; border-radius:5px; text-align:center; display:none;}
.p_like{color:#333; text-decoration:none;}
.p_like:hover{ color:#0F0; font-weight:500;}
.p_like:hover .perfect_pic{ display:block;}
.p_unlike{color:#333; text-decoration:none;}
.p_unlike:hover{ color:#C00; font-weight:500;}
.p_unlike:hover .notgood_pic{ display:block;}
.butn {
	-moz-box-shadow:inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
	box-shadow:inset 0px 1px 0px 0px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #eda933;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:182px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cd8a15;
}
.butn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background-color:#d29105;
}.butn:active {
	position:relative;
	top:1px;
}
#social{ display:none;}
#nav{ display:block;}
#nav2{ display:none;}
#link2{ display:none;}
.popup{width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; right: 0px; opacity: 0.7; background-color: #CCC; text-align: center; font-size: 36px; color: #333; display: none;}
.profile{width:200px; text-align:center; float:left;}
.profile_a{width:400px; text-align:justify; float:left; padding-left:5px;}
.profile_img{width:190px; height:190px; box-shadow:0px 0px 2px 2px #CCC; border:solid 1px #A4C4FF; margin-top:5px; margin-bottom:5px;}
.news{width:97%; color:#333; border:solid 1px #F0F0F0; box-shadow:0px 0px 2px 2px #F0F0F0; font-size:16px; background-color:#C4E1FF; padding:5px; margin-top:5px;}
.a_icons{width:90px; float:left; display:block; text-align:center; padding:2px; margin-top:2px;}
.p_icons{width:50px; height:50px; background-color:#09F; border-radius:50%; box-shadow:0px 0px 2px 2px #FFFFFF; border:none;}
.p_icons:hover{ box-shadow:0px 0px 2px 2px #999999;}
#p_icon1{}
#p_icon2{}
#p_icon3{}
#p_icon4{}
#p_icon5{}
#p_icon6{}
.messages{position:absolute; padding:5px; background-color:#333; color:#FFF; font-size:11px; width:90px;  border-radius:5px; text-align:center; margin-top:3px;}
#messages{ display:none;}
#messages2{ display:none;}
#messages3{ display:none;}
#messages4{ display:none;}
#messages5{ display:none;}
#messages6{ display:none;}
#p_icon1:hover #messages{ display:block;}
#p_icon2:hover #messages2{ display:block;}
#p_icon3:hover #messages3{ display:block;}
#p_icon4:hover #messages4{ display:block;}
#p_icon5:hover #messages5{ display:block;}
#p_icon6:hover #messages6{ display:block;}
.m_n_counter{position:absolute; padding:2px; background-color:#F00; color:#FFF; font-size:11px; font-family:Verdana, Geneva, sans-serif; width:18px; height:18px;  border-radius:50%; text-align:center; margin-top:3px; border:solid 2px #999999; margin-left:58px; margin-top:-5px;}
#e_box{border:none; border-bottom:solid 1px #999999; border-radius:0px; background-color:#EAFFD7;}
#e_box2{border:none; border-bottom:solid 1px #999999; border-radius:0px; background-color:#FFF;}
.rbn{ display:block;}
.rbn2{ display:none;}
.table{ border:solid 1px #333333;}
.table th{ border:solid 1px #333333;}
.table td{ border:solid 1px #333333;}
@media (max-width: 800px) {
	.top_nav{height:auto; position:relative;}
.top_nav ul { margin-top:0px; padding-left:0px; margin-left:0px;}
.top_nav ul li{float:none;}
.top_nav ul li a{width:97%;}
.top_nav ul li a:hover{}
.warper{ width:98%;}
.header_b{ display:none;}
.contents_b{ display:none;}
.post_image{ display:none;}
	.contents{width:100%; margin-left:0px; margin-right:0px;}
	.m_p{ display:block;}
	.footer{ display:none;}
	.footer_a{ display:none;}
	.s_b_tabs{ display:none;}
	#social{ display:block;}
	#nav2{ display:block;}
#nav{ display:none;}
#posts_img{border:solid 2px #CCC; box-shadow:0px 0px 3px 3px #CCCCCC; width:90%;}
.profile{width:98%;}
.profile_a{width:98%;}
.rbn{ display:none;}
.rbn2{ display:block;}
	}
	
@media (max-width: 500px) {
.post_image2{width:98%;}	

}