/*
Theme Name:FloatingLight
Theme URI: http://www.wpart.org/wordpress-themes-FloatingLight/
Description: Time is like a colorful and dazzling picture,  a movement with cheerful notes, hustling and bustling earth, hoping to find one Pure Land, we will eventually move toward the cliff of the time,  finally falling guardlessly, with the deep thoughts dashing. a wordpress theme for wpart.org .
Version: 2.1
Author: xwenz
Author URI:http://www.WPart.org
Tags: black,blue,gray,white, 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, dl, dd, #left .post h2.title, #left .page h2.title, .commentrank h3, h3#comments-title, h3.title3, h3#reply-title, .menu, .menu ul {
	padding:0;
	margin:0;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
a img{ border: solid 2px #ccc;}
a:hover img{ border: solid 2px #666;}
.cb{ clear:both;}
body {
	background: #EDEAE3 url(images/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
}
.copyright {
	text-align:center;
	font-size:12px;
	height:20px;
	color:#737371;
	padding-top:30px;
}
.bottom {
	height:73px;
	border-top:solid 1px #DBD7CA;
}
#header h1 {
	margin:0;
	padding:0;
}
#header_bg{ width:100%; float:left; background:url(images/header.jpg) left top;}
#header {
	width:960px;
	padding-top:30px;
	color:#BCE5EB;
	margin:0 auto;
}
#logo {
	color:#000000;
	font-size:35px;
	display:block;
	font-weight:bold;
}
.menu {
	padding-top:8px;
	float:left;
}
.menu li {
	float:left;
	list-style:none;
	position:relative;
	margin-bottom:5px;
}
.menu li ul {
	display:none;
}
.menu li a {
	display:block;
	height:19px;
	padding:2px 15px 1px 15px;
	color:#000;
	font-size:14px;
	float:left;
	white-space:nowrap;
	font-weight:bold;
}
.menu li:hover a {
	-moz-border-radius:0 5px 0 5px;
	border-radius:0 5px 0 5px;
	background-color:#fff;
}
.menu li a:hover, .menu li.current_page_item a {
	padding:1px 14px 0 14px;
	-moz-border-radius:0 5px 0 5px;
	border-radius:0 5px 0 5px;
	background-color:#fff;
	border:solid 1px #E7E7E5;
	color:#1E9AB0;
}
.menu li:hover li a {
	-moz-border-radius:0;
	border-radius:0;
	border:none;
	display:block;
	background:#FFFFFF url(images/narrow_circle_gray.gif) no-repeat 4px 8px;
	padding:2px 15px 1px 15px;
	min-width:90px;
}
.menu li:hover li li a{ background-color:#ddd;} 
.menu li:hover ul {
	display:block;
	border:none;
	position:absolute;
	left: 0;
	top:22px;
	z-index:10000;
	padding:0;
}
.menu li:hover li {
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
	padding:0;
	min-width:120px;
	margin:0;
	height:22px;
}
.menu li:hover ul li ul {
	display:none;
}
.menu li:hover ul li:hover ul {
	display:block;
	left:100%;
	top:0;
}
.menu li:hover ul li a:hover,.menu li li.current_page_item a {
	color:#5FB7C5;
	background:#F4F4F4 url(images/narrow_circle_blue.gif) no-repeat 4px 8px;
}
/***********************/
#img_bg_bg{background-color:#E6E3DA; border-bottom: solid 1px #DBD7CA; padding:10px 0; float:left; width:100%;}
#img_bg{ width:960px; margin:0 auto;}

/***********************/

.wrap {
	width:960px;
	margin:15px auto;
	clear:both;
}

/***********************/
#left{ width:700px; float:left; background-color:#fff;	-moz-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
	border-right:solid 1px #DFDCD0;
	 border-bottom:solid 1px #DFDCD0;
}



#left .post,#left .page{ border-bottom:solid 1px #DFDCD0;}
#left .leftinfo{ width:82px; margin-right:-1px; border-right:solid 1px #DFDCD0; float:left; text-align:right; padding-right:8px; line-height:20px;}
#left .leftinfo p{ margin:15px 0;}
#left .leftinfo a{ font-size:11px; color:#777370;}
#left .leftinfo a:hover{ color:#1E9AB0; text-decoration:underline;}
#left .leftinfo .date a{ color:#1E9AB0; font-size:20px; font-weight:bold; font-family:"Microsoft Sans Serif";}
#left .righttext{ width:589px; float:right; margin-left:0; border-left:solid 1px #DFDCD0; padding:15px 10px 20px;}
#left .righttext .entry{ font-size:11px; font-family:"Microsoft Sans Serif"; line-height:21px;}

.entry-meta a{ color:#1E9AB0;}
.entry a:hover{ text-decoration:underline;}

#left .post h2.title a, #left .page h2.title a {
	font-size:16px; font-family:"Microsoft Sans Serif"; 
}

/***********************/

#sidebar {
	width:220px;
	float:right;
	padding-right:25px;
}
#sidebar h3.title3 {
	color:#1E9AB0;
	font-size:14px;
	font-family:"Microsoft Sans Serif";
	margin-top:20px;
}
#sidebar ul ul, #sidebar ul div {
	padding:10px 0;
}
#sidebar ul ul ul{
	padding:0 10px;
}

