/*
Theme Name: Rufus Blog
Theme URI: http://blog.rufus.co.uk
Description: The default Wordpress theme for http://blog.rufus.co.uk
Version: 1.0
Author: HTML, CSS & JavaScript - Lee Simpson & Graeme Madden | Design - Graeme Metcalf & Simon Daily
Author URI: http://www.rufus.co.uk
*/
 
*{margin:0;padding:0;}
a{color:#f24e00;text-decoration:none;}
a:hover{color:#f24e00;text-decoration:underline;}
img{border:0;}
fieldset{border:none;}
ul{}
ul li{list-style:none;padding:0 0}
.clear{clear:both;font-size:0;height:0;}

/* Website Structure Styles */
body{background:#fafafa url(images/bg_body.png) top repeat-x;font:11px Arial, Helvetica, sans-serif;text-align:center;}
#container{background:url(images/bg_container.gif) center top repeat-y;color:#666;text-align:left;width:100%;}
#container_inner{background:url(images/bg_container_inner.jpg) center top no-repeat;}

/* Header Styles */
#header{background:url(images/bg_header.jpg) left top no-repeat;height:180px;margin:0 auto;width:1000px;}
#header h1{display:inline;float:left;margin-left:128px;margin-top:60px;}
#header h1 a{background:url(images/bg_logo.png) no-repeat;display:block;height:86px;outline-style:none;text-indent:-9999px;width:171px;}

/* Content Styles */
#content{margin:0 auto;overflow:hidden;padding-left:123px;padding-right:185px;width:692px;}
#maincontent{float:left;width:468px;}

#content h1{color:#F24E00;font-size:22px;padding-bottom:20px;}
#content #maincontent h2{color:#F24E00;font-size:20px;padding-bottom:6px;}
#content #maincontent h3{color:#F24E00;font-size:18px;padding-bottom:12px;}
#content #maincontent h4{color:#F24E00;font-size:16px;font-style:italic;padding-bottom:15px;}
#content #maincontent p{padding-bottom:15px;}
#content #maincontent ul{padding-bottom:15px;margin-left:15px;}
#content #maincontent ul li{padding-bottom:5px;}

#content #maincontent .bio{background:url(images/bg_bio_main.png) no-repeat scroll;padding-top:30px;overflow:auto;}
#content #maincontent .bio_end{background:url(images/bg_bio_end.png) no-repeat scroll 0 0;height:94px;}
#content #maincontent .bio ul{padding-bottom:15px;margin-left:0px;}
#content #maincontent .bio .staff-mii{padding:10px 0 0 33px;float:left;}
#content #maincontent .bio .description{float:right;padding-top:10px;margin-right:62px;width:220px;}
#content #maincontent .gallery{float:left;padding:10px 0 0 42px;width:140px;}
#content #maincontent .gallery div.flickr-gallery{clear:both;margin:0 0 10px 5px;overflow:auto;padding:0;}
#content #maincontent .gallery div.flickr-thumb{float:left;height:30px;margin:3px;padding:2px;width:30px;}
#content #maincontent .gallery div.flickr-thumb img{height:30px;width:30px;}
#content #maincontent .top-5 {float:right;position:relative;top:-19px;width:280px;}

#content #maincontent .staff-links {clear:both;overflow:auto;}
#content #maincontent .staff-links img{height:120px;width:120px;}

.page-header{margin:20px 0 0;padding:0 0 25px;width:100%;}
.article_box{padding-bottom:40px;width:100%;}
.article_top{overflow:hidden;padding-bottom:8px;width:100%;}
.calender{background:url(images/bg_date.gif) no-repeat;float:left;font-size:20px;font-weight:bold;height:56px;line-height:21px;text-align:center;width:70px;}
.calender span{color:#ff4c00;display:block;font-size:12px;line-height:13px;padding-top:8px;}
.title{float:left;padding-left:3px;width:395px;}
.title h2{color:#f24e00;font-size:22px;padding-bottom:3px;}
.title p{color:#515151;font-size:11px;overflow:hidden;width:100%;}
.title p span{float:left;margin-right:16px;}
.title p .last{float:right;}
.title p span img{vertical-align:middle;}
.article_content{width:100%;}
.article_content p{line-height:15px;padding-bottom:17px;padding-left:3px;}
.article_bottom{padding-left:3px;width:465px;}
.article_bottom p{color:#363636;overflow:hidden;padding-bottom:8px;width:100%;}
a.continue{float:right;font-weight:bold;padding-right:15px;}
.article_bottom p span img{vertical-align:middle;}

.article_bottom{}
.article_bottom .author{overflow:auto;width:140px;}
.article_bottom .avatar{float:left;height:50px;width:50px;display:block;}

.article_bottom .avatar-Ian{background:url(images/img_mii_ian.png) no-repeat 0 0;}
.article_bottom .avatar-Angela{background:url(images/img_mii_angela.png) no-repeat 0 0;}
.article_bottom .avatar-Chris{background:url(images/img_mii_chris.png) no-repeat 0 0;}
.article_bottom .avatar-Derek{background:url(images/img_mii_derek.png) no-repeat 0 0;}
.article_bottom .avatar-Elaine{background:url(images/img_mii_elaine.png) no-repeat 0 0;}
.article_bottom .avatar-Graeme{background:url(images/img_mii_graeme.png) no-repeat 0 0;}
.article_bottom .avatar-GraemeM{background:url(images/img_mii_graeme2.png) no-repeat 0 0;}
.article_bottom .avatar-Joni{background:url(images/img_mii_joni.png) no-repeat 0 0;}
.article_bottom .avatar-Lee{background:url(images/img_mii_lee.png) no-repeat 0 0;}
.article_bottom .avatar-Paul{background:url(images/img_mii_paul.png) no-repeat 0 0;}
.article_bottom .avatar-Richard{background:url(images/img_mii_rich.png) no-repeat 0 0;}
.article_bottom .avatar-rufusshmufus{background:url(images/img_mii_rufus.png) no-repeat 0 0;}
.article_bottom .avatar-Vince{background:url(images/img_mii_ian.png) no-repeat 0 0;}


.article_bottom .author_name{float:right;}
.article_bottom .author_name span{display:block;}
.article_bottom .author_name span.name{font-size:14px;padding:9px 0 0;}

a.older_post{background:url(images/bg_arrowleft.jpg) 3px no-repeat;float:left;font-weight:bold;margin-top:-15px;padding-left:17px;}
#maincontent-full{height:300px;margin:0 auto;padding:30px 0 0;text-align:center;width:670px;}
#maincontent-full h2{color:#f24e00;font-size:26px;padding-bottom:3px;}
#maincontent-full h3{color:#f24e00;font-size:21px;padding-bottom:3px;}
#maincontent-full p{margin:10px auto 0;width:450px;}
.navigation{display:block;margin-bottom:60px;margin-top:10px;text-align:center;width:100%;}
.navigation .alignright{float:right;}
.navigation .alignleft{float:left;}
.navigation .alignright a{background:transparent url(images/bg_arrow.jpg) no-repeat scroll right center;float:right;font-weight:bold;padding-right:15px;}
.navigation .alignleft a{background:transparent url(images/bg_arrowleft.jpg) no-repeat scroll left center;float:left;font-weight:bold;padding-left:15px;}
.article_box ul{padding:0 0 17px 10px;}
.article_box ul li{background:transparent url(images/bg_bullet.png) no-repeat scroll 0 5px;padding:0 0 7px 10px;}
div.flickr-gallery{clear:both;margin:1em 0;overflow:auto;padding:10px 0 10px 10px;width:100%;}
div.flickr-thumb{float:left;height:75px;margin:3px;padding:2px;width:75px;}

/* Comment Styles */
.postmetadata{border-bottom:1px dotted #CCC;border-top:1px dotted #CCC;font-size:11px;margin:0 0 30px;padding:10px 0;}
h3.comments{color:#f24e00;font-size:20px;padding-bottom:10px;}
h4.comments{color:#f24e00;font-size:16px;padding-bottom:10px;}
.comment-author{font-size:13px;font-style:italic;padding:0 0 10px;}
.comment-author cite.fn{font-style:normal;font-weight:normal;}
li.comment{border-bottom:1px dotted #CCC;margin:0 0 20px;padding:0 0 20px;}
form#commentform p{margin:0 0 10px;}
form#commentform p input,form#commentform p textarea{border:none;color:#898989;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-style:italic;padding:6px 0 0 7px;}
form#commentform p input{background:transparent url(images/bg_input_form.png) no-repeat scroll 0 0;height:21px;width:200px;}
form#commentform p textarea{background:transparent url(images/bg_input_textarea.png) no-repeat scroll 0 0;height:170px;width:460px;}

/* Quote Styles */
blockquote{background:transparent url(images/bg_blockquote.png) no-repeat scroll 0 0;font-size:18px;font-style:italic;margin:10px 0 17px;padding:15px 0 0 40px;}
blockquote span{background:transparent url(images/bg_quote.png) no-repeat scroll right center;display:block;font-size:12px;font-weight:normal;padding:5px 41px 6px 0;text-align:right;}
.article_content blockquote p{padding:0;}

/* Sidebar Styles */
#sidebar{display:inline;float:left;margin-left:33px;padding-top:64px;width:178px;}
.staff-content #sidebar{padding-top:0px;}
.formbox{padding-bottom:14px;width:100%;}
formbox{height:22px;width:100%;}
.formbox label{display:none;}
.formbox input#s{background:transparent url(images/bg_input.png) no-repeat scroll 5px 50%;border:0 none;color:#898989;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-style:italic;height:25px;margin-left:0;padding-left:10px;padding-top:10px;vertical-align:middle;width:120px;}
.formbox input#searchsubmit{background:transparent url(images/button_go.png) no-repeat scroll 0 0;border:medium none;cursor:pointer;height:22px;margin-left:7px;padding:0;text-indent:-3000px;width:33px;}
#sidebar .box{width:100%;}
#sidebar h2{color:#f24e00;font-size:22px;padding-bottom:6px;padding-left:5px;}
#sidebar p{line-height:15px;padding:0 0 10px 6px;}
.picbox{padding-bottom:2px;width:100%;}
.box{padding-bottom:12px;}
.box p{padding-left:5px;}
#sidebar .box .links{padding-left:5px;}
#sidebar .box .links li{border-bottom:0;padding-bottom:5px;padding-left:2px;padding-top:0;}
#sidebar .box li a,#sidebar .box li a:hover{color:#f24e00;}
.box .links li img{margin-right:8px;vertical-align:middle;}
#sidebar h2 img{margin-right:8px;vertical-align:middle;}
#sidebar .box .italic{font-style:italic;line-height:16px;padding-bottom:1px;padding-right:20px;}
#sidebar .box p.tweet-tweet{padding:0 0 6px 6px;}
#sidebar .box .archives,#sidebar .box .categories{padding-left:5px;}
#sidebar .box .archives li,#sidebar .box .categories li{border-bottom:0;padding-bottom:5px;padding-left:2px;padding-top:0;}
.gray{color:#999;display:block;font-size:11px;margin-top:3px;}
.flickr{overflow:hidden;padding-left:6px;padding-top:4px;width:100%;}
#sidebar .flickr li{background:url(images/bg_li.png) no-repeat;border-bottom:0;float:left;height:78px;margin-bottom:13px;margin-right:12px;padding-bottom:0;padding-top:3px;width:auto;}
#sidebar ul li{border-bottom:#c7c7c7 1px solid;color:#000;padding-bottom:3px;padding-top:3px;width:178px;}
#sidebar ul li a{color:#000;}
#sidebar .staff-links-mini{padding:0 0 10px 10px;}

/* Footer Styles */
#footer{background:#ec4f01 url(images/bg_footer.jpg) top repeat-x;border-top:#000 41px solid;height:260px;margin-top:210px;width:100%;}
#footer a{color:#000;}
#footer_inner{background:url(images/bg_footer_inner.jpg) left top no-repeat;height:260px;margin:0 auto;padding-left:123px;padding-right:185px;position:relative;text-align:left;width:692px;}
.footer_top{background:url(images/bg_footer_top.png) no-repeat;height:250px;left:-90px;position:absolute;top:-250px;width:1051px;}
#footer .col1,#footer .col2,#footer .col3,#footer .col4,#footer .col5{background:url(images/bg_li.gif) right top no-repeat;float:left;height:132px;margin-top:48px;padding-left:23px;width:95px;}
#footer .col1 h3,#footer .col2 h3,#footer .col3 h3,#footer .col4 h3,#footer .col5 h3{color:#000;font-size:11px;padding-bottom:10px;}
#footer .col1 li a,#footer .col2 li a,#footer .col3 li a,#footer .col4 li a,#footer .col5 li a{color:#fff;font-size:11px;}
#footer .col1{padding-left:0;width:214px;}
#footer .col1 ul{float:left;width:107px;}
#footer .col1 li,#footer .col2 li,#footer .col3 li,#footer .col4 li,#footer .col5 li{padding-bottom:2px;}
#footer p{color:#fff;font-size:11px;padding-top:20px;}
#footer p span{color:#000;}