/*
Theme Name:gitem
Theme URI: http://www.xwenz.com/gitem
Description: A simple template based blue and green tones, simple and clean, I hope you like it. Since Version 2.0,I added the theme option "Layout" and the Chinese Language Pack. And also modified some APIs to adapt to the version 3.4.
Version:2.01
Author: Xwenz
Author URI:http://www.xwenz.com
Tags: blue,gray,white,light, two-columns, fixed-width,custom-background,custom-header,custom-menu,post-formats,rtl-language-support,theme-options,translation-ready
License:GNU General Public License, v2 (or newer)
License URI:http://www.gnu.org/licenses/old-licenses/gpl-2.0.html    
*/
/* CSS Document */

html, * html body, body, div, h1, h2, h3, h4, h5, h6,#nav ul,#sidebar ul {
	padding:0;
	margin:0;
}
#header h1{ display:block; padding:20px 0 0; margin:0;font-weight:bold;}
#header h1 a {
	font-size:1.8em;
	color:#000;
}
a {
	color:#999;	text-decoration:none;

}
a:hover {
	color:#000;
}

h2 {
	font-size:1.1em;
	line-height:26px;
}
h3, h4, h5, h6 {
	line-height:24px;
}
.cb {
	clear:both;
	height:0;
}
small {
	font-size:0.9em;
	font-weight:normal;
}
.gray {
	color:gray;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #EEF7FF url(images/bg2.jpg);
	color:#333;
}
body.custom-background{ background:none;}
#wrap {
	width:80%;
	margin:0 auto;
	border-left:5px solid #0099CC;
	border-right:5px solid #0099CC;
}
#header {
	text-align:center;
	width:100%;
	background: #fff url(images/bg.jpg) no-repeat center top;
	height:125px;
}
#headimg{ margin:0 auto;}
#nav {
	background-color: #0099CC;
	text-align:center;
	width:100%;
	clear:both;
}
.right-sidebar #main,#main {
	line-height:1.8em;
	clear:both;
	float:left;	
	background:#fff url(images/bg3.jpg) repeat-y 69% top;
	width:100%;
}
.left-sidebar #main{ background:#fff url(images/bg4.jpg) repeat-y 31% top;}
.right-sidebar #content,#content {
	width:65%;
	float:left;
	padding:2%;
}
.left-sidebar #content{	float:right;}
.right-sidebar #sidebar,#sidebar {
	width:27%;
	padding:2%;
	float:right;
}
.left-sidebar #sidebar{float:left;}
#footer {
	background-color:#cccccc;
	border-top:solid 2px #0099CC;
	border-bottom:solid 5px #0099CC;
	clear:both;
	text-align:center;
	line-height:30px;
	float:left;
	width:100%;
	margin-bottom:20px;
}
/*****************/
#nav .menu {
	background-color: #0099CC;
	float:left;
	width:100%;
	padding:5px 0;
}
#nav li {
	float:left;
	list-style:none;
	position:relative;
}
#nav li a {
	display:block;
	font-size:14px;
	float:left;
	white-space:nowrap;
	color:#fff;
	font-weight:bold;
	padding:8px 15px;
	height:19px;
}
#nav li:hover, #nav li a:hover, #nav li.current_page_item a {
	background-color:#FF66CC;
	text-decoration:none;
}
#nav li ul {
	display:none;
	border:none;
	float:none;
}
#nav li:hover ul {
	display:block;
	position:absolute;
	z-index:100;
	top:35px;
	min-width:100px;
	left:0;
	background-color:#57669B;
	height:auto;
}
#nav li:hover li {
	float:none;
}
#nav li:hover li a {
	display:block;
	float:none;
	padding:8px 15px;
}
#nav li:hover li a:hover {
	display:block;
}
#nav li:hover ul li ul {
	display:none;
}
#nav li:hover ul li:hover ul {
	display:block;
	left:100%;
	top:0;
	background-color:#6AB1D8;
}
/*****************/
.post {
	margin-bottom:55px;
	width:100%; float:left;
	border-bottom:solid 1px #ccc;
}
.title2 {
	margin-bottom:15px;
}
.title2 a {
	color:#000;
}
.title2 .littleblock {
	display:inline-block;
	width:5px;
	background-color:#09c;
	height:20px;
	vertical-align: middle;
	margin-right:10px;
}
.title2 a:hover {
	color: #0099cc;
	border:none;
}
.title2 a:hover .littleblock {
	background-color:#000;
}
.title2 a small {
	margin-left:5px;
}
.entry {
	padding:10px 0 10px 30px;
 	clear:both;}
