/*
Theme Name: Puffbox 09
Theme URI: http://puffbox.com/
Description: Website theme for Puffbox consultancy website. Designed by me, for me.
Version: 1.0
Author: Simon Dickson
Author URI: http://www.simondickson.co.uk/

*/

@import url('fonts.css');
@import url('reset.css');

a { text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
em,i { font-style:italic; font-weight:inherit; }
strong,b { font-weight:bold; font-style:inherit; }
.hidden { display:none; }
.nowrap { white-space:nowrap; }
img#wpstats { display:none; }

.navigation { clear:left; overflow:auto; padding:10px 0; font-size:93%; }
	.navigation a { color:#009; }
.alignleft { float:left; }
.alignright { float:right; }


#loginstrip { position:absolute; z-index:9999999; width:100%; background:#000; border-bottom:1px solid #cd2; filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; padding:5px; color:#fff; font-weight:bold; }
#loginstrip a { color:#cadb2a; }


body { background:#000 url(images/sunburst.jpg) top center no-repeat; color:#fff; font-family:Frutiger Linotype,Tahoma,Arial,sans-serif; }

.serif { font-family:Georgia,Times New Roman,serif; }

#logo { position:relative; width:770px; margin:0 auto; height:140px; z-index:9999; }
#logo h1, #logo ul { float:left; }
#logo h1 a { display:block; width:340px; height:140px; background:url(images/puffboxlogo.png) top right no-repeat; position:absolute;}
#logo #tabs { float:right; margin-top:72px; }
	#logo li { font-size:116%; display:inline; text-transform:uppercase; margin-right:10px; }
	#logo li a { color:#fff; padding:5px 10px 2px 10px; }
		#logo li a:hover { color:#cd2; text-decoration:none; }
		#logo li.current_page_item a { background:#EFF4CB; -moz-border-radius:5px 5px 0 0; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; border-top-left-radius:5px; color:#222; }

.bar { width:100%; background:#eee; z-index:0; }
#intro, #bloghead, #mainbit, #pagebottom, #footer { width:770px; margin:0 auto; }

.bartop { position:absolute; top:90px; background-color:#EFF4CB; color:#222; }
	.single .bartop { background-image:url(images/blogstripe.gif); background-position:bottom left; background-repeat:repeat-x: }
	.page .bartop, .index .bartop { height:50px; }
	.index .bartop { background-color:#E8EEAE; }
	#bloghead { height:160px; background:url(images/chad.gif) bottom left no-repeat; font-style:italic; font-weight:normal; }
		#bloghead #strapline { margin-left:230px; width:480px; background:url(images/blog.gif) top left no-repeat; padding:80px 0 0 0; }
	.home #intro { height:220px; background:url(images/lecture.gif) bottom left no-repeat; }
		.snow #intro { height:220px; background:url(images/snowday.gif) bottom left no-repeat; }
	.home #intro #boilerplate { padding:60px 0 0 230px; font-size:146.5%; }
.barmid { overflow:auto; }
	.single .barmid, .home .barmid, .index .barmid { background:#E8EEAE; color:#222; }
	.page .barmid { background:#EFF4CB; color:#222; }
	.home .barmid { padding-top:10px; }
.barbtm { background:#000; color:#666; }

/* temperature sensitivity */

#article, #comments, #commentform, #pagebottom { margin-bottom:40px; }
#footer { padding:20px 0; }

#content { width:510px; float:left; }
#content .pagetitle { font-size:200%; }
#content p, #content li, #content blockquote, .single .meta, .page .meta, .home #mainbit p, .home #mainbit li { margin-bottom:1.5em; line-height:1.6em; }
#content p { text-align:justify; }
#content img { border:1px solid #cc9; }
	#content img.wp-smiley { border:none; }
	#content img.alignright { margin:0 0 10px 15px; }
#content .wp-caption { font-size:93%; color:#888; }
#content a { color:#009; }

blockquote { padding:0 40px; }
.showquote1 { margin-left:-40px; padding:0 0 0 40px; background:url(images/quotes1.png) top left no-repeat; }
.showquote2 { background:url(images/quotes2.png) bottom right no-repeat; }

#article { width:502px; }
#article a { background-color:#EFF4CB; border-bottom:1px dotted #006;}
	#article a:hover { border-bottom:1px solid #006; text-decoration:none; }
	#article a:visited { background:none; }
	.page #article strong { font-size:131%; }
	.page #article .firstpar { font-weight:bold; font-size:131%; }
#article ul { padding-left:20px; }
#article li { list-style-type: square; }
#article .wp-caption a { border:none; }

.meta { font-size:85%; line-height:1.4em; color:#666; margin-top:4px; }
.meta .date { padding:0 0 5px 20px; margin-right:10px; background:url(images/write.png) center left no-repeat; }
.meta .comments { padding:0 0 5px 20px; margin-right:10px; background:url(images/comments.png) center left no-repeat; white-space:nowrap; }
.meta .tags { padding:0 0 5px 20px; margin-right:10px; background:url(images/tag.png) center left no-repeat; white-space:nowrap; }
.meta .editme { padding:0 0 5px 20px; margin-right:10px; background:url(images/pencil.png) center left no-repeat; }
.index .meta, .home .meta { padding-bottom:5px; }

#comments li { margin:0 0 20px -50px; padding:0 0 0 50px; background-position:0 19px; background-repeat:no-repeat; }
#comments .commentmetadata { font-style:italic; font-size:93%; }
#comments li .tail { margin:0 0 0 -10px; padding:0 0 0 10px; /* background:url(images/commenttail.gif) top left no-repeat; */ }
#comments .thecomment { padding:10px 10px 1px 10px; background-color:#fff;  -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; }
	#comments .admin { background-color:#EFF4CB; border:1px solid #cd2; }

h3#respond { font-size:153.9%; margin-bottom:10px; }
#commentform input, #commentform textarea { border:1px solid #ccc; padding:2px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; }
#commentform textarea { width:490px; height:100px; padding:10px; }
#commentform input#submit { background-color:#EFF4CB; padding:3px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; }
	#commentform input#submit:hover { background-color:#fff; }

#aside { width:240px; float:right; }
	.single #aside { padding:58px 0 0 0; }
	.page #aside { padding:0 0 0 0; }
#aside .unit { margin-bottom:40px; }
#aside p { margin-bottom:5px; }
#aside a { color:#009; }
	#aside li a { display:block; }
#aside .heading { font-weight:bold; margin:0 0 5px 0; }
#aside li { padding:5px 0; margin:0 0 5px 0; }
	#aside #linksfeed li { font-size:93%; }
	#aside li.current_page_item { list-style:square outside; color:#009; }
#aside .note { font-size:93%; color:#666; }

#aside #yarpp li { font-size:93%; margin:0; color:#666; }
#aside .widget li { font-size:93%; margin:3px 0; }
#aside .widgettitle { font-weight:bold; }

.home #bloglatest { padding:0 0 40px 0; width:500px; margin-right:20px; float:left; }
.home #mainbit {  }
.home #mainbit a { color:#222; background:#EFF4CB; padding-bottom:1px; border-bottom:1px solid #ddd; }
	.home #mainbit a:hover { text-decoration:none; color:#000; background:#fff; }

.home #bloglatest h3 { background:url(images/blog4home.gif) center left no-repeat; padding:20px 0 10px 115px; font-style:italic; font-weight:normal; color:#222; margin-bottom:10px; }

.thelatest .thepost { clear:both; margin-bottom:20px; }
.thelatest .thepost .thetitle { font-size:167%; }
.thelatest .thepost .theexcerpt { font-size:93%; text-align:justify; }
.thelatest .thepost .theexcerpt .attachment-thumbnail { float:right; margin:0 0 1em 1em; border:1px solid #cc9; padding:2px; }

.lessrecent { clear:both; overflow:auto; padding-top:20px; }
.lessrecent .thepost .thetitle { font-size:123.1%; }
.lessrecent .thepost { width:240px; margin:0 0 10px 0; float:left; }
.lessrecent .even { clear:left; }
.lessrecent .odd { margin-left:20px; }
.lessrecent .theexcerpt { font-size:85%; text-align:justify; }

.home #lowstrip { margin-top:20px; font-size:93%; text-align:center; }
.home #lowstrip a { background:none; border:none; color:#009; }
	.home #lowstrip a:hover { color:#009; text-decoration:underline; background:none; }
.home #lowstrip a, .home #lowstrip select { margin-right:15px; }
.home #lowstrip form { display:inline; white-space:nowrap; }
.home #lowstrip input, .home #lowstrip select { background:#fff; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; }

.home #company { float:right; width:220px; }
.home #company #work { height:53px; background:url(images/work4home.gif) center right no-repeat; margin-bottom:15px; }

.home ul#accordion { background:#fff; width:224px; border-top:1px solid #cc9; }
.home ul#accordion li { margin:0; border-top:1px solid #EFF4CB;}
.home ul#accordion .head { margin:0; }
.home ul#accordion .head a { display:block; padding:8px 3px 9px 48px; margin:0; border-bottom:1px solid #cc9; background-color:#EFF4CB; background-position:3px center; background-repeat:no-repeat; font-size:93%; font-weight:bold; }
	/* .home ul#accordion .head a:hover { background-color:#f8f8f8; } */
.home ul#accordion .body { font-size:85%; text-align:justify; padding:3px 6px 0 6px; border-bottom:1px solid #cc9; }
.home ul#accordion .body a { display:inline; padding:0; border-bottom:1px solid #cd2; background:none; font-size:100%; margin-right:10px; }
.home ul#accordion .body a.nogap { margin-right:0; }

.home ul#accordion .walesoffice { background-image:url(images/40x30s/wales.png); }
.home ul#accordion .dfidbloggers { background-image:url(images/40x30s/dfid.png); }
.home ul#accordion .number10 { background-image:url(images/40x30s/10.png); }
.home ul#accordion .ournhs { background-image:url(images/40x30s/ournhs.png); }
.home ul#accordion .wordcamp { background-image:url(images/40x30s/wordcamp.png); }
.home ul#accordion .lynnefeatherstone { background-image:url(images/40x30s/lynnef.png); }
	.home ul#accordion .wordcamp + .body {  }
.home ul#accordion .libdems { background-image:url(images/40x30s/libdems.png); }

.home ul#about { margin-top:30px; background:url(images/about4home.gif) top right no-repeat; padding:60px 0 0 0; }
.home ul#about li { list-style-type:square; list-style-position:inside; }
.home ul#about .body { font-size:85%; }

.index .pagetitle { font-size:200%; padding:0 0 20px 0; }
#postlist { padding:0 0 40px 0; margin-right:50px; float:left; }
	#postlist table { margin-bottom:20px; }
#postlist .thepost {  }
	#postlist .thepost a { color:#009; }
#postlist .thepost .thetitle { font-size:167%; }
	#postlist .thepost .thetitle a { color:#222; background:#fafafa; padding-bottom:1px; border-bottom:1px solid #ddd; }
	#postlist .thepost .thetitle a:hover { text-decoration:none; color:#000; background:#fff; }
#postlist .thepost .theexcerpt {  }
#postlist .thumbnail { text-align:center; }

#pagebottom, #footer { overflow:auto; }
#pagebottom { margin-top:20px;}
#pagebottom h2 { margin-top:20px; font-size:146.5%; color:#cd2; }
#pagebottom p, #pagebottom li, #footer { font-size:93%; }
#pagebottom p, #footer p { margin-bottom:5px; line-height:1.4em; }
#pagebottom li li { padding:5px 0; border-bottom:1px solid #666; }
#pagebottom a, #footer a { color:#fff; }
#pagebottom .column { width:230px; margin-right:20px; float:left; }
.thetagcloud { text-align:justify; }

/* JQuery link icons */
#article a.pdf { padding-right:17px; background:url(images/filetypes/pdf.png) right center no-repeat; }
#article a.doc { padding-right:17px; background:url(images/filetypes/doc.png) right center no-repeat; }
#article a.xls { padding-right:17px; background:url(images/filetypes/xls.png) right center no-repeat; }
#article a.ppt { padding-right:17px; background:url(images/filetypes/ppt.png) right center no-repeat; }

.single #mainbit { padding:120px 0 0 0; }
.page #mainbit { padding:50px 0 0 0; /* was 10px 0 0 0 */ }
.home #mainbit { padding:170px 0 0 0; }

.contactform { display:block; margin-bottom:1em; }
.contactleft { width:160px; font-weight:bold; }
.contactleft, .contactright { padding:5px 0; vertical-align:top; }
.contactform .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea { width:320px; }
.contactform .submit input { padding:3px 10px; }