@media screen and (min-width: 900px) {
	body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td
		{
		margin: 0;
		padding: 0;
		text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1);
	}
	body{
		background:url("groove_paper.png") repeat scroll 0 0 transparent;
	}
	img {
		border-style: none;
	}

	a,a:visited {
		color: #464646;
		text-decoration: none;
	}

	#container {
		width: 1080px;
		margin: 30px auto;
		font-size: 12px;
	}

	#head {
		color: #4E4E4E;
		height: 130px;
		margin: 0 auto 10px;
	}

	#logo {
		float: left;
		font-size: 20px;
		font-weight: bold;
		color: #3c3c3c;
		height: 35px;
		line-height: 35px;
		padding-left: 10px;
		width: 230px;
		margin: 0 0 20px;
	}

	#logo a {
		color: #3c3c3c !important;
	}

	.search {
		border: 1px solid #C4CACB;
		height: 28px;
		float: left;
		margin: 2px 0 0 200px;
		top: 52px;
		width: 238px;
		background: #fff;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2)
			!important;
	}

	.login_area {
		float: right;
		padding-right: 10px;
		font-size: 12px;
		margin: 6px 0 0;
	}

	.login_area a {
		border-radius: 4px 4px 4px 4px;
		color: #FFFFFF !important;
		margin-right: 5px;
		padding: 5px 10px;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}

	.login_area a:hover {
		color: #999;
		text-decoration: underline;
	}

	.btn-black {
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
			!important;
	}

	.btn-green {
		background-color: #5BB75B;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
			!important;
	}

	.search .ipt {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background: none repeat scroll 0 0 #FFFFFF;
		border-color: -moz-use-text-color #C4CACB -moz-use-text-color
			-moz-use-text-color;
		border-image: none;
		border-style: none solid none none;
		border-width: 0 1px 0 0;
		color: #999999;
		height: 24px;
		line-height: 24px;
		margin-top: 2px;
		padding-left: 5px;
		width: 190px;
		float: left;
	}

	.search .sbtn {
		background: url("search.png") no-repeat scroll center center
			transparent;
		border: 0 none;
		height: 28px;
		width: 41px;
		cursor: pointer;
	}

	.search button {
		float: left;
	}
	
	#user_feeling {
		clear: both;
		color: #3c3c3c;
		float: left;
		font-size: 13px;
		line-height: 35px;
		padding: 0 10px;
		word-wrap: break-word;
		text-shadow: 0 -1px 0 #FFFFFF;
		width: 1060px;
	}

	#user_feeling a {
		color: #56AD56;
	}

	#user_feeling a:hover {
		text-decoration: underline;
	}

	#content_center {
		width: 398px;
		height: 270px;
		float: left;
		background: #fff;
		padding: 15px 0 0;
	}

	h4:after,h4:before {
		border-color: #fff !important;
		bottom: 0;
		content: "";
		left: 0;
		position: absolute;
		right: 0;
	}

	#content h4,#post_collection h4,.category_box h4,.links h4 {
		clear: both;
		height: 20px;
		color: #666666;
		font-family: 'BebasNeueRegular';
		font-size: 13px !important;
		font-weight: normal !important;
		padding: 5px 0 10px;
		line-height: 25px;
		position: relative;
	}

	#content h4:after,#post_collection h4:after,.category_box h4:after {
		border-bottom: 1px solid #FFFFFF;
	}

	#post_collection {
		width: 670px;
		height: 285px;
		float: left;
		background: #fff;
		padding: 0 0 0 10px;
	}
	
	.tab_list {
		width: 100%;
		height: 140px;
		float: left;
		margin: 5px 0 0;
	}

	.tab_list li {
		border-bottom: 1px dashed #CFCFCF;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		list-style: none outside none;
	}

	.tab_list li a {
		color: #464646;
		display: inline-block;
		font-size: 13px;
		height: 30px;
		overflow: hidden;
		text-decoration: none;
	}

	.tab_list li a:hover {
		color: #3c3c3c !important;
	}

	.tab_list ul li img {
		height: 24px;
		width: 24px;
	}

	.list_time {
		float: right;
		color: #3c3c3c;
		font-size: 12px;
	}

	.current {
		font-weight: bold;
		color: #3c3c3c !important;
	}

	.post_collection_top li:before {
		color: #878787;
	    content: "/";
	    font-weight: normal;
	    padding-right: 10px;
	}

	.post_collection_top li:first-child:before {
		content: "";
		padding-right: 0;
	}

	.post_collection_top li {
		color: #878787;
		cursor: pointer;
		float: left;
		height: 28px;
		line-height: 28px;
		list-style: none outside none;
		padding: 0 5px;
	}

	#tab_1,#tab_2,#tab_3,#tab_4,#tab_5 {
		height: 220px;
		overflow: hidden;
		padding: 0 2px;
	}
	
	.vedio_box {
		height: 250px;
		position: relative;
		overflow: hidden;
	}

	.vedio_main a:before {
		background: url("video-play-icon.png") no-repeat scroll center
			center transparent;
		border: 7px solid rgba(255, 255, 255, 0.3);
		content: "";
		height: 236px;
		position: absolute;
		width: 386px
	}

	.show_vedio_list {
		float: right;
		margin-right: 10px;
	}

	.show_vedio_list {
		color: #666;
		cursor: pointer;
		text-decoration: none;
	}

	.vedio_list {
		width: 400px;
		height: 250px;
		position: absolute;
		top: -250px;
		background: #99ccff;
	}

	.vedio_list ul li {
		border-bottom: 1px dashed #000;
		padding: 5px 0;
		width: 400px;
		list-style-image: url("li.gif");
		margin: 0 0 0 20px;
	}

	.vedio_list ul li a {
		color: #fff;
		cursor: pointer;
		text-decoration: none;
	}

	.vedio_list ul li a:hover {
		color: #000;
	}
	
	#menu{
		background: url("menu.png") repeat scroll 0 0 transparent ;
	    float: left;
	    overflow: hidden;
	    padding: 0;
	}
	#menu li span{
		background: url("primary-nav-submenu.png") no-repeat scroll 0 0 transparent;
	    display: block;
	    height: 5px;
	    position: absolute;
	    right: 15px;
	    top: 23px;
	    width: 5px;
	}	
	#menu ul {
		float: left;
		list-style: none;
		margin: 0px;
		padding: 0px;
		}
		
	#menu li {
		float: left;
		list-style: none;
		border-right:1px solid #F2F2F2;
		margin: 0px;
		padding: 0px;
		position: relative;
	}
		
	#menu li a, #menu li a:link, #menu li a:visited {
		color:#fff;
		font-size:13px;
		display: block;
		margin: 0px;
		text-decoration:none;
		padding: 0px 20px ;
		line-height:35px;
		}
	.current-menu-item, .current-menu-parent {
	    background: #80DBFF;
	    position: relative;
	}
	#menu li li a, #menu li li a:link, #menu li li a:visited {
		 background: none repeat scroll 0 0 #FFFFFF;
	    border-bottom: 1px solid #E7E7E7;
	    color: #777777;
	    font-size: 12px;
	}

	#menu li ul {
		z-index: 9999;
		position: absolute;
		left: -999em;
		height: auto;
		margin: 0px;
		padding: 0px;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.42);
		}

	#menu li li { 
		background:#fff;
		float:none;
		}


	#menu li ul a:hover, #menu li ul a:active { 
		background:#eee;
		}

	#menu li ul ul {
		margin: -33px 0 0 92px;
		}

	#menu li:hover ul ul, #menu li:hover ul ul ul, 
	#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
		left: -999em;
		}

	#menu li:hover ul, #menu li li:hover ul, 
	#menu li li li:hover ul, #menu li.sfhover ul, 
	#menu li li.sfhover ul, #menu li li li.sfhover ul {
		left: auto;
		}

	#menu li:hover, #menu li.sfhover { 
		position: static;
		background:#80DBFF;
		}
	#foxmenucontainer{
		height:35px;
		display:block;
		margin:20px auto;
		font-size: 12px;
		font-weight:normal;
		width:1000px;
		text-transform:uppercase;


	}
	#nav {
		float: left;
		background: url("menu.png") repeat scroll 0 0 transparent;
		width: 1080px;
	}
	
	#content {
		float: left;
		width: 720px;
	}

	.post-box {
		float: left;
		width: 698px;
		position: relative;
		background: #fff;
		padding: 10px;
		border: 1px solid #DCDCDC;
		margin-bottom: 10px;
	}

	.sticky {
		height: 91px;
		margin: -23px 0 0 -34px;
		position: absolute;
		width: 89px;
	}

	.post-img {
		float: left;
		width: 150px;
		height: 120px;
		padding: 10px;
		position: relative;
		margin: 20px 0 0;
		overflow: hidden;
		background: url("bg.png") no-repeat scroll -177px -75px
			transparent;
	}

	.post-title {
		float: left;
		width: 670px;
		color: #878787;
		padding: 5px;
		position: relative;
		font-family: "楷体", "楷体_GB2312";
		margin-left: 10px;
		border-bottom: 1px solid #DCDCDC;
	}

	.post-title h2,.post-content {
		font-size: 20px;
		text-shadow: 1px 1px #eee;
	}

	.post-content {
		color: #666666;
		float: left;
		font-family: 微软雅黑;
		height: 150px;
		line-height: 25px;
		margin-left: 10px;
		overflow: hidden;
		padding: 5px;
		width: 500px;
	}

	#post-content img{
		height: auto !important;
   		max-width: 500px;
		width:expression(this.width > 500 ? "500px" : this.width) !important;
	}	

	.post-time {
		background: url("skin/blue/span_blue.png") no-repeat scroll 0 0
			transparent !important;
		color: #FFFFFF;
		float: left;
		font-weight: bold;
		height: 45px;
		line-height: 35px;
		margin-right: 10px;
		overflow: hidden;
		text-align: center;
		width: 120px;
	}

	.post-bottom,.post-head {
		float: left;
	}

	.post-infos {
		width: 450px;
		color: #737373;
		height: 25px;
		float: left;
		line-height: 25px;
		margin-left: 10px;
		margin-top: 10px;
		overflow: hidden;
	}

	.post-infos a {
		color: #737373;
	}

	.post-infos a:hover {
		color: #3c3c3c;
	}

	.post-readmore {
		background: url("se3.png") no-repeat scroll 0 0 transparent
			!important;
		bottom: 0;
		color: #FFFFFF;
		height: 43px;
		line-height: 25px;
		padding: 5px 10px;
		position: absolute;
		right: 40px;
		text-align: center;
		width: 100px;
	}

	.post-comment {
		border: 1px solid #FFFFFF;
		-moz-border-radius: 6px;
		border-radius: 6px;
		padding: 10px;
		float: left;
		line-height: 22px;
		height: 45px;
		margin: 10px 10px 0 -5px;
		width: 110px;
		text-align: center;
	}

	.topimage {
		left: 120px;
		position: absolute;
		top: 130px;
	}

	.lt {
		background-position: left top;
		left: -1px;
		top: -1px;
	}

	.rt {
		background-position: right top;
		right: -1px;
		top: -1px;
	}

	.lb {
		background-position: left bottom;
		bottom: -1px;
		left: -1px;
	}

	.rb {
		background-position: right bottom;
		bottom: -1px;
		right: -1px;
	}

	i {
		background: url("yuan.gif") no-repeat scroll 0 0 transparent;
		font-size: 0;
		height: 5px;
		position: absolute;
		width: 5px;
	}

	.wenzi {
		z-index: 2;
		margin-top: 2px;
		width: 120px;
		height: 30px;
		line-height: 30px;
		color: #FFF;
		BACKGROUND-COLOR: #000;
		position: relative;
		text-align: center;
		float: left;
		display: block;
	}

	.pics {
		margin: 0 11px !important;
	}

	.comment_span {
		background: url("se3.png") no-repeat scroll 0 0 transparent;
		color: #FFFFFF;
		font-weight: bold;
		height: 43px;
		line-height: 25px;
		padding: 5px 10px;
		position: absolute;
		right: 20px;
		text-align: center;
		top: -10px;
		width: 100px;
	}

	.comment_span a,.post-readmore a {
		color: #FFFFFF;
		font-family: n;
		font-weight: bold;
	}

	#sidebar {
		float: right;
		margin: 0 0 0 10px;
		width: 350px;
	}
	
	
	.activeUsers {
		margin: 0 !important;
	}

	.activeUsers li {
		float: left;
		margin: 0 !important;
		border: none !important;
		padding: 2px;
	}

	.activeUsers li img:hover {
		border: 1px solid #00BFE1;
	}

	.activeUsers li img {
		border: 1px solid #DCDCDC;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	.widget-area {
		font-size: 12px;
	}

	.widget {
		clear: both;
		overflow: hidden;
		position: relative;
		background: #fff;
	}

	.widget h2 {
		padding: 2px;
		color: #fff !important;
		font-size: 15px;
		padding: 8px 0 0 5px;
		height: 30px;
		background: url("menu.png") repeat scroll 0 0 transparent;
	}

	h2 {
		color: #00BFE1;
		font-size: 20px;
	}

	.widget-title {
		color: #666;
		font-size: 10px;
		font-weight: 500;
		letter-spacing: 0.1em;
		line-height: 2.6em;
		text-transform: uppercase;
	}

	.widget ul {
		background:#fff
		font-size: 15px;
		list-style: none outside none;
		padding: 5px 10px;
	}

	.widget ul ul {
		margin-left: 1.5em;
	}

	.widget ul li {
		border-bottom: 1px solid #F6F6F6;
		color: #444;
		font-size: 13px;
		line-height: 25px;
		margin-bottom: 5px;
	}
	
	.widget_c_li {
		height: 40px;
		overflow: hidden;
	}

	.widget-wrap {
		padding: 0 10px;
		border: 1px solid #DCDCDC;
		margin-bottom: 20px;
		width: 340px;
		position: relative;
	}

	.widget a {
		text-decoration: none;
	}

	.widget a:hover,.widget a:focus,.widget a:active {
		color: #000;
		text-decoration: none;
	}

	.widget_search form {
		
	}

	.widget_search #s {
		border: 1px solid #E5E5E5;
	    margin: 10px 0 10px 10px;
	    padding: 5px;
	    width: 240px;
	}

	.widget_search #s:focus{
		border:1px solid #3CB6E7;
	}

	.widget_search #searchsubmit {
		background: url("menu.png") repeat scroll 0 0 transparent !important;
	    border: medium none;
	    color: #FFFFFF;
	    font-size: 13px;
	    margin: 0 0 0 2px;
	    padding: 4px;
	    position: relative;
	    width: 60px;
	}

	.widget_search #searchsubmit:active {
		color: #bfddf3;
	}

	section.ephemera ol,.widget_twentyeleven_ephemera ol {
		list-style: square;
		margin: 5px 0 0;
	}

	.widget_twentyeleven_ephemera .widget-entry-title {
		font-size: 15px;
		font-weight: bold;
		padding: 0;
	}

	.widget_twentyeleven_ephemera .comments-link a,.widget_twentyeleven_ephemera .comments-link>span
		{
		color: #666;
		display: block;
		font-size: 10px;
		font-weight: 500;
		line-height: 2.76333em;
		text-transform: uppercase;
	}

	section.ephemera .entry-title .comments-link a:hover,.widget_twentyeleven_ephemera .entry-title .comments-link a:hover
		{
		
	}

	section.ephemera .entry-title a span {
		color: #29628d;
	}

	.widget_image img {
		height: auto;
		max-width: 100%;
	}

	.widget_calendar #wp-calendar {
		color: #555;
		width: 95%;
		text-align: center;
	}

	.widget_calendar #wp-calendar caption,.widget_calendar #wp-calendar td,.widget_calendar #wp-calendar th
		{
		text-align: center;
	}

	.widget_calendar #wp-calendar caption {
		font-size: 11px;
		font-weight: 500;
		padding: 5px 0 3px 0;
		text-transform: uppercase;
	}

	.widget_calendar #wp-calendar th {
		background: #f4f4f4;
		border-top: 1px solid #DCDCDC;
		border-bottom: 1px solid #DCDCDC;
		font-weight: bold;
	}

	.widget_calendar #wp-calendar tfoot td {
		background: #f4f4f4;
		border-top: 1px solid #DCDCDC;
		border-bottom: 1px solid #DCDCDC;
	}

	.textwidget {
		line-height: 25px;
	}

	a.url {
		color: #969696;
	}
	#link,#foot {
		background: #fff;
		border: 1px solid #DCDCDC;
		float: left;
		margin: 0 5px 20px;
		padding: 10px;
		position: relative;
		width: 1040px;
	}

	#link h2,#foot h2 {
		color: #FFFFFF;
		font-size: 15px;
		height: 40px;
		padding: 8px 0 0 10px;
	}

	#link li {
		float: left;
		height: 30px;
		line-height: 30px;
		list-style: none outside none;
		margin: 0 10px 10px 0;
		overflow: hidden;
	}

	#link li a,#foot p a {
		color: #3c3c3c;
		text-shadow: 1px 1px #fff;
		text-decoration: none;
		padding: 0 10px;
	}

	.clear {
		border-bottom: 1px solid #DCDCDC;
	}

	.f_title {
		float: left;
		height: 40px;
		line-height: 40px;
	}

	.f_content {
		line-height: 20px;
		float: left;
		margin: 0 10px;
	}

	#foot li {
		list-style: none;
		float: left;
		margin: 2px 10px;
	}

	.f_copyright {
		width: 100px;
		font-weight: bold;
		float: right;
	}

	.cutline {
		margin: 0 5px;
	}

	.avatar img {
		height: 30px;
		margin: 3px;
		width: 30px;
	}

	.avatar {
		background-repeat: no-repeat;
		height: 32px !important;
		position: relative;
		width: 32px !important;
	}

	.comment-au {
		float: left;
		font-weight: bold;
		margin-right: 6px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.pagination .current {
		background: none repeat scroll 0 0 #fff;
		color:#3c3c3c !important;
		font-size: 12px;
		padding: 5px 10px;
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
	}

	.pagination {
		float: left;
		height: 20px;
		line-height: 20px;
		margin-bottom: 5px;
		padding: 0 10px;
		position: relative;
		text-align: center;
		width: 698px;
	}

	.pagination span,.pagination a {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #DCDCDC;
		color: #787878;
		font-size: 12px;
		border-radius: 12px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		margin: 2px 6px 2px 0;
		padding: 3px 8px;
	}

	h1 {
		color: #404347;
		margin: 5px 30px 20px 0px;
		font-weight: 100;
	}

	.pagedemo {
		border: 1px solid #DCDCDC;
		width: 310px;
		margin: 2px;
		padding: 50px 10px;
		text-align: center;
		background-color: white;
	}

	.jPaginate {
		position: relative;
		color: #a5a5a5;
		font-size: small;
		width: 100%;
	}

	.jPaginate a {
		line-height: 15px;
		height: 18px;
		cursor: pointer;
		padding: 2px 5px;
		margin: 2px;
		float: left;
	}

	.jPag-control-back {
		position: absolute;
		left: 0px;
	}

	.jPag-control-front {
		position: absolute;
		top: 0px;
	}

	.jPaginate span {
		cursor: pointer;
	}

	ul.jPag-pages {
		float: left;
		list-style-type: none;
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}

	ul.jPag-pages li {
		display: inline;
		float: left;
		padding: 0px;
		margin: 0px;
	}

	ul.jPag-pages li a {
		float: left;
		padding: 2px 5px;
	}

	span.jPag-current {
		cursor: default;
		font-weight: normal;
		line-height: 15px;
		height: 18px;
		padding: 2px 5px;
		margin: 2px;
		float: left;
	}

	ul.jPag-pages li span.jPag-previous,ul.jPag-pages li span.jPag-next,span.jPag-sprevious,span.jPag-snext,ul.jPag-pages li span.jPag-previous-img,ul.jPag-pages li span.jPag-next-img,span.jPag-sprevious-img,span.jPag-snext-img
		{
		height: 22px;
		margin: 2px;
		float: left;
		line-height: 18px;
	}

	ul.jPag-pages li span.jPag-previous,ul.jPag-pages li span.jPag-previous-img
		{
		margin: 2px 0px 2px 2px;
		font-size: 12px;
		font-weight: bold;
		width: 10px;
	}

	ul.jPag-pages li span.jPag-next,ul.jPag-pages li span.jPag-next-img {
		margin: 2px 2px 2px 0px;
		font-size: 12px;
		font-weight: bold;
		width: 10px;
	}

	span.jPag-sprevious,span.jPag-sprevious-img {
		margin: 2px 0px 2px 2px;
		font-size: 18px;
		width: 15px;
		text-align: right;
	}

	span.jPag-snext,span.jPag-snext-img {
		margin: 2px 2px 2px 0px;
		font-size: 18px;
		width: 15px;
		text-align: right;
	}

	ul.jPag-pages li span.jPag-previous-img {
		background: transparent url("previous.png") no-repeat center right;
	}

	ul.jPag-pages li span.jPag-next-img {
		background: transparent url("next.png") no-repeat center left;
	}

	span.jPag-sprevious-img {
		background: url("bg.png") no-repeat scroll -439px -156px
			transparent;
	}

	span.jPag-snext-img {
		background: url("bg.png") no-repeat scroll -410px -156px
			transparent;
	}
	
	#modal .window {
		position: absolute;
		z-index: 10000;
		width: 400px;
		height: 248px;
		margin-left: -200px;
		margin-top: -124px;
		left: -1000px;
		top: -1000px;
		background-color: #ffffff;
		box-shadow: 4px 4px 80px #000;
		-webkit-box-shadow: 4px 4px 80px #000;
		-moz-box-shadow: 4px 4px 80px #000;
	}

	#blind {
		position: absolute;
		z-index: 9999;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000000;
	}

	#modal .contents {
		padding: 24px;
	}
	
	.error {
		width: 960px;
		height: 35px;
		background: #fff;
		padding: 10px;
		border: 1px solid #FFFFFF;
		border-radius: 8px 8px 8px 8px;
		box-shadow: 5px 5px 3px #DCDCDC;
	}

	.error_title {
		color: red;
	}

	.s_content {
		float: left;
		width: 698px;
		background: #fff;
		padding: 10px;
		font-size: 12px;
		position: relative;
		border: 1px solid #DCDCDC;
		margin-bottom: 10px;
	}

	#gallery-1 img{
		border:none !important;
	}

	
	.admin{
		background:url("admin.png") no-repeat scroll 95% 0 transparent;
	}
	#comments {
		border: 1px solid #dcdcdc;
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 2px;
		margin-bottom: 10px;
		padding: 0px 10px;
		position: relative;
		text-shadow: 1px 1px 1px #FFFFFF;
		text-transform: uppercase;
		z-index: 2;
	}

	#comments-title-triangle {
		z-index: 1;
		display: block;
		position: absolute;
		top: 10px;
		left: -22px;
		width: 0px;
		height: 0px;
		border-bottom: 10px solid transparent;
		border-top: 10px solid transparent;
		border-right: 10px solid #930000;
		font-size: 0px;
		line-height: 0px;
	}

	#commentsbox {
	    float: left;
	    position: relative;
	    width: 100%;
	}

	#commentsbox ol,#commentsbox ul {
		list-style: none;
		margin-left: 0 !important;
	}

	#commentsbox li {
		margin-bottom: 30px;
		border: 1px solid #DDDDDD;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0 1px 1px #EEEEEE;
		line-height: 20px;
		list-style: none outside none;
		margin-bottom: 10px;
		padding: 0px 6px;
	}

	.children {
		list-style: none;
		margin: 30px 0 0;
		text-indent: 0;
	}

	.children li.depth-2 {
		margin: 0 0 0px 50px
	}

	.children li.depth-3 {
		margin: 0 0 0px 50px
	}

	.children li.depth-4 {
		margin: 0 0 0px 50px
	}

	.children li.depth-5 {
		margin: 0 0 0px 50px
	}

	.comment-body {
		margin-left: 50px;
		padding: 5px 10px 10px 0;
		position: relative;
	}

	.comment-body p {
		overflow: hidden;
	}

	#commentsbox .avatar {
		position: absolute;
	}

	.comment-author {
		font-size: 12px;
		color: #000;
		font-weight: bold;
		line-height: 1em;
	}

	.author_pic {
		background-repeat: no-repeat;
		height: 32px;
		margin: 4px 0 4px 4px;
		position: relative;
		width: 32px;
	}

	.author_pic img {
		width: 32px;
		height: 32px;
	}

	.author_pic_span {
		display: inline;
		float: left;
		height: 40px;
		left: -50px;
		position: absolute;
		margin: 0 10px 0 0;
		width: 40px;
	}

	.comment_author_title,.comment_author_title a {
		color: #555;
	}

	.says {
		display: none
	}

	.comment-meta a {
		margin-bottom: 10px;
		font-family: 'Droid Serif', arial, serif;
		font-size: 10px;
		color: #0099cc;
	}

	.comment-reply-link {
		display: block !important;
		font-size: 10px;
		position: absolute;
		bottom: 0;
		right: 0;
		border: 1px solid #E3E3E3;
		padding: 0 8px;
		border-bottom: none;
		background: #EEE;
		color: #666;
	}

	.comment-body:hover .comment-reply-link {
		display: block
	}

	.cancel-comment-reply a {
		color: #F00 !important;
		line-height: 20px;
		height: 20px;
	}

	#respond {
		margin: 20px 0 15px;
	}

	#comments-respond {
		margin: 0 0 10px;
		padding: 0;
		clear: both;
	}

	#commentform label {
		display: block;
		font-size: 12px;
	}

	#commentform input {
		margin-bottom: 10px;
		width: 40%;
	}

	#commentform textarea {
		margin-top: 10px;
		display: block;
		width: 98%;
	}

	#commentform input,#commentform textarea {
		position: relative;
		padding: 5px;
		border: 1px solid #dcdcdc;
	}

	#commentSubmit {
		background: none repeat scroll 0 0 #FFFFFF !important;
		color: #3C3C3C;
		cursor: pointer;
		margin-top: 10px;
		padding: 5px 25px !important;
		width: 140px !important;
	}

	#commentSubmit:hover {
		color: #3c3c3c;
	}

	.floor_span {
		color: #000000;
		font-weight: bold;
		right: 20px;
		text-align: center;
		text-shadow: 1px 1px #FFFFFF, 2px 3px #E9E9E9;
		top: -10px;
		width: 100px;
	}
	
	.single_author,.list_authors{
		border: 1px solid #DCDCDC;
		background: #fff;
	    color: #000000;
	    font-family: Arial,Helvetica,sans-serif;
	    font-size: 12px;
		clear: both;
		line-height: 20px;
	    margin-bottom: 10px;
	    padding: 5px 10px;
	    position: relative;
	    text-shadow: 1px 1px 1px #FFFFFF;
	    z-index: 2;
	}
	.s_panel h2 {
		color: #3c3c3c;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		text-shadow: 1px 1px #FFFFFF, 2px 3px #E9E9E9;
	}

	.font-style {
		float: right;
		font-size: 13px;
		padding-right: 10px;
		color: #ffffff;
	}

	.font-style a {
		cursor: pointer;
	}

	.s_panel ul li a img {
		
	}

	.album_text {
		text-align: center;
		font-weight: bold;
	}

	.album_text a {
		color: #0099cc;
	}

	.s_info {
		line-height: 30px;
		padding: 2px;
		text-shadow: 1px 1px #FFFFFF, 2px 3px #E9E9E9;
		color: #666;
	}

	.s_info a {
		color: #3c3c3c;
	}

	.s_info a:hover {
		color: #3c3c3c;
		text-decoration: underline;
	}
	.global_announce{
		background: url("announce.gif") no-repeat scroll 0 10px transparent !important;
	    color: #3c3c3c;
	    float: left;
	    font-weight: bold;
	    line-height: 25px;
	    padding: 3px 0 1px 20px;
	    position: relative;
	    width: 700px;
	}
	.s_position {
		background:url("menu.png") repeat scroll 0 0 transparent ;
		color: #FFFFFF;
		float: left;
		font-weight: bold;
		height: 25px;
		line-height: 25px;
		padding: 3px 0 1px 5px;
		position: relative;
		width: 715px;
	}
	.desc{
		float: left;
	    font-weight: bold;
	    line-height: 25px;
	    position: relative;
	    width: 700px;
	}
	.desc p{
		color: #3c3c3c;
	    font-size: 13px;
	    font-weight: bold;
	    text-shadow: 1px 1px #FFFFFF, 2px 3px #E9E9E9;
	}
	.s_position a {
		color: #fff;
	}

	.s_position a:hover {
		text-decoration: underline;
	}

	.cut{
		margin:0 5px;
	}

	.s_roll {
		float: left;
		width: 700px;
		overflow-x: auto;
		overflow-y: hidden;
		height: 260px;
		background: #fff;
		position: relative;
		padding: 10px;
		border: 1px solid #DCDCDC;
		margin-bottom: 20px;
	}

	.s_roll .post-img {
		margin: 2px;
		height: 230px !important;
		background: url("bg.png") no-repeat scroll -4px -75px transparent;
	}

	#article_ad {
		margin-bottom: 5px;
		float: right;
		height: 200px;
		padding: 5px;
		width: 200px;
		border: 1px solid #DCDCDC;
		overflow: hidden;
	}
	
	.image_view {
		background: none repeat scroll 0 0 rgba(255, 153, 204, 0.8);
	    color: #FFFFFF;
	    cursor: pointer;
	    height: 20px;
	    line-height: 20px;
	    margin: -30px 0 0;
	    padding: 0 5px;
	    position: absolute;
	    z-index: 2;
	}

	#view_box {
		position: absolute;
		background-color: #ccc;
		position: fixed;
		display: none;
		max-width: 800px;
		background-attachment: fixed;
		border: 10px solid #fff;
		z-index: 999;
		top:30px;
	}

	#view_box img{
		MAX-WIDTH: 100% !important;
		HEIGHT: auto !important;
		width:expression(this.width > 800 ? "800px" : this.width) !important;

	}

	#view_shadow,#feedback_shadow {
		opacity: 0.7;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
		background: none repeat scroll 0 0 #000000;
		display: none;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 998;
	}

	#leftArea {
	    background: none repeat scroll 0 0 #FFFFFF;
	    font-size: 100px;
	    height: 100%;
	    left: 0;
	    opacity: 0;
	    cursor: url("left.cur"), auto !important;
	    position: absolute;
	    text-align: center;
	    top: 0;
	    width: 50%;
	    z-index: 9;
	}


	#rightArea {
	    background: none repeat scroll 0 0 #FFFFFF;
	    height: 100%;
	    cursor: url("right.cur"), auto !important;
	    opacity: 0;
	    position: absolute;
	    font-size: 100px;
	    text-align: center;
	    right: 0;
	    top: 0;
	    width: 50%;
	    z-index: 9;
	}

	#close_btn {
		height: 32px;
		margin: -25px 0 0 -5px;
		position: absolute;
		cursor: pointer;
		width: 32px;
		background: url("close_btn.png") no-repeat;
	}

	#demo {
		background: #FFF;
		overflow: hidden;
		width: 1000px;
	}

	#indemo {
		float: left;
		width: 800%;
	}

	#demo1 {
		float: left;
	}

	#demo2 {
		float: left;
	}

	.sing_ad {
		background: #eee;
		float: right;
		height: 150px;
		margin: 0 0 0 340px;
		padding: 10px;
		position: absolute;
		width: 300px;
		z-index: 999;
	}

	.index_icon {
		background: url("bg.png") no-repeat scroll -106px -6px
			transparent;
		padding: 0 4px 0 20px;
	}

	.wp_smilies {
		margin-bottom: 5px;
	}

	.tagcloud li {
		float: left;
		list-style: none;
		background: #fff;
		padding: 2px 6px;
		line-height: 20px;
		border: 1px solid #dddddd;
		margin: 3px;
		box-shadow: 0 1px 1px #EEEEEE;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}

	.s_panel li a:hover,.tagcloud li a:hover {
		color: #000 !important;
	}

	.single_relations,.single_random {
		background: #fff;
		border: 1px solid #DCDCDC;
		float: left;
		margin-bottom: 10px;
		padding: 10px;
		position: relative;
		width: 330px;
		height: 220px;
	}

	.single_relations h2,.single_random h2,.list_authors h2{
		background: url("menu.png") repeat scroll 0 0 transparent ;
		color: #FFFFFF !important;
		font-size: 14px;
		height: 25px;
		line-height: 22px;
		padding: 3px 0 1px 5px;
	}

	.list_authors h2{
		margin-bottom: 5px;
	}

	.list_authors{
		min-height: 70px;
		float: left;
		width: 698px;
	}

	.list_authors li{
		float: left;
		list-style: none;
	}

	.single_random {
		margin-left: 16px;
	}

	.single_relations_title {
		background: url("se3.png") no-repeat scroll 0 0 transparent
			!important;
		color: #FFFFFF;
		display: block;
		font-weight: bold;
		height: 43px;
		left: 20px;
		line-height: 25px;
		padding: 5px 10px;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100px;
	}

	.single_relations_title a {
		color: #fff;
	}

	.single_relations_title a:hover {
		color: #3c3c3c;
	}

	.single_relations ul,.single_random ul {
		margin: 10px 0;
	}

	.single_relations ul li,.single_random ul li {
		border-bottom: 1px solid #EEEEEE;
		color: #777777;
		font-size: 13px;
		height: 25px;
		line-height: 25px;
		list-style: none;
		margin-bottom: 5px;
		padding: 0 0 0 5px;
		overflow: hidden;
	}

	.single_url {
		border: 1px dotted #DCDCDC;
		background: #eee;
		clear: both;
		margin: 10px 0px;
		padding: 0 5px;
	}

	.single_url a {
		color: #0099ff;
	}

	.single_url a:hover {
		color: #ff0000;
	}

	.next {
		
	}

	#smilelink img:hover {
		cursor: pointer;
	}
	
	.cate_spe {
		color: yellow;
	}
	
	.tags {
		margin-right: 5px;
	}

	.tags a {
		background: #ccc;
	    border-radius: 2px 2px 2px 2px;
	    color: #3c3c3c;
	    display: inline-block;
	    float: left;
	    height: 20px;
	    line-height: 20px;
	    margin: 0 10px 5px 0;
	    padding: 2px 5px;
	}

	.tags a:hover {
		text-decoration: underline;
	}

	.cate {
		margin: 0 0 0 10px;
	}

	.date {
		margin-right: 5px;
	}

	.view {
		margin-right: 5px;
	}

	.comt {
		margin-right: 5px;
	}

	.s_panel {
		padding: 0 10px;
		color: #3C3C3C;
		font-family: 微软雅黑;
		line-height: 30px;
	}
	
	#imgBox {
		width: 310px;
		-moz-border-radius: 10px;
		height: 250px;
		position: relative;
		z-index: 0;
	}

	#imgNum {
		width: 310px;
		-moz-border-radius: 10px;
		height: 30px;
		position: absolute;
		top: 250px;
		line-height: 30px;
	}

	#imgNum ul li {
		border: 1px solid #555;
		float: left;
		height: 8px;
		margin-left: 10px;
		width: 8px;
	}

	#imgNum ul li span {
		display: block;
		width: 8px;
		height: 8px;
		cursor: pointer;
		background: #fff;
	}

	#imgNum ul li span.current {
		display: block;
		width: 8px;
		height: 8px;
		cursor: pointer;
		background: #696969;
	}

	.imgTitle {
		width: 340px;
		height: 30px;
		line-height: 30px;
		background: url("menu.png") repeat scroll 0 0 transparent
			!important;
		color: #fff;
		overflow: hidden;
		text-align: center;
		font-weight: bold;
		z-index: 0;
	}

	.imgTitle a {
		color: #fff;
	}

	#imgBox ul,#imgNum ul {
		border: medium none;
		margin: 0;
		padding: 0 !important;
	}

	#imgBox li.current {
		filter: alpha(opacity = 100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		z-index: 100;
	}

	#imgBox li {
		width: 340px;
		height: 250px;
		position: absolute;
		filter: alpha(opacity = 0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}

	#imgBox ul li img {
		width: 340px;
		height: 250px;
	}

	.runTitle {
		background-color: #000;
		color: #fff;
		bottom: 30px;
		line-height: 25px;
		overflow: hidden;
		text-align: center;
		width: 150px;
		height: 25px;
		position: absolute;
		z-index: 2;
		filter: alpha(opacity = 60);
		opacity: .6;
	}

	.runTitle a {
		color: #fff;
	}

	.runTitle a:hover {
		color: #eee;
		font-weight: bold;
	}
	
	.s_panel ul li {
		float: left;
		list-style: none outside none;
		margin: 0 10px 10px 0;
	}
	
	.share {
		height: 32px;
		line-height: 32px;
		padding: 10px;
	}

	.share li {
		float: left;
		list-style: none;
		margin: 0 10px 0 0;
		font-weight: bold;
		height: 32px;
		color: #3c3c3c;
		text-shadow: 1px 1px #FFFFFF, 2px 3px #E9E9E9;
	}

	.share li a {
		cursor: pointer;
		width: 32px;
		height: 32px;
		display: block;
	}

	.qq {
		width: 32px;
		background: url("bg.png") no-repeat scroll -8px -35px transparent;
	}

	.t_qq {
		width: 32px;
		background: url("bg.png") no-repeat scroll -44px -35px
			transparent;
	}

	.rss {
		width: 32px;
		background: url("bg.png") no-repeat scroll -85px -35px
			transparent;
	}

	.weibo {
		width: 32px;
		background: url("bg.png") no-repeat scroll -124px -35px
			transparent;
	}
	
	.gallery {
		margin: 0 5px;
		height: 400px;
		background: url("loading.gif") center center no-repeat;
	}

	#gallery-2 img {
		border: none !important;
	}
	
	#roll_top,#fall{
		position:relative;
		width:15px;
		height:50px;
		cursor:pointer
	}
	#ct{
		position:relative;
		width:15px;
		height:50px;
		cursor:pointer
	}
	#roll_top{
		background:url("roll.gif") no-repeat
	}
	#fall{
		background:url("roll.gif") no-repeat 0 -100px
	}
	#ct{
		background:url("roll.gif") no-repeat 0 -50px
	}
	#roll{
	    margin-right: -197px;
	    padding-top: 24px;
		display: none; 
		position: fixed;
	    right: 50%;
	    top: 52%;
	    width: 15px;
	}
	
	.loop_img {
		height: 80px !important;
	}

	.l_imgbox {
		background: url("bg.png") no-repeat scroll -179px -219px
			transparent;
		float: left;
		height: 85px;
		width: 82px;
	}

	.l_text {
		float: left;
		margin: 0 10px;
		width: 195px;
		font-weight: bold;
		position: relative;
	}

	.l_imgbox img {
		margin: 10px 0 0 10px;
		width: 60px;
		height: 60px;
	}

	.firstdiary {
		font-weight: bold;
		text-shadow: 1px 1px #DCDCDC;
	}

	pre {
		width: 100%;
		overflow: scroll;
	}
	
	.before a,.next a {
		color: #666;
	}

	.before a:hover,.next a:hover {
		color: #444;
	}
	
	.post_content {
		margin-bottom: 10px;
	}
	
	#playbtn {
		background-image: url("uparrow.gif");
		cursor: pointer;
		display: block;
		height: 50px;
		position: absolute;
		right: -22px;
		top: 5px;
		width: 20px;
		z-index: 2;
	}

	#closebtn {
		background-image: url("closearrow.gif");
		cursor: pointer;
		display: none;
		height: 50px;
		position: absolute;
		right: -22px;
		top: 5px;
		width: 20px;
		z-index: 2;
	}

	#slide {
		background: #fff;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		display: block;
		width: 1080px;
		height: 0px;
	}

	.slider {
		overflow: hidden !important;
	}
	
	.author_img {
		width: 150px;
		height: 200px;
		float: left;
	}

	.author_desc {
		float: left;
		height: 200px;
		margin-left: 5px;
		overflow: hidden;
		width: 180px;
		word-break: break-all;
	}
	.author_desc li{
		line-height:25px !important;
		overflow:visible !important;
	}
	.author_panel {
		margin-bottom: 20px;
	    padding: 0 10px;
	    position: relative;
	    width: 340px;
	}

	.author_title {
		color: #3c3c3c;
	}

	#slide_space_ad {
		width: 1080px;
		height: 65px;
	}
	
	.say h5 {
		color: #000000;
		font-size: 14px;
		line-height: 200%;
		padding-left: 3px;
		text-align: left;
	}

	.pinglun_box {
		margin-bottom: 10px;
	}

	.pinglun_box a img {
		background: url("headpic.gif") no-repeat scroll 0 0 transparent;
		padding: 2px 5px 8px;
	}

	.pinglun_box img:hover {
		background: url("headpic.gif") no-repeat scroll right top
			transparent;
	}

	.pinglun_box div {
		font-size: 12px;
		line-height: 150%;
	}

	.pinglun_box .comment {
		border-bottom: 1px solid #DDDDDD;
		padding: 0 0 11px;
	}

	.word img,.word img:hover,.yinyong img,.yinyong img:hover {
		background: none repeat scroll 0 0 transparent;
		border: medium none;
		padding: 0;
	}

	.pinglun_r a,.yinyong a {
		color: #884400;
	}

	.time {
		color: #999999;
		margin-right: 15px;
	}

	.pinglun_box .yinyong,.pinglun_box .quote {
		background: none repeat scroll 0 0 #F2F2F2;
		border: 1px solid #DDDDDD;
		font-size: 12px;
		margin: 9px 0 5px;
		padding: 5px 9px;
	}

	.pinglun_box .light {
		background: none repeat scroll 0 0 #FFFFFF;
	}

	.left {
		float: left;
	}

	.right {
		float: right;
		position: relative;
	}

	.comment .word {
		font-size: 14px;
	}

	.pinglun_box p {
		margin: 0;
		padding: 0;
		text-indent: 0;
	}

	.word {
		clear: both;
		color: #000000;
		font-size: 12px;
		line-height: 1.6;
		padding: 5px;
	}

	.pinglun_box a img {
		background: url("headpic.gif") no-repeat scroll 0 0 transparent;
		width: 45px;
		height: 45px;
		padding: 2px 5px 8px;
	}

	.userPro {
		width: 75px;
	}

	.say h5 a {
		color: #990000;
		text-decoration: none;
	}

	#comment {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #DCDCDC;
		padding: 5px;
		position: relative;
		float: left;
	}

	#loading{
		width:120px;
		height: 9px;
		background: url("comment_loading.gif") no-repeat;
	}

	#scroll_sidebar {
		position: relative;
	}
	
	#organic-tabs li {
		list-style: none;
		border-bottom: 1px solid #3CB6E7;
	}

	#organic-tabs {
		position: relative;
		padding: 10px;
		margin: 0 0 15px 0;
		width: 340px;
	}

	#explore-nav {
		overflow: hidden;
		margin: 0 0 10px 0;
	}

	#explore-nav li {
		width: 113px;
		float: left;
	}

	#explore-nav li.last {
		margin-right: 0;
	}

	#explore-nav li a {
		border-width: 0 0 1px;
		color: #555555;
		display: block;
		font-size: 13px;
		padding: 5px;
		text-align: center;
	}

	#explore-nav li a:hover {
		background-color: #eee;
		color: #00BFE1;
	}

	#jquerytuts,#core,#classics {
		display: none;
	}

	ul#featured li a:hover {
		color: #00BFE1;
	}

	#explore-nav li#ex-featured a.current,#explore-nav li#ex-core a.current,#explore-nav li#ex-jquery a.current
		{
		background: #3CB6E7 !important;
		color: white;
	}

	ul#core li a:hover {
		color: #00BFE1;
	}

	ul#jquerytuts li a:hover {
		color: #00BFE1;
	}

	#livetip {
		background-color: #fff;
		border: 1px solid #d2d2d2;
		border-radius: 4px;
		font-size: 12px;
		color: #555;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		display: none;
		z-index: 99999;
		line-height: 25px;
		padding: 8px;
		position: absolute;
		width: 320px;
	}

	#organic-tabs .current {
		color: #fff !important;
	}

	#livetip a {
		color: #FF76AB;
	}

	.title {
		background: url("img_caption_bg.png") no-repeat scroll 0 0
			transparent;
		bottom: 25px;
		color: #F1E8EB;
		height: 20px;
		left: 10px;
		line-height: 20px;
		padding: 0 0 0 10px;
		position: absolute;
		width: 150px;
		z-index: 2;
	}
	
	.activeUsers li a {
		display: block;
		position: relative;
		white-space: nowrap;
		text-decoration: none;
	}

	.activeUsers li a strong {
		font-weight: normal;
		position: absolute;
		display: inline-block;
		left: 20px;
		top: -1px;
		color: #fff;
		padding: 3px;
		z-index: 9999;
		background: none repeat scroll 0 0 rgba(255, 153, 204, 0.8);
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0 0 5px rgba(255,255,255, 0.5);
		-moz-box-shadow: 0 0 5px rgba255,255,255, 0.5);
		-webkit-box-shadow: 0 0 5px rgba(255,255,255, 0.5);
	}
	.list_authors li a{
		position: relative;
		display: block;
		margin-right: 10px;
	}
	.list_authors li a strong{
		font-weight: normal;
		position: absolute;
		display: inline-block;
		left: 20px;
		top: -1px;
		color: #fff;
		padding: 3px;
		z-index: 9999;
		background: #80DBFF;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0 0 5px rgba(255,255,255, 0.5);
		-moz-box-shadow: 0 0 5px rgba255,255,255, 0.5);
		-webkit-box-shadow: 0 0 5px rgba(255,255,255, 0.5);
	}
	
	#tagPanel li {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #DDDDDD;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0 1px 1px #EEEEEE;
		float: left;
		line-height: 20px;
		list-style: none outside none;
		margin: 3px;
		padding: 2px 6px;
	}

	.tagText {
		color: #0099FF;
	}
	.countPanel {
		padding-left: 2px;
	}
	
	#album_container {
	    position: relative;
	    text-align: center;
	    width: 1080px;
	}

	#album_container .cell{ padding:5px 5px 0; border:1px solid #E3E3E3; background:#FFFFFF; margin-top:10px}
	#album_container .cell {
		margin:0 0 10px;
		max-height: 400px;
		overflow: hidden;
		WIDTH: 192px;
	}
	#album_container .cell img{
		MAX-WIDTH: 100% !important;
		min-width: 190px;
		HEIGHT: auto !important;
		width:expression(this.width > 190 ? "190px" : this.width) !important;
	}
	#album_container .cell img:hover{
		opacity: 0.7;
	}
	#album_container p{ 
		float: left;
	    line-height: 20px;
	    padding: 5px;
	    text-align: left;
	    width: 180px;
	}

	#album_container p a{ 
		color:#3c3c3c;
	}	

	#album_container p a:hover{ 
		text-decoration: underline;
	}	

	#album_menu {
		width: 200px;
		height: 500px;
		background: #fff;
		float: left;
		padding: 10px;
	}

	#album_menu dd {
		font-family: Microsoft YaHei;
		font-size: 12px;
		height: 37px;
		line-height: 37px;
		overflow: hidden;
		padding: 0 10px;
	}

	#album_menu dd:hover {
		background: #c6ebfa;
	}

	#album_panel {
		width: 829px;
		height: 500px;
		float: left;
		border-left: 1px solid #DCDCDC;
		padding: 10px;
		background: #fff;
	}

	#album_panel li {
		display: inline-block;
		margin: 10px 25px 10px 10px;
		position: relative;
		width: 126px;
		list-style: none;
		float: left;
	}

	#album_panel li a {
		background: url("album.png") no-repeat scroll transparent;
		cursor: pointer;
		padding: 5px;
		display: block;
		width: 126px;
	}

	#album_panel li span a {
		background: none;
		height: auto;
		padding: 0;
		width: auto;
	}

	#album_menu dd a:hover {
		color: #0099cc;
	}

	#album_panel li span {
		color: #333333;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		height: 35px;
		margin: 5px 0 0 3px;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 124px;
		word-wrap: normal;
	}

	.album_list {
		font-size: 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-style: italic;
		display: inline-block;
		margin-right: 5px;
	}

	.current_album {
		color: #878787;
		display: inline-block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		margin-left: 5px;
		margin-right: 30px;
	}

	.list_top {
		border-bottom: 2px solid #C2C2C2;
		color: #ABABAB;
		height: 21px;
		margin-bottom: 7px;
		padding-bottom: 3px;
	}

	#album_panel li a img {
		width: 120px;
		height: 80px;
	}
	.commarea{
	    color: #3c3c3c;
	    float: right;
	}
	.likearea {
	    cursor: pointer;
	    height: 22px;
	    line-height: 22px;
	}
	.likearea_box{
	    background: #FF74A1;
	    border: 1px solid #FA5B90;
	    border-radius: 2px 2px 2px 2px;
	    color: #FFFFFF;
	    float: left;
	    font-weight: normal;
	    height: 20px;
	    line-height: 20px;
	    margin-right: 6px;
	    text-align: center;
	    width: 50px;
	}
	.red_f {
	    color: #3c3c3c;
	}
	
	.galleria-container {
		position: relative;
		overflow: hidden;
		background: #fff;
	}

	.galleria-container img {
		-moz-user-select: none;
		-webkit-user-select: none;
		-o-user-select: none;
	}

	.galleria-stage {
		position: absolute;
		top: 10px;
		bottom: 65px;
		left: 3px;
		right: 3px;
		overflow: hidden;
	}

	.galleria-thumbnails-container {
		height: 50px;
		bottom: 0;
		position: absolute;
		left: 0px;
		right: 0px;
		z-index: 2;
	}

	.galleria-carousel .galleria-thumbnails-list {
		margin-left: 30px;
		margin-right: 27px;
	}

	.galleria-thumbnails .galleria-image {
		height: 40px;
		width: 40px;
		background: #fff;
		margin: 0 5px 0 1px;
		border: 1px solid #666;
		float: left;
		cursor: pointer;
	}

	.galleria-thumbnails .active {
		border-color: #c00;
	}

	.galleria-counter {
		position: absolute;
		bottom: 10px;
		left: 10px;
		text-align: right;
		color: #000;
		font: normal 11px/1 arial, sans-serif;
		z-index: 2;
	}

	.galleria-loader {
		background: #fff;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 2;
		display: none;
		background: url("loading.gif") no-repeat 2px 2px;
	}

	.galleria-info {
		width: 50%;
		top: 15px;
		left: 15px;
		z-index: 2;
		position: absolute;
	}

	.galleria-info-text {
		background-color: #000;
		filter: alpha(opacity = 70);
		opacity: .7;
		padding: 12px;
		display: none; 
		zoom: 1;
	}

	.galleria-info-title {
		font: bold 12px/1.1 arial, sans-serif;
		margin: 0;
		color: #fff;
	}

	.galleria-info-description {
		font: 12px/1.4 arial, sans-serif;
		margin: 0;
		color: #DCDCDC;
	}

	.galleria-info-title+.galleria-info-description {
		margin-top: 7px;
	}

	.galleria-info-close {
		width: 9px;
		height: 9px;
		position: absolute;
		top: 5px;
		right: 5px;
		background-position: -753px -11px;
		opacity: .8;
		filter: alpha(opacity = 80);
		cursor: pointer;
		display: none;
	}

	.galleria-info-close:hover {
		opacity: 1;
		filter: alpha(opacity = 100);
	}

	.galleria-info-link {
		background-position: -669px -5px;
		position: absolute;
		width: 20px;
		height: 20px;
		cursor: pointer;
	}

	.galleria-image-nav {
		position: absolute;
		top: 50%;
		margin-top: -62px;
		width: 100%;
		height: 62px;
		left: 0;
	}

	.galleria-image-nav-left,.galleria-image-nav-right {
		opacity: .3;
		filter: alpha(opacity = 30);
		cursor: pointer;
		width: 62px;
		height: 124px;
		position: absolute;
		left: 10px;
		z-index: 2;
		background-position: 0 46px;
	}

	.galleria-image-nav-right {
		left: auto;
		right: 10px;
		background-position: -254px 46px;
		z-index: 2;
	}

	.galleria-image-nav-left:hover,.galleria-image-nav-right:hover {
		opacity: 1;
		filter: alpha(opacity = 100);
	}

	.galleria-thumb-nav-left,.galleria-thumb-nav-right {
		cursor: pointer;
		display: none;
		background-position: -495px 5px;
		position: absolute;
		left: 0;
		top: 0;
		height: 40px;
		width: 23px;
		z-index: 3;
		opacity: .8;
		filter: alpha(opacity = 80);
	}

	.galleria-thumb-nav-right {
		background-position: -578px 5px;
		border-right: none;
		right: 0;
		left: auto;
	}

	.galleria-thumbnails-container .disabled {
		opacity: .2;
		filter: alpha(opacity = 20);
		cursor: default;
	}

	.galleria-thumb-nav-left:hover,.galleria-thumb-nav-right:hover {
		opacity: 1;
		filter: alpha(opacity = 100);
		background-color: #fff;
	}

	.galleria-thumbnails-container .disabled:hover {
		opacity: 0.2;
		filter: alpha(opacity = 20);
		background-color: transparent;
	}

	.galleria-carousel .galleria-thumb-nav-left,.galleria-carousel .galleria-thumb-nav-right
		{
		display: block;
	}

	.galleria-thumb-nav-left,.galleria-thumb-nav-right,.galleria-info-link,.galleria-info-close,.galleria-image-nav-left,.galleria-image-nav-right
		{
		background-image: url("classic-map.png");
		background-repeat: no-repeat;
	}
	
	#list_icon {
		float: left;
		margin: 0 0 10px;
		padding: 0 0 5px;
		width: 100%;
	}

	#list_icon strong{
		color:#3CB6E7;
	}

	#list_icon span{
		color: #3CB6E7;
	}

	.cool-post-box {
		background: #fff;
		float: left;
		margin-top: 10px;
		padding: 10px;
		position: relative;
		width: 698px;
	}


	.cool-post-img {
		margin: auto;
		height: 155px;
		overflow: hidden;
		margin: 15px 0 0;
		padding: 10px;
		float:left;
		position: relative;
		WIDTH: 255px;
	}
	.cool-post-img img{
		MAX-WIDTH: 100% !important;
		min-width: 255px;
		HEIGHT: auto !important;
		width:expression(this.width > 245 ? "245px" : this.width) !important;
	}

	.cool-post-content {
		color: #666666;
	    float: left;
	    height: 210px;
	    line-height: 25px;
	    overflow: hidden;
	    padding: 5px;
	    width: 410px;
	}

	.cool-read {
		float: right;
		height: 212px;
		display: none;
		width: 43px;
	}

	.cool-post-title a {
		color: #3CB6E7;
	    font-size: 13px;
	    font-weight: bold;
	    text-shadow: 1px 1px #FFFFFF, 2px 3px #E9E9E9;
	}

	.cool-post-title a:hover {
		text-decoration: underline;
	}

	.cool-post-img a{
		height: 155px;
		WIDTH: 255px;
	}

	.cool-clear {
		background: url("clear.png") no-repeat scroll center -3px
			transparent;
		float: left;
		height: 12px;
		width: 100%;
	}

	.cool-vedio-icon {
		background: url("video-play-icon.png") no-repeat scroll center
			center transparent;
		width: 255px;
		top:40px;
		position: absolute;
		cursor: pointer;
		left: 20px;
		height: 155px;
	}

	.cool-title {
	    background: #80DBFF;
		color: #FFFFFF;
		height: 25px;
		left: 10px;
		line-height: 25px;
		padding: 0 0 0 10px;
		position: absolute;
		top: 10px;
		width: 245px;
		z-index: 2;
	}

	.v {
		background: url("v.png") no-repeat scroll 0 0 transparent;
		height: 14px;
		line-height: 13px;
		float: left;
		width: 60px;
		margin: 6px 0 0;
		padding: 0 0 0 20px;
	}

	.c {
		background: url("c.png") no-repeat scroll 0 0 transparent;
		height: 16px;
		line-height: 15px;
		float: left;
		width: 60px;
		margin: 6px 0 0;
		padding: 0 0 0 20px;
	}

	.cool-time {
	    background:#80DBFF;
	    border: 1px solid;
	    color: #FFFFFF;
	    display: block;
	    font-family: arial;
	    font-size: 12px;
	    height: 20px;
	    right: 0px;
	    line-height: 20px;
	    overflow: hidden;
	    padding: 0 10px;
	    position: absolute;
	    text-align: center;
	    top: 0;
	    z-index: 10;
	}

	.in {
		background: url("in.png") no-repeat scroll 0 0 transparent;
		height: 16px;
		line-height: 15px;
		float: left;
		width: 60px;
		margin: 6px 0 0;
		padding: 0 0 0 20px;
	}

	.p {
		background: url("p.png") no-repeat scroll 0 0 transparent;
		height: 16px;
		line-height: 15px;
		float: left;
		width: 60px;
		margin: 6px 0 0;
		padding: 0 0 0 20px;
	}

	.cool-tags {
		float: left;
		margin: 10px 0 0;
	}

	.cool-post-title {
		height: 150px;
		overflow: hidden;
		padding: 3px 0 0;
	}

	.cool-tags a {
		background:  #CCCCCC;
	    border-radius: 2px 2px 2px 2px;
	    color: #3c3c3c;
	    display: inline-block;
	    float: left;
	    height: 20px;
	    line-height: 20px;
	    margin: 0 10px 5px 0;
	    padding: 2px 5px;
	}

	.cool-tags a:hover {
		text-decoration: underline;
	}

	#cool-link {
		float: left;
		margin: 20px 5px;
		position: relative;
		width: 1060px;
	}

	#cool-link a:hover{
		color:#3c3c3c;
	}

	#cool-link h3 {
		color: #999999;
		font-size: 14px;
		margin-bottom: 5px;
		font-weight: normal;
	}
	hr{
		background: url("border-blue.png") repeat scroll 0 0 transparent;
   		border: medium none;
   		height:2px;
	}
	#cool-link ul li {
		float: left;
		list-style: none outside none;
		margin-right: 20px;
	}

	#cool-analytics {
		float: right;
		width: 200px;
		margin: 0 12px 20px;
		position: relative;
		color: #999999;
		text-align: right;
	}

	#cool-copyright {
		color: #999999;
		float: left;
		margin: 0 5px 20px;
		position: relative;
		width: 830px;
	}

	#featured li,#core li,#jquerytuts li {
		line-height: 30px;
		border: none;
	}
	
	.widget h2 {
		color: #FFFFFF !important;
	    font-size: 14px;
	    line-height: 30px;
	    padding: 0 10px;
	    position: relative;
	    text-decoration: none;
	}

	.widget-wrap {
		border: none !important;
	}

	ul#featured li a:hover {
		color: #000;
	}

	ul#core li a:hover {
		color: #000;
	}

	ul#jquerytuts li a:hover {
		color: #000;
	}

	.widget ul li a:hover {
		color: #000;
	}
	
	#wp-calendar caption {
		background: none repeat scroll 0 0 #EEEEEE;
		border: 1px solid #F9F9F9;
		cursor: pointer;
		height: 30px;
		line-height: 30px;
		text-align: center;
	}

	table {
		border: 0;
		margin: 0;
		border-collapse: collapse;
	}

	thead tr th {
		background: none repeat scroll 0 0 #EEEEEE;
		color: #666666;
		font-size: 15px;
		font-weight: bold;
		height: 30px;
		line-height: 30px;
	}

	td {
		background: none repeat scroll 0 0 #EEEEEE;
		border: 1px solid #F9F9F9;
		color: #555555;
		height: 30px;
		line-height: 30px;
		text-align: center;
		width: 50px;
	}

	td#prev {
		color: #000;
	}

	.pad {
		background: #fff;
	}

	#prev {
		color: #000;
		background: #fff;
		text-align: left;
	}

	td a {
		color: #0099CC;
		text-decoration: underline !important;
	}

	#prev a {
		color: #666;
	}

	#next {
		color: #000;
		background: #fff;
		text-align: right;
	}

	#prev a {
		color: #666;
	}

	.widget_calendar #wp-calendar {
		color: #555;
		width: 100%;
		text-align: center;
	}

	.single_content {
		font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";
		margin: 0 auto;
		position: relative;
		line-height: 36px;
	}

	.single_left {
		float: left;
		width: 660px;
	}

	.single_left p {
		border-bottom: 1px dotted #EEEEEE;
		color: #888888;
		font-size: 14px;
		width: 550px;
	}

	.single_left p span {
		color: #000000;
	}

	.single_left p a {
		background:#80DBFF;
	    border-radius: 2px 2px 2px 2px;
	    color: #fff;
	    display: inline-block;
	    float: none;
	    height: 25px;
	    line-height: 25px;
	    margin: 0 5px 8px;
	    padding: 0 10px;
	}

	
	.single_header {
		border-bottom: 2px solid #EEEEEE;
		float: left;
		margin: 0 0 10px;
		width: 1080px;
	}

	.single_right {
		float: right;
	}

	.single_right a img {
		border-radius: 5px;
		height: 180px;
	    width: 240px;
		border: 3px solid #80DBFF;
	}

	.single_header h1 {
		color: #363636;
		font-family: "微软雅黑", "黑体";
		font-size: 28px;
		font-weight: bold;
		line-height: 35px;
		word-wrap: break-word;
		max-height: 150px;
		overflow: hidden;
		_height: expression_r(function(el){el.style.height=el.scrollHeight>  150?
			 "150px":  "auto";
	}

	(
	this
	));


	}
	.single_core {
		color: #000000;
	    float: left;
	    line-height: 40px;
	    overflow: hidden;
	    width: 1080px;
	}

	.single_core p {
		text-indent: 2em;
	}

	.date,.author,.view,.tags {
		display: inline-block;
		height: 32px;
	}

	.date,.author,.view {
		text-shadow: 1px 1px #FFFFFF, 2px 3px #E9E9E9;
	}

	#next_a {
		cursor: pointer;
		display: block;
		min-height: 600px;
		padding-top: 150px;
		position: fixed;
		right: 0;
		top: 150px;
		width: 9%;
		z-index: 3;
	}

	#prev_a span,#next_a span {
		color: #3c3c3c;
		font-size: 120px;
		line-height: 160px;
		width: 50px;
	}

	#prev_a {
		cursor: pointer;
		display: block;
		left: 0;
		min-height: 600px;
		padding-top: 150px;
		position: fixed;
		top: 150px;
		width: 9%;
		text-align: right;
		z-index: 3;
	}
	
	::-moz-selection {
		background: none repeat scroll 0 0 #FFFFFF;
	    color: #3c3c3c;
	    text-shadow: 0 -1px 0 #FFFFFF;
	}

	::selection {
		background: lightblue;
		color: #3c3c3c;
		text-shadow: 0 -1px 0 #fff;
	}

	code::-moz-selection {
		background: lightblue;
		color: #3c3c3c;
		text-shadow: 0 -1px 0 #fff;
	}

	code::selection {
		background: lightblue;
		color: #3c3c3c;
		text-shadow: 0 -1px 0 #fff;
	}
	
	.user-nav {
		float: right;
	}

	button:hover,.btn:hover {
		background-color: #fff;
	}

	.btn a,a.btn {
		text-decoration: none;
	}


	.login-submit .button-primary:hover,.login-submit .button-primary:active,.login-submit .button-primary.active,.btn-black:hover,.btn-black:active,.btn-black.active
		{
		background: #fff;
	}

	.btn-red {
		border-color: #bd362f #bd362f #802420 !important;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
			!important;
		background-color: #da4f49;
	}

	.btn-red:hover,.btn-red:active,.btn-red.active {
		background: #bd362f;
	}

	

	input,textarea,select,button,.btn {
		background-color: #FFFFFF;
		border: 1px solid #D7D7D7;
		border-radius: 3px 3px 3px 3px;
		display: inline-block;
		margin: 0;
		outline: medium none;
	}

	.login-submit .button-primary,button,.btn {
		background-color: #F5F5F5;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
		cursor: pointer;
		font-weight: bold;
		padding: 4px 12px;
		text-align: center;
		width: auto;
	}

	#account-nav .dropdown-content ul {
		padding: 5px 0;
	}

	#login-nav .register-link,#login-nav .login-link {
		float: left;
	}

	.user-nav a {
		font-size: 12px;
	}

	.btn a,a.btn {
		text-decoration: none;
	}


	.login-submit .button-primary,.btn-green,.btn-black,.btn-red,.btn-blue,.btn-lightblue,.btn-green:hover,.btn-black:hover,.btn-red:hover,.btn-blue:hover,.btn-lightblue:hover
		{
		color: #3c3c3c;
	}

	label,input,textarea,select,button,.btn {
		font: 13px/19px sans-serif;
	}

	#login-nav .login-link {
		margin-left: 10px;
		position: relative;
		z-index: 3;
		color: #3c3c3c;
	}

	#login-nav .dropdown {
		float: left;
		position: relative;
		z-index: 1;
		height: 29px;
	}

	#login-nav .dropdown-content {
		z-index: 2;
		position: absolute;
		right: 0;
		top: 34px;
		background: #FFF;
		width: 230px;
		padding: 15px 15px 5px;
		border: 1px solid #D7D7D7;
		-webkit-border-radius: 3px 0 3px 3px;
		border-radius: 3px 0 3px 3px;
		visibility: hidden;
		opacity: 0;
	}

	#loginform {
		margin: 0;
	}

	#loginform p {
		margin: 0 0 10px;
	}

	#loginform .login-username label,#loginform .login-password label {
		display: block;
	}

	#loginform .login-username input,#loginform .login-password input {
		width: 220px;
		padding: 4px;
	}

	#loginform .login-remember label {
		line-height: 19px;
		font-size: 12px;
	}

	#loginform .lost-password {
		float: right;
		line-height: 19px;
		font-size: 12px;
	}

	#login-nav .dropdown:hover .login-link,#login-nav .dropdown:hover .login-link:hover
		{
		padding-bottom: 11px;
		background: #FFF !important;
		color: #777;
		border: 1px solid #D7D7D7 !important;
		border-bottom: 0 !important;
		text-shadow: none;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
		position: relative;
		z-index: 4;
	}

	#login-nav .dropdown:hover .dropdown-content {
		visibility: visible;
		opacity: 1;
	}

	#account-nav {
		float: right;
		position: relative;
		height: 29px;
		z-index: 1;
	}

	#account-nav a {
		text-decoration: none;
	}

	#account-nav .dropdown-handle {
		position: relative;
		z-index: 3;
	}

	#account-nav .dropdown-handle .avatar {
		width: 25px;
		height: 25px;
		padding: 1px;
		border: 1px solid #DCDCDC;
		background: #FFF;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		vertical-align: middle;
		float: left;
		margin-right: 4px;
	}

	#account-nav .dropdown-handle .display-name {
		float: left;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		z-index: 4;
	}

	#account-nav .dropdown-handle .arrow-down {
		background: url("arrow-down.png") no-repeat right 8px;
		padding-right: 12px;
		float: left;
	}

	#account-nav .dropdown-content {
		width: 100%;
		position: absolute;
		z-index: 2;
		right: 0;
		top: 34px;
		opacity: 0;
		visibility: hidden;
	}

	#account-nav .dropdown-content-inner {
		background: #F7F7F7;
		border: 1px solid #DCDCDC;
		-webkit-border-radius: 3px 0 3px 3px;
		border-radius: 3px 0 3px 3px;
	}

	#account-nav .dropdown-content ul {
		padding: 5px 0;
	}

	#account-nav .dropdown-content li {
		padding: 4px 10px;
		list-style: none;
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #E7E7E7;
	}

	#account-nav .dropdown-content li:first-child {
		border-top: 0;
	}

	#account-nav .dropdown-content li:last-child {
		border-bottom: 0;
	}

	#account-nav:hover .display-name {
		padding-bottom: 11px;
		background: #F7F7F7;
		border-color: #DCDCDC;
		border-bottom: 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}

	#account-nav:hover .dropdown-content {
		visibility: visible;
		opacity: 1;
	}

	.tagcloud {
		background: none repeat scroll 0 0 #F2F2F2;
		list-style: none outside none;
	}
	#author{
		background:url("author.png") no-repeat scroll 5px 7px transparent;
		padding-left: 25px !important;
	}
	#email{
		background:url("email.png") no-repeat scroll 5px 7px transparent;
		padding-left: 25px !important;
	}
	#url{
		background:url("url.png") no-repeat scroll 5px 7px transparent;
		padding-left: 25px !important;
	}
	#comment{
		background:url("comment.png") no-repeat scroll center center transparent;
	}
	.comment_strong{
		text-align: center;
	}

	.comment_handler{
		text-align: center;
	}
	.icon-ilike {
	    background: url("ding.png") no-repeat scroll 0 1px transparent;
	    display: inline-block;
	    padding-left: 24px;
	}
	.icon-ihate {
	    background: url("cai.png") no-repeat scroll 0 4px transparent;
	    display: inline-block;
	    padding-left: 24px;
	}
	.comment_handler a{
		background: linear-gradient(to bottom, #FAFAFA 0%, #ECECEC 100%) repeat scroll 0 0 transparent;
	    border: 1px solid #AAAAAA;
	    border-radius: 2px 2px 2px 2px;
	    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 #DDDDDD;
	    color: #3CB6E7;
	    display: inline-block;
	    font-weight: bold;
	    cursor: pointer;
	    height: 26px;
	    line-height: 26px;
	    margin: 10px 5px 5px 0;
	    text-align: center;
	    padding: 0 5px;
	    text-indent: 0;
	}
	.comment_strong a{
		cursor: pointer;
	}
	.nav_text{
		display: none;
	}
	.like_a{
		background:url("xianhua.gif") no-repeat scroll 0 10px transparent;
		display: inline-block;
	    height: 40px;
	    padding: 15px 0 0;
	    width: 100px;
	}
	.hate_a{
		background:url("jidan.gif") no-repeat scroll 0 10px transparent;
		display: inline-block;
	    height: 40px;
	    padding: 15px 0 0;
	    width: 100px;
	}
	#skin_change{
    	float: right;
   		margin: 10px 0 0;
	}

	#skin_change li {
	    cursor: pointer;
	    float: left;
	    list-style: none outside none;
	    background: url("skin.png") no-repeat scroll 0 -20px transparent;
	    height: 9px;
	    margin-left: 5px;
	    overflow: hidden;
	    width: 10px;
	}
}
@media screen and (max-width: 900px) {
	.font-style{
		color: #FFFFFF;
	    float: right;
	    font-size: 13px;
	    padding-right: 10px;
	}
	.cut{
		margin:0 5px;
	}
	.cool-tags a {
		background: #FFDCE7;
		border-radius: 2px 2px 2px 2px;
		color: #3c3c3c;
		font-size:13px;
		padding: 4px 8px;
	}
	.cool-tags {
		margin: 10px 0 10px;
	}
	.cool-tags a:hover {
		text-decoration: underline;
	}
	#logo a {
		color: #3c3c3c !important;
		text-decoration: none;
		font-size: 20px;
  		font-weight: bold;
	}
	hr{
		background: url("border-blue.png") repeat scroll 0 0 transparent;
   		border: medium none;
   		height:2px;
	}
	#content_center{
		display: none;
	}
	#logo{
		margin: 0 auto;
	    text-align: center;
	    width: 100%;
	}
	#post_collection {
	    display: none;
	}
	.search{
		display: none;
	}
	#account-nav{
		display: none;
	}
	
	
	#menu{
		background:url("menu.png") repeat scroll 0 0 transparent;
	    overflow: hidden;
	    padding: 0;
	}
	#menu li span{
		background: url("primary-nav-submenu.png") no-repeat scroll 0 0 transparent;
	    display: block;
	    height: 5px;
	    position: absolute;
	    right: 15px;
	    top: 23px;
	    width: 5px;
	}	
	#menu ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		}
		
	#menu li {
		list-style: none;
		border-right:1px solid #F2F2F2;
		text-align: center;
		margin: 0px;
		padding: 0px;
		position: relative;
	}
		
	#menu li a, #menu li a:link, #menu li a:visited {
		color:#fff;
		font-size:13px;
		display: block;
		margin: 0px;
		text-decoration:none;
		padding: 0px 20px ;
		line-height:35px;
		}
	.current-menu-item, .current-menu-parent {
	    background: url("menu.png") repeat scroll 0 0 transparent;
	    position: relative;
	}
	#menu li li a, #menu li li a:link, #menu li li a:visited {
		 background: none repeat scroll 0 0 #FFFFFF;
	    border-bottom: 1px solid #E7E7E7;
	    color: #777777;
	    font-size: 12px;
	}

	#menu li ul {
		z-index: 9999;
		position: absolute;
		left: -999em;
		height: auto;
		margin: 0px;
		padding: 0px;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.42);
		}

	#menu li li { 
		background:#fff;
		float:none;
		}


	#menu li ul a:hover, #menu li ul a:active { 
		background:#eee;
		}

	#menu li ul ul {
		margin: -33px 0 0 92px;
		}

	#menu li:hover ul ul, #menu li:hover ul ul ul, 
	#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
		left: -999em;
		}

	#menu li:hover ul, #menu li li:hover ul, 
	#menu li li li:hover ul, #menu li.sfhover ul, 
	#menu li li.sfhover ul, #menu li li li.sfhover ul {
		left: auto;
		}

	#menu li:hover, #menu li.sfhover { 
		position: static;
		background:none repeat scroll 0 0 rgba(252, 0, 126, 0.3);
		}
	#foxmenucontainer{
		height:35px;
		display:block;
		margin:20px auto;
		font-size: 12px;
		font-weight:normal;
		width:1000px;
		text-transform:uppercase;


	}


	#nav {
		float: left;
		background:url("menu.png") repeat scroll 0 0 transparent;
		width: 100%;
		
		display: none;
	}
	#user_feeling{
		display: none;
	}
	.nav_text{
		color: #3c3c3c;
	    cursor: pointer;
	    display: block;
	    font-size: 13px;
	    font-weight: bold;
	    position: absolute;
	    right: 2%;
	    top: 2%;
	}
	.cool-clear{
		display: none;
	}

	.cool-post-img img{
		height: 50%;
  	    width: 80%;
	}
	.cool-title{
		display: none;
	}
	.cool-read{
		display: none !important;
	}
	#sidebar{
		display: none;
	}
	.cool-post-title a{
		color: #3c3c3c;
	    display: block;
	    font-weight:bold;
	    line-height: 33px;
	    margin: 0 0 10px;
	    padding-right: 50px;
	    text-transform: uppercase;
	    word-wrap: break-word;
	    text-decoration: none;
	}
	br{
		display: none;
	}
	#cool-footer{
		display: none;
	}
	
	.pagination .current {
		background: none repeat scroll 0 0 #FFFFFF;
	    border-radius: 15px 15px 15px 15px;
	    color: #3c3c3c !important;
	    font-size: 12px;
	    padding: 5px 10px;
	}

	.pagination {
	    height: 20px;
	    line-height: 20px;
	    margin: 10px;
	    padding: 0 10px;
	    position: relative;
	    text-align: center;
	    width: 100%;
	}

	.pagination span,.pagination a {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #DCDCDC;
		color: #787878;
		font-size: 12px;
		border-radius: 12px;
		text-decoration: none;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		margin: 2px 6px 2px 0;
		padding: 3px 8px;
	}
	.cool-post-box{
		width: 100%;
	}
	a{
		color:#3c3c3c;
	}
	.cool-post-content{
		border-bottom: 1px solid #3c3c3c;
		margin-bottom: 10px;
	}
	.cool-post-title{
		padding: 10px 0;
	}
	.cool-time{
		display: block;
		color: #666666 !important;
	    margin-bottom: 10px;
	    width: 100%;
	}
	#login-nav{
		display: none;
	}
	.s_position {
		background: none repeat scroll 0 0 rgba(255, 153, 204, 0.8);
	    color: #FFFFFF;
	    float: left;
	    font-size: 15px;
	    font-weight: bold;
	    height: 25px;
	    line-height: 25px;
	    padding: 3px 0 1px 5px;
	    position: relative;
	    width: 100%;
	}
	.s_position a {
		color: #fff;
		text-decoration: none;
	}

	.s_position a:hover {
		text-decoration: underline;
	}
	.font-style a {
	    cursor: pointer;
	}
	#comment{
		width: 100%;
	}
	.before,.next{
		clear: both;
	    float: left;
	    margin: 10px 0;
	    width: 100%;
	}
	
	.single_author{
		border: 1px solid #DCDCDC;
		background: none repeat scroll 0 0 #FFFFFF;
	    color: #000000;
	    font-family: Arial,Helvetica,sans-serif;
	    font-size: 12px;
		clear: both;
		line-height: 20px;
	    margin-bottom: 10px;
	    padding: 5px 10px;
	    position: relative;
	    text-shadow: 1px 1px 1px #FFFFFF;
	    z-index: 2;
	}
	.single_relations,.single_random {
		background: none repeat scroll 0 0 #FFFFFF;
		margin-bottom: 10px;
		position: relative;
		width: 100%;
		height: 220px;
	}

	.single_relations h2,.single_random h2 {
		background: none repeat scroll 0 0 rgba(255, 153, 204, 0.8);
		color: #FFFFFF !important;
		font-size: 14px;
		height: 25px;
		line-height: 22px;
		padding: 3px 0 1px 5px;
	}

	.single_relations_title {
		background: #80DBFF;
		color: #FFFFFF;
		display: block;
		font-weight: bold;
		height: 43px;
		left: 20px;
		line-height: 25px;
		padding: 5px 10px;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100px;
	}

	.single_relations_title a {
		color: #fff;
	}

	.single_relations_title a:hover {
		color: #3c3c3c;
	}

	.single_relations ul,.single_random ul {
		margin: 0;
  		padding: 0;
	}

	.single_relations ul li,.single_random ul li {
		border-bottom: 1px solid #EEEEEE;
		color: #777777;
		font-size: 13px;
		height: 25px;
		line-height: 25px;
		list-style: none;
		margin-bottom: 5px;
		padding: 0 0 0 5px;
		overflow: hidden;
	}

	.single_relations ul li a,.single_random ul li a{
		color: #777 !important;
		text-decoration: none;
	}

	.single_url {
		border: 1px dotted #DCDCDC;
		background: #eee;
		clear: both;
		margin: 10px 0px;
		padding: 0 5px;
	}

	.single_url a {
		color: #0099ff;
	}

	.single_url a:hover {
		color: #ff0000;
	}

	.s_panel h2 {
		color:#3c3c3c;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		text-shadow: 1px 1px #FFFFFF, 2px 3px #E9E9E9;
	}
	
	::-moz-selection {
		background: none repeat scroll 0 0 #FFFFFF;
	    color: #3c3c3c;
	    text-shadow: 0 -1px 0 #FFFFFF;
	}
	#comments {
	    border: 1px solid #DCDCDC;
	    color: #000000;
	    font-family: Arial,Helvetica,sans-serif;
	    font-size: 12px;
	    font-weight: bold;
	    letter-spacing: 2px;
	    margin-bottom: 10px;
	    padding: 5px 10px;
	    position: relative;
	    text-shadow: 1px 1px 1px #FFFFFF;
	    text-transform: uppercase;
	    z-index: 2;
	}
	.admin{
		background:url("admin.png") no-repeat scroll 98% 20% transparent;
	}
	#comments-title-triangle {
		z-index: 1;
		display: block;
		position: absolute;
		top: 10px;
		left: -22px;
		width: 0px;
		height: 0px;
		border-bottom: 10px solid transparent;
		border-top: 10px solid transparent;
		border-right: 10px solid #930000;
		font-size: 0px;
		line-height: 0px;
	}

	#commentsbox {
		background: none repeat scroll 0 0 #FFFFFF;
	    float: left;
	    width: 100%;
	    position: relative;
	}

	#commentsbox ol,#commentsbox ul {
		list-style: none;
		margin-left: 0 !important;
		padding: 0;
	}

	#commentsbox li {
		margin-bottom: 30px;
		border: 1px solid #DDDDDD;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0 1px 1px #EEEEEE;
		line-height: 20px;
		list-style: none outside none;
		margin-bottom: 10px;
		padding: 0px 6px;
	}

	.children {
		list-style: none;
		margin: 30px 0 0;
		text-indent: 0;
	}

	.children li.depth-2 {
		margin: 0 0 0px 50px
	}

	.children li.depth-3 {
		margin: 0 0 0px 50px
	}

	.children li.depth-4 {
		margin: 0 0 0px 50px
	}

	.children li.depth-5 {
		margin: 0 0 0px 50px
	}

	.comment-body {
		margin-left: 50px;
		padding: 5px 10px 10px 0;
		position: relative;
	}

	.comment-body p {
		overflow: hidden;
	}

	#commentsbox .avatar {
		position: absolute;
	}

	.comment-author {
		font-size: 12px;
		color: #000;
		font-weight: bold;
		line-height: 1em;
	}

	.author_pic {
		background-repeat: no-repeat;
		height: 32px;
		margin: 4px 0 4px 4px;
		position: relative;
		width: 32px;
	}

	.author_pic img {
		width: 32px;
		height: 32px;
	}

	.author_pic_span {
		display: inline;
		float: left;
		height: 40px;
		left: -50px;
		position: absolute;
		margin: 0 10px 0 0;
		width: 40px;
	}

	.comment_author_title,.comment_author_title a {
		color: #555;
	}

	.says {
		display: none
	}

	.comment-meta a {
		margin-bottom: 10px;
		font-family: 'Droid Serif', arial, serif;
		font-size: 10px;
		color: #0099cc;
	}

	.comment-reply-link {
		display: none;
		font-size: 10px;
		position: absolute;
		bottom: 0;
		right: 0;
		border: 1px solid #E3E3E3;
		padding: 0 8px;
		border-bottom: none;
		background: #EEE;
		color: #666;
	}

	.comment-body:hover .comment-reply-link {
		display: block
	}

	.cancel-comment-reply a {
		color: #F00 !important;
		line-height: 20px;
		height: 20px;
	}
	#comment {
	    background: url("comment.png") no-repeat scroll center center transparent;
	}

	#respond {
		margin: 20px 0 15px;
		font-size: 13px;
	}

	#comments-respond {
		margin: 0 0 10px;
		padding: 0;
		clear: both;
	}

	#commentform label {
		display: block;
		font-size: 12px;
	}

	#commentform input {
		margin-bottom: 10px;
		width: 40%;
	}

	#commentform textarea {
		margin-top: 10px;
		display: block;
		width: 98%;
	}

	#commentform input,#commentform textarea {
		position: relative;
		padding: 5px;
		border: 1px solid #dcdcdc;
	}

	#commentform input:focus,#commentform textarea:focus {
		-moz-box-shadow: 0px 0px 4px #DCDCDC;
		-webkit-box-shadow: 0px 0px 4px #DCDCDC;
		box-shadow: 0px 0px 4px #DCDCDC;
	}

	#commentSubmit {
		background: none repeat scroll 0 0 #FFFFFF !important;
		color: #3C3C3C;
		cursor: pointer;
		margin-top: 10px;
		padding: 5px 25px !important;
		width: 140px !important;
	}

	#commentSubmit:hover {
		background: #fff !important;
		color: #000;
	}

	#commentSubmit:active {
		background: #303334 !important
	}

	#commentSubmit:focus {
		background: #333 !important
	}

	.floor_span {
		color: #000000;
		font-weight: bold;
		right: 20px;
		text-align: center;
		text-shadow: 1px 1px #FFFFFF, 2px 3px #E9E9E9;
		top: -10px;
		width: 100px;
	}
	.cate_spe {
	    color: #FFFF00 !important;
	}
	.cool-post-img{
		text-align: center;
	}
	.desc p {
	    color: #3c3c3c;
	    font-size: 13px;
	    font-weight: bold;
	    text-shadow: 1px 1px #FFFFFF, 2px 3px #E9E9E9;
	}
	.global_announce {
	    background: url("announce.gif") no-repeat scroll 0 10px transparent !important;
	    color: #3c3c3c;
	    float: left;
	    font-weight: bold;
	    line-height: 25px;
	    padding: 3px 0 1px 20px;
	    position: relative;
	    width: 100%;
	}
	.s_info {
		line-height: 30px;
		padding: 2px;
		text-shadow: 1px 1px #FFFFFF, 2px 3px #E9E9E9;
		color: #666;
	}

	.s_info a {
		color: #3c3c3c;
	}

	.s_info a:hover {
		color: #3c3c3c;
		text-decoration: underline;
	}
	.global_announce{
		background: url("announce.gif") no-repeat scroll 0 10px transparent !important;
	    color: #3c3c3c;
	    float: left;
	    font-weight: bold;
	    line-height: 25px;
	    padding: 3px 0 1px 20px;
	    position: relative;
	    width: 700px;
	}
	.s_position {
		background:url("menu.png") repeat scroll 0 0 transparent ;
		color: #FFFFFF;
		float: left;
		font-weight: bold;
		height: 25px;
		line-height: 25px;
		padding: 3px 0 1px 5px;
		position: relative;
		width: 715px;
	}
	.before a, .next a {
	    color: #666666;
	}
	.list_authors {
	    float: left;
	    min-height: 70px;
	    width: 95% !important;
	}
	.single_author, .list_authors {
	    background: none repeat scroll 0 0 #FFFFFF;
	    border: 1px solid #DCDCDC;
	    clear: both;
	    color: #000000;
	    font-family: Arial,Helvetica,sans-serif;
	    font-size: 12px;
	    line-height: 20px;
	    margin-bottom: 10px;
	    padding: 5px 10px;
	    position: relative;
	    z-index: 2;
	}
	#next_a,#prev_a{
		display: none;
	}
	.list_authors li {
	    float: left;
	    list-style: none outside none;
	}
	.list_authors h2 {
	    margin-bottom: 5px;
	}
	.single_relations h2, .single_random h2, .list_authors h2 {
	    background: url("menu.png") repeat scroll 0 0 transparent ;
	    color: #FFFFFF !important;
	    font-size: 14px;
	    height: 25px;
	    line-height: 22px;
	    padding: 3px 0 1px 5px;
	}
	.comment_strong {
	    text-align: center;
	}
	.comment_strong a {
	    cursor: pointer;
	}
	.like_a {
	    background: url("xianhua.gif") no-repeat scroll 0 10px transparent;
	    display: inline-block;
	    height: 40px;
	    padding: 15px 0 0;
	    width: 100px;
	}
	.hate_a {
	    background: url("jidan.gif") no-repeat scroll 0 10px transparent;
	    display: inline-block;
	    height: 40px;
	    padding: 15px 0 0;
	    width: 100px;
	}
	.comment_handler {
	    text-align: center;
	}
	.comment_handler a {
	    background: linear-gradient(to bottom, #FAFAFA 0%, #ECECEC 100%) repeat scroll 0 0 transparent;
	    border: 1px solid #AAAAAA;
	    border-radius: 2px 2px 2px 2px;
	    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 #DDDDDD;
	    color: #3CB6E7;
	    cursor: pointer;
	    display: inline-block;
	    font-weight: bold;
	    height: 26px;
	    line-height: 26px;
	    margin: 10px 5px 5px 0;
	    padding: 0 5px;
	    text-align: center;
	    text-indent: 0;
	}
	.icon-ilike {
	    background: url("ding.png") no-repeat scroll 0 1px transparent;
	    display: inline-block;
	    padding-left: 24px;
	}
	.icon-ihate {
	    background: url("cai.png") no-repeat scroll 0 4px transparent;
	    display: inline-block;
	    padding-left: 24px;
	}
}
@media screen and (min-width:960px) and (min-height:660px) {
	.heroSlider .rsOverflow,
	.royalSlider.heroSlider {
	  height: 320px !important;
	}
}

@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 660px !important;
    }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
	.royalSlider.heroSlider,
	.royalSlider.heroSlider .rsOverflow {
		height: 300px !important;
	}
}
#full-width-slider {
  width: 100%;
  color: #000;
  height: 320px !important;
  overflow: hidden;
  margin-bottom: 10px;
}
.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  position: absolute;
  top: 30px;
  right: 30px;
  left: auto;
  max-height: 100%;
  min-width: 40%;
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding: 20px;
}
.infoBlockLeftBlack {
  color: #3c3c3c;
  background: #000;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
  left: 30px;
  right: auto;
}