/*  
Theme Name: Rust
Theme URI: http://www.chouray.com/blog/20090724wp-themerust.html
Description: A rust WordPress theme. Build in links and archives pages.
Version: 1.20
Author: ChouRay
Author URI: http://www.chouray.com
Tags: dark,three-columns,fixed-width,microformats,photoblogging
*/
* { margin:0; padding:0; }
body { background-color:#000000;/*background-image:url(images/page_bg.jpg);*/ background-repeat:repeat-x;color:#555;font-family:Verdana,"BitStream vera Sans",Helvetica,Sans-serif;font-size:12px;}
/* TEXT ELEMENTS **********************/

a 				{ font-weight: bold;text-decoration:none; outline:none; color: #FF9900;  }
a:hover     	{ text-decoration: none; border-bottom: none; color: #c0c3ca; }
a:focus         { border: none; }
a img 			{ border: none; }
strong      	{ font-weight: bold; font-family: Helvetica, Arial,sans-serif; }
em          	{ font-style: italic; }
abbr			{ border-bottom: 1px dotted #ccc; cursor: help; }
pre         	{ margin-bottom: 15px; padding: 15px; overflow: auto; }
code        	{ font: 11px Monaco, monospace; background: #fffba5; border-bottom: 1px solid #e6a60c; line-height: 1.6; }
ul, ol      	{ margin: 0; padding:0;list-style: none; }
ul, li			{ list-style-type: none; margin: 0;  }

/* Starting with  **********************/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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;
}
.categories {}
.cat-item {}
.current-cat {}
.current-cat-parent {}
.pagenav {}
.page_item {}
.current_page_item {}
.current_page_parent {}
.widget {}
.widget_text {}
.blogroll {}
.linkcat{}

		

/* header **********************/

#header  {	width: 1006px;height:200px; margin: 0 auto; padding: 0 0 11px 0; overflow: hidden; background:url(images/top.jpg) no-repeat; }
#main-wrapper { margin: 0px auto; width:1006px; }
.main {width: 733px; float:left;background : url(images/container_bg.gif) repeat-y right top;list-style:none;}

#main-wrapper {width: 1006px;}
#menus   { 	position: relative;overflow: hidden;list-style:none; text-align:left;margin-top: 172px; float: left; 	background:url(images/menu.jpg); filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;  width: 1006px; height:40px;}
.lavaLampNoImage { position: relative;width: 980px;padding: 6px 10px;margin: 0px 0px 0px 0px;overflow: hidden; }
.lavaLampNoImage li { float: left;list-style: none;margin:0px 0px;padding:0px 0px; }
.lavaLampNoImage li.back { background-color: #000;width: 5px; height: 20px;border:1px solid #222;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;top:8px; z-index: 8;position: absolute;}
.lavaLampNoImage li a:visited , .lavaLampNoImage li a:link{ font:bold 12px Helvetica,Arial; color:#fff; text-decoration: none;outline: none; text-align: center; top: 6px;letter-spacing: 0; z-index: 10;display: block; float: left; height: 20px;  position: relative;overflow: hidden; margin: auto 10px;padding:0px 10px; }

.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active { border: none;color: #ffff00; }   
#myadd {	width: 1006px;height:200px; margin: 0 auto; border: none; padding:15px 0px 0px 0px;}

/* thumnail covers */
#index_top { width: 733px;height:60px;background : url(images/index_top.jpg) no-repeat  center;list-style:none;}
#index_footer { width: 733px;height:26px;list-style:none;margin: 0px 0px 0px 0px;}
.post {margin: 0px 0px 0px 12px; }
.thumb { border:1px solid #000;font:1em helvetica,arial; background: #222 url(images/thumb.jpg); display: block; width: 220px; overflow: hidden; height: 150px; margin: 6px; position: relative; }
.thumb-title { 
filter:alpha(opacity=50);       /* IE */ 
-moz-opacity:0.5;              /* Moz + FF */ 
opacity: 0.5;           /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
bottom:0; right:0;width:220px; display:block; position:absolute; font-weight:normal;white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;
}
.thumb-title a:hover { color:#c0c3ca !important; background:transparent; }
.thumb-title h2, .thumb-title h2 a {font-size:12px; color:#eee; width: 220px;padding:0px 5px 0px 5px;display:block;  line-height: 1.2em;overflow:hidden;background:#0c0c0c }
.thumb img {
width:220px;
height:150px;
}
/* sidebar **********************/
#sidebar{ margin: auto; width: 180px;padding:0px 0px 0px 0px;float:left;color: #666; }
#sidebar h3{ padding:10px 0px 10px 0px;width: 180px;font-size:18px;float:left;color: #000; }
#sidebar a   { display: inline;color:#666;text-decoration:none; }
#sidebar a:hover { color:#c0c3ca; }
#sidebar  ul li { list-style:none;border:0;width:175px;white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
#sidebar  ul li ul { padding:0px 0px 2px 0px;list-style:none;border:0;width:185px;white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.cphotos {padding:10px 0px 10px 10px;}


/* tab content styles (for tab styles check jquery.tabs.css) */

.postList {
	padding:0;
	margin:0;
	width:234px !important;
	width:200px;
}
.postList li {
	list-style:none;
	margin:0;
	border-bottom:1px solid #222;
}
.postList a {
	display:block;
	width:200px;
	padding:8px 10px 8px 24px;
	color:#fff;
	text-decoration:none;
	background:url(images/bullet.gif) no-repeat 5px 50%;
}
.postList a:hover {
	background-color:#000;
	background:url(images/bullet-on.gif) no-repeat 7px 50% #000;
}

.postList a .listMeta {
	color:#a3a3a3;
	font-size:10px;
	line-height:14px;
	text-decoration:none;
}
.postListCat {
	padding:0;
	margin:0;
	width:234px !important;
	width:200px;
}
.postListCat li {
	list-style:none;
	margin:0;
}
.postListCat li ul li{
    padding:0 0 0 20px;
    border-bottom:1px solid #222;
}
.postListCat li ul{
    border-top:1px solid #222;
}
.postListCat li a{
    width:180px;
}
.postListCat a {
	display:block;
	padding:8px 10px 8px 24px;
	color:#fff;
	text-decoration:none;
	background:url(images/bullet.gif) no-repeat 5px 50%;
}
.postListCat a:hover {
	background:url(images/bullet-on.gif) no-repeat 7px 50% #000;
}
.postListSingle {
	padding:0;
	margin:0;
	width:234px !important;
	width:200px;
}
.postListSingle li {
	list-style:none;
	margin:0;
	border-bottom:1px solid #222;
}
.postListSingle a {
	display:block;
	width:200px;
	padding:8px 10px 8px 24px;
	color:#fff;
	text-decoration:none;
	background:url(images/bullet.gif) no-repeat 5px 50%;
}
.postListSingle a:hover {
	background:url(images/bullet-on.gif) no-repeat 7px 50% #000;
}

/* sidebar2 **********************/
#sidebar2 { width: 260px;margin:0;padding:0;float:right;color: #999; }
#sidtop { height:14px;}
#twitter_bj_top { width: 260px;height:23px;background : url(images/twitter_bg_top.gif) no-repeat  center;list-style:none;}
#twitter_bj_footer { width: 260px;height:48px;background : url(images/twitter_bg_footer.gif) no-repeat  center;list-style:none;}
#twitter { width: 260px;background : url(images/twitter_bj.gif)  repeat-y;list-style:none;}
#twitter_update_list {  width: 217px;color:#444; line-height:1.4em;line-height:1.6em; font-size:12px; margin: 0px 9px 0px 0px;padding:0px 0px 0px 20px; white-space:normal;overflow:hidden;}
#twitter #twitter_update_list a { color:#FF9900;padding:0;margin:0;display: inline-block; }
#twitter #twitter_update_list a:hover  { color:#c0c3ca;padding:0;margin:0; }
#chourayads {width: 260px;height:227px;background : url(images/chourayasd.gif) no-repeat  center;list-style:none;}
#chourayads ul li{width: 240px;margin:0px 0px 0px 0px;padding:20px 0px 20px 35px;list-style-type:none;}
/**sidebar2-hot f*/
#myfriendr_bj_top { width: 260px;height:44px;background : url(images/myfriends_bg_top.gif) no-repeat  center;list-style:none;}
#myfriendr_bj_footer { width: 260px;height:24px;background : url(images/myfriends_bg_footer.gif) no-repeat  center;list-style:none;}
#friends {width: 260px;background: url(images/myfriends_bg.gif) repeat-y;list-style:none;}
#friends ul{width: 240px;margin:0px 0px 0px 0px;padding:0px 0px 0px 10px;list-style-type:none;}
#friends li{list-style-type:none;}
#friends li img{padding:2px;list-style-type:none;}
#friends li img:hover{border:#FF9900 1px solid;padding:1px;list-style-type:none;}

/**sidebar2-mostcommented*/
#mostcommented_bg {width: 260px;height:36px;background: url(images/mostcommented.jpg) no-repeat  center;list-style:none;}
#mostcommented { margin:0;padding:4px 0px 0px 0px;font-size:12px;display: inherit;}
#mostcommented ul{margin:0px 0px 0px 0px;padding:5px 0px 0px 15px;list-style-type:none;color:#FF9900;}
#mostcommented ul li{width:220px;margin:2px 0px 0px 0px;padding:0px 0px 0px 0px;white-space: normal; text-overflow: 
ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
#mostcommented a   { background: url(images/mostcommented_t.gif) no-repeat;padding:0px 0px 0px 16px;color:#848484;}
#mostcommented a:hover { background: url(images/mostcommented_t_h.gif) no-repeat;color:#FF9900;padding:0px 0px 0px 16px; }
#mostcommented_footer {margin:10px 0px 0px 0px;}
/* Entry ----------------------------- */

#container {clear:both;float: left; width:733px;margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px;background : url(images/container_bg.gif) repeat-y right top;}
#container_top { width: 733px;height:60px;background : url(images/container_top.jpg) no-repeat  center;list-style:none;}
#container_footer { width: 733px;height:29px;background : url(images/container_footer.jpg) no-repeat  center;list-style:none;}
#container_footer2 { width: 733px;height:29px;list-style:none;}
#container .post {  padding: 0px 13px 10px 10px;  }
#container .post h2  {  font-weight:bold; font-size:25px;padding:0;color:#FF9900;text-decoration:none; }
#container .post small { padding:5px 0;color:#fff19b;text-decoration:none;outline:0; font-size:10px;display:block; background: url(images/icon-date.gif) no-repeat 0 50%; padding-left: 13px; margin:0; }			
#container .post small a { color:#FF9900;text-decoration:none;}
#container .post small a:hover { color:#c6ba72; }	
#container .post span { background: url(images/icon-comment.gif) no-repeat 0 50%; padding-left: 13px;margin-left:30px}
#container .post-comments {  background: url(images/icon-comment.gif) no-repeat 0 50%; padding-left: 13px; margin:0; }
#container .entry  { margin:0px 30px 0px 0px; color:#666;padding:0px 0px 0px 30px;  font:13px "Lucida Grande", Geneva, Arial, verdana;line-height:1.8em;}	
#container .entry ul li { margin:0; color:#bbb;padding:0 0px 0 0px; }		
#container .entry ol { list-style:decimal-leading-zero; }
#container .entry a  { text-decoration:none;color:#9f762e; }
#container .entry a:hover {  color:#c6ba72; text-decoration:none;   }
#container .entry p {text-indent:2em; padding-bottom:5px;}
#container .entry img {  
     border:1px solid #000; display: block;
	 margin:15px auto;
} /* body images styles - with 1px border hover effect */
#container .entry img:hover {  border:1px solid #000; }
#container .entry img.wp-smiley  {  border:0px none;  margin:0; vertical-align:middle; }
blockquote, pre {background:url(images/blockquote.gif) 3px 3px no-repeat;padding:8px 12px 8px 36px;margin:5px 0;} 
#container .entry div{
  padding:20px 0;
}
#container .entry div a{
  background-color:#000;padding:4px 8px;
}
/*/////////////////////////////////////////
///////////////// RELATED POSTS ////////////////
/////////////////////////////////////////*/
#relposts  { margin:20px 18px 0px 18px; padding:0; color:#444;}
#relposts h4  { margin:10px 0px 10px 0px; font:12px  Helvetica, Arial, sans-serif; text-transform:uppercase; color: #ffffff; }
#relposts li { margin:0; padding-left: 13px;   background:url(images/sidebart.gif) no-repeat 0 50%; }
#relposts li a { color:#666; text-decoration:none; border-bottom:1px dotted #444; }
#relposts li a:hover { color:#ccc; border-bottom:1px dotted #FF9900;  }  

/*Footer*/
#footer {width: 1006px; margin: 0px 0px 0px 0px;padding: 30px 0px 0px 10px !important; padding: 0px 0px 0px 10px; overflow: hidden; color: #666;float: left;}
#footer a, #footer a:visited {color: #666;text-decoration: none;}
#footer a:hover {color:#c0c3ca;;}

/*Comment
------------------------------------------------*/
#commentpost {margin: 0px;padding: 2% 2% 5%;float: left;width: 96%;}
h3#comments{  font-weight:normal; font:bold 10px arial, verdana; text-transform:uppercase; color:#c6ba72;padding:4px 0px 4px 30px;
background-position:left; background-repeat:no-repeat; }
h3#comments a, h3#comments a:visited {  color:#474747; }
h3#comments a:hover {  color: #FF9900;}
h3#comments { margin:3px 0px 3px 18px; background-image:url(images/icon-commenter.gif);}
#respond h4{ padding:3px 0px 3px 18px;font-weight:normal; font:bold 14px arial, verdana; text-transform:uppercase; color:#c6ba72;
background-position:left; background-repeat:no-repeat;}

.commentlist {color:#c6ba72;}
.commentlist li {margin: 0px 13px 0px 13px;padding:30px 15px !important;padding:15px;word-break:break-all;}
.commentlist li .avatar { padding:3px;float: left;border: 1px solid #333;margin-right: 20px;margin-bottom: 0px !important;margin-bottom: 50px;display: inline;background: #000;}
.commentlist cite, .commentlist cite a {font-style: normal;font-size: 1.1em;}
.commentlist p {margin: 10px 5px 10px 0;font-weight: normal;line-height: 1.5em;text-transform: none;}
.commentmetadata {margin: 0;display: block;font-weight: normal;font-size: 0.8em;}
.commentlist li ul li {margin-right: 10px;margin-left: 10px;}


.pingback {background: #EFF6F9;}
.commentform {margin: 5px 10px 0 0;}
.commentform p {margin: 5px 0;}
.commentform input {float: left;width: 161px;margin: 5px 5px 1px 0;border: 1px solid #CCC;}
.commentform label {display: none;}
.commentform textarea {width: 100%;margin-top: 15px;padding: 2px;border: 1px solid #CCC;}

#commentform input#author,#commentform input#email,#commentform input#url,#commentform input#mcspvalue { color:#999; font:normal 12px helvetica,arial; background:#090909; border:1px solid #222; padding:6px; margin-right:30px; width:200px; }
#commentform input#url {background:#0c0c0c url(images/icon_form.gif) no-repeat; border:1px solid #333;  }
ol.commentlist {list-style:none;margin:0;padding:2em 0;text-indent:0;float: left;width: 100%;}
ol.commentlist blockquote {margin: 0px 0px 10px;padding: 5px 0px 5px 5px;lear: both;border-left: 5px solid #333333;font-size: 15px;line-height: 19px;
font-weight: bold;color: #000000;font-style: italic;letter-spacing: normal;word-spacing: normal;}
ol.commentlist a, ol.commentlist a:visited { color:#9f762e;}
ol.commentlist a:hover { color: #FF9900;}
ol.commentlist blockquote blockquote {margin: 5px 0px 5px 5px;}
ol.commentlist blockquote p {margin: 0px!important;padding: 0px!important;}
#respond {margin: 0px;padding: 0px;width: 100%;}
ol.commentlist li.thread-alt{
			background: #111;
		}	
ol.commentlist li {border-radius:5px;-moz-border-radius:10px;-webkit-border-radius:10px;height:1%;	}
ol.commentlist li div.reply {border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;text-align:center;width:36px;font-size: 12px;
line-height: 1;font-family: Tahoma, "Lucida Sans", Arial;margin: 0px 0px 0px 0px;float:right;}
ol.commentlist li div.reply a {color:#fff;text-decoration:none;background: #202020;display: block;line-height: 15px;height: 15px;
width: 35px;padding: 2px;}
ol.commentlist li div.reply a:hover {color:#fff;text-decoration:none;background: #FF9900;padding: 2px;display: block;line-height: 15px;height: 15px;width: 35px;}

#commentform {width: 95%;margin:8px 0px 0px 13px;}
#commentform p {margin:8px; }
#commentform input#author,
#commentform input#email,
#commentform input#url ,#commentform input#mcspvalue{ font-family: "Lucida grande", geneva, arial; background:#090909 url(images/icon_form.gif) no-repeat; border:1px solid #222; padding:4px 4px 4px 30px; width:280px; }
#commentform input#author	{ background-position:3px -3px; }
#commentform input#email	{ background-position:3px -33px; }
#commentform input#url { background-position:3px -63px; }
#commentform input#mcspvalue { background-position:3px -93px; }
#commentform #comment { color:#FF9900; font:12px helvetica,arial; background:#090909; border:1px solid #222; padding:5px; width:100%; }
.formcontainer { color: #c6ba72;}
.formcontainer p a, .formcontainer p a:visited{ color: #474747;}
.formcontainer p a:hover { color: #FF9900;}


#commentnavi {
       padding:10px 20px;
}
#commentnavi  a{
       background-color:#000;padding:4px 8px;
}
/* my link */
#plink {clear:both;float: left; width:542px; font-size: 14px;color:#444;background : url(images/index_bg.gif) repeat-y left top;list-style:none; }
#chouraylink {margin:2px 2px 2px 13px;}
#chouraylink h3 {width:500px;margin: 2px 0px 12px 2px;font:16px "Lucida Grande",Arial,Verdana,Sans-Serif;color:#313031;}
#chouraylink img{padding:2px;}
.plinks{padding:2px 8px 2px 13px;}
.plinks h2 {width:500px;margin: 2px 0px 2px 2px; font:14px "Lucida Grande",Arial,Verdana,Sans-Serif;color:#313031;}
.plinks li{display:inline;clear:inherit;margin:0 -3px 0 0;padding:0;list-style-type:none;}
.plinks img{padding:2px;}
.plinks img:hover{border:#FF9900 1px solid;padding:1px;}
.about {   font:12px "Lucida Grande",Arial,Verdana,Sans-Serif; list-style-type:none;color:#313031; margin:0; padding:20px 10px 20px 20px;}
/* about */
#me {padding:0px 0px 2px 20px;}
.mepic {width:176px;}	
.itxt {width:310px;margin:-235px 0px 2px 190px;font:12px "Lucida Grande",Arial,Verdana,Sans-Serif;color:#666;}
.itxt ul li { margin:0px;padding:0px 0px 3px 5px;}		
.itxt h4{ margin:0px;padding:5px 0px 5px 5px; font:14px "Lucida Grande",Arial,Verdana,Sans-Serif;color:#fff;}	
/* 404 */	
#page_pic { width: 512px;height:226px;background : url(images/404.jpg) no-repeat  center;list-style:none;margin:25px 0px 5px 20px;}
.page_txt h1{ margin:25px 20px 20px 20px;font:12px "Lucida Grande",Arial,Verdana,Sans-Serif;color:#666;}

/* wp-pagenavi */
.pagenavi {
width:700px;
display: block;
padding-left:20px;
padding-top:10px;
float:left;
}
.wp-pagenavi a{color:#fff;background:#000;padding:2px 5px;margin:0 2px;text-decoration:none;}
.wp-pagenavi a:hover{background:#333;}
.wp-pagenavi span{color:#fff;padding:2px 5px;margin:0 2px;}
.wp-pagenavi span.current{}

/*searchform*/
.searchform {
  margin-left:295px;padding-top:16px;
}
.searchform input {
  background:transparent;
  border:0;
  color:#666;
}
.btnSearch {
  width:50px;
}