/*
Theme Name: Gray
Theme URI: http://www.chouray.com/20100316themegray.html
Description: A Gray WordPress theme. Build in links and archives pages.
Version: 1.10
Author: ChouRay
Author URI: http://www.chouray.com
Tags: white,two-columns,right-sidebar,fixed-width,microformats,photoblogging
*/
/* 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:#d7d7d7;font:12px/18px Verdana, Arial, Sans-Serif;color:#828282;text-align:cevnter;text-shadow:0 1px 0 #fff;margin: 0px auto;}
a 				{ font-weight: bold;text-decoration:none; outline:none; color: #828282;-webkit-transition:color 0.5s ease-in;  }
a:hover     	{ text-decoration: none; border-bottom: none; color: #262626; }
a:focus         { border: none; }
hr{display:none;}
ul, ol{list-style:none outside;}
fieldset,img{border:none;}
.clear{clear:both;}
.clearer{clear:both;display:block;margin:0;padding:0;height:0;line-height:1px;font-size:1px;}
div{word-wrap: break-word; overflow: hidden; text-overflow: ellipsis;}
/* header **********************/
#header  {	width: 846px; margin: 0px auto; padding: 0 0 0px 0; overflow: hidden; background:url(images/header.jpg) no-repeat;overflow:hidden; }
#header .hidden{display:none;}
#header h1,#header .description{text-align:left;padding:15px 5px 0px 15px;}
#header h1{display:block;margin:18px 0 1px 25px;height:36px;line-height:36px;font-size:30px;font-weight:700;}
#header h1,#header h1 a{color:#90969a;text-shadow:0 1px 0 #fff;}
#header h1 a:hover{text-decoration:none;text-shadow:0 1px 0 #fff;}
#header .description{overflow:hidden;margin:0 0 17px 16px;height:43px;line-height:17px;color:#a5acb0;font-size:14px;text-shadow:0 1px 0 #f6f6f6;font-style:italic;padding:0px 5px 0px 15px;}
#header .logo{float:left;display:block;background:url(images/logo.jpg) no-repeat 0 0;margin:0px;width:239px;height:131px;}
/* Nav*/
#header .nav{clear:both;overflow:hidden;background:url(images/menu.jpg) no-repeat 0 0;text-align:left;height:47px;}
#header .menu li a{background:url(images/menulib.jpg) no-repeat;}
#header .menu{float:left;overflow:hidden;height:41px;margin:3px 0px 0px 15px;}
#header .menu li{float:left;}
#header .menu li a{float:left;display:block;background-position:0px 31px;width:90px;color:#828282;text-align:center;line-height:24px;}
#header .menu li a:hover{color:#262626;text-decoration:none;}
#header .menu li span a{float:left;display:block;background-position:0px 31px;width:90px;color:#828282;text-align:center;line-height:24px;}
#header .menu li span a:hover{color:#262626;text-decoration:none;}
#header .menu li.current-cat   a{background-position:6px 0;color:#fff;text-shadow:1px 1px 0 #011b3a;}
#header .menu li.current-cat   a:hover{color:#e2e2e2;}
#header .menu li.current_page_item a{background-position:6px 0;color:#fff;text-shadow:1px 1px 0 #011b3a;}
#header .menu li.current_page_item a:hover{color:#e2e2e2;}
#header .feedrss{float: right;display:inline-block;overflow:hidden;background:url(images/rss.gif) no-repeat;margin:7px 10px 0px 0px;width:24px;height:24px;text-indent:99em;}

