﻿html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; 
}
body {

	margin:0;
	padding:20px;
	background:#003366 url('images/p11.gif') repeat;
	color:#333333;
	font-size: 10px; /* Resets 1em to 10px */
	font-family:"微软雅黑","宋体",Tahoma , Helvetica ,Sans-Serif;
	text-align:left;
        line-height:1.5;
	}
a:link { 
	color:#3366cc;
	text-decoration:none;
}
a:visited { 
	color:#3366cc;
	text-decoration:none;
}

a:hover {
	color:#ff0000;
}

a:active{
color:#ff0000;
}

h1, h2, h3, h4, h5, h6 {
	color:#666666;	
	}

h2 {font-size:1.4em;color:#333333;padding:1px;margin-top:1px;}
h3 {font-size:1.1em;background-color:#eeeeee;color:#3366cc;padding:5px;margin-top:10px;}
h4 {font-size:1.0em;background-color:#f5f5f5;color:#333333;padding:5px;margin-top:5px}
h5 {font-size:1.1em;}
h6 {font-size:1em;}

p {font-size:1.0em;}


img {
	border:0;
}

input, textarea {
	font-size:12px;
}

input[type=text], textarea{
	border:1px inset #cccccc;
}
input[type=submit] {
	border:1px outset #cccccc;
	background:#f5f5f5;
	color:#3366cc;
	padding:5px;
}


pre {
	overflow:auto;
	border:1px solid #ccc;
	padding:5px 10px;
	background: #f8f8f8;
	font-size: 0.9em;
}
code {
	background-color:#f8f8f8;
	color:#111;
}
	


/* Layout */
#page {
	min-width:740px;
	max-width:1024px;
	margin:0 auto;
}
#container{
  margin:0;
  padding:0 20px 0 20px;
}
#wrapper{
  float:left;
  width:100%;
  border-left:240px solid #ffffff; /* Sidebar left background color */
  border-right:240px solid #ffffff; /* Siderab right background color */
  margin-left:-240px;
  margin-right:-240px;
  background-color:#fff;
  display:inline;
}
.sidebar {
	padding:20px;
		
}
#sidebar_left{
	float:left;
	width:200px;
	margin:0 0 0 -240px;
	position:relative;
}
#content{
	float:left;
	width:92%;
	margin-right:-100%;
	padding:20px 4%;
	overflow:hidden;
	background:#fff;
	border-right:1px solid #eeeeee;
}
#sidebar_right{
	float:right;
	width:200px;
	margin:0 -240px 0 0;
	position:relative;
}
#footer {
	clear:both;
	padding:10px;
}

/* Header */

#header {
	margin:0;
	height:130px;
	background:#6d97b7;
background-image:url("images/take-it-easy.jpg") ;
}

#headerlogo {
	position:relative;
	top:30%;
	left:20px;
}
#headerlogo h1,#headerlogo h2, .description {
	position:relative;
	bottom:26px;		
}
#headerlogo h1,#headerlogo h2 {
	margin:0;
	font-size:3em;
	text-shadow: 5px -1px 5px #000033;	
}
#headerlogo h1 a:link,#headerlogo h2 a:link{
	color:#ffffff;
}
#headerlogo h1 a:visited,#headerlogo h2 a:visited{
color:#ffffff;
	}
#headerlogo h1 a:hover ,#headerlogo h2 a:hover{
	text-decoration:none;
	color:#00ee00;
}
#headerlogo h1 a:active,#headerlogo h2 a:active{
	color:#ffffff;
}

.description {
	margin-left:2px;
	margin-top:6px;
	color:#000000;
	font-size:1.2em;
}


/* Sidebar */

.sidebar {
	color:#222;
}
.sidebar a:link,.sidebar a:visited{
color:#888888;
}
.sidebar a:hover,.sidebar a:active{
color:#ff0000;
}
.sidebar ul {
	padding:0 0 0 10px;
	margin:0;
	list-style: none;
	font-size:1.2em;
	
}
.sidebar ul ul {
	font-size:1em;
}

.sidebar ul li {
	margin:0 0 2em 0;
}

.sidebar ul ul {
	margin:0;
	padding:0;
}

.sidebar li li {
	margin:0.2em 0;
border-bottom:1px dashed #eeeeee;
list-style-image:url('images/star.gif');
}

.sidebar li li:before {
	/*content: "\203A \0020";*/
	font-size:1.2em;
}

