/*

Theme Name: idiandong

Theme URI: http://www.idiandong.com/archives/38

Description:  A Wordpress Theme designed by <a href="http://www.idiandong.com/">idiandong</a>. It is my first theme. I will continue to improve it.

Version: 1.1

Author: idiandong

Author URI: http://www.idiandong.com/

Tags: black, white, two-columns, fixed-width

*/


body{ margin:0 auto; padding:0; width:100%; font-family: Arial, Verdana, Sans-Serif; font-size:12px; text-align:left; 
position: relative; 	color: #414141;	font: 12px/18px "Helvetica Neue", Arial, sans-serif;	background: #dcdcdc;
}

div,form,ul,ol,li,dl,dt,dd,span,p,button,textarea,blockquote,th,td { margin:0; padding:0;}

input,select{ line-height:16px;}

img,a img{border:0;}

img {	display: block;}

a:focus {	outline: none;}

a img {	border: none;	outline: none;}

ul,ol,li{list-style:none;}

em{ font-style:normal;}

h1,h2,h3,h4,h5,h6{ margin:0;padding:0;}

h1 {font-size:24px;}

h2 {font-size:22px;}

h3 {font-size:20px;}

h4 {font-size:18px;}

h5 {font-size:16px;}

h6 {font-size:14px;}

.alignleft {	float:left;	text-align:left;	margin-right:10px;}
.alignright {	float:right;	text-align:right;	margin-left:10px;}
.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}

.clear{ font-size:1px; width:1px; height:0; line-height:0; margin-top:0px!important; *margin-top:-1px; clear:both; visibility:hidden;}

