﻿@charset "utf-8";
/*
Theme Name: Goocn.com
Author: vsweb
Author URI: http://www.goocn.com/
*/

* {
	margin: 0; padding: 0;
}
body {
	text-align: center;
	font: 12px 'Microsoft Yahei',arial,SimSun,sans-serif;
	color: #808080;
	background: #ffffff url(images/background.gif) repeat-x;
}
a {
	text-decoration: none;
	color: #51a5ba;
}
a:hover {
	text-decoration: underline;
}
img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}

/** BEGIN wrapper **/
#wrapper {
	width: 970px;
	margin: auto auto;
	text-align: left;
}
/** END wrapper **/

/** BEGIN header **/
#top {
	height:85px;
	margin:auto;
	background: url(images/bgHeaderContent.jpg) ;
	width:970px;
	position:relative;
	
	}
.blogname {
	width:400px;
	font-family:'Microsoft Yahei',arial,SimSun,sans-serif;	
	margin:15px 0 0 0px;
    float:left;
	height:70px;

	}
.blogname h1 a {
    text-indent: -9999px;
	outline: none;
	display: block;
	background: url(images/logo.png) no-repeat 0 0;
	width: 200px; height: 46px;
	}
.blogname h1  a:link, .blogname h1  a:visited{ 
	color: #fff; 
	display:block;
	}
	
.blogname h1  a:hover { 
	color: #eee; 
	}
.blogname h2 {
	margin:5px 0px 0px 130px;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	text-align:right;
	text-transform:uppercase;
	}
	
/*Page menu*/

#foxmenucontainer{
	height:35px;
	background:none;
	display:block;
	padding:0px 0 0px 0px;
	font: 12px 'Microsoft Yahei',arial,SimSun,sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	}
#menu{
	margin: 0px;
	padding: 0px;
	width:970px;
	background:none;
	height:35px;
	}
	
#menu ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#menu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#menu li a, #menu li a:link, #menu li a:visited {
	color: #333333;
	display: block;
	margin: 0px;
	padding: 10px 15px 11px 15px;
	}

#menu li a:hover, #menu li a:active {
	background:url(images/menua.png) repeat-x;
	color: #fff;
    margin: 0px;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	}
	
#menu li li a, #menu li li a:link, #menu li li a:visited {
	background:#A6CCF0;
	width: 150px;
	color: #E9EF86;
	font-size: 13px;
	font-family: 'Microsoft Yahei',arial,SimSun,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	float: none;
	margin: 0px;
	padding: 8px 10px 7px 10px;
	border-bottom: 1px solid #94A709;

	}
	
#menu li li a:hover, #menu li li a:active {
	background: #A6CCF0 ;
	color: #fff;
	padding: 8px 10px 7px 10px;
	}

#menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}

#menu li li { 
	}

#menu li ul a { 
	width: 140px;
	}

#menu li ul a:hover, #menu li ul a:active { 
	}

#menu li ul ul {
	margin: -32px 0 0 170px;
	}

#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;
	}

/* Category menu*/
	
#catmenucontainer{
	height:37px;
	background: none;
	display:block;
	padding:0px 0 0px 0px;
	font: 12px 'Microsoft Yahei',arial,SimSun,sans-serif;
	font-weight:normal;
	text-transform:uppercase;

	}

	
	
 .lavaLampNoImage {
    position: relative;
    width: 960px;
    padding: 5px 10px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
  
        }
.lavaLampNoImage li {
    float: left;
    list-style: none;
	margin:0px 0px;
	padding:0px 0px;
                }
.lavaLampNoImage li.back {
     
    background-color: #A6CCF0;
    width: 5px;
    height: 25px;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	top:3px;
    z-index: 8;
    position: absolute;
                    }
.lavaLampNoImage li a:visited , .lavaLampNoImage li a:link{
    font:  12px 'Microsoft Yahei',arial,SimSun,sans-serif ;
    text-decoration: none;
    color:#333;
    outline: none;
    text-align: center;
    top: 3px;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 20px;
    position: relative;
    overflow: hidden;
    margin: auto 10px;
                    }
