/*
Theme Name:BlueArea
Theme URI: http://www.wpart.org/wordpress-themes-BlueArea/
Description: Icy blue purity immersed in the water, quite as static precipitation; the beating of countless transparent and clear water drop molecules, like vertical music notes, are blooming vibrantly. a wordpress theme for wpart.org .
Version: 1.11
Author: WPart.org
Author URI:http://www.WPart.org
Tags: blue, white,yellow,red, fixed-width, two-columns
License:GNU General Public License, v2 (or newer)
License URI:http://www.gnu.org/licenses/old-licenses/gpl-2.0.html    
*/
/* CSS Document */
@charset "utf-8";
/* CSS Document */
body,div,h1,h2,h3,h4,h5,h6{ padding:0; margin:0;}
body{ background-image:url(images/body.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555;}
a{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.cb{ clear:both;}
#img_bg{ display:none;}
.top{ background:url(images/top.gif) repeat-x left bottom; width:100%;}
#nav { width: 870px; margin:0 auto; padding-top:5px;}
#nav ul{ margin:0; padding:0;}
#nav li{ float:left; padding-left:5px; list-style:none; position:relative;}
#nav li a{ color:#C0CFDA; display:block; float:left; padding:3px 15px; height:21px; line-height:21px;	white-space:nowrap;
}
#nav li.current_page_item{height:26px;text-align:center;background-color:#087EC6;}
#nav li a:hover,#nav li.current_page_item a{ color:#fff;}

#nav li ul {
	display:none;
	border:none;
	float:none;
}

#nav li:hover ul {
	display:block;
	position:absolute;
	z-index:100;
	top:25px;
	min-width:100px;
	left:0;
	background-color:#57669B;
	height:auto;
}
#nav ul.children li {
	float:none;
}
#nav li:hover ul.children a {
	display:block;
	float:none;
	padding:8px 15px;
}
#nav li:hover ul.children a:hover {
	display:block;
}
#nav li:hover ul.children li ul {
	display:none;
}
#nav li:hover ul.children li:hover ul {
	display:block;
	left:100%;
	top:0;
	background-color:#6AB1D8;
}