a:link, a:visited{ color:#24282B; text-decoration:none;}

a:hover{ color:#5ac8f2; text-decoration:underline;}

blockquote, pre {	background:#F4F5F7 url(images/blockquote.gif) 3px 3px no-repeat;	border:1px dashed #CCC;	padding:8px 12px 8px 36px;	margin:5px 0;}


/* Header */

#head {	background: #323232 url(images/headbackground.jpg) repeat-x center bottom;	height: 154px;	color: #fff;	text-shadow: #111 0 -1px 1px;	padding-top: 2px;}

#head a {	color: #bbbbbb;}

#logo{ float: left; margin-left:20px; margin-top:15px;}

#logo h1 a { font-size:30px; line-height:40px; font-weight:normal; text-decoration: none;}

#head, #foot {	position: relative;}

#head a,  #low-tier a, #foot a {	text-decoration: underline;}

#head a:hover, #low-tier a:hover, #foot a:hover {	text-decoration: none;} 

.topsearch {    background: url(images/bubble.gif) no-repeat;	position: absolute;	padding: 14px 18px 24px;	width: 317px;	height: 83px;	top: 25px;	right: 7px;	zoom: 1;}

.topsearch p {	float: left;	width: 144px;	font-size: 11px;	line-height: 16px;}

div.topsearch h2 + p {	width: 162px;	padding-right: 11px;}

.topsearch p a {	font-weight: bold;}  

.breadcrumb{ margin:0 auto; width:980px;}

.crumb{ float:left; margin-bottom:10px; width:635px; padding:6px 10px 5px; border:1px solid #E6E6E6; background-color:#F4F5F7; border-radius:3px 3px; -moz-border-radius:3px 3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; overflow:hidden;

margin-top:5px;}

.search{ float:right; width:310px; height:41px; background:url(images/icon.png) no-repeat right -36px; overflow:hidden;}

.searchform{ padding:0px 11px 0px 13px;}

.searchInput{ float:left; margin-top:7px; padding:5px 3px; width:200px; border:none; background:none;}

.searchBtn{ float:right; margin-top:5px; padding:2px 16px; width:68px; height:28px; line-height:28px; border:none; font-size:14px; font-weight:bold; color:#EEE; background:none; cursor:pointer; display:block;}

.search_top{ float:right; width:290px; height:41px;  overflow:hidden;}

.searchform_top{ padding:11px 11px 0px 20px;}

.searchInput_top{ float:left; margin-top:7px; padding:2px 2px; width:195px; border:none; background:none; background:#bbbbbb}

.searchBtn_top{  margin-top:8px; padding-top:1px;   border:none; font-size:12px; font-weight:bold; color:#515151; background:none; cursor:pointer; display:block;}

.hot{ clear:both; color:#bbbbbb; height:35px; width:316px; overflow:hidden; padding-top:10px;}

.hot a{ color:#bbbbbb; font-size:12px; text-decoration:none}

.hot a:link,.hot a:visted,.hot a:actived{ color:#bbbbbb; font-size:12px; text-decoration:none}

.hot a:hover{ color:#79d1ff;}

/* Content */

#container {	min-width: 980px;}

.contain {	padding-bottom: 30px;	padding-top: 20px;	overflow: hidden;}

.wrap {	position: relative;	width: 980px;	height: 100%;	margin-left: auto;	margin-right: auto;	overflow:hidden;	z-index: 1;}

.left {	clear: both;	float: left;}

.right {	float: right;}

#content{ margin:0 auto; width:980px;}

.article{ float:left; width:660px; overflow:hidden;}

.article_page{ float:left;  overflow:hidden;}

.post_page{ float:left; margin-bottom:10px; padding:10px 14px; }

.post{ float:left; width:628px; margin-bottom:10px; padding:10px 14px;  background:#ebebea;  border-radius:5px 5px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}

.post p{padding:10px 0px 5px;}

.post ol li{ margin:5px 30px; list-style:decimal; line-height:22px; color:#454545;}

.post ul li{ margin:5px 30px; list-style:disc; line-height:22px; color:#454545;}

.pcomments{ float:right;}

.pcomments em{ font-size:12px;  color:#C81F1F;}

.pcontent{   margin-top:10px;   line-height:24px; font-size:13px; overflow:hidden;}

.pcontent a:link, .pcontent a:visited { color:#2970A6; }

.pcontent a:hover{ color:#5ac8f2; }

.pmeta{ margin-top:0px; color:#666;}

.pcontent h2 a:link, .pcontent h2 a:visited { padding:0px 3px; color:#666; }

a.readmore:link, a.readmore:visited{ float:right; width:92px; padding:6px 0px 7px; font-size:14px; text-align:center; text-shadow:0 1px 0 #DDD; text-decoration:none; color:#454545; background:url(images/icon.png) no-repeat 0px -73px; display:block;}

a.readmore:hover{ text-shadow:0 1px 0 #86031B; color:#F4F4F4; background:url(images/icon.png) no-repeat 0px -36px; display:block;}

/* Sidebar */

.sidebar{ float:right; width:310px; overflow:hidden;}

.sidebar h3{ padding:7px 10px 7px 25px; font-size:14px; color:#F4F4F4; background:url(images/icon.png) no-repeat -5px -200px;}

.topbar{ width:310px;}

.topbar h3{text-shadow:1px 0 0 #666;}

.topbar ul{ float:left;}

.topbar ul li{ float:left; margin-bottom:10px; width:310px;}

.topbar ul li ul{ padding:5px 9px 0px; width:290px;  border-top:none; background-color:#F6F6F6; overflow:hidden;}

.topbar ul li ul li{ margin-bottom:3px; width:100%;  }

.topbar ul li ul li a:link, .topbar ul li ul li a:visited{ padding:2px 0px 6px 13px; width:280px; line-height:18px; border-bottom:1px solid #E6E6E6; background:url(images/icon.png) no-repeat 0 -289px; display:block;}

.topbar ul li ul li.recentcomments{ margin-bottom:5px; padding-bottom:5px;}

.topbar ul li ul li.recentcomments a{ background:none; text-decoration:none; display:inline;}

.topbar ul li ul li.recentcomments a:hover{ background:none;}

.sidebarL, .sidebarR{ float:left; *margin-top:10px; _margin-top:0px; width:152px; overflow:hidden;}

.sidebarR{ float:right;}

.sidebarL h3, .sidebarR h3{ padding:6px 10px 6px 20px; color:#666; text-shadow:1px 1px 0 #F3F3F3;  background:url(images/icon.png) no-repeat -5px -242px; font-size:13px;}

.sidebarL ul, .sidebarR ul{ float:left; width:152px; list-style:none}

.sidebarL ul li, .sidebarR ul li{ float:left; width:150px; margin-bottom:10px; border:1px solid #DDD; background-color:#F6F6F6;}

.sidebarL ul li ul, .sidebarR ul li ul{ padding:0px 0px 0px 3px; width:147px; height:100%; list-style:none}

.sidebarL ul li ul li, .sidebarR ul li ul li{ margin:0px 0px 3px 5px; line-height:20px; width:135px; border:none;}

.sidebarL .textwidget, .sidebarR .textwidget{ padding:10px 0px 10px 3px; width:147px;}

.widget_search input#s {       width:120px;   }



/* Page Navigation */

.page_navi{ float:left; width:628px;  padding:0px 14px;  height:36px;  line-height:36px;  text-align:center;  overflow:hidden; }

.pageleft, .pageright{ width:300px; overflow:hidden;}

.pageleft{ float:left; padding-left:15px; text-align:left;}

.pageright{float:right; padding-right:15px; text-align:right;}

/* Archive */

.archive .pcontent{ width:100%;}

/* Single */

.single h2{ width:100%; text-align:center; font-size:14px; margin-top:10px;}

.single p{ font-size:12px;}

.single .pmeta{ padding-bottom:6px; width:100%; text-align:center; border-bottom:1px solid #E2E2E2;}

.single .pcontent{ width:100%;}

.pcontent img{ max-width:600px;}


/* Page */

.page{ min-height:800px;}


/* Post Function */

.postmeta{ float:left; width:100%; margin-top:15px; padding:10px 0px; line-height:24px; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}

.postmeta a{ color:#000000; text-decoration:underline;}

.postmeta a:hover{ color:#000000;}

.pro_next{ margin:20px 0px 15px; border-left:1px solid #DDD; border-right:1px solid #DDD; background:transparent url(images/icon.png) no-repeat -10px -153px; }

.pro_next .pageleft, .pro_next .pageright{ width:280px; overflow:hidden;}


/* Post Comment */

.post_comment{ float:left; width:100%; margin:15px 0px 5px; overflow:hidden; }

#addcomment, #comments{ float:left; width:99%; margin:10px 0px; padding:6px 0px 5px; text-indent:15px; text-shadow:1px 1px 0 #FFF; font-size:14px; border-width:1px; border-style:solid; border-color:#DDD #CCC #BBB #DDD; background:transparent url(images/icon.png) no-repeat -10px -156px; }

.post_comment p{ font-size:12px;}

.post_comment ol li{ margin:10px 5px; padding:10px 10px 5px 10px; list-style:none; }

.commentlist{ width:99%; padding:5px 0px; font-size:12px; clear:both;}

.commentlist li{ background-color:#FFF; border:1px solid #E3E3E3; border-radius:5px 5px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}

.commentlist li.alt{ background-color:#F6F6F6; border:1px solid #DDDDDD; border-radius:5px 5px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}

.commentlist li ul{ margin:10px 10px;}

.commentlist li ul.children{ margin:10px 0px;}

.comment-author{ width:100%; height:30px; padding-bottom:5px; border-bottom:1px solid #ECECEC;}

.avatar{ float:left; padding:1px 1px; border:1px solid #E0E0E0;}

.author_info{ float:left; padding-left:5px; line-height:16px; color:#888;}

.author_info cite{ font-style:normal; font-weight:bold;}

.author_info em{ font-size:10px;}

.reply{ float:right; margin-top:-3px;}

#cancel-comment-reply{ float:right; margin-right:10px;}

.reply a, #cancel-comment-reply a{ color:#999;}

.reply a:hover, #cancel-comment-reply a:hover{ color:#666;}

#respond{ padding-bottom:35px;}

#respond em{ color:#5ac8f2;}

#author, #email, #url, #comment{ margin:0px 5px; padding:5px 5px; width:45%; border:1px solid #CCCCCC; border-radius:5px 5px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}

#comment{ width:95%; height:150px; font-size:12px; overflow-y:scroll;}

#submit{ float:right; margin:0 13px; padding:6px 20px 4px; font-size:14px; border:1px solid #999; text-shadow:1px 1px 0px #FFF; background:transparent url(images/icon.png) no-repeat scroll -10px -160px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; cursor:pointer;}

/* Comment Navigation */

.comment_navi{ float:right; margin:10px 15px 10px 0px; text-align:center;}

.comment_navi span.cpt{ padding:3px 6px 2px; background-color:#E3E3E3; border-bottom:1px solid #D5D5D5;}

.comment_navi a{ padding:3px 3px 2px;}

.comment_navi a:hover{ color:#5ac8f2;}

.comment_navi .current{ font-weight:bold; color:#5ac8f2;}

/* Footer */

#foot {	color: #414141;width:100%;	border-top: 1px solid #fff;	text-shadow: #ddd 0 -1px 1px;	padding-top: 22px;	padding-bottom: 32px;	overflow: hidden;	background: #DCDCDC url(images/footer.gif) repeat-x center bottom;}
 
#foot a {	color: #414141;	text-decoration: none;}