#sidebar li, #sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar li li {
	line-height:2em;
	border-bottom:dashed 1px #AEADA9;
}
#sidebar li li li{ border-bottom:none;}
#sidebar ul li a {
	background:url(images/narrow_circle_gray.gif) no-repeat left 5px;
	padding-left:15px;
}
#sidebar li.widget_recent_comments li {
	background:url(images/narrow_circle_gray.gif) no-repeat left 12px;
	padding-left:15px;
}
#sidebar li.widget_recent_comments li a, #sidebar li.widget_recent_comments li a:hover, #sidebar li.widget_calendar a, #sidebar li.widget_calendar a:hover, #sidebar li.widget_tag_cloud a, #sidebar li.widget_tag_cloud a:hover {
	background:none;
}
#sidebar ul li a:hover {
	background:url(images/narrow_circle_blue.gif) no-repeat left 5px;
}
#wp-calendar {
	width:200px;
	text-align:center;
	line-height:25px;
}
#sidebar li.widget_calendar #wp-calendar a {
	color:#5FB7C5;
	padding:0;
	margin:0;
}
#sidebar li.widget_calendar #wp-calendar a:hover {
	text-decoration:underline;
}
#wp-calendar caption {
	font-weight:bold;
}
#sidebar li.widget_tag_cloud a {
	padding:0;
	margin:0;
	line-height:25px;
	margin:0 3px;
}

.navigation {
	width:96%;
	padding:5px 2%;
	float:left;
}
.navigation .alignleft a{ background:url(images/narrow.gif) no-repeat left top; padding:6px 30px;	color:#5FB7C5; display:inline-block;
}
.navigation .alignright a{ background:url(images/narrow.gif) no-repeat right bottom; padding:6px 30px;	color:#5FB7C5; display:inline-block;
}
a {
	text-decoration:none;
	color:#555555;
}
a:hover, a.more, .postinfo a:hover,.entry a{
	color:#5FB7C5;
}

/************************/

h1.pagetitle{ text-align:center; border-bottom:solid 1px #DFDCD0; margin-bottom:0;} 
/************************/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
	max-width: 577px; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width:585px !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;
	float:none;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
#gallery-1 a:hover img,#gallery-2 a:hover img,#gallery-3 a:hover img,#gallery-4 a:hover img{ border:solid 2px #666;}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery br+br {
	display: none;
}
.sticky {
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
/************************/
.commentlist{ margin:0; padding:0;}
.commentlist ul{ padding:0; margin:0;}
.commentlist ul li{padding:0 0 15px 15px; margin:0 0 0 15px;}
li.depth-1{padding:1px 0; border-top: solid 2px #fff;}
li.depth-1{ background-color:#F8F6F4;}
li.depth-2{ background-color:#eee;}
li.depth-3{ background-color:#F8F6F4;}
li.depth-4{ background-color:#eee;}
li.depth-5{ background-color:#F8F6F4;}
li.depth-6{ background-color:#eee;}
li.depth-7{ background-color:#F8F6F4;}
li.depth-8{ background-color:#eee;}
li.depth-9{ background-color:#F8F6F4;}
li.depth-10{ background-color:#eee;}
li.depth-11{ background-color:#F8F6F4;}
li.depth-12{ background-color:#eee;}
li.depth-13{ background-color:#F8F6F4;}
li.depth-14{ background-color:#eee;}
li.depth-15{ background-color:#F8F6F4;}
li.depth-16{ background-color:#eee;}

li.comment,li.trackback,li.pingback{list-style:none;}
li.trackback .commentmetadata,li.pingback .commentmetadata{ left:25px; top:55px;}
.comment-body{ position:relative; padding:12px 25px;}
.comment-author,.fn,.comment-author a{
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:bold;
	color:#000;
	font-style: normal;
}
.comment-author{
	height:40px;
	vertical-align: bottom;
	margin-top:25px;
}
.reply{ margin-left:25px; margin-bottom:0; font-size:11px; font-weight:bold;}
.reply a{ color:#24BAD5;}
blockquote{padding:10px; border-left:solid 3px #736969;}
img.avatar{ border:solid 1px #e8e8e8; padding:2px; background-color:#fff;}
.required{ color:#f00;}
#commentform{ padding:0 20px;}
#commentform #author, #commentform #email, #commentform #url {
	position:absolute;
	width:300px;
	height:25px;
	color:#999;
	display:block;
	left:60px;
	top:0;border:solid 1px #DAD3CB;}
p.comment-form-url,p.comment-form-email,p.comment-form-author{ position:relative; padding:5px 0;}
#comment{ width:584px; height:120px; border:solid 1px #DAD3CB;	color:#999; margin-left:6px;}
#submit{
	border:none;
	padding:8px 10px;
	color:#ffffff;
	background-color:#D2C4BB;
	font-size:16px;
}
.commentlist .bypostauthor {
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
h3.commenttitle{ background:url(images/arrow.gif) no-repeat left top; margin:15px 10px; padding-left:35px; color: #24BAD5; font-size:16px; font-family:"Microsoft Sans Serif";}
h3.commenttitle a{ color: #24BAD5;}
h3#reply-title{
	border-top: solid 1px #DFDCD0;
	clear:both;
	font-size:20px;
	font-weight:bold;
	text-transform: uppercase;
	font-weight:normal;
	padding:30px 0 10px 15px;
}
.nocomments,.page-header{ font-size:16px; font-family:"Microsoft Sans Serif"; text-align:center;}
.page-title{	border-bottom: solid 1px #DFDCD0;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
/***********************/
.SearchResults{ padding:0 25px 25px;}


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 {
	font-weight: normal;
	text-align: left;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}