/*  
Theme Name: Beth
Version: 1.0
Author: Mirko Humbert
Author URI: http://www.designer-daily.com/
Tags: yellow, light, two-columns, fixed-width, left-sidebar
Description: A grungy blog theme.
*/

* {margin:0;padding:0;}
body {background:#F9F7F8 url('images/body-background.jpg') repeat-x;}

#container {width:733px;margin:0 auto;}
#header {position:relative;float:left;background:url('images/header-background.jpg');width:733px;height:129px;}
#searchstructure {position:relative;float:left;background:url('images/search-background.jpg');width:224px;height:35px;}
#menustructure {position:relative;float:left;background:url('images/menu-background.jpg');width:489px;height:28px;padding:7px 0 0 20px;font-family:georgia,times,serif;color:#ddd;font-size:0.9em;}
#content {position:relative;float:left;background:url('images/content-background.jpg');width:733px;}
#footer {position:relative;float:left;background:url('images/footer-background.jpg') no-repeat;width:733px;height:499px;margin:0 0 20px 0;}


a:link {color:#9F3B13;}
a:hover {color:#4F1D0A;text-decoration:none;}

h1, h3, h4, h5, h6 {font-family:Georgia,Times,serif;margin:10px 0;}

#header #logo {position:relative;float:left;margin:20px 0 0 10px;}
#header #logo {border:0;}
#header #rssbutton {position:relative;float:right;margin:0 2px 0 0;}
#header #rssbutton img {border:none;}


#searchstructure form#searchform {margin:7px 0 0 15px;}
#searchstructure form#searchform #s {border:1px solid #BFBB8F;background:#FFFEF2;}
#searchstructure form#searchform #s:focus {border:1px solid #000;background:#FFF;}
#searchstructure form#searchform #searchsubmit {border:none;background:transparent;color:#8F8C6B;}


#menustructure ul {position:relative;float:left;list-style-type:none;}
#menustructure ul li {position:relative;float:left;margin:10px 0 0 25px;}
#menustructure ul li a {color:#fff;text-decoration:none;text-transform:uppercase;}


#sidebar {position:relative;float:left;width:200px;padding:40px 15px 15px 15px;}
#sidebar li {list-style-type:none;font-family:georgia,serif;font-weight:bold;}
#sidebar li ul li {margin:4px 0 3px 0;}
#sidebar li ul li ul li {list-style-type:disc;margin:3px 0 4px 15px;}
#sidebar li ul li a {text-decoration:none;color:#000;font-weight:normal;}
#sidebar li ul li a:hover {text-decoration:underline;}
#sidebar .widget {margin:0 0 20px 0;}
#sidebar h2 {font-size:0.9em;text-transform:uppercase;margin:0 0 10px 0;color:#BFB223;border-top:1px solid #EFEBC2;border-bottom:1px solid #EFEBC2;padding:5px 0 5px;}
#sidebar h2 a {text-decoration:none;color:#BFB223;}
#sidebar select {width:194px;padding:3px;}
#sidebar select option {padding:3px;}
#sidebar table#wp-calendar {font-size:0.9em;}
#sidebar table#wp-calendar td {border:1px solid #EFEBC2;padding:3px;text-align:center;color:#555;}
#sidebar table#wp-calendar td.pad {border:none;}
#sidebar table#wp-calendar td#today {color:#000;background:#fff;}
#sidebar caption {font-weight:normal;text-align:left;margin:0 8px;}

#main {position:relative;float:left;width:468px;padding:30px 15px 15px 15px;font-size:0.9em;line-height:1.3em;}
#main h2 {font-family:Georgia,Times,Serif;background:url('images/title-underline.jpg') no-repeat bottom;text-transform:capitalize;font-size:1.8em;line-height:1.3em;font-weight:normal;width:468px;padding:0 0 10px 0;}
#main h2 a {text-decoration:none;color:#000;}
#main .post {position:relative;float:left;}
#main .post-content h2 {background:none;margin:10px 0;padding:0;}
#main .postcategories {font-size:0.8em;color:#555;margin:5px 0 15px 0;}
#main .postcategories a {color:#333;text-decoration:none;}
#main p {margin:10px 0;}
#main img.alignright {position:relative;margin:0 0 10px 10px;}
#main img.alignleft {position:relative;margin:0 10px 10px 0;}
#main img a, #main img {border:none;}
#main ol, #main ul {margin:10px 0 10px 30px;}
#main blockquote {position:relative;float:left;background:#F9F7F8;border:1px solid #DFDFDF;margin:20px 10px 10px;padding:10px;}
#main .post-content cite {position:relative;float:right;width:448px;text-align:right;margin:0;padding:0;font-size:0.9em;}


#main .wp-caption {border:1px solid #DFDFDF;background:#F9F7F8;padding:5px;}
#main .wp-caption.alignleft {position:relative;float:left;margin:0 10px 10px 0;}
#main .wp-caption.alignright {position:relative;float:right;margin:0 0 10px 10px;}
#main .wp-caption.aligncenter {position:relative;margin:0 auto;}
#main .wp-caption img {margin:0;padding:0;border:none;text-align:center;}
#main .wp-caption .wp-caption-text {font-size:0.8em;color:#555;text-align:center;margin:0;padding:0;}

#main .commentbox {position:relative;float:left;background:url('images/commentbox.jpg');width:468px;height:48px;margin:15px 0 25px 0;}
#main .commentbox .authorgravatar {position:relative;float:left;width:36px;height:36px;margin:6px 8px 0 6px;}
#main .commentbox .postmetadata {position:relative;float:left;width:200px;font-size:0.8em;line-height:1.2em;color:#333;margin:10px 0;}
#main .commentbox .commentnumber {position:relative;float:right;font-family:georgia,times,serif;font-size:1.5em;text-transform:capitalize;margin:15px 15px 0 0;}
#main .commentbox .commentnumber a {text-decoration:none;color:#333;}
#main .commentbox .commentnumber a:hover {color:#9F3B13;}
#main .ampersand {position:relative;float:left;clear:both;width:468px;text-align:center;margin:5px 0 15px 0;}

#main .navigation {width:468px;}
#main .navigation a {font-size:1.5em;font-family:georgia,times,serif;text-decoration:none;color:#9F3B13;}
#main .navigation a:hover {color:#000;}
#main .navigation .alignleft {position:relative;float:left;}
#main .navigation .alignright {position:relative;float:right;}

#comments {position:relative;float:left;width:468px;}
#comments ol.commentlist {position:relative;float:left;width:468px;list-style-type:none;margin:10px 0;}
#comments ol.commentlist .headercomment {position:relative;float:left;clear:both;width:448px;padding:0 0 5px 0;font-size:1.2em;border-bottom:1px solid #CFCFC2;}
#comments ol.commentlist .headercomment .commentauthor {position:relative;float:left;width:300px;margin:10px 0 0 15px;}
#comments ol.commentlist .headercomment a {text-decoration:none;}
small.commentmetadata a {text-decoration:none;color:#aaa;}
#comments ol.commentlist li {position:relative;float:left;width:448px;padding:10px;background:#F9F7F8;border:1px solid #CFCFC2;margin:5px 0 0;font-size:0.9em;}
#comments ol.commentlist li.alt {background:#EFEFEF;}
#comments ol.commentlist .avatar {position:relative;float:left;width:32px;height:32px;}
#comments ol.commentlist .url {position:relative;float:left;width:410px;}
#comments h3 {position:relative;float:left;width:468px;margin:20px 0 0;font-family:georgia,times,serif;}




form#commentform {position:relative;float:left;background:#FEFEF4;border:1px solid #DFDFB5;margin:10px 0 0 0;width:448px;padding:10px;}
form#commentform textarea {width:400px;}



#footer #tagsfooter {position:relative;float:right;width:468px;padding:70px 15px;text-align:center;}
#footer #tagsfooter a {text-decoration:none;font-family:georgia,times,serif;}

#signature {width:733px;font-size:0.8em;color:#888;text-align:center;padding:10px 0 20px;}
#signature img {border:none;vertical-align:middle;}
#signature a {text-decoration:none;color:#555;}


