/*
Theme Name: Blue & Black
Theme URI: http://www.xuhel.cn/wordpress/wp-theme-blue-black.html
Description: The WordPress Theme Designed by <a href="http://www.xuhel.cn">Xu.hel</a>.
Version: 1.1
Author: Xu.hel
Author URI: http://xuhel.cn/
Tags: fixed width, three columns, widgets, dark, black, Xu.hel

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* Basics */
*{margin:0;padding:0;}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th{font-size:1em;font-weight:normal;font-style:normal;}
body{background:#111;font:12px/18px "Lucida Grande", Arial, Helvetica, sans-serif;color:#b3b3b3;text-align:center;}
hr{display:none;}
ul, ol{list-style:none;}
fieldset,img{border:none;}
a{color:#ddd;text-decoration:none;}
a:hover{color:#66ccff;text-decoration:underline;}
/*!important*/

/* Wrapper */
#wrapper{margin:0 auto;width:930px;}

/* Header */
#header{overflow:hidden;background:#003e7b url(images/header.jpg) repeat-x;height:180px;}
#header h1{display:none;}
#header h2{display:none;}


/* Nav*/
#navbar{/*overflow:hidden;*/height:47px;}
#navbar .menu{float:left;list-style:none;margin:24px 0 0 16px;height:23px;line-height:23px;}
#navbar .menu li{float:left;display:block;background:url(images/menu.gif) no-repeat left -23px;padding:0 0 0 12px;margin:0 1px 0 0;}
#navbar .menu li a{float:left;display:block;background:url(images/menu.gif) no-repeat right -23px;padding:0 12px 0 0; color:#0f5a99;text-decoration:none;}
#navbar .menu li a:hover{color:#299ced;text-decoration:underline;} 
#navbar .menu li.current_page_item{background-position:left 0;}
#navbar .menu li.current_page_item a{background-position:right 0;color:#299ced;}

/* Search */
.search{float:right;padding:14px 24px 0 0;}
.search .inputbox{background:#212121;border:1px solid #444;padding:0 3px;width:190px;height:18px;line-height:18px;color:#299ced;font-size:14px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.search .inputbox:focus{border-color:#299ced;color:#999;}
.search .go{display:none;}

/* layout */
#content{float:left;background:#444 url(images/cont_bg.gif) no-repeat top;min-height:368px;}
#postslist{float:left;width:550px;text-align:left;}

/* Post */
.post{overflow:hidden;background:url(images/_posts_bg.gif) no-repeat 0 0;border-bottom:1px solid #5c5c5c;margin:15px 20px 16px;padding:0 0 8px 0;font-family:Verdana, sans-serif;}
.post .title{padding:0;}
.post .title h3{float:right;padding:3px 0 0;font-size:12px;color:#999;}
.post .title h2{background:url(images/posticon.gif) no-repeat 0 2px;padding-left:26px;font-family:"Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif;color:#fff;font-size:20px;font-weight:700;}
.post .title h2 a{color:#fff;text-decoration:none;}
.post .title h2 a:hover{text-decoration:underline;}
.post small a{color:#1b4486;}
.post .entry{font-size:15px;margin:16px 0 10px;padding:0 5px;}
.post .entry p{margin:8px 0;}
.post .entry img{border:2px solid #555;padding:1px;}
.post .entry img:hover{background:#2e2e2e;border:2px solid #1285d7;}
.post .entry a{color:#54c7ff;text-decoration:none;}
.post .entry a:hover{text-decoration:underline;}
.post .entry a img{border:2px solid #666;padding:1px;}
.post .entry a:hover img{background:#2e2e2e;border:2px solid #1285d7;padding:1px;}
.post .entry li{background:url(images/link_b.gif) no-repeat -16px 3px;text-indent:1.2em;list-style:none;}
.post .entry code,.post .entry blockquote{display:block;background:#363636;padding:3px 5px;width:auto;border:1px solid #616161;-moz-border-radius:5px;-webkit-border-radius:5px;}
.more-link{float:right;display:block;background:url(images/more.gif) no-repeat;width:42px;height:15px;}
.post .postmeta{clear:both;padding:0 0 0 20px;}
.post .postmeta a{color:#1285d7;}

/* Sidebar */
#sidebar{float:left;overflow:hidden;background:url(images/sidebar_bg.gif) repeat-y;width:380px;text-align:left;color:#444;}
#sidebar .top{background:url(images/sidebar_top.gif) no-repeat 0 0;height:5px;font-size:1px;}
#sidebar .bottom{clear:both;background:url(images/sidebar_top.gif) no-repeat 0 -5px;height:5px;font-size:1px;}
#sidebar h3{color:#299ced;}
#sidebar ul{padding:2px 10px;}
#sidebar .sbar_a{float:left;overflow:hidden;width:190px;}
#sidebar .sbar_a ul li ul{padding:0;}
#sidebar .sbar_a ul li{margin:1px 0;}
#sidebar .sbar_a ul li a{background:url(images/ihel.gif) no-repeat 0 50px;padding-left:10px;color:#aaa;text-decoration:none;}
#sidebar .sbar_a ul li a:hover{background-position:0 -13px;color:#299ced; text-decoration:none;}
#sidebar .sbar_a ul li.current-cat a{background:url(images/ihel.gif) no-repeat 0 4px;padding-left:10px;color:#54c7ff;}
#sidebar .sbar_b{float:right;overflow:hidden;width:190px;}
#sidebar .sbar_b ul{padding:2px 5px;}
#sidebar .sbar_b ul li ul{padding:0;}
#sidebar .sbar_b ul li{line-height:18px;color:#999;}
#sidebar .sbar_b ul li a{background:url(images/link_b.gif) no-repeat -16px 3px;border-bottom:1px solid #2e2e2e;padding-left:16px;color:#aaa;text-decoration:none;}
#sidebar .sbar_b ul li a:hover{background-position:0 -17px;border-bottom:1px solid #299ced;color:#54c7ff;text-decoration:none;}
#sidebar .sbar_b .feed-rss{padding:10px;}
#sidebar .sbar_b .feed-rss p{display:block;background:url(images/rss_bg.gif) no-repeat; padding-left:40px; height:32px; width:auto; line-height:32px;}
#sidebar .sbar_b .feed-rss p a{color:#fdfdfd;text-decoration:none;}
#sidebar .sbar_b .feed-rss p a:hover{text-decoration:underline;}

/* Comments */
h3#comments, h3#respond{font-style:italic;font-variant:small-caps;margin:10px 0 5px;font-size:16px;font-weight:700;color:#999;}
h3#respond{font-size:16px;font-weight:700;color:#999;}
h3#comments, h3#respond, h3#trackpings{float:left;display:block;background:url(images/comment_bg.gif) no-repeat left;padding-left:20px;height:40px;line-height:40px;}
h3#comments span, h3#respond span, h3#trackpings span{float:left;clear: right;display:block;background:url(images/comment_bg.gif) no-repeat right;padding-right:20px;}
h3#trackpings{background:url(images/ico_comments.png) no-repeat 0 0;font-style:italic;font-variant:small-caps;margin:10px 0 5px;padding-left:26px;font-size:16px;font-weight:700;color:#333;}
p.comments{clear:both;font-size:1em;font-weight:700;margin:10px 20px;}
p.comments a{font-style:italic;font-weight:400;color:#ccc;text-decoration:underline;}
p.comments a:hover{color:#66ccff;text-decoration:underline;}
.commentlist{margin:0 10px;}
.commentlist li{padding:0 0 5px;}
.commentlist li .list{overflow:hidden;font-size:12px;line-height:18px;}
.commentlist li .gravatar{float:left;background:url(images/gavatar2.gif) no-repeat;height:32px;width:32px;padding:4px;margin:0 10px 0 0;}
.commentlist li cite{font-size:1.2em;color:#299ced;}
.commentlist li cite a{color:#299ced; font-weight:700;text-decoration:underline;}
.commentlist li cite a:hover{color:#66ccff;text-decoration:underline;}
.commentlist li small a{color:#999;text-decoration:none;}
.commentlist li small a:hover{text-decoration:underline;}
.commentlist li .commentcount{float:right;position:relative;top:27px;right:10px;font:2.5em Verdana, Arial, Helvetica, sans-serif;font-style:italic;font-weight:700;color:#bbe1f0;}
.commentlist li .list .fillet{background:#363636;margin:8px;padding:5px; border:1px solid #616161;-moz-border-radius:5px;-webkit-border-radius:5px;}
.commentlist li .list .fillet .commentmetadata{float:right;}
.commentlist .post{background:none;padding:0;margin:0;border:0;}
.trackpings{margin:0 20px;}
.trackpings li{font-size:11px;line-height:18px;overflow:hidden;}
.trackpings li span{font-size:10px;line-height:23px;}
.trackpings li span a{padding:0 0 0 1em;font-size:12px;font-weight:700;}
.trackpings li span a:hover{text-decoration:underline;}
.reply{clear:both;padding-bottom:18px;margin:0 10px;}
.reply .text{background:#383838 url(images/input_bg.gif) repeat-x;border:1px solid #000;width:260px;height:13px;color:#ccc;-moz-border-radius:3px;-webkit-border-radius:3px;}

.reply .text:focus{border:1px solid #299ced;}
.reply .text, .reply textarea{margin:3px 0;padding:3px;}
.reply textarea{background:#383838 url(images/input_bg.gif) repeat-x;border:1px solid #000;width:500px;color:#ccc;-moz-border-radius:3px;-webkit-border-radius:3px;}
.reply textarea:focus{border:1px solid #299ced;}
.reply small{position:relative;bottom:5px;font-size:1em;}
.reply p{font-size:1em;color:#999;}
.reply p a{font-weight:700;color:#ccc;}
.reply p label{margin-left:3px;}
.reply .comm_submit{background:url(images/submit.gif) no-repeat 0 0;border:0;width:134px;height:29px;color:#000;line-height:29px;font-size:12px;}
.reply .comm_submit_move{background:url(images/submit.gif) no-repeat 0 -29px;border:0;width:134px;height:29px;color:#000;line-height:29px;font-size:12px;}
.reply .comm_submit_down{background:url(images/submit.gif) no-repeat 0 -58px;border:0;width:134px;height:29px;color:#000;line-height:29px;font-size:12px;}
.linktextarea{overflow:hidden;padding:3px;width:490px;font:12px "Lucida Grande", Verdana, sans-serif;}

/* navigation */
.navigation{margin:0 0 5px 20px;padding:12px 0 8px;}
.navigation a{border:1px solid #666;text-decoration:none;color:#ccc;padding:2px 6px;}
.navigation a:hover{background:#666;border:1px solid #666;color:#fff;}
.navigation span{background:#666;border:1px solid #666;color:#ccc;padding:2px 6px;}
.navigation .alignleft{float:left;}
.navigation .alignright{float:left;margin:0 10px;}

/* wp-pagenavi */
.navigation .wp-pagenavi a, .navigation .wp-pagenavi a:link{background:none;border:1px solid #555;padding:2px 6px;margin:0;color:#999;text-decoration:none;}
.navigation .wp-pagenavi a:visited{background:none;border:1px solid #555;padding:2px 6px;margin:0;color:#999;text-decoration:none;}
.navigation .wp-pagenavi a:hover{background:#555;border:1px solid #888;color:#ccc;}
.navigation .wp-pagenavi a:active{background:none;border:1px solid #555;padding:2px 6px;margin:0;color:#999;text-decoration:none;}
.navigation .wp-pagenavi span.pages{background:none;border:none;padding:2px 6px;margin:0;color:#666;}
.navigation .wp-pagenavi span.current{background:none;border:none;padding:2px 6px;margin:0;font-weight:bold;color:#666;}
.navigation .wp-pagenavi span.extend{background:none;border:none;padding:2px 6px;margin:0;color:#666;}

/* Footer */
#footer{clear:both;background:url(images/fooder_bg.gif) no-repeat top;padding:15px;}
#footer p{background:url(images/wp_logo.gif) no-repeat;padding:0 0 0 48px;margin:15px 0 3px;height:41px;line-height:41px;color:#555;text-align:left;}
#footer p a{color:#888;}
#footer .mt{float:right;display:block;position:relative;background:url(images/mt_logo.png) no-repeat;height:41px;width:52px;}

/* Archive */
.arclist{margin:15px 0;}
.arclist .lstitle h3{float:right;padding:3px 0 0;font-size:14px;color:#999;}
.arclist .lstitle h2{background:url(images/post_icon.gif) no-repeat 0 1px;padding-left:26px;font-family:"Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif;color:#fff;font-size:16px;}
.arclist .lstitle h2 a{color:#fff; text-decoration:none;}
.arclist .lstitle h2 a:hover{color:#66ccff;text-decoration:underline;}
.arclist .postmeta a{color:#1285d7;text-decoration:underline;}
.arclist .postmeta a:hover{color:#66ccff;}
.arclist .postmeta{padding:0 0 6px;border-bottom:1px solid #666;}

/* Archives */
#archives #arslink{float:left;display:block;margin:0 0 10px;padding:0;width:100%;list-style-type:none;}
#archives #arslink li{float:left;margin:1px;width:24%;list-style:none;line-height:23px;text-align:center;border:1px solid #111;}
#archives #arslink li a{display:block;background:#363636;border:1px solid #555;padding:0px;color:#999;font-size:12px;text-decoration:none;}
#archives #arslink li a:hover{background:#555;border-color:#999;color:#299ced;}
#archives{width:auto;}
#archives ul{clear:left;margin:0 0 10px 0;list-style-type:none;}
#archives ul li{background:none;border-bottom:1px solid #222;line-height:250%;text-indent:0;}
#archives ul li a{display:block;background:#333;padding:0 0 0 2em;border:none;color:#999;}
#archives ul li a:hover{background:#555;border-color:#888;color:#299ced;}
#archives .line{padding:10px 0;font-size:14px;font-style:italic;}

/* linkpage */
#linkpage{padding:0 0 10px 0px;}
#linkpage h2{padding:0 0 0 5px;margin:5px 0;font-size:15px;letter-spacing:-1px;color:#999;}
#linkpage ul li{list-style-type:none;display:block;width:100%;float:left;margin:0 0 10px;padding:0;}
#linkpage ul li ul li{width:32%;float:left;list-style:none;line-height:23px;height:23px;margin:1px;text-align:center;border:1px solid #111;}
#linkpage ul li ul li a{display:block;border:1px solid #555;font-size:12px;text-decoration:none;color:#999;}
#linkpage ul li ul li a:hover{background:#555;border-color:#999;color:#299ced;}
/* Made on a Mac */

.aligncenter,div.aligncenter{display:block;margin:auto;}
.alignleft{float:left;}
.alignright{float:right;}
.wp-caption{text-align:center;padding-top:4px;margin:10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.wp-caption img{margin:0;padding:0;border:0 none;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;padding:0 4px 5px;margin:0;}