/*   
Theme Name: Miners of Muzo
Theme URI: 
Description: Miners theme!
Author: Ruud Vendeloo
Author URI: http://frontwerk.nl
Version: 0.1
Tags: dark, dirt, monochrome, fixed width, footer, configurable, photoblog

	Miners theme by Ruud Vendeloo
	
	The CSS, XHTML, design and PHP are released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/


/* import reset styles */
@import url(reset.css);
/*@import url(debug.css);*/


/****************************
 **   General
 ****************************/

html,body { margin: 0; padding: 0; height: 100%; }
body { font-size: 75%; text-align: center; font-family: "Lucida Grande", Arial, Verdana, Geneva, Helvetica, sans-serif; color: #888; background: #000 url(images/body.bg.01.jpg) center top fixed no-repeat; }

p { line-height: 1.5; margin: 10px 0; color: #dfdbd1; }
ul { margin: 10px 0; }
li { line-height: 1.5; color: #dfdbd1; }
a { color: #e02419; text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em { font-style: italic; }
small { font-size: smaller; }
.hide { display: none; }

/****************************
 **   Layout
 ****************************/


/* topbar menu */
div#topbar { position: fixed; z-index: 20; top: 0; left: 0; width: 100%; height: 46px; background: transparent url(images/topbar.bg.png); }
div#topbar ul.menu { display: block; height: 46px; width: 920px; margin: 0 auto; }
div#topbar ul.menu li.page_item { display: inline; }
div#topbar ul.menu li.page_item a { display: block; float: left; line-height: 42px; height: 40px; padding: 0px 25px; text-decoration: none; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #7d7360; }
div#topbar ul.menu li.page_item a:hover { color: #fff; }
div#topbar ul.menu li.current_page_item a { color: #e02419; }

/* sitebox */
div.sitebox { position: relative; z-index: 10; width: 100%; height: auto !important; /* real browsers */ height: 100%; /* IE6: treaded as min-height*/ min-height: 100%; /* real browsers */ text-align: left; }

/* header */
div.header { position: relative; width: 920px; height: 221px; margin: 0 auto; }
div.header h1#siteheading a { display: block; position: absolute; top: 91px; left: 0; width: 690px; height: 80px; background: transparent url(images/mom.text.png); }
div.header h1#siteheading a span { display: none; }
div.header a#momlogoxl { position: absolute; z-index: 50; display: block; top: 56px; right: 0; width: 207px; height: 187px; background: transparent url(images/mom.logo.png); }
div.header a#momlogoxl span { display: none; }

/* content */
div.content { width: 920px; padding-bottom: 100px; /* bottom padding for footer */ margin: 0 auto; }
div.column { }

/* main */
div.main { width: 590px; float: left; }

/* sidebar */
div.sidebar { padding-top: 30px; width: 300px; float: right; }

/* footer */
div.footer { position: absolute; width: 100%; bottom: 0; /* stick to bottom */ left: 0; height: 50px; background: #000; }
div.footer ul { display: block; height: 50px; width: 920px; margin: 0 auto; }
div.footer ul li { display: inline; line-height: 50px; }

/* forcing clear on these boxes */
.sitebox:after, .header:after, .content:after, .main:after, .post-header, .side:after { content: ""; display: block; height: 0; clear: both; }


/****************************
 **   Content
 ****************************/

/* General */


/* posts */
div.post { position: relative; width: 590px; margin-bottom: 40px; }
div.post div.post-header { width: 590px; height: 80px; background: transparent url(images/post.header.png) left top no-repeat; border-bottom: 1px dotted #7d7360; }
div.post div.page-header { width: 590px; height: 80px; background: transparent url(images/page.header.png) left top no-repeat; }
div.post div.post-date { position: absolute; top: 5px; left: 10px; height: 70px; width: 70px; background: transparent url(images/post.date.png) left bottom no-repeat; }
div.post div.post-date span.post-date-month { display: block; font-weight: bold; text-transform: uppercase; color: #e02419; text-align: center; padding-top: 22px; font-size: 13px; }
div.post div.post-date span.post-date-day { display: block; font-weight: bold; text-transform: uppercase; color: #e02419; text-align: center; font-size: 15px; }
div.post div.post-header h2 { height: 60px; line-height: 70px; margin-left: 90px; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 22px; font-weight: bold; color: #e02419; }
div.post div.page-header h2 { height: 70px; line-height: 85px; margin-left: 20px; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 22px; font-weight: bold; color: #e02419; }
div.post h2 a { display: block; color: #fff; text-decoration: none; }
div.post h2 a:hover { color: #e02419; }
div.post-entry h3 { font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 15px; font-weight: bold; color: #fff; }
div.post span.post-info { margin-left: 90px; color: #999; font-size: 11px; }
div.post div.post-entry { width: 550px; padding: 20px; background: #201d16; }
div.post div.post-entry p { }
div.post div.post-entry img { margin: 0 0 20px 0; }
div.post div.post-meta { width: 550px; padding: 0 20px; height: 70px; background: transparent url(images/post.meta.png) left top no-repeat; }
div.post div.post-meta p { color: #666; line-height: 70px; margin: 0; font-size: smaller; }
div.post div.post-bottom { width: 550px; padding: 0 20px; height: 10px; background: transparent url(images/post.bottom.png) left top no-repeat; }

.photoblog-thumbnail { display: inline; vertical-align: middle; }
.more-link { margin-top: 20px; font-size: 0.9em; }

.navigation { width: 100%; }
.navigation a { text-decoration: none; font-size: 0.7em; }
.navigation .previous { float: right; }
.navigation .next { float: left; }

.search_result { margin-left: 20px; }
.search_result h4 { margin-left: -20px; }
.search_result h4 a { text-decoration: none; }
.search_result .metadata { color: #BFC4C1; margin-top: 10px; text-align: left; }
.search_result .metadata a { color: #BFC4C1; }

ul.discography li { font-size: 90%; line-height: 2; }
ul.covers { margin: 20px 0; }
ul.covers li { display: inline; }
ul.covers img { margin: 20px; }

ul#gallery { display: block; margin: 0 auto; padding: 40px 0; width: 450px; text-align: center; }
ul#gallery li { margin-bottom: 30px; }
ul#gallery img { display: block; margin: 0 auto; border: 5px solid #7d7360; }
ul#gallery div.caption { margin: 0 auto; height: 30px; line-height: 30px; width: 360px; font-size: smaller; }

/* Standard wordpress */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.clear { clear: both; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.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; }

/* Comments */
h4#comments { font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 16px; text-align: center; font-weight: bold; color: #fff; }
ul.comment-list { }
ul.comment-list li { margin: 20px 0; }
ul.comment-list div.comment { background: #201d16; width: 570px; padding: 5px; border: 5px solid #201d16; }
ul.comment-list li.alt div.comment { background: #26221a; border: 5px solid #201d16; }
div.comment cite { margin-left: 3px; font-weight: bold; font-style: normal; }
small.comment-metadata { margin-left: 45px; display: block; border-bottom: 1px solid #3f392b; color: #7d7360; }
div.comment-text { padding: 10px 0 0 0; }
div.comment-text * { margin-bottom: 0; padding-bottom: 0; }
img.avatar { float: left; margin: 0 10px 0 0!important; }

/* Comment Form */
form#commentform h4#respond { font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 16px; font-weight: bold; color: #fff; }
form#commentform { background: #201d16; width: 560px; padding: 15px; }
form#commentform input.text { width: 200px; padding: 3px; border: 3px solid #3e382c; background: #322d23; color: #fff; }
form#commentform textarea { width: 410px; height: 100px; margin: 0; padding: 3px; border: 3px solid #3f392c; background: #322d23; color: #999; }
form#commentform input:hover.text,
form#commentform input:focus.text,
form#commentform textarea:hover,
form#commentform textarea:focus { border: 3px solid #5d5442; }
form#commentform textarea { width: 410px; height: 100px; margin: 0; padding: 3px; border: 3px solid #3f392c; background: #322d23; color: #fff; }
form#commentform small { margin-left: 5px; color: #fff; }
form#commentform input#submit { background: #e02419; border: 0; padding: 5px 10px; color: #fff; font-weight: bold; }

/****************************
 **   Sidebar
 ****************************/

/* General */

.sidebar li.widget { width: 300px; margin-bottom: 25px; background: transparent url(images/side.header.png) left top no-repeat; }
.sidebar li.widget h2.widgettitle { padding: 7px 15px 0 15px; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 15px; font-weight: bold; color: #e02419; }
.sidebar li.widget a { color: #fff; text-decoration: underline; }
.sidebar li.widget a:hover { text-decoration: none; }
.sidebar li.widget ul { display: block; margin: 0; padding: 5px 15px; background: #201d16; }
.sidebar li.widget ul li { margin-left: 15px; list-style: square; }
.sidebar li.widget div.widgetbottom { height: 10px; background: transparent url(images/side.bottom.png) left top no-repeat; }

/* Search */
.sidebar ul#searchcontainer li { list-style: none; margin: 0; }
.sidebar #searchform div { }
.sidebar #searchform input.text { color: #7d7360; }
.sidebar #searchform input:focus.text,
.sidebar #searchform input:hover.text { color: #fff; }
.sidebar #searchform div #s { width: 200px; height: 16px; font-size: 1.1em; padding: 3px; border: 3px solid #3e382c; background: #322d23; }
.sidebar #searchform div #searchsubmit { background: #e02419; border: 0; padding: 5px; color: #fff; font-weight: bold; }

.more-link { padding-left: 20px; font-size: 0.8em; }

/* Tag cloud */
.widget_tag_cloud a { text-decoration: none; }

/* Wordpress calendar */
#calendar_wrap { margin: 0px; }
#wp-calendar { width: 100%; }
#wp-calendar th { text-align: left; }

/* Photoblog widget */
.sidebar .elegant_grunge_photoblog div { text-align: center; }
.sidebar .photoblog-thumbnail img { background: #fff; border: 1px solid #aaa; padding: 3px; display: inline; }


/****************************
 **   Footer
 ****************************/

/* footer */
div.footer .legal, #footer .credit { color: #7d7360; }
div.footer .legal { text-align: center; font-size: smaller; line-height: 50px; }
div.footer .widget-wrap { float: left; width: 264px; margin-bottom: 36px; }
div.footer .widget { margin-right: 21px; margin-left: 21px; }