.entry img{ max-width:100%;}
.info{ clear:both;}
.info p{ margin:0; padding:0; line-height:1.2em; font-size:0.9em;}
.post-edit-link{ background-color:#ccc; padding:2px 5px;	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px; float:right;box-shadow:0 5px 5px -5px #ccc,5px 0 5px -5px #ccc;
	margin-bottom:3px;
}
#sidebar ul {
	padding:0; margin:0;
}
#sidebar ul ul {
	padding:12px 0 30px;
}
#sidebar ul ul ul {
	padding:0 0 0 12px;
}
#sidebar li {
	list-style:none;
}
#sidebar li li {
	margin:0;
}
#sidebar li a {
	display:block;
	color:#000;
	padding:8px 5px 4px 15px;
	line-height:1.5em;
	border:none;
	box-shadow: 0 5px 5px -5px #f4f4f4;
	border: solid 1px #f4f4f4;
}

#sidebar li a:hover {
	background-color:#f8f8f8;
	color:#000000;
	padding:8px 5px 4px 25px;
	box-shadow: 0 5px 5px -5px #999;
	border: solid 1px #eee;
}
.title3 {
	border: solid 1px #CCCCCC;
	text-align:center;
	color:#0099cc;
	padding:10px 0;box-shadow:0 8px 5px -5px #ccc,5px 0 5px -5px #ccc;
}
#sidebar li.widget_tag_cloud a,#sidebar li.widget_text a,#sidebar li.widget_calendar a{	padding:8px 5px 4px 15px;border:none;}
#sidebar li.widget_tag_cloud a:hover,#sidebar li.widget_text a:hover,#sidebar li.widget_calendar a:hover{	padding:8px 5px 4px 15px;border:none;}
#sidebar li.widget_tag_cloud a{ display:inline;}
.tagcloud,.textwidget,.widget_search,.widget_calendar{ padding:0 0 20px;}
.widget_tag_cloud .title3,.widget_text .title3,.widget_search .title3,.widget_calendar .title3{ margin-bottom:12px;}
#sidebar #wp-calendar{width:100%;}
#sidebar #wp-calendar a{ color:#000; text-decoration:underline; padding:0; margin:0; background:none; border:none;box-shadow:none;}
#sidebar #wp-calendar a:hover{ color:#ccc;}
#sidebar #wp-calendar *{ text-align:center;}
#sidebar img,#sidebar input{ max-width:100%;}
/************************/

h1.pagetitle {
	text-align:center;
	margin-bottom:20px;
}
/************************/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{
	max-width: 100%; /* 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: 0.9em;
	margin: 5px;
	float:none;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.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: 0.9em;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery br+br {
	display: none;
}
.sticky {
}
.gallery .gallery-caption {
	color: #888;
	font-size: 0.9em;
	margin: 0 0 12px;
}
/************************/
.commentlist {
	margin:0;
	padding:0;
	width:100%; float:left;
}
.commentlist ul.children{ margin:0; padding:0;}
.commentlist li.comment,.commentlist li.pingback,.commentlist li.trackback { border:solid 1px #ccc; margin:3px; }
.commentlist li.depth-1,.commentlist li.depth-3,.commentlist li.depth-5,.commentlist li.depth-7{ background-color:#F2F0EF; list-style:none;}
.commentlist li.depth-2,.commentlist li.depth-4,.commentlist li.depth-6,.commentlist li.depth-8{ background-color:#ffffff; list-style:none;}



li.comment, li.trackback, li.pingback {
	list-style:none;
}
.commentmetadata {
	font-size:0.75em;
}
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-weight:bold;
	color:#000;
	font-style: normal;
}
.comment-author {
	height:70px;
	vertical-align: bottom;
	margin-top:25px;
}
.reply {
	margin-left:25px;
	margin-bottom:0;
	font-size:0.8em;
	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:1.1em;
}
.commentlist .bypostauthor {
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
h3.commenttitle {
	margin:15px 0;
	font-family:"Microsoft Sans Serif";
	width:100%;
	float:left;
}
h3.commenttitle a {
	color: #ccc;
	font-size:2.34em;
}
h3#reply-title {
	border-top: solid 1px #DFDCD0;
	clear:both;
	font-size:1.8em;
	font-weight:bold;
	text-transform: uppercase;
	font-weight:normal;
	padding:30px 0 10px 15px;
}
.nocomments {
	font-family:"Microsoft Sans Serif";
	text-align:center;
	width:100%; float:left;
	font-size:2.3em;
	color:#ccc;
}
.page-title {
	border-bottom: solid 1px #DFDCD0; color:#ccc; font-size:2em;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
/***********************/

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: 0.8em;
	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;
}
#backtop{ position: fixed; left:90%; bottom:100px; width:30px; background-color:#ccc; margin-left:10px; color:#000; text-align:center;}
#backtop:hover{ background-color:#fff;}
#content a img{ border:solid 1px #ccc; background-color:#e8e8e8; padding:3px;}
#content a:hover img{ border:solid 1px #e8e8e8; background-color:#f8f8f8;}