/*
Theme Name: Barham
Theme URI: http://www.pepsmedia.com/
Description: 
Version: 1.0
Author: Andrew Pepperrell
Author URI: http://www.pepsmedia.com/
*/

/* YUI CSS RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.haslayout { height: 0; he\ight: auto; zoom: 1; }

html   { background: url(images/bg.png) top left repeat-x; font-family: Arial; font-size: 78%; color: #fff; }
a      { text-decoration: none; color: #b9d857; }
em     { font-style: italic; }
strong { font-weight: bold; }
del    { text-decoration: line-through; } 
h1     { font-size: 2em;   margin-bottom: 0.3em; }
h2     { font-size: 1.7em; margin-bottom: 0.55em; }
h3     { font-size: 1.5em; margin-bottom: 0.6em; }
h4     { font-size: 1.3em; margin-bottom: 0.7em; }
h5     { font-size: 1.1em; margin-bottom: 0.7em; }

#main { width: 820px; margin: 0 auto; }

#leader    { position: relative; height: 100px; }
#barham    { position: absolute; left: 10px; top: 14px; }
#contact   { position: absolute; right: 10px; top: 12px; color: #5C5A56; font-size: 12px; text-align: right; }
#contact a { color: #5C5A56; }

#gubbins    { position: relative; background: url(images/gubbins_bg.png) top left repeat-y #95918C; overflow: hidden; width: 100%; }
#gubbins_sl { position: absolute; display: block; top: 0; left: 0; width: 10px; height: 250px; background: url(images/gubbins_sl.png); clear: both; }
#gubbins_sr { position: absolute; display: block; top: 0; right: 0; width: 10px; height: 250px; background: url(images/gubbins_sr.png); clear: both; }
#fgubbins  { background: url(images/fgubbins_bg.png) top left no-repeat;  padding: 10px; color: #adaaa3; font-size: 0.8em; }
#pepsmedia { float: right; position: inline; }
#bigimg     { display: block; margin: 0 10px; border-bottom: solid 2px #73716C; width: 800px; height: 200px; background: #6e6c68; }

#content { float: right; display: inline; background: blue; width: 600px; padding: 20px 30px 10px 40px; min-height: 320px; background: url(images/pagesplit.png) top left no-repeat; }
#sidebar { float: left; display: inline; margin: 20px 0 10px 30px; }
#sidebar li { margin-bottom: 5px; font-size: 16px; }
#sidebar a { color: #fff; }
#sidebar .current_page_item a { color: #5C5A56; }
#sidebar .current_page_item li a { color: #fff }
#pagenav li li { font-size: 12px; padding-left: 10px; margin-top: 2px; }

/* Post stuff */
.post                { margin-bottom: 10px; }
.entry               { line-height: 1.4em; overflow: hidden; }
.entry p             { margin-bottom: 1.1em; }
.entry blockquote    { font-style: italic; margin: 1em 0 1em 2em; padding: 1em; }
.entry blockquote p  { margin: 0; padding: 0; }
.entry ul, .entry ol { padding-left: 30px; margin-bottom: 1em; }
.entry ul li         { list-style: disc; }
.entry ol li         { list-style: decimal; }
.entry li            { margin-bottom: 0.5em; }
.tags                { font-size: 0.9em; font-style: italic; }
/* images */
.alignright { float: right; margin: 0 0 10px 10px; }
.alignleft  { float: left; margin: 0 10px 10px 0; }
.imgborder  { border: solid 1px #000; }

/* comments */
#respond h3 { padding: 0 0 10px 0; margin: 0; clear: both;  }
#comments       { margin-bottom: 0.8em; }
.commentlist    { padding-left: 30px; clear: both; color: #fff; }
.commentlist li { list-style: decimal; margin-bottom: 1em; }
.commentlist li div { color: #fff; }
.commentlist li p  { margin-top: 0.5em; }
#commentform input { margin-bottom: 10px; }
#commentform #comment { margin-bottom: 10px; width: 510px; }
.commentlist .avatar   { float: right; border: solid 5px #6e6c68; border-top: none; margin: 0; padding: 0; }
.comment-author        { background: #6e6c68; padding: 5px 0 5px 2px; margin: 0 0 5px 0; }