.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active {
    border: none;
	color: #fff;
                   }   
						
/** END header **/

/** BEGIN content **/
#content {
	width: 636px;
	float: left;
	padding: 15px 0 20px 10px;
}
	#content .latest {}
		#content .latest .post h2 {
			font-size: 2em;
		}
		#content .latest .post .details2 {
			clear: both;
			height: 20px;
			padding-top: 10px;
			border-top: 1px solid #AEAEAE;
			font-family: 'Microsoft Yahei',arial,SimSun,sans-serif;
			color: #AEAEAE;
		}
		#content .latest .post .details2 a {
			color: #AEAEAE;
		}
		#content .latest .post .details2 a:hover {
			color: #464646;
		}
	#content .l { float: left; }
	#content .r { float: right; }
	#content .division {
		width: 307px;
	}
		#content .division .post img {
			float: left;
			margin: 2px 10px 5px 0;
			width: 150px;
		}
	#content .post {
		background: #fafcfd url(images/post.gif) repeat-x 0 0;
		border: 1px solid #A2E8FF;
		margin-bottom: 16px;
		padding: 10px;
		height:162px;
		overflow:hidden;
	}

	#content .singlepost {
		height:auto;
	}
		#content .post h2 {
			font-family: 'Microsoft Yahei',arial,SimSun,sans-serif;
			font-size: 1.4em;
			margin-bottom: 5px;
		}
			#content .post h2 a {
				color: #676042;
			}
			#content .post h2 a:hover {
				color: #464646;
			}
		#content .post .details {
			font-family: 'Microsoft Yahei',arial,SimSun,sans-serif;
			color: #AEAEAE;
			margin-bottom: 15px;
		}
			#content .post .details a {
				color: #AEAEAE;
			}
			#content .post .details a:hover {
				color: #464646;
			}
		#content .post h3, h4, h5, h6 {
			margin-bottom: 5px;
			font-size: 1.5em;
			font-family: 'Microsoft Yahei',arial,SimSun,sans-serif;
			font-weight: normal;
		}
		#content .post p {
			line-height: 1.4em;
			margin-bottom: 10px;
		}
		#content .post ol, #content .post ul {
		    list-style-image:url(images/arrow.gif);
			list-style-position: inside;
			margin-bottom: 20px;
			list-style-type:none;
		}
		#content .post blockquote {
			padding: 10px 10px 5px;
			margin-bottom: 10px;
			border-top: 1px solid #cdcdcd;
			border-bottom: 1px solid #cdcdcd;
			font-style: italic;
		}
		#content .post li {
			line-height: 1.4em;
			padding: 2px 0;
		}

			}
			.permalinkhtml input {
				width: 480px;
				padding: 1px 3px;
				border: 1px solid #CCCDD2;
				vertical-align: middle;
			}
			.newsPrevions {
				width: 553px;
				margin: 10px 0;
				padding: 6px 10px;
				border: 1px solid #C0D8E9;
				background: #EFF6F9;
			}
				.newsPrevions  span {
					display: block;
					margin: 5px 0;
					padding-left: 8px;
					background: url(images/singleListIcon.gif) left center no-repeat;
				}


/** END content **/

