/*
Theme Name: Kelley
Theme URI: http://domntom.com/kelley
Description:  a simple theme, widget ready, has two columns, valid XHTML, valid CSS, and custom admin panel
Version: 1.0
Author: Dominic Tancredi
Author URI: http://domntom.com/
Tags: valid XHTML, valid CSS, two columns, widgets, custom admin panel
*/

/***********default style*************/
html { height: 100%; }
body { background: #333; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 69%; height: 100%; line-height: 1.45em; margin: 0; padding: 0; text-align: left; width: 100%; }
a, a:link, a:visited { color: #ffc900; text-decoration: none; }
html>body a:focus, a:hover, a:active { outline: none; text-decoration: underline; } 
div { margin: 0; padding: 0; position: relative; }
img { border: 0; position: relative; }

ol, ul, li { margin: 0; padding: 0; }

blockquote, p, form { margin: 0 0 10px 0; padding: 0; }
input, select { background: #222; border: 1px solid #000; color: #fff; display: block; height: 1.45em; margin: 0; padding: 5px; vertical-align: middle; width: 200px; }
fieldset { border: 0; clear: both; margin: 0 0 10px 0; padding: 0; }
label { color: #333; display: block; font-size: 1.27em; margin: 0 0 5px;  }
legend { }
textarea { background: #222; border: 1px solid #000; color: #fff; display: block; margin: 0; padding: 5px; width: 200px; }
button { background: #ffc900; border: none; color: #333; cursor: pointer; font: inherit; font-size: 1em; font-weight: bold; margin: 0 10px 0 0; padding: 4px 6px; vertical-align: middle; }
button:hover { background-color: #333; }

em { color: #ffc900; }	

table { border-collapse: collapse; width: 100%; }
code{ background-color:#999; border:#000 solid 1px; display:block;padding:2px 10px 2px 10px;margin:5px 30px 10px 10px;}
blockquote{background-color:#999; border:#000 solid 1px; padding:5px 5px 5px 20px;margin:5px 30px 10px 10px;}
blockquote cite{display:block;margin:5px 0 0;}
.more-link {float: right;padding: 4px 6px 4px 6px;margin:0 1px 11px 0;}
.alignright {float: right;}
.alignleft {float: left}
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0; }
h1 { }
h2 { }
h3 { }
h4 { margin: 0 0 10px 0; }
h5 { }
h6 { }

/* CLEARS */
.shell:after, 
.entry:after,
#s_block:after,
.prev_next:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; width: 100%; }

/***********structure style*********/
#page { background: transparent url(images/bg-page.png) no-repeat bottom left; clear: both; margin: 0 auto; padding: 0 0 16px 0; width: 900px; }
#container { border-left: 1px solid #000; border-right: 1px solid #000; height: auto; min-height: 100%; width: 898px;}
#header { background: transparent url(images/bg-header4.png) no-repeat 0 0; clear: both; margin:0 auto; height:174px; width: 900px; }

#content {width: 653px; float: left; margin: 0px;padding: 0 10px 0 10px; }
#specialcontent {width: 428px; float: left; margin: 0px;padding: 0 10px 0 10px; }
#sidebar {width: 204px; border-left: 1px dotted #ffc900; float: right; margin: 0px; padding: 0 10px 0 10px; }
#sidebar h2 { border-bottom: 1px dotted #ffc900; color:#ffc900; font-size: 14px; font-weight:bold; margin: 0 0 5px 0; padding: 0 0 5px 10px; }
#specialsidebar {width: 204px; border-left: 1px dotted #ffc900; float: left; margin: 0px; padding: 0 10px 0 10px; }
#specialsidebar h2 { border-bottom: 1px dotted #ffc900; color:#ffc900; font-size: 14px; font-weight:bold; margin: 0 0 5px 0; padding: 0 0 5px 10px; }
#footer {width: 753px; border-top: 1px dotted #ffc900; color: #fff; clear: both; margin: 0 10px 0 10px; padding: 10px 0 0 0; text-align: left; }

#title{ bottom: 1px; position: absolute; left: 10px; }
#title h1{ color: #333; font-size: 22px; font-weight: normal; }
#title h1 a, #title h1 a:link, #title h1 a:visited { color: #333; font-size: 22px; font-weight: normal; }

/***********menu style*********/
#menu{ width: 890px; height: 31px; padding: 0 0 25px 10px; }
#menu li {display: inline; }
#menu ul li a { background: transparent url(images/bg-nav.png) no-repeat 0 0; color: #fff; display: block; float: left; text-align: center; height: 31px; margin: 0 8px 0 0; padding: 6px 0 0 0; height: 25px; width: 98px; }
#menu ul li a:hover, #menu ul li a:active, #menu ul li.current_page_item a { color: #ffc900; text-decoration: none; }

/************content style***********/
.post { width: 653px; margin: 0 0 25px 0; padding: 0 0 25px 0;}
#specialcontent .post { width: 428px; margin: 0 0 25px 0; padding: 0 0 25px 0;}
.post a:hover, .post a:active {color:#ffc900; text-decoration: underline;}

.post h2{ font-size: 18px; font-weight: normal; margin:0; padding: 0 0 25px 0;}
.post h2 a{color: #fff;}
.post h2 a:hover {color: #ffc900; text-decoration:none;}

.post h3{ font-size: 14px; margin:0; padding: 0 0 25px 0;}

.descr { font-style: italic; margin: 5px 0 25px 0px; padding: 5px 0 0 0; border-top: #ffc900 1px dotted;}
.descr a { text-decoration: none;}
.descr a:hover { text-decoration:underline;}

.arch { width: 653px; margin: 25px 0 0 0; padding: 0; }
.arch h2{ font-size: 18px; font-weight: normal; margin:0; padding: 0 0 25px 0;}
.arch h2 a{color: #fff;}
.arch h2 a:hover {color: #ffc900; text-decoration:none;}
.pagetitle{ padding-left:15px;}

.post h5 { color: #ffc900; display: block; float: left; font-size: 1.21em; font-weight: bold; margin: 0 100px 0 0; width: 100px; }
.post .details { clear: both; display: block; padding: 0 0 25px 0; width: 100%; }
	.post .playtitle { display: block; margin: 0 0 20px 0; padding: 0; width: 300px; }
	.post .genre { display: block; margin: 0 0 20px 0; padding: 0; width: 300px; }
	.post .length { display: block; margin: 0 0 20px 0; padding: 0; width: 300px; }
	.post .cast { display: block; margin: 0 0 20px 0; padding: 0; width: 300px; }
	.post .quote { color: #fff; display: block; font-weight: bold; margin: 0 0 20px 0; padding: 0; text-align: center; width: 300px; }
	.post .slideshow { display: block; float: right; margin: 0; padding: 0; width: 300px; }

.post .subdetails { clear: both; display: block; padding: 0 0 25px 0; width: 100%; }
	
	#subnav { border-bottom: 1px solid #000; clear: both; display: block; margin: 0 0 15px 0; padding: 0 0 0 25px; }
	#subnav li {display: inline; }
	#subnav ul li a { color: #fff; display: block; cursor: pointer; float: left; line-height: 11px; text-align: center; margin: 0 15px 0 0; padding: 10px 15px 8px 15px; }
	#subnav ul li a:hover, #subnav ul li a:active, #subnav ul li a.selected { border-right: 1px solid #000; border-left: 1px solid #000; border-top: 1px solid #000; color: #ffc900; margin: 0 15px 0 0; padding: 9px 14px 8px 14px; text-decoration: none; }


	
	

#resume { background: #000; border: none; color: #fff; cursor: pointer; font: inherit; font-size: 1em; font-weight: bold; margin: 0 10px 0 0; padding: 4px 6px; vertical-align: middle; }
#resume:hover { background-color: #ffc900; color: #333; text-decoration: none; }

/*************comments style********/
.comments{ margin:10px 0 0 0; }
.comments_part { padding: 25px 10px 0 10px; }
.commentlist{ margin:0 0 25px 0; padding:0; }
.commentlist li{ margin: 5px 0 5px 0; padding: 10px; list-style:none; overflow:hidden;}
.commentlist li .avatar{float: left;border:1px solid #000;margin: 0 20px 20px 0; padding:2px;}
.commentlist cite,.commentlist cite a{ color: #ffc900; font-weight: bold; }
.commentlist p{margin: 0 0 10px 0; text-transform:none;}
.commentmetadata{margin:0; padding: 0; }
.nocomments{text-align:center;margin:0;padding:0;}
.alt{margin:0;padding:10px; background-color:#222; border:#000 solid 1px;}
.commentlist li.authorcomment {margin: 5px 0 5px 0; padding: 10px;list-style:none; background-color:#222;border:#000 solid 1px; overflow:hidden;}

#trackback {margin:6px 0 0 0;margin-left:10px;}
#trackback h3{font: 18px Arial, Helvetica, sans-serif;font-weight:bold;color:#333;text-align: left;}
#trackback ul li{list-style:none; border:none;background:url('images/side_prex.gif') no-repeat;margin: 0px;padding: 0 0 2px 15px;}
.add_reply{height:15px;}
.yus_reply{ float:left;padding:0;}
.commentcount { font-size: 12px; font-weight: bold; color: #ffc900; float: right; padding:0 5px 0 0;}
#commentform input{ display: none; }
#commentform textarea{ margin: 5px 0 5px 0; }
#commentform #submit{ height:28px; width:60px; margin: 5px 0 5px 0; font-weight:bold;}
#respond{ margin:6px 0 0 10px; color:#333;}

#commentform .slected {display: block; }
#commentform .slected:hover { border: 1px solid #ffc900; }

/*************entry style**************/
.entry { clear: both; margin: 0; line-height: 14px;}
.entry ul{ list-style: none; }
.entry img { background: #222; border: 1px solid #000; margin: 0 20px 20px 0; padding:2px; }
.post_subscri{ border: 1px solid 000; padding: 5px; margin: 5px 0 5px 0; background-color: #222; }
.post_subscri img{ float:left; margin-top:-16px;}
.tags{margin-top:10px;}

.meta{ background: #222; border: 1px solid #000; margin: 5px 10px 5px 10px; padding:10px;}
.meta a{color:#ffc900;}

.prev_next{clear: both; display: block; font-size:12px; margin: 0; padding:0px; }
.prev{font-size:11px;float:left;padding:0;color:#000;}
.next{font-size:11px;float:right;padding:0;color:#000;}
.prev-page{float:left;margin-left:10px;}
.next-page{float:right;margin-right:10px;}

/*************sidebar style**************/
#s_block { width: 204px; clear: both; padding: 0 0 10px 0; }
#s_block ul li {list-style: none; }
#s_block ul li a { color: #fff; display: block; margin: 0 0 5px 0;padding: 2px 10px 2px 10px;}
#s_block ul li a:hover, #s_block ul li a:active { background: #ffc900; color: #000; text-decoration: none; }

#s_block img{ margin: 0 5px 5px 0; float:left; width:49px; height:49px; border:1px solid #000; padding:2px;background:#222;}

#s_cate { clear: both; }
#s_cate ul li{list-style:none;}

.b_items { width: 204px; clear: both; padding: 10px 0 0 0; }
/*.b_items a { color: #fff; display: block; margin: 0 0 10px 0;padding: 2px 10px 2px 10px; }*/
.b_items a:hover {background: #ffc900; }
.b_items ul{list-style: none;}
.b_items ul li { color: #fff; list-style:none; display: block; margin: 0 0 5px 0;padding: 2px 10px 2px 10px;}
.b_items ul li:hover{ background: #ffc900; color: #000; cursor: pointer;}
.b_items ul li:hover a, .b_items ul li:hover a:link { color: #000; text-decoration: none; }
.b_items #wp-calendar a:hover, .b_items #wp-calendar a:active { color:#000; }


#bookmark{ width:204px; margin:0 0 10px 0; padding: 5px;}
#bookmark li{ display:inline; }


/************Search Form Style********/
#searchform{ height:20px; line-height:20px; margin: 10px 0 10px 0;}
#searchform #s { background: #222; border: 1px solid #fff; width: 200px; font-size:12px; height:16px; padding:2px; }

#box{ clear:both;}

/***********footer style********/
#footer a {color: #FFFFFF;}
#footer a:hover {color: #fff; text-decoration: none; }

/* CLEARS */
#page:after, 
.post .details:after, #subnav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; width: 100%; }