/*
Theme Name: ii Tango
Theme URI: http://xuhel.cn/wordpress/wp-theme-ii-tango.html
Description: The WordPress Theme Designed by <a href="http://www.xuhel.cn">Xu.hel</a>.
Version: 1.0
Author: Xu.hel
Author URI: http://xuhel.cn/
Tags: fixed width, three columns, widgets, Tango!, Tango

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:#f8f8f6 url(images/bg.gif) repeat-x;font:12px/150% "Lucida Grande", Verdana, Arial, sans-serif;color:#555753;text-align:center;}
hr{display:none;}
ul, ol{list-style:none;}
fieldset,img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

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

/* layout */
#header{overflow:hidden;background:#2e3436 url(images/bg.gif) repeat-x;height:100px;}
#content{min-height:368px;padding:20px 10px;}
#postslist{float:left;overflow:hidden;width:560px; margin-right:20px;text-align:left;}
#sidebar{float:left;overflow:hidden;border-left:1px solid #d3d7cf;width:359px;text-align:left;}
#footer{clear:both;overflow:hidden;background:#d3d7cf url(images/fooder_bg.gif) repeat-x;padding:0;width:100%;font-family:Verdana;}

/* Header */
/*#header h1{display:none;}*/
#header h1,#header h1 a{float:left;margin:20px 0 0 20px;font-size:24px;font-weight:700;color:#fff;text-shadow:2px 2px 2px #000;}
#header .logos{display:block;float:left;background:url(images/logo.gif) no-repeat 0 0;margin:32px 0 0 20px;width:210px;height:40px;}