/** BEGIN sidebar **/
#sidebar {
	width: 300px;
	float: right;
	margin: 15px 10px 20px 0;
	background-color: #fafcfd;
	border: 1px solid #A2E8FF;
}
	#sidebar .box {
		padding: 10px;
		background: url(images/horizontal.gif) repeat-x bottom left;
	}
	#sidebar form {
		height: 30px;
		background: url(images/search.gif) no-repeat 0 0;
	}
		#sidebar form input {
			border: 0;
			float: left;
			width: 185px;
			margin: 8px 12px 0 3px;
			font-size: 12px;
		}
		#sidebar form button {
			float: left;
			border: 0;
			text-transform: uppercase;
			color: #ffffff;
			font-family: 'Microsoft Yahei',arial,SimSun,sans-serif;
			font-size: 12px;
			font-weight: bold;
			width: 77px; height: 30px;
			background-color: transparent;
		}
	#sidebar .subscribe {
		padding-left: 65px;
		background: url(images/rss.gif) no-repeat 0 0;
		height: 70px;
	}
		#sidebar .subscribe h2 {
			text-transform: none;
			padding: 14px 0 10px;
		}
			#sidebar .subscribe h2 a {
				color: #676042;
				margin: 0;
			}
		#sidebar .subscribe p {
			font-size: 13px;
		}
		#sidebar .subscribe a {
			margin: 0 2px;
		}

	#sidebar .tags {
		padding: 13px;
		background: url(images/horizontal.gif) repeat-x bottom left;
	}
		#sidebar .tags {
			
		}
	#sidebar h2 {
		font-size: 13px;
		font-weight: bold;
		text-transform: uppercase;
		color: #22A0DD;
		padding: 8px;
        background: url(images/bgSidebarH2.png) repeat-x;
	}
	#sidebar ul {
		list-style-type: none;
		padding: 5px 10px 10px;
		background: url(images/horizontal.gif) repeat-x bottom left;
	}
		#sidebar ul li {
			padding: 4px 0;
			line-height: 1.4em;
		}
		#sidebar ul li a {
			color: #68645A;
		}
		#sidebar ul li a:hover, #sidebar ul li strong {
			color: #51a5ba;
		}
	#sidebar .l {
		float: left;
		width: 149px;
		padding-top: 0px;
	}
	#sidebar .r {
		float: right;
		width: 149px;
		padding-top: 0px;
	}
		#sidebar .l ul, #sidebar .r ul {
			background: none;
			padding-bottom: 20px;
		}
		#sidebar .l h2, #sidebar .r h2 {
			padding: 5px 10px;
		}
/** END sidebar **/

/** BEGIN footer **/
#footer {
	clear: both;
	background: #c7d7e6 url(images/horizontal.gif) repeat-x 0 0;
	color: #676042;
	padding: 5px 0px 20px;
}
	#footer p {
		margin: 0 auto;
		padding: 0px 0;
		width: 970px;
		text-align: left;
	}

.clear				 { clear: both; }
.fLeft				 { float: left; }
.fRight 			    { float: right; }

/** END footer **/

h2.title {
	font-size: 0.9em;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.postnav {
	clear: both;
	padding-top: 20px;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#comments {
	background: #fafcfd url(images/post.gif) repeat-x 0 0;
	border: 1px solid #A2E8FF;
	padding: 10px;
}
	#comments h2 {
		font-family: 'Microsoft Yahei',arial,SimSun,sans-serif;
		font-size: 1.5em;
		font-weight: normal;
	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.5em;
	}
	#comments form {
		padding-top: 20px;
	}
	#comments form p {
		margin-bottom: 5px;
	}
		#comments form input, textarea {
			border: 1px solid #cccccc;
			font-size: 0.9em;
			font-family: 'Microsoft Yahei',arial,SimSun,sans-serif;
			padding: 4px 4px 4px 20px;
			background-position: 4px 4px;
			background-repeat: no-repeat;
		}
		#comments form input {
			width: 260px;
			border: 1px solid #cccccc;
		}
		#comments form textarea {
			width: 400px;
			padding: 4px 4px !important;
		        border: 1px solid #A5C9E1;
		        background: #fff url(images/bgTextarea.gif) right bottom no-repeat;
		}
		#comments form button {
			border: none;
			background: #C9E1EF url(images/bgCommentSubmit.png) no-repeat;
			font-size: 0.9em;
			font-family: 'Microsoft Yahei',arial,SimSun,sans-serif;
			width: 120px; height: 23px;
		}
	.commentdetails {
		margin-top: 25px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		font-weight: bold;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #909090;
	}
	.required {
		color: #ff0000;
	}
