/* 
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:5px; 
    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;}