/* Nav*/
.nav{float:right;background:url(images/navbg.gif) no-repeat right top;padding-right:10px;margin-right:24px;height:26px;width:600px;}
.nav .menu{float:right;padding-bottom:4px;list-style:none;text-align:right;}
.nav .menu li{float:left;padding:3px 8px 0 8px;}
.nav .menu li a{float:left;font-size:12px;color:#a0a39d;line-height:19px;text-decoration:none;}
.nav .menu li a:hover{color:#eeeeec;text-decoration:none;} 
.nav .menu li.current_page_item{background:url(images/cpitem.gif) no-repeat center 1px;}
.nav .menu li.current_page_item a{color:#fff;font-weight:700;}

/* Search */
.search{clear:both;overflow:hidden;margin-bottom:10px;padding-top:4px;height:26px;}
.search .inputbox{float:left;background:#fff url(images/search_bg.gif) no-repeat;border:0;padding:1px 0 2px 10px;width:140px;height:19px;line-height:19px;color:#555753;font-size:14px;}
.search .go{float:left;background:#cfd1cc url(images/search_go.gif) no-repeat 0 0;border:0;height:22px;width:32px;}
.search .go_down{float:left;background:#cfd1cc url(images/search_go.gif) no-repeat 0 -22px;border:0;height:22px;width:32px;}

/* Post */
.post{overflow:hidden;background:url(images/post_icon.gif) no-repeat 0 -44px;padding-left:22px;margin-bottom:16px;font-family:Verdana, sans-serif;}
.post:hover{background:url(images/post_icon.gif) no-repeat -48px 4px;}
.post .title{padding:0;}
.post .title h2{padding:0 0 2px;font-size:16px;font-weight:700;color:#2e3436;line-height:150%;font-family:"Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif;text-shadow:1px 1px 2px #333;}
.post .title h2 a{color:#2e3436;}
.post .title h2 a:hover{color:#2e3436;}
.post .title small{padding-left:3px;color:#babdb6;font-size:12px;}
.post .title small a{color:#888a85;}
.post .title small a:hover{color:#888a85;}
.post .entry{margin:8px 0 5px;}
.post .entry p{margin:6px 0;line-height:160%;}
.post .entry a{color:#3465a4; padding:1px;}
.post .entry a:hover{color:#204a87;}
.post .entry img{border:2px solid #d3d7cf;padding:1px;}
.post .entry img:hover{background:#fff;border:2px solid #babdb6;}
.post .entry a img{border:2px solid #d3d7cf;padding:1px;}
.post .entry a:hover img{background:#fff;border:2px solid #babdb6;padding:1px;}
.post .entry li{background:url(images/li.gif) no-repeat 0 2px;text-indent:1.5em;list-style:none;}
.post .entry code{display:block;overflow:auto;background:#fff;border:1px solid #babdb6;padding:3px 7px;width:auto;color:#3a7304;-moz-border-radius:3px;-webkit-border-radius:3px;}
.post .entry blockquote{display:block;overflow:auto;background:#fff;border:1px solid #babdb6;padding:3px 7px;width:auto;color:#75507b;-moz-border-radius:3px;-webkit-border-radius:3px;}
.post p.postmeta{color:#babdb6;}
.post p.postmeta a{color:#888a85;}
.post p.postmeta a:hover{color:#555753;}
.post-nav{clear:both;padding-top:10px;font-size:95%;}
.post-nav a,.post-nav a:visited{color:#4f7fbd;text-decoration:none;}
.post-nav a:hover{color:#2e3436;text-decoration:none;}
.post-nav .previous a{float:left;padding-left:20px;background:url(images/post-nav-previous.gif) no-repeat left center;}
.post-nav .next a{float:right;padding-right:20px;text-align:right;background:url(images/post-nav-next.gif) no-repeat right center;}
.post .entry .but_down{clear:both;padding:2px 0;}
.post .entry .but_down a{float:left;display:block;background:url(images/downbutton.gif) no-repeat left top;border:none;padding:0 0 0 40px;height:24px;font:12px Verdana;color:#2e3436;text-decoration:none;}
.post .entry .but_down a span{float:left;display:block;background:url(images/downbutton.gif) no-repeat right top;padding:0 12px 0 0;line-height:24px;cursor:pointer;}
.post .entry .but_down a:hover{background-position:left -24px;color:#204a87;}
.post .entry .but_down a:hover span{background-position:right -24px;}

/* Sidebar */
#sidebar h3{color:#2e3436;font-weight:700;}
#sidebar ul{clear:both;padding:5px 0;}
#sidebar ul li ul{padding:1px 5px;}
#sidebar a{background:url(images/arrow.gif) no-repeat 2px 5px;padding:0 0 0 10px;color:#555753;}
#sidebar a:hover{color:#204a87;}
#sidebar .sidebar1{float:left;overflow:hidden;margin:0 0 0 10px!important;margin:0 0 0 5px;padding:0;width:140px;}
#sidebar .sidebar1 ul li a{}
#sidebar .sidebar1 ul li .children{padding:0;margin:0;}
#sidebar .sidebar1 ul li .children li{padding:0;}
#sidebar .sidebar1 ul li.current-cat a{color:#204a87;font-weight:700;}
#sidebar .sidebar2{float:right;overflow:hidden;width:199px;}
#sidebar .feed-rss{display:block;overflow:hidden;background:url(images/rssfeed_bg.gif) no-repeat 0 0;margin-bottom:10px;padding:0 0 0 38px;height:30px;}
#sidebar .feed-rss:hover{background-position:0 -30px;}
#sidebar .feed-rss li{line-height:15px;}
#sidebar .feed-rss li a{background:none;padding:0;color:#555753;font-weight:700;}
#sidebar .feed-rss li a:hover{color:#204a87;}
#sidebar .comments a{color:#3465a4;}
#sidebar .comments a:hover{color:#204a87;}
#sidebar .tagscloud{padding:3px 10px;}
#sidebar .tagscloud a{color:#3465a4;}

/* Comments */
h3#comments, h3#respond{background:url(images/comment_bg.gif) no-repeat 0 6px;font-style:italic;font-variant:small-caps;margin:10px 0 5px;padding-left:22px;font-size:16px;font-weight:700;color:#888a85; line-height:180%;}
h3#respond{margin:10px 0 5px;padding-left:26px;font-size:16px;font-weight:700;color:#888a85;}
h3#comments span, h3#respond span, h3#trackpings span{font-weight:400;}
h3#trackpings{background:url(images/ico_comments.png) no-repeat 0 2px;font-style:italic;font-variant:small-caps;margin:10px 0 5px;padding-left:22px;font-size:16px;font-weight:700;color:#888a85;}
p.comments{font-size:1em;font-weight:700;margin:10px 20px;color:#888a85;}
p.comments a{font-style:italic;font-weight:400;color:#555753;text-decoration:underline;}
.commentlist,.pingbacklist{margin:0 22px;}
.commentlist li,.pingbacklist li{padding:5px 0;}
.commentlist li .list,.pingbacklist li .list{overflow:hidden;background:#fff;padding:5px 8px;color:#333;font-size:12px;line-height:18px;border:1px solid #d3d7cf;-moz-border-radius:5px;-webkit-border-radius:5px;}
.commentlist li .list:hover,.pingbacklist li .list:hover{border-color:#888a85;}
.commentlist li .list a,.pingbacklist li .list a{color:#888a85;}
.commentlist li .list .gravatar{float:left;float:left;background:url(images/gavatar_bg.gif) no-repeat;height:32px;width:32px;padding:4px;margin:0 10px 0 0;}
.commentlist .list .commentmetadata{float:right;}
.commentlist .list .commentmetadata a{color:#888a85;}
.commentlist .list .commentmetadata a:hover{color:#888a85;}
.commentlist .list cite{color:#2e3436;font-weight:700;font-size:1.2em;}
.commentlist .list cite a{color:#2e3436;}
.pingbacklist .list small{color:#888a85;}
.pingbacklist .list cite{color:#2e3436;font-weight:700;font-size:1.2em;}
.pingbacklist .list cite a{color:#2e3436;}
.reply{padding-bottom:18px;margin:0 22px;}
.reply .text{background:#fff url(images/input_bg.gif) repeat-x 0 -2px;border:1px solid #888a85;width:260px;height:13px;}
.reply .text:focus{background-position:0 0px;border-color:#f57900;color:#2e3436;}
.reply .text,.reply textarea{margin:3px 0;padding:3px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#6e706c;}
.reply textarea{background:#fff url(images/input_bg.gif) repeat-x 0 -2px;border:1px solid #888a85;width:500px;}
.reply textarea:focus{background-position:0 0px;border-color:#f57900;color:#2e3436;}
.reply small{padding-left:5px;}
.reply p{color:#888a85;}
.reply p a{font-weight:700;color:#555753;}
.reply p label{margin-left:3px;}
.reply .comm_submit{background:url(images/submit.gif) repeat-x 0 0;border:1px solid #888a85;padding:0 5px;height:22px;color:#555753;font-size:12px;font-weight:700;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;}
.reply .comm_submit_move{background:url(images/submit.gif) repeat-x 0 -20px;border:1px solid #204a87;padding:0 5px;height:22px;color:#204a87;font-size:12px;font-weight:700;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;}
.reply .comm_submit_down{background:url(images/submit.gif) repeat-x 0 -40px;border:1px solid #2e3436;padding:0 5px;height:22px;color:#2e3436;font-size:12px;font-weight:700;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;}
.linktextarea{overflow:hidden;padding:3px;width:490px;font:12px "Lucida Grande", Verdana, sans-serif;}

/* navigation */
.navigation{padding:12px 0 8px;}
.navigation a{background:#eeeeec;border:1px solid #babdb6;text-decoration:none;color:#555753;padding:2px 6px;}
.navigation a:hover{background:#d3d7cf;border:1px solid #888a85;color:#2e3436;}
.navigation span{background:none;border:1px solid #f8f8f6;color:#888a85;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:#eeeeec;border:1px solid #babdb6;padding:2px 6px;margin:0;color:#555753;text-decoration:none;}
.navigation .wp-pagenavi a:visited{background:#eeeeec;border:1px solid #babdb6;padding:2px 6px;margin:0;color:#555753;text-decoration:none;}
.navigation .wp-pagenavi a:hover{background:#d3d7cf;border:1px solid #888a85;color:#2e3436;}
.navigation .wp-pagenavi a:active{background:#eeeeec;border:1px solid #babdb6;padding:2px 6px;margin:0;color:#555753;text-decoration:none;}
.navigation .wp-pagenavi span.pages{background:none;border:1px solid #f8f8f6;padding:2px 6px;margin:0;color:#888a85;}
.navigation .wp-pagenavi span.current{background:#d3d7cf;border:1px solid #888a85;padding:2px 6px;margin:0;font-weight:bold;color:#2e3436;}
.navigation .wp-pagenavi span.extend{background:none;border:1px solid #f8f8f6;padding:2px 6px;margin:0;color:#888a85;}

/* Footer */
#footer p{background:url(images/wp_logo.gif) no-repeat left top;padding:0 0 0 52px;margin:3px 0 0;height:46px;line-height:46px;color:#888a85;text-align:left;}
#footer p a{color:#555753;}
#footer p a:hover{color:#2e3436;}

/* Archive */
.arclist{margin:15px 0;border-bottom:1px solid #d3d7cf;}
.arclist .lstitle h2{padding-left:16px;font-family:"Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif;color:#2e3436;font-size:16px;font-weight:700;text-shadow:1px 1px 2px #333;}
.arclist .lstitle h2 a{color:#2e3436;text-decoration:none;}
.arclist .lstitle h2 a:hover{text-decoration:underline;}
.arclist .postmeta{padding:0 0 6px 16px;}

/* 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:2px;width:24%;list-style:none;line-height:23px;text-align:center;}
#archives #arslink li a{display:block;background:#eeeeec;border:1px solid #babdb6;padding-left:5px;color:#555753;font-size:12px;text-decoration:none;}
#archives #arslink li a:hover{background:#555753;border-color:#2e3436;color:#eeeeec;}
#archives{width:100%;}
#archives ul.ul{clear:left;margin:0 0 10px 0;list-style-type:none;}
#archives ul.ul li{background:none;text-indent:0;}
#archives ul.ul li a{display:block;background:url(images/more.gif) no-repeat 10px 10px;padding:0 0 0 2em;height:32px;line-height:32px;border-bottom:1px solid #eeeeec;color:#204a87;}
#archives ul.ul li a:hover{background:#3465a4 url(images/more.gif) no-repeat 10px 10px;border-color:#3465a4;color:#eeeeec;text-decoration:none;}
#archives .line{padding:10px 0 0;}

/* linkpage */
#linkpage{padding:0 0 10px 0px;}
#linkpage h2{margin:5px 0;font-size:15px;letter-spacing:-1px;color:#515150;}
#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 #fff;}
#linkpage ul li ul li a{display:block;background:#d3d7cf;border:1px solid #888a85;font-size:12px;text-decoration:none;color:#2e3436;}
#linkpage ul li ul li a:hover{background:#3465a4;border-color:#204a87;color:#eeeeec;}
/* 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;}

/* Flickr */
#flickr_badge_uber_wrapper{text-align:center;width:197px;}
#flickr_badge_wrapper{float:left;}
.flickr_badge_image{float:left;margin:5px 5px 0 5px!important;margin:5px;}
.flickr_badge_image img{border:2px solid #e6e6e6;padding:1px;}
.flickr_badge_image img:hover{border-color:#3993ff;}
#flickr_badge_source{text-align:left;margin:0 5px 0 5px;}
#flickr_badge_icon{float:left;margin-right:5px;}
#flickr_www{display:block;padding:0 5px!important;font:11px Arial, Helvetica, Sans serif!important;color:#3993ff!important;}
#flickr_badge_uber_wrapper a{background:none;color:#3993ff;padding:0;}
#flickr_badge_wrapper{padding-bottom:10px;}
#flickr_badge_source{font:11px Arial, Helvetica, Sans serif!important;color:#666!important;}