/*
Theme Name:hulu
Description: a hulu theme.
Version: 1.0
Author: spider
Author URI:
Tags: grey, fixed width, two columns, widgets
*/
/* CSS Document */
*{ padding:0; margin:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
#nav li,#sidebar li,.commentlist li{ list-style:none;}
body{ background:#000 url(images/bg.jpg) repeat-y center; font-size:13px; font-family: Geneva, Arial, Helvetica, sans-serif;}
.wrap{ width:990px; margin: 10px auto; -moz-border-radius:5px;border-radius:5px;}
.wrap_bg{background:#EEEFF1 url(images/side_bg.gif) repeat-y 585px; width:100%; float:left;}
.top{ background:#414141 url(images/toprole.jpg) no-repeat left top; height:22px; padding:6px 10px 2px; }
.top,.top a{ color:#fff;}
.top a{background:url(images/rss.gif) no-repeat left center; padding-left:18px;}
/*head*/
#header{ background:url(images/header.jpg); height:167px; float:left; width:100%;}
#head{ text-align:center; height:100px; padding-top:24px;}
#head{
	filter: Glow(Color=#654216, Strength=2);
}
#head h1 a{ color:#E6DBCA; text-shadow:#654216 2px 2px 2px; font-size:38px;}
#head h1 a:hover{ text-decoration:none;}
/*nav*/
#nav{ padding:3px 20px;}
#nav li{ float:left; padding:0 10px; position:relative; text-align:center; width:80px;}
#nav a{ color:#A76850; font-weight:bold;padding-bottom:3px;}
#nav a:hover{ color:#694132; border-bottom:solid 2px #694132; padding-bottom:1px; text-decoration:none;}
#nav li ul{ display:none; }
#nav li:hover ul{ display:block; position:absolute;z-index:10; top:1.5em; left:8px;}
#nav li:hover ul li{ padding:0;}
#nav li:hover ul ul{ left:0; }
/*main*/
#main{ width:970px; padding:10px; float:left;}
#content{ width:561px; padding-right:19px; float:left;}
#sidebar{ width:380px; float:right;padding-left:10px; line-height:1.5em;}
.side1{ float:left; width:176px;}
.side2{ float:left; width:176px; padding-left:20px;}
/*post*/
.post{ width:561px; float:left; margin-bottom:30px;}
.post_title{ background:url(images/bg_posth.jpg) no-repeat; width:531px; height:20px; padding:14px 0 0 30px;}
.post_title a{ color:#373737; font-size:20px;}
.info{ width:561px; float:left; padding:5px 0; font-weight:bold;color:#999999; font-size:8pt;}
.info a{ font-weight:normal; color:#999999;}
.info_t,.info_b{width:541px; float:left; padding:0 10px;}
.info_t{  border-bottom: solid 1px #C4C7CE; margin-bottom:1px;}
.info_b{ border-top: solid 2px #C4C7CE;}
.info .com{ background:url(images/narrow_comment.gif) no-repeat left 3px; padding-left:15px;}
.entry{ padding:5px 10px 20px 10px; float:left; width:541px;}
.entry a{ color:#AA752A; text-decoration:underline;}
.entry ol,.entry ul{ margin-left:1em;}
.entry img{max-width:98%; border:solid 3px #DADBDE; padding:3px;}
.more{ background-color:#585654; color:#fff; padding:1px 5px; font-size:11px; text-decoration:underline;}
.postmetadata{ width:541px; float:left; background:#C4C7CE url(images/bg_postb.gif) repeat-x left bottom; padding:1px 10px 3px; font-size:8pt;}
.postmetadata .cate{ background:url(images/right.gif) no-repeat left 5px; padding-left:17px;}
.postmetadata a{ color:#4D4D4D;}
.pagenavi{float:left; width:100%; padding:10px 0;}
.pagenavi span,.pagenavi a{ border:solid 1px #C4C7CE; height:15px; padding:3px 5px; margin:0 3px; color:#000000;}
.pagenavi span.current{ color:#fff; background-color:#C4C7CE;}
/*side*/
#sidebar h2{ background:url(images/narrow_sideh.gif) no-repeat left center; width:150px; float:left;font-size:12px; margin:0 0 0 6px;_margin:0 0 0 3px; padding:0 0 0 20px;}
#sidebar .title2{ background:url(images/bg_sideh.jpg) no-repeat left 15px;_background:url(images/bg_sideh.jpg) no-repeat left 0; display:block;height:35px; _height:15px; padding:0; margin:0;}
#sidebar a{ color:#000000;}
#sidebar a:hover{ color:#304DAC; text-decoration:underline;}
#sidebar li{ padding-bottom:10px; width:100%; float:left;}
#sidebar li li{ padding-bottom:0; width:auto; float:none;}
#sidebar ul ul ul{ background:none; padding:0 0 0 8px;}
#sidebar ul ul li{ background:url(images/narrow_sidel.gif) no-repeat left 8px; padding-left:12px;}
#recentpost{float:left; clear:both;}
#recentpost li{ float:left; background-color:#000000; height:1.5em; overflow:hidden;}
#recentpost li:hvoer{ text-decoration:underline;}
#recentpost .c{ float:right; background:url(images/narrow_sidecomment.gif) no-repeat left 8px; padding:0 14px; width:10px;} 
#recentpost .p{width:120px; float:left;}
/*comment area*/
#commentform #author,#commentform #email,#commentform #url{ margin-top:10px; background:url(images/input.gif) no-repeat; width:165px; height:22px; border:none;}
#commentform #commentarea{width:310px; height:100px; border:none; background:transparent;}
#commentform .areabg{ background:url(images/textareabg.gif) no-repeat; width:310px; height:100px; float:right;padding:5px; margin-top:10px; }
#commentform p span{width:45px; float:left; padding-top:8px;}
#commentform{ margin-top:20px; float:left; width:100%;}
#submit{ float:right;background:url(images/button.gif) no-repeat; width:97px; height:27px; border:none; margin-right:20px; margin-top:10px;}
#comments,#respond h3{ background:url(images/comment.jpg) no-repeat; height:30px; width:501px; float:left; padding:8px 20px 0 40px; color:#7B541E;font-weight:bold;} 
#comments h3{ float:left; padding-top:5px; }
#respond h3{ padding-top:13px;height:25px; }
#comments .fr{ background:url(images/com.gif); height:25px; width:38px; text-align:center; padding-top:2px;  color:#FFFFFF;}
.commentlist{ width:100%; float:left;}
.commentlist li.comment{ border:solid 1px #D3D5D8; padding:5px;}
.commentlist li{ margin:15px 2px;}
.commentlist li li{ margin:5px 2px;}
.reply{ float:right;}
.comment-author{ float:left; width:100%; background:url(images/doubleline.gif) repeat-x left bottom; padding-bottom:7px; margin-bottom:5px;}
.comment-author .fl{ padding-top:5px;}
.comment-author a{ color:#AA752A;} 
.comment-author .fn a{font-weight:bold;}
.comment-author .date a{ color:#333;}
.avatarimg{ float:left; background: url(images/avatar.jpg) no-repeat; width:32px; height:32px; padding:3px; margin:0 5px 0 0;}
.navigation a,#commentform a{color:#999; font-weight:bold;}
/*footer*/
#footer{ float:left; width:100%; background-color:#222221; color:#666666; padding:10px 0; text-align:center; position:relative;}
#footer a{color:#666666;}
/*backtop*/
.thetop{ float:right; position:absolute; right:-50px; bottom:20px; background: url(images/totop.gif); height:20px; width:44px; padding-top:11px;}
.thetop a#to-top{color:#FFFF00;}
p, blockquote, ul, ol, pre, code {
	line-height: 1.6em;
	margin: 0 0 0.7em;
}
blockquote {
	margin-left: 30px;
	border-left: 2px solid #ddd;
	padding-left: 10px;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	text-align:center;
	}

.alignleft {
	float: left;
	text-align:center;
	}
.aligncenter,div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}