#main-wrapper { margin: 0px auto; width:846px;background:url(images/bg.jpg) repeat-y; }
/* index */
.main {width:575px;float:left;list-style:none;margin: 0px 0px 0px 0px;padding:0px 5px 0px 15px;}
#featured {margin: 0px 0px 0px 10px;}
/* thumnail covers */
.thumb { font:1em helvetica,arial; background: #cdcdcd url(images/thumb.jpg); display: block; width: 195px; overflow: hidden; height: 118px; margin: 0px 0px 0px 5px; position: relative;}
.thumbpic { padding:11px 0px 0px 8px;}
.thumbpic img,.thumbpic a img { width:166px; height:100px;pxmax-width: 166px;width:expression(this.width>166?"166px":this.width);max-height:100px;
height:expression(this.height>100?"100px":this.height);}
.thumb-title { padding:0px 0px 0px 230px; }
.post-content {width:350px;height: 118px;padding:0px 0px 0px 210px;margin: -110px 0px 0px 5px;}
.post-content h2{font:18px Verdana, Arial, Sans-Serif;width: 307px;color: #828282;font-weight:normal;white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.post-content h2 a{display:block;overflow:hidden;width: 340px;}
.post-content h2 a:hover {color: #000;} 
.comments a {display: block;width: 28px; height: 28px;background: url(images/comments.gif) no-repeat 0 0;text-decoration: none;font-weight: bold;text-align: center;padding: 1px 0;float: right; color: #034699; }
.comments a:hover{ color: #000; }
.post {clear: both;padding: 10px 0;background: url(images/horizontal.gif) repeat-x bottom left;}
.post-text{width: 340px;overflow: hidden;}
/* page **********************/
.thepageqian { background:url(images/page_q.jpg)  no-repeat;height: 49px;width: 12px;}
.thepagehou { background:url(images/page_h.jpg)  no-repeat;height: 49px;width: 5px;margin: -33px 0px 0px 120px;}
.thepage { background:url(images/page_b.jpg);height: 49px;width: 120px;}
.thepage h2{font: 16px Monaco, monospace;color:#fff;text-shadow:1px 1px 0 #011b3a;margin: -37px 2px 0px 22px;}
/*archive **********************/
.simplenavi2 {margin: -10px 2px 0px 2px; }
/* sidebar **********************/
#sidebaru{ width: 215px;float:left;color: #666;padding: 15px 5px 0px 15px; position:relative;}
#sidebar ul{ border:0;}
#sidebar ul li  { list-style:none;}
#sidebar h3{ font: 16px;margin:4px 0 4px 1px;padding: 7px 0px 0px 15px;background:url(images/sidebarbg.jpg) no-repeat;height: 32px;color:#fff;text-shadow:1px 1px 0 #011b3a;}
.mylink{float: inherit;padding: 0px 0px 0xp 20px;}
.huanhang {height: 20px;}
.sidebarlinksmore {height: 16px;float: right;background:url(images/links.gif) no-repeat;padding:0px 0px 0px 16px;}
.recent-comments-wrap {border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.recent-comments  {padding: 0px;margin:1px;width:210px;}
.recent-comments a:link, .recent-comments a:visited{padding:3px 0px 3px 0px;margin:0 ;color:#828282;background:none;display:inline;}
.recent-comments a:hover {padding:3px 0px 3px 0px;margin:0;color:#2ea7da;background:none;}
.comments-avatar {float:left; margin:2px;padding:1px;}
.comments-avatar img{border:1px solid #a3a3a3;}
.comments-author { font-size:12px;font-weight:bold;margin:2px 0 0;padding:0;}
.comments-author a:link {font-size:12px;}
.recent-comments .comments-excerpt a:link, 
.recent-comments .comments-excerpt a:visited {display:block;font-size:11px;margin:0 0 3px 0px;color:#828282;}
#sidebar ul li ul li{ padding: 1px 5px 1px 5px; width: 200px;font-weight:normal;white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;ist-style:none;}
#sidebarlink h3{font: 16px;margin:4px 0 4px 1px;padding: 7px 0px 0px 15px;background:url(images/sidebarbg.jpg) no-repeat;height: 32px;color:#fff;text-shadow:1px 1px 0 #011b3a;}
.sidebarlinks{margin:-5px 12px 0px 5px; }
/* Search */
.searchform{width: 230px;height:29px; margin: 0px 0px 10px 0px;}
.search .search_text,.search .search_submit{background:url(images/searchform.jpg) no-repeat;}
.search .search_text,.search .search_submit{border:0;}
.search .search_text{float:left;padding:6px 0 0 12px;width:175px;height:29px;color:#5f6a72;font-size:12px;font-family:arial, times;}
.search .search_submit{float:left;background-position:right 0px;width:33px;height:29px;}
/* content **********************/
#content{width:806px;margin: 0px 20px 0px 22px;background:#d0d0d0;}
#breadnavi{ background:#d0d0d0 url(images/pagenavi_02.jpg) no-repeat;height:37px;padding:9px 0px 0px 30px;margin: 0px 11px 0px 14px;}
#content  h2 {font:26px Verdana, Arial, Sans-Serif;color:#828282;margin: -13px 0px 10px 0px;clear: both;padding: 10px 0;}
.contents {font:10px Verdana, Arial, Sans-Serif;color:#828282;float: right;margin:-18px 0px 0px 0px;clear: both;}
.contentsbg {background: url(images/horizontal.gif) repeat-x bottom left;padding:2px 0px 0px 0px}
.zuoyou{margin: 2px 5px 10px 5px;}
.entry{padding:10px 0px 0px 0px}
.post .entry p{margin:10px 0;}
.post .entry img,.post .entry a img{border:1px solid #b1b1b1;padding:1px;background:#fff;-webkit-transition:background 1s ease-in;}
.post .entry img:hover,.post .entry a:hover img{background:#0099ff;border-color:#0053b7;}
.post .entry blockquote,.post .entry code{display:block;overflow:auto;border:1px solid #fff;padding:4px 10px;width:auto;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.post .entry blockquote{background:#d0d0d0 url(images/blockquote.gif) repeat;border-color:#fff;color:#777;text-shadow:1px 1px 0 #fff;margin:15px 0px 15px 0px;}
.tagss { background:#d0d0d0 url(images/blockquote.gif) repeat;border-color:#fff;color:#777;text-shadow:1px 1px 0 #fff;margin:15px 0px 15px 0px;display:block;overflow:auto;border:1px solid #fff;padding:4px 10px;width:auto;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; }
.tagss a { padding:1px;color:#999;}
.tagss a:hover { color:#0fade5; }
.entry small{font:10px Verdana, Arial, Sans-Serif;color:#828282;float: right;padding:23px 0px 0px 0px;}
.entry ul {padding-bottom: 10px;list-style: square inside;}
.entry ol {padding-bottom: 10px;list-style: decimal inside;}
.entry li {padding: 2px 0px 2px 10px;font-size: 12px;line-height: 15px;color: #666666;}
.post .entry b,.post .entry strong{font-weight:800}
.post .entry i,.post .entry em{font-style:italic;}
.post .entry code{background:#1895dc url(images/code.gif) repeat;border-color:#0964a0;color:#fff;font-family:Verdana;text-shadow:1px 1px 0 #0964a0;}
/* comments /////////////////////// */
.postcomments,.sidecomments{overflow:hidden;margin:0 auto;text-align:left;word-wrap: break-word; overflow: hidden; text-overflow: ellipsis;width:800px;}
.postcomments{}
.sidecomments{width:90%;}
#cmtswitcher .addcomment,#cmtswitcher .addtrackback,#cmtswitcher a.tab,#cmtswitcher a.curtab{background:url(images/comm.gif) no-repeat;}
h3#comments{background:url(images/pagenavi_02.jpg) no-repeat;height:37px;padding:9px 0px 0px 30px;margin: 10px 0px 0px 0px;}
div#comments{border-top:1px solid #ebeded;}
#commentlist{margin:0;padding:0;word-wrap: break-word; overflow: hidden; text-overflow: ellipsis;}
#commentlist ol,#commentlist li{list-style:none;}
#commentform  { padding:2px 5px; color:#666; }
#cmtswitcher{margin: 0px 0;font-size:10px;}
#cmtswitcher a.tab,#cmtswitcher a.curtab{float:right;display:block;padding:5px 8px;text-decoration:none;}
#cmtswitcher a.tab:hover,#cmtswitcher a.curtab:hover{color:#147;text-decoration:none;}
#cmtswitcher a.tab{background-position:0 -5px}
#cmtswitcher a.curtab{background-position:center 0px;color:#147;font-weight:700;}
#cmtswitcher .addcomment,#cmtswitcher .addtrackback{float:left;display:block;margin:5px;padding-left:20px;height:16px;line-height:16px;font-size:11px;}
#cmtswitcher .addcomment{background-position:0 0;}
#cmtswitcher .addtrackback{background-position:0 0px;}
#thetrackbacks{display:none;}
#thecomments .messagebox,#thetrackbacks .messagebox{margin:15px;font-size:83px;line-height:100%;color:#828282;}
.list{background:#d0d0d0  url(images/blockquote.gif) repeat;border-color:#fff;color:#777;text-shadow:1px 1px 0 #fff;margin:15px 0px 15px 0px;border:1px solid #fff;padding:4px 10px;width:auto;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.list cite{color:#828282;font-weight:700;font-size:1em;padding:4px 0px;}
.commentlist .list .commentmetadata{}
.commentlist .list .commentmetadata a{color:#777;}
.commentlist .list .commentmetadata a:hover{color:#1b4486;}
.commentlist .list .comment_textr{text-align:right;}
.commentlist .list cite{color:#828282;font-weight:700;font-size:1em;}
.commentlist .list cite a{color:#828282;}
.pingbacklist .list small{color:#777;}
.pingbacklist .list cite{color:#828282;font-weight:700;}
.pingbacklist .list cite a{color:#828282;}
.commentlist li .list .gravatar,.commentlist li .list .gravatar2{background:url(images/bgAvatar.gif) no-repeat;	padding: 4px 9px 4px 4px;margin-right: 10px;}
.list .out,.list .inc{margin:6px 0;width:100%;}
.list .out .icon,.list .inc .icon{width:48px;height:48px;}
.list .icontd,.list .inc .icontd{width:48px;}
.list .out .topleft,.list .out .topright,.list .out .bottomleft,.list .out .bottomright,.list .inc .topleft,.list .inc .topright,.list .inc .bottomleft,.list .inc .bottomright{background:url(resources/bubbles.png) no-repeat;}
#respond p { margin: 2px 0; }
h3#respond {background:url(images/icon-comment.gif)  no-repeat;height:26px;padding:7px 0px 0px 30px;text-transform:uppercase;}
.reply{padding-bottom:18px;margin:0 0px;text-align:left;}
.reply .text{border:1px solid #889194;width:260px;height:13px;}
.reply .text:focus{border:1px solid #828282;}
.reply .text, .reply textarea{background:#fff url(images/comm_bg.gif) repeat-x;margin:3px 0;padding:3px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
.reply textarea{border:1px solid #889194;width:775px;}
.reply textarea:focus{border:1px solid #18292f;}
.reply small{position:relative;bottom:5px;font-size:1em;}
.reply p{font-size:1em;color:#666;}
.reply p a{font-weight:700;color:#828282;}
.reply p label{margin-left:5px;}
.reply .submit{margin:5px 15px;padding:3px 5px;color:#828282;font-size:12px;text-shadow:0 1px 0 #fff;}
.replytext small{margin:0px 5px;}
/* comments nav igation */
.commentpager{line-height:16px;}
.navigation2{clear:both;padding:5px 30px;text-align:center;}
.navigation2 a{color:#828282;}
.navigation2 a:hover{}
.navigation2 .alignleft a,.navigation2 .alignright a{border:1px solid #ebeded;padding:5px 12px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
.navigation2 .alignleft a:hover,.navigation2 .alignright a:hover{background:#eee;border-color:#ccc;color:#000;}

/* wp-pagenavi */
.pagenavibg{background:#cdcdcd;height: 3px;margin: -3px 0;}
.wp-pagenavi {font: 11px helvetica, arial, verdana;clear: both;padding:7px 0px 0px 10px;margin: 10px 2px 0px 2px; background:url(images/pagenavi.jpg) no-repeat; height:25px;color: #828282;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {padding: 3px 12px 3px 12px; margin: 0px;text-decoration: none; color: #828282;}
.wp-pagenavi a:hover {	color: #262626;}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: 0px;color: #828282;}
.wp-pagenavi span.current {padding: 2px 12px 3px 12px; margin: 0px;font-weight: bold;color: #262626;background:url(images/pagenavi_bg.jpg) no-repeat; height:27px}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px; margin: 0px;	color: #262626;}
.simplenavi {font: 11px helvetica, arial, verdana;clear: both;padding:7px 10px 0px 10px;margin: 15px 2px 0px 2px; background:url(images/pagenavi.jpg) no-repeat; height:25px;color: #828282;}
/* 404 */
.main404 { width: 256px;height:256px;background : url(images/404.jpg) no-repeat  center;list-style:none;margin:25px 0px 5px 20px;}
.main404text{margin:-256px 0px 0px 300px;line-height:100%;color:#828282;height:300px;font:18px;}
/* footer */
#footer{clear:both;background:#d7d7d7 url(images/footer.jpg) no-repeat;width:100%;height:55px;}
#footer p{font:11px Verdana, Arial, Sans-Serif;margin:0px 10px 0px 10px;padding:20px 10px 0px 0px;float:life}
/* Other */
.aligncenter,div.aligncenter{display:block;margin:auto;}
.alignleft{float:left;}
.alignright{float:right;}
.wp-caption{text-align:center;padding-top:4px;margin:10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;}
.wp-caption img{margin:0;padding:0;border:none;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;padding:0 4px 5px;margin:0;}