.sidebar li li li {
	padding-left:10px;
}

.sidebar ul h2 {
	margin:0;
	padding:0;
	font-size:1.3em;	
	color: #333333;
}


.sidebar a.rsswidget img {
	border:0;
	float:right;
}


/* Footer */
#footer { 
	text-align:center;
	font-size:1.1em;
	background:#eeeeee;
	color:#444444;	
}


/* Post */

.post, .page {
	clear:both;
}

.blog .post, .archive .post, .search-results .post, .search-results .page {
	margin:0 0 20px 0;
}

.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url('images/date-bg.gif') no-repeat;
}
.post-month {
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 12px;
	padding-top: 1px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	color: #000000;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}
.postauthor {
	float: left;
	margin-left:5px;
	padding-left:20px;
	background:url('images/author.gif') no-repeat;
	}

.postentry {
        font-family:"微软雅黑","宋体",Tahoma,Helvetica,Sans-Serif;
	font-size:1.4em;
	line-height:1.55;
}
.postentry p, .postentry blockquote, .postentry ul, .postentry ol {
	text-align:justify;
}
.postentry p {
margin-top:10px;
}
.postentry blockquote {
	margin:10px 20px;
	padding:0 0 0 10px;
	border-left:0.4em solid #eeeeee;
	font-size:0.9em;
color:#666666;	
}
.postentry ul,.postentry ul li{
}
.postentry blockquote blockquote {
	margin-left:0;
	font-size:1em;
}

.more-link {	
        padding:4px 4px 4px 0px;       
}

.navigation {
	font-size:1.1em;
	color:#aaaaaa;
}
.navigation a {
	font-size:1.1em;
	color:#aaaaaa;
}
.navigation a:hover{
color:#ff0000;
}


.postentry table {
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#eeeeee;	
}


.postentry table tr td {
	padding:5px 10px;
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#eeeeee;

}

.postentry table tr th {
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;
	padding:5px 10px;
	background:#f4f4f4;
	color:#666;
	font-weight:bold;
	text-align:center;
}
.posttitle {
	float: left;
	width: 550px;
	margin:0;
	color:#006600;
margin:0 0 10px 0;

}
.posttitle h2,.posttitle h1 {	
	padding:0px 5px 1px 5px;
	margin:0px;
       margin-bottom:2px;
	color:#ff6633;
	font-size:1.75em;
border-bottom:1px solid #cccccc;
}
.posttitle h2 a:link, .posttitle h1 a:link{	
	color:#ff6633;
}
.posttitle h2 a:visited, .posttitle h1 a:visited{	
	color:#ff6633;
}

.posttitle h2 a:hover, .posttitle h1 a:hover{	
	color:#ff0000;
}
.posttitle h2 a:active, .posttitle h1 a:active{	
	color:#ff0000;
}

.postmetadata {
	clear:both;
	font-size:1.1em;
	background-color:#fff;
	color:#888;
	text-align:right;	
	smargin-top:10px;
}
.posttags {
	xmargin:0 0 10px 0;
	padding-left: 18px;
	font-size: 95%;
	background:url('images/tag.gif') no-repeat;

}
.postcat {
	xmargin:0 10px 0 0;
	padding-left: 18px;
	font-size: 95%;
	color: #cccccc;
	background:url('images/cat.gif') no-repeat;
}
.postcomment {
	xmargin:0 10px 0 0;
	padding-left: 18px;
	font-size: 95%;
	background:url('images/comments.gif') no-repeat;

}
.postedit:before {
	content:' | ';
}
.poststicky {
	margin:0 0 0 10px;
}
.poststicky:before {
	content:'\2022 \0020';
}
div.archive-desc {
	border:1px solid #ccc;
	background-color:#f8f8f8;
	padding:5px 10px;
	margin:0 0 10px 0;
	font-size:1.8em;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
}
.wp-caption a, .wp-caption a:hover, .gallery a, .gallery a:hover, .attachment a, .attachment a:hover {
	border:none;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 0.8em;
   margin:4px 0 0 0;
   padding:0 4px;
}
.gallery {
	border:1px solid #ddd;
	background-color: #f3f3f3;
}
.gallery-item {
	margin:10px;
}
.gallery-caption {
	font-size:0.8em;
}
.attachment img {
	border:1px solid #ddd;
	background-color:#f3f3f3;
	padding:4px;
}
/* Comments */

textarea#comment {
	width:100%;

}
.commentlist {
	margin:0;
	padding:0;
}
.children {
	margin: 0 -21px -21px 0;
	padding:0;
}
li.comment, li.trackback, li.pingback {
	list-style:none;
	border:1px solid #eee;
	padding:20px;
	margin:10px 0;
}
ul.children li.comment {
	margin: 10px 0 -11px 0;
}
	
