/*
Theme Name: Paulbrunt.co.uk
Theme URI: http://www.paulbrunt.co.uk
Description: My Theme created for my site
Version: 1.6
Author: Paul Brunt
Author URI: http://www.paulbrunt.co.uk
Tags: fixed width, three columns, widgets
*/


body{background-image:url(images/background.jpg);background-repeat:repeat-x;margin:0;font-family:arial;font-size:12px}
form{margin:0;padding:0}
img{border:0}
#viewport{width:900px;margin:auto;position:relative;}
#header{height:97px;overflow:hidden;position:relative;margin:0px 0px 1px 0px}
#eye{height:120px;width:114px;background-image:url('images/eye.png');position:absolute;top: -15px}
#header img{position:absolute;left:130px;top:0px}
#content{float:left;}
#footer{background-image:url(images/footer.jpg);clear:both;padding:5px;border-top:1px solid #888;}
#footer p{width:900px; margin:auto;color:#666;text-align:right}

a{color:#8ab987;text-decoration:none}
a:hover{color:#2f662a}
.container{position:relative}
.hidden{display:none;}
.menu{margin:0;padding:0;list-style-type:none;position:absolute;top:-5px;left:785px;width:300px}
.menu li{display:inline;padding:5px;font-size:13px}

.navigation{font-size: 16px;padding: 10px;height: 20px; width: 580px;}
.navigation .alignleft{float:left}
.navigation .alignright{float:right}


#header .searchbox{position:absolute; left:650px;top:35px}
#pagesearch .searchbox{position:relative}
#header .searchbox .f,#header .searchbox .l,#pagesearch .searchbox .f,#pagesearch .searchbox .l{background-image:url(images/whitecorners.png);height:30px;width:15px;float:left}
#header .searchbox .m{background-image:url(images/whitetopbottom.png);height:30px;width:220px;float:left}
#pagesearch .searchbox .m{background-image:url(images/whitetopbottom.png);height:30px;width:370px;float:left}
#header .searchbox .l,#pagesearch .searchbox .l{background-position:-15px 0px;}
#header .searchbox input{ height:17px;margin:7px 0px;padding:0;border:0;background-color:transparent;width:200px}
#pagesearch .searchbox input{ height:17px;margin:7px 0px;padding:0;border:0;background-color:transparent;width:400px}
#header .searchbox .searchbutton{width:41px;height:41px;position:absolute;left:200px;top:-15px}
#pagesearch .searchbox .searchbutton{width:41px;height:41px;position:absolute;left:350px;top:5px}
#pagesearch p{clear:both; font-size: 16px;padding:20px 0px;margin:0;color:#888}
#pagesearch .searchbox{padding-top: 20px}
	
#page{width:600px}

.corners{border-collapse:collapse;width:100%;height:50px;border-spacing:0}
.corners tr{vertical-align:top}
.corners td{margin:0;padding:0}
.tr,.tl,.br,.bl{width:15px;height:15px;background-image:url(images/whitecorners.png)}
.tr,.r,.r span{background-position:-15px 0px}
.bl,.b{background-position:0px -15px}
.br{background-position:-15px -15px}
.t,.b{height:15px;background-image:url(images/whitetopbottom.png)}
.l,.r{width:15px;background-image:url(images/whiteleftright.png)}
.c{background-color:#f8f8f8;}
.postmetadata{font-size: 11px;margin:0;padding:0}
	
#articlebox,#articlelist .article{padding-left: 100px;position:relative;width:500px}
#articlelist .article .image{opacity:0.5;position:absolute;left:0px;top:10px;width:104px;height:137px;background-image:url(images/thumb1.png)}
#datebox{position:absolute;left:0px;top:15px;background-image:url(images/date.png);width:99px;height:91px;padding-left:5px;}
.day{font-size: 36px;color:#fff;height:36px;text-align:center;padding-top:10px}
.month{font-size: 20px;color:#fff;height:20px;text-align:center;padding-top:10px}
#tagbox{position:absolute;width:95px;text-align:right;font-size:12px;left:0px;top: 120px;}
#tagbox ul{margin:0;padding:0;list-style-type:none}
#tagbox h2{margin:0;padding:0;font-size: 16px;font-weight:normal;color:#888}

#sidebar{width:300px;color:#fff;float:left}
#sidebar table{float:left;height:90px}
#sidebar .tr,#sidebar .tl,#sidebar .br,#sidebar .bl{background-image:url(images/darkcorners.png)}
#sidebar .t,#sidebar .b{background-image:url(images/darktopbottom.png)}
#sidebar .l,#sidebar .r{background-image:url(images/darkleftright.png)}
#sidebar .l span,#sidebar .r span{height:90px;width:15px;display:block;background-image:url(images/darkleftrightgrad.png)}
#sidebar .c{background-image:url(images/darkbg.jpg);background-repeat:repeat-x;background-color:#5c5c5b}
#sidebar .half{width:150px;}
#sidebar .full{width:300px;}

#sidebar h2{font-size:16px;font-weight:normal;color:#fff;margin:0;padding:0}
#sidebar ul{margin:0;padding:0;list-style-type:none}
#sidebar ul ul{margin:0;padding:10px 0px 0px 20px;list-style-type:circle}
#sidebar li{font-size:12px;color:#fff;margin:0;padding:0;}
#sidebar a{color:#ddd}
#sidebar a:hover{color:#fff}
#sidebar li.widget{float:left;}

.comment{padding-left:100px;position:relative;width:500px}
.comment .corners{height:50px}
.comment p{margin:0;padding:0px 0px 7px 0px;color:#888}
.comment .tr,.comment .tl,.comment .br,.comment .bl{background-image:url(images/commentcorners.png)}
.comment .t,.comment .b{background-image:url(images/commenttopbottom.png)}
.comment .l,.comment .r{background-image:url(images/commentleftright.png)}
.comment .c{background-color:#fffde7}
/*
.comment .speech{width:33px;height:63px;position:absolute;left:73px;top:15px;background-image:url(images/comment.png)}
*/
#respond{padding-left:100px}
#respond textarea{width: 100%}
	
	
.article .corners h1,#article h1{font-weight:normal;color:#888;font-size:24px}

.article .corners,#article{font-size: 14px;color:#888}
#article h2 a, .article .corners h2 a,#cattitle,#articlebox h1,#page h1{margin:0;padding:0;display:block;text-indent:-1500px;overflow:hidden;width:100%;height:32px;border-bottom:1px solid #8ab987;background-repeat:no-repeat}
.article .corners h2,#article h2{margin:0;padding:0}
#cattitle{border:0;padding:0;margin:0}
#cattitle{width: 580px;}
.readmore{display:block;text-align:right}

#listtitle{position:relative;margin-bottom:15px}
/*#listtitle .corners{height:10px;}
#listtitle .corners h2{margin:0;padding:0;font-weight:normal}
#listtitle .tr,#listtitle .tl,#listtitle .br,#listtitle .bl{background-image:url(images/midcorners.png)}
#listtitle .t,#listtitle .b{background-image:url(images/midtopbottom.png)}
#listtitle .l,#listtitle .r{background-image:url(images/midleftright.png)}
#listtitle .c{background-color:#69696a}
*/
#features{margin-bottom:10px;height:175px;position:relative}
#features p{font-size: 13px;color:#fff;padding: 5px 15px 15px 15px;margin:0px;line-height:17px}
#features h2{margin:0;padding:10px 0px 0px 0px;font-size:18px;font-weight:normal;color:#fff;overflow:hidden;text-indent:-5000px;background-repeat:no-repeat;background-position: 15px 10px;height: 23px;}
.featurebox{height:175px;border-collapse:collapse;width:100%;}
.featurebox tr{vertical-align:top}
.featurebox .l,.featurebox .r,.featurebox .c{background-image:url(images/greenbackdesat.png)}
.featurebox .c{background-color:transparent}
.featurebox .l,.featurebox .r{width:15px}
.featurebox .r{background-position:-15px -10px}
.featurebox .l{background-position:0px -10px}
.featurebox .c{background-position:0px -195px}

#topshadow{width:888px;height: 7px;background-image:url(images/topshadow.png);position:absolute;z-index:1;margin:0px 5px}
#aboutme{padding:0;margin:0;width:300px;text-align:right}
#aboutme p{color:#fff}
#feature{padding:0;margin:0;width:400px;background-image:url(images/greenbackdesat.png);}
#feature .border{border-left:2px solid #80b584;border-right:2px solid #80b584; height:170px;width:396px;}
#featurebuttons{padding:0;margin:0;width:156px}
#feature p{width:210px}
#feature .container{width:392px;height:170px}
#features a{color:#bbb}

#meimage{background-image:url(images/me.png);width:200px;height:181px;position:absolute;left:-25px;top:-11px;z-index:2}
#mainfeatures{position:relative;}
#hideshow{position:absolute;left: 770px;top:148px;z-index:1;background-image:url(images/arrows.png);height:19px;width:83px;padding:0;padding-top:5px; background-position: 0px -17px;background-repeat:no-repeat;padding-left: 10px}
#hideshow.show{background-position: 0px 7px;padding-left: 14px}
#hideshow a{color:#2f662a}
	
#featureimage{width:176px;height:177px;position:absolute;left:220px;top:-11px;z-index:2}
#featurebuttons ul{margin:10px 0px 0px 0px;padding:0;list-style-type:none}
#featurebuttons li{left:-5px;position:relative;cursor:pointer;display:block;height:24px;width:100%;background-image:url(images/greybutton.png);color:#333;padding:8px 5px 5px 5px;background-repeat:no-repeat;z-index:5}
#featurebuttons li.sel{background-image:url(images/greenbutton.png);color:#fff;position:relative;left:-15px;padding-left:20px;}

#commentform{width:500px}

#tag_cloud-2 .half,#recent-comments-2 .half,#ngg-images-2 .half,#twitter-3 .half{width:300px}

#listtitle h2{text-indent:-500px;overflow:hidden;background-image:url(images/progtitle.png);width:100%;height:28px;background-repeat:no-repeat;margin:0;padding:0;}

#features #abouttitle{text-align:left;text-indent:-500px;overflow:hidden;width:100%;height:20px;background-repeat:no-repeat;background-position:200px 10px;}
#featuretitle{text-align:left;text-indent:-500px;overflow:hidden;background-image:url(images/bertbreakdowntxt.png);width:100%;height:20px;background-repeat:no-repeat;background-position:5px 10px}

#bg{background-image:url(images/bg2.jpg); background-position: center 98px; background-repeat:no-repeat;}