/*
Theme Name: OneThreeFour09
Theme URI: http://www.onethreefour.co.uk
Description: Another Puffbox masterpiece, as conceived by Mr S Carter.
Version: 1.0
Author: Simon Dickson
Author URI: http://puffbox.com/
*/

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

/* login strip */
#loginstrip { display:block; background:#000; border-bottom:1px solid #02A0C6; padding:5px; color:#fff; font-weight:bold; }
#loginstrip a { color:#02A0C6; }

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; }

#container { font-family:Georgia,Times New Roman,serif; color:#333; width:974px; margin:0 auto; overflow:auto; background:#fff url(eeb-block.png) top left repeat-y; }

p a, li a { color:#02A0C6; font-size:inherit; }

#left { width:184px; float:left; background:#eeb; }

#logo { width:184px; margin-bottom:35px; }
#logo h1 {  }
	#logo h1 a { display:block; background:url(otflogo.gif) top left no-repeat; padding:156px 22px 0 22px; font-weight:bold; font-size:0.85em; color:#004479; }
	#logo h1 a:hover { text-decoration:none; }
#logo p { margin:0 22px 10px 22px; }
#logo p a { font-size:0.85em; }

#promos { clear:left; float:left; width:184px; font-size:0.85em; }
.promo { margin-bottom:18px; padding:0 22px; }
#promos .title { font-weight:bold; color:#036; }
#promos p { margin-bottom:5px; }
#promos p a { font-size:inherit; font-weight:bold; }
#promos img { border:0; margin-bottom:5px; }
#promos strong { font-weight:bold; color:#036; font-style:inherit; }

#tabs { float:left; display:block; width:790px; background:#eeb; padding:5px 0 0 0; }
.tab { float:left; padding:5px 0px 5px 10px; }
	#tabs .current { background:#fff; border-top-left-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; }
	#tabs .home { width:170px; }
	#tabs .what { width:155px; }
	#tabs .formats { width:145px; }
	#tabs .writing { width:160px; }
	#tabs .about { width:100px; }
.tab .title { font-size:0.85em; }
.tab .subtitle { font-size:0.85em; }
.tab a { font-weight:bold; color:#000; }
.tab .subtitle { color:#888; }
	#tabs .current .subtitle { color:#02A0C6; }

#body { float:left; width:500px; margin:20px; }
	/*.hometext { font-size:131%; line-height:1.27em; } */
#body p { margin-bottom:0.77em; }
#body h3 { display:block; background:#888; color:#fff; padding:3px; font-size:0.93em; font-weight:bold; }
#body h4 { font-weight:bold; font-size:0.93em; color:#036; }
#body ul, #body li { margin-bottom:0.39em; }
	#body li { list-style:square; margin-left:15px; }
#body blockquote { margin-left:40px; }
#body #titlebox { height:100px; }

/*
.home #body h2 { font-weight:bold; color:#036; font-size:1.31em; margin-bottom:5px; }
.home #body h5 { font-size:1.231em; }
*/

#body h2 { font-size:1.385em; font-weight:bold;  }
#body h5 { font-weight:normal; color:#036; font-size:2.2em; padding-bottom:20px; }

.index #body h2 { color:#036; font-size:2.2em; }
.index #postlist { padding:2px 0 0 0; }

.single #body h5 { font-weight:normal; font-size:0.85em; }
.single #body h2 { font-weight:bold; font-size:1.465em; color:#036; padding-bottom:20px; }
#body p, #body li { font-size:1.16em; }
.single #body a { font-weight:normal; }
.single .meta { margin:10px 0; color:#000; font-weight:bold; font-size:0.85em; float:left; margin-right:25px; }
.single .meta a { font-weight:normal; font-style:italic; color:#000; }

#body img.alignleft { float:left; margin:0 10px 0 0; }
#body img.alignright { float:right; margin:0 0 0 10px; }
#body .wp-caption { margin-bottom:10px; }
#body .wp-caption-text { font-style:italic; margin:5px 0 0 0; }

#body strong { color:#036; font-weight:bold; font-size:0.93em; display:block; margin-bottom:-10px; }

h3.recentposts { margin-bottom:10px; }
.blogitem { display:block; margin:0 0 20px 0; }
.blogitem .date, .blogitem .meta { font-size:0.85em; }
	.blogitem .date { margin:3px 0; }
	.blogitem .meta { margin:10px 0; color:#888; font-weight:bold; }
		.blogitem .meta a { font-weight:normal; font-style:italic; color:#888; }
.blogitem img { float:left; margin:5px 10px 0 0; border:0; }
.blogitem .title { font-weight:bold; font-size:1.16em; }
	.blogitem .title a { color:#036; }
.blogitem .excerpt { margin:3px 0; font-size:1.16em; line-height:1.31em; }
.blogitem .excerpt a { color:#02A0C6; font-size:0.77em; font-weight:bold; display:inline; }

#right { width:240px; float:left; margin:120px 0 10px 10px; font-size:0.85em; }
#right .unit { margin-bottom:35px; }
#right h3 { display:block; background:#036; font-weight:bold; color:#fff; padding:3px; margin-bottom:5px; }
	#right h3.rss { background:#036 url(rssonblue.gif) 3px center no-repeat; padding:3px 3px 3px 16px; }
#right p { margin-bottom:5px; }
#right a { color:#02A0C6; font-weight:bold; line-height:1.31em; }
#right #quicklinks, #right #archives { margin:0 0 0 0; color:#888; }
#right #quicklinks li, #right #archives li { list-style:none; margin-bottom:5px; }
#right .relateditem { margin-bottom:10px; }
#right .relateditem .title { font-size:1.16em; }
#right .searchform input.searchquery { margin:0; height:20px; font-size:1.16em; width:192px; font-family:Georgia,Times New Roman,serif; color:#888; border:1px solid #888; }
#right .searchform input#searchsubmit { margin:0; font-size:1em; height:20px; font-family:Georgia,Times New Roman,serif; width:30px; margin:0 0 0 5px; color:#888; border:1px solid #fff; background:#fff; }
	#right .searchform input#searchsubmit:hover { color:#02A0C6; }


#right .tagcloud a { font-weight:normal; }

.bigtagcloud a { color:#02A0C6; padding:0 3px; background:#f8f8f8; }

#comments { clear:left; }
#comments h3 { clear:left; margin:0 0 1em 0; }
.individualcomment { clear:both; margin:0 0 1em 0; overflow:auto; font-size:0.93em; padding-bottom:1em; border-bottom:1px dashed #888; }
#comments .pushleft { width:150px; float:left; margin-right:10px; }
	.individualcomment .who { font-weight:bold; }
	.individualcomment .when { font-size:0.85em; }
	.single #body .individualcomment a { font-weight:bold; color:#02A0C6; }
#comments .pushright { width:340px; float:left; }
#comments .commentformrow { margin-bottom:10px; overflow:auto; }
#comments textarea { width:320px; }

#footer { clear:both; border-top:1px solid #eee; color:#888; position:relative; left:204px; padding:10px 0; font-size:85%; width:600px; }
#footer a { color:#02A0C6; }