.wrap_bg{ width:100%; float:left; background: url(images/bg_left.jpg) no-repeat center top;}
.wrap{ width:940px; margin:0 auto; }
#header{ width:780px; padding:20px 0 0 160px; color:#000; height:86px;}
#header .home { display:block;}
#header .home a{ color:#fff; font-weight:bold; font-size:40px;}
.content_bg{ width:706px; float:left; background:url(images/left_bg.jpg) repeat-y right top;
}
#content{ background:url(images/left_bg_top.jpg) no-repeat; float:left;width:696px; padding:5px; min-height:333px;}
.content_bottom{ background:url(images/left_bg_bottom.jpg) no-repeat right top; float:left; width:100%; height:15px; font-size:0; }
#content .fl{ width:67px;}
#content .fl .date table,#content .fl .date td{ padding:0; margin:0;}
#content .fl .date{ background:url(images/date.gif) no-repeat; width:61px; padding-right:6px; padding-top:3px; height:58px; color:#BD7200; font-weight:bold; font-size:13px; margin-top:5px;}
#content .fl .date .big{ font-size:20px; width:28px; text-align: center; font-family:"Microsoft Sans Serif";}
#content .fl .date .year{ width:33px; text-align:left;}
#content .fl .date .white{ color:#fff; padding-top:7px; display:block; font-weight:normal; font-size:12px; width:60px; overflow:hidden; text-align:center;}
#content .fr{ width:615px; padding-right:8px; padding-left:6px;}
#content .post{ margin-bottom:25px;}
#content .fr .title2 a,#content .title1,#content .fr .title2 { color:#DE1500; font-size:16px; font-family:"Microsoft Sans Serif";}
#content .fr .toptitle{ margin-top:15px;}
#content .fr .tags{ background:url(images/tag.jpg) no-repeat left top; padding-left:25px; line-height:14px; padding-bottom:2px; margin-top:3px;}
#content .fr .com{ border-top: dashed 1px #8FC8EA; text-align:left;}
#content .fr .com a{ color:#f00;}
#content .fr .cates{ background:url(images/cate.gif) no-repeat left 2px; padding-left:20px; line-height:16px; border-top: dashed 1px #8FC8EA; padding-top:2px; margin-top:3px;}
#content .fr .entry{ line-height:1.5em;}
#content .fr a{ color:#0D8EDB;}
#content .fr a:hover{ color:#0D8EDB;}
.navigation{ width:600px; padding:5px 15px 5px 86px; background-image: url(images/body.jpg); float:left; background-color:#E5F4FF;}
#comments .navigation{ padding:5px 15px; width:580px;}
.navigation a{ color:#FFFF00; font-weight:bold;}
#comments .navigation a,#comments .navigation a:hover{ color:#fff;}
.nav_left{ background:url(images/left.gif) no-repeat left; float:left;height:15px; padding-right:5px; padding-left:20px; cursor:pointer;}
.nav_right{ background:url(images/right.gif) no-repeat right; float:right;  height:15px; padding-right:20px; cursor: pointer;}
a:hover .nav_left{ background:url(images/left_active.gif) no-repeat left;}
a:hover .nav_right{ background:url(images/right_active.gif) no-repeat right;}
.navi{height:23px; width:96%; padding:0 2%; border-top: dashed 1px #BEDFF3;}
#content .fr .navi a{ color:#f00; }
#content .fr .navi a:hover{ color:#0D8EDB;}
#content .fr .navi div{ margin:1px 3px;}
/***********************/
#sidebar{ width:225px; float:right; background-image:url(images/side_bg.jpg); color:#fff;}
#sidebar_top{ background:url(images/side_top.jpg) no-repeat; height:10px; font-size:0;}
#sidebar_bottom{ background:url(images/side_bottom.jpg) no-repeat; height:10px; font-size:0;}
#sidebar ul{ margin:0;padding:0;list-style:none; line-height:1.8em;}
#sidebar ul.side{ padding:0 10px;}
#sidebar ul ul,#sidebar ul div{ margin-bottom:15px;}
#sidebar ul ul ul{ padding-left:8px; margin:0;}
#sidebar .title3{ color:#FFFF99; background:url(images/sidetitle.jpg) no-repeat left 7px; padding-left:15px; margin-bottom:5px;}
#sidebar li a{display:block; _display:inline-block; background:url(images/side_narrow.gif) no-repeat 3px 7px; padding-left:15px; color:#fff; border-bottom:dotted 1px #204A6D;}
#sidebar li a:hover{ background-color:#5680A4;}
#sidebar #wp-calendar{ width:100%;}
#sidebar #wp-calendar a{ border:none; font-weight:bold; background:none; color:#FFFF99;}
#sidebar #wp-calendar a:hover{background-color:#5680A4;}
#sidebar li.widget_tag_cloud a{ display:inline; background:none; padding:1px 2px; border:none;}
#sidebar li.widget_tag_cloud a:hover{background-color:#5680A4;}
/*************************/
.bottom{ background:url(images/footer.jpg) repeat-x center top; height:55px; padding-top:35px;}
.copyright{ margin:0 auto; width:940px; text-align:center; color:#E1E1E1; }
.copyright a{ color:#E1E1E1;}
/***********************/

h3.commenttitle{ color:#C1C1C1; font-size:16px; margin:10px 0;}
ol.commentlist{ padding:0; margin:0; list-style:none;}
.fn,#content .fr .fn a.url{
	color:#047DC7;
	font-style: normal;
	font-weight:bold;
}
.comment-author{ height:42px;}
img.avatar{padding:1px; border:dotted 1px #8EC8EA;}
#content .fr a.comment-reply-link{ color:#f00; font-family:"Microsoft Sans Serif"; font-size:10px;}
.commentlist li.comment{ list-style:none; padding:2px 5px; margin-bottom:5px;}
.commentlist li.depth-2,.commentlist li.depth-4,.commentlist li.depth-6,.commentlist li.depth-8{ background-color:#F0F9FF; border:solid 1px #BEDFF3;} 
.commentlist li.depth-3,.commentlist li.depth-5,.commentlist li.depth-7,.commentlist li.depth-9{ background-color:#E5F4FF; border:solid 1px #BEDFF3;}
.commentlist li.depth-1{ border:none; background:#E5F4FF url(images/comment_bg.gif) no-repeat left top;margin-bottom:15px;}
.commentlist li.pingback,.commentlist li.trackback { background:none; border:solid 1px #BEDFF3; padding:3px; background-color:#E5F4FF;}

.commentlist blockquote{ background-color:#F7FCFF; border-left:solid 3px #DEEFF9; padding-left:5px; margin-left:20px;}
.reply{ padding-bottom:3px;}
h3#reply-title{ color:#087FC8; font-size:16px; font-weight:bold; font-family:"Microsoft Sans Serif";}
#respond input {
	margin: 0 0 9px;
	width: 98%;
	border:solid 1px #DBDBDB;
	padding:3px 5px;
 color:#666;}
#respond textarea {
	width: 98%;
	border:solid 1px #DBDBDB;
	padding:3px 5px;
 color:#666;}
#commentform{ color:#999999;}
.required{ color:#f00;}
input#submit{background:url(images/submit_btn.jpg) no-repeat; color:#fff; width:144px; height:40px; text-align:center; vertical-align:middle; border:none; font-weight:bold; font-family:"Microsoft Sans Serif"; font-size:15px;}
p.comment-form-author,p.comment-form-email,p.comment-form-url{ margin:0 0 5px;}



.commentlist {
	margin:0;
	padding:0;
	width:100%; float:left;
}
.commentlist ul.children{ margin:0; padding:0;}
.commentmetadata {
	font-size:0.75em;
}
li.trackback .commentmetadata, li.pingback .commentmetadata {
	left:25px;
	top:55px;
}
.comment-body {
	position:relative;
	padding-top:3px;
}
.comment-author, .fn, .comment-author a {
	padding:0;
	margin:0;
	font-weight:bold;
	color:#000;
	font-style: normal;
}
.comment-author {
	height:70px;
	vertical-align: bottom;
}
.commentlist li.pingback .comment-author,.commentlist li.trackback .comment-author{ height:22px;}
.reply {
	margin-left:25px;
	margin-bottom:0;
	font-size:0.8em;
	font-weight:bold;
}
img.avatar {
	border:solid 1px #e8e8e8;
	padding:2px;
	background-color:#fff;
}

/***********************/
.pagetitle{ text-align:center;}
/***********************/
.entry img,.entry embed{ max-width:605px;}
.entry img{ border: dashed 1px #B8DEF5; padding:2px;}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, .alignleft {
	margin:5px 5px 5px 0;
	display: inline;
	float:left;
}
img.alignright, .alignright {
	margin:5px 0 5px 5px;
	display: inline;
	float:right;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 609px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.sticky{}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.widget_search input#s{ width:90%;}
.commentlist .bypostauthor {
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
table {
	border-collapse: separate;
}
.entry table, .commentlist table {
	border-spacing: 0;
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}
.entry th, .commentlist th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry td, .commentlist td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}
caption, th, td {
	text-align: left;
}