.comment-body {
	overflow:auto;
}
.commentlist li.even {
	background-color:#fafafa;
}

.commentlist li.odd {
	background-color:#f6f6f6;
}
.commentlist li.bypostauthor {
	background-color:#fffff8;
}
.commentlist li.bypostauthor > .comment-body > .comment-author > cite {
	border-bottom:1px solid #aaa;
}
.comment-body p {
	font-size:1.3em;
}
.comment-body blockquote {
	margin:5px 10px;
	padding:0 0 0 5px;
	border-left:0.4em solid #ddd;
	font-size:0.9em;
}
.comment-body blockquote blockquote {
	font-size:1em;
}
.comment-body img.avatar {
	float:right;
	border:1px solid #eee;
	margin:0;
	background:#fff;
}

.comment-author cite {
	font-style:normal;
	font-weight:bold;
	color:#555;
	font-size:1.4em;
}
.comment-meta {
	margin:4px 0 0 0;
}
.reply {
	margin:5px 0;
	padding:0;
	font-size:1.1em;
}

/* Comment ends */


/* Calendar */
#wp-calendar {
	text-align:center;
	width:100%;
}
#wp-calendar caption, #wp-calendar thead th{
	font-weight:bold;
	text-transform:uppercase;
	color:#555;
}
#wp-calendar tbody td {
	border:1px solid #ccc;
	background:#f2f2f2;
}
#wp-calendar tbody td a {
	font-weight:bold;
}
#wp-calendar td#today {
	background:#e4e4e4;
}
#wp-calendar tbody td.pad {
	border:none;
	background:transparent;
}
/* Calendar ends */

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	}

.sidebar #searchform #s {
	width: 120px;
	padding: 2px;
	}

.sidebar #searchsubmit {
	padding: 1px;
	}
.screen-reader-text {
     position: absolute;
     left: -1000em;
}


abbr {
	cursor:help;
	border-bottom: 0.1em dotted;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 10px 0 0;
   width:auto;
}

.alignright {
   float: right;
   width:auto;
   margin: 0 0 0 10px;
}

/*	
	By default, the horizontal navigation menu displays inside the header area.
	If for some reason you don't like this behaviour, you can make it display
	below the header area by including the code below into your custom.css.
*/
/*

#hmenu {
	background-color:#27567a;
	float:none;
	position:static;
	height:24px;
	border:1px solid #aaa;
	border-top:none;
	margin:0;
}
#hmenu ul {
	float:none;
}

*/
ul.related_post{
list-style:none;
}
ul.related_post li{
line-height:18px;
}
ul.related_post li a{
color:blue;
}
#hmenu
{
position:relative;
width: 1024px;
bottom:29px;
left:2px;
height:0px;
margin-left:20px;
margin-bottom:-40px;
float:left;
}
#hmenu ul {
	width:auto;
	float:left;
	list-style:none;
	padding:0;
	margin:0;
}
#hmenu ul li {
	display:inline;
	float:left;
	width:auto;
	padding:0;
	margin:0;
}
#menu ul {
	list-style: none;	
}

#menu li {	
	display: inline; 	
}

.mib .bactived{
background:url('images/b2_r.png') no-repeat;
height: 30px;
margin-top: -10px;
}

#menu a {
	float: left;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-size: 1.5em;
	}

#menu a:hover {
	color: #ffffff;
}


.mib a:link{
height: 20px;
width: 85px;
padding-bottom: 5px ;
padding-top:5px;
background: url('images/b3.gif') no-repeat;
}
.mib a:visited{
height: 20px;
width: 85px;
padding-bottom: 5px ;
padding-top:5px;
background: url('images/b3.gif') no-repeat;
}

.mib a:hover
{
height: 30px;
margin-top: -10px;
background: url('images/b2_r.gif') no-repeat;
}
.mib a:active{
height: 30px;
margin-top: -10px;
background: url('images/b2_r.gif') no-repeat;
}