/** END miscellaneous **/


/*PageStyle
-----------------------------------------*/

.linksPage li {
	float: left;
	width: 150px;
	height: 20px;
	list-style: none;
}
	.linksh2 {
		font-size: 13px;
		margin: 10px 0;
		padding-left: 5px;
		border-left: 5px solid #DDD;
	}
	
	.linksh3 {
		font-size: 13px;
		margin: 10px 0;
		padding-left: 5px;
		border-left: 5px solid #DDD;
	}
	
	.linksh4 {
		font-size: 13px;
		margin: 10px 0;
		padding-left: 5px;
		border-left: 5px solid #DDD;
	}

.Error404 {
	width: 860px;
	text-align: left;
	padding: 10px;
	line-height: 28px;
	border: 1px solid #A6C9E1;
	background: url(images/bg404.png) right no-repeat;
}
	.Error404 h1 {
		width: 360px;
		font-size: 18px;
		padding-bottom: 5px;
		list-style: none;
		border-bottom: 1px solid #ccc;
	}
	.Error404 p { margin-top: 15px; }

/*	ifocus-Img
---------------------------------------------*/

/** BEGIN wordpress 2.7 comments **/
#comments ol {
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0;
}
	#comments ol li {
		padding: 10px;
		border: 1px solid #A2E8FF;
		margin-bottom: 10px;
	}
	#comments ol li .avatar {
		float: right;
	}
	#comments ol li .comment-author {
		
	}
		#comments ol li .comment-author .fn {
			font-weight: bold;
			font-size: 1.2em;
		}
	#comments ol li .comment-meta {
		font-size: 0.9em;
		color: #999999;
		margin: 5px 0 10px;
	}
	#comments ol li .reply {
		font-size: 0.9em;
		font-weight: bold;
		padding-bottom: 10px;
	}
	#comments .children {
		list-style-type: none;
	}
#comments .navigation {
	padding: 10px 0 20px;
	font-size: 0.9em;
}
	#comments .navigation a {
		color: #999999;
		padding: 3px 8px;
		border: 1px solid #cccccc;
	}
	#comments .navigation a:hover {
		color: #000000;
		border-color: #000000;
		text-decoration: none;
	}
/** END wordpress 2.7 comments **/
#tooltip {position:absolute;z-index:1000;max-width:450px;word-wrap:break-word;background:#DBF3FF;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#tooltip p {color:#000;font:18px 'Microsoft YaHei',Arial,宋体,Tahoma,Sans-Serif;}
#tooltip p em {display:block;margin-top:3px;color:#0099FF;font-style:normal;}

/* Page navi */
.page_navi{ float:left; width:636px;  padding:0px 14px;  height:36px;  line-height:36px;  text-align:center; background-color:#CCCCCC; overflow:hidden; }
.wp-pagenavi{ margin:0 auto;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited{ padding:3px 7px !important; margin:2px; text-decoration:none !important; color:#454545 !important; border:1px solid #CCC !important; }
.wp-pagenavi a:hover{ color:#EEE !important; border:1px solid #ffffff !important; background-color:#5ac8f2 !important; font-weight:bold !important;}
.wp-pagenavi a:active{	padding:2px 2px; margin:2px; text-decoration: none; border:1px solid #CCC !important;}
.wp-pagenavi span.extend{ padding:3px 7px !important; margin:2px; color:#454545 !important; border:1px solid #CCC !important;}
.wp-pagenavi span.current{ padding:3px 7px !important; margin:2px; color:#EEE !important; background-color:#5ac8f2 !important; border:1px solid #ffffff !important;}
.pageleft, .pageright{ width:300px; overflow:hidden;}
.pageleft{ float:left; padding-left:15px; text-align:left;}
.pageright{float:right; padding-right:15px; text-align:right;}
.adleft, .adright{ width:300px; overflow:hidden;}
.adleft{ float:left;}
.adright{float:right; padding-left:15px; text-align:right;}