/*  
Theme Name: Talking Pixels
Theme URI: http://www.talkingpixels.co.uk
Description: Talking Pixels branded theme
Version: 1.01
Author: Talking Pixels
Author URI: http://www.talkingpixels.co.uk
*/

/* Hack management */
@import "ie6win.css";
@media tty {i{content:"\";/*" "*/}} @import 'ie5x.css'; /*";}}/* */
/*\*//*/
@import "ie5mac.css";
/**/

*{margin:0; padding:0;}
html{height:100%; margin-bottom:1px;}
html{overflow-y:scroll; margin-bottom:0px;}
body{background-color:#fff; color:#87807b; font:62.5%/1.5em arial, Helvetica, sans-serif; text-align:center;}
textarea, input{font-style:inherit; font-size:1.2em;}

#logo span, #logo a {display:block; width:155px; height:18px; padding:0; border-style:none; background: url(/img/logo.gif) no-repeat;}
#logo img {display:block; width:0;} 
#logo a:hover{background-image: url(/img/logo_on.gif);}
img{border:none;}

#wrapper{position:relative; margin:100px auto; width:765px; text-align:left;}
#header{position:relative; float:left; width:745px; border-top:1px solid #efefef; padding:0 10px;}
#logo{position:relative; float:left; width:249px; margin-top:10px;}
#navigation ul{position:relative; float:left; margin-right:60px; list-style:none; width:auto; margin-top:10px;}
#navigation ul li{line-height:1.4em;}
#navigation ul li a{padding:0 4px 0 2px;}
#content{position:relative; margin-top:40px; clear:both; float:left; width:745px; padding:0 10px;}

.content_1_2{position:relative; width:100%; clear:both;}
.content_1_2 .content_1{position:relative; width:240px; float:left;}
.content_1_2 .content_2{position:relative; margin-left:251px; width:492px;}

.content_1_1_1{position:relative; width:100%; clear:both; float:left; margin-bottom:2em;}
.content_1_1_1 .content_1{position:relative; float:left; width:239px; margin-right:10px; border:1px solid #fff;}
.content_1_1_1 .content_2{position:relative; float:left; width:241px; margin-right:10px;}
.content_1_1_1 .content_3{position:relative; float:left; width:240px;}

.blog_head{position:relative; float:left; margin-bottom:1.8em; clear:both;}

div.clear{clear:both; height:1px; line-height:1px;}
h1{font-size:1.1em; font-weight:normal; margin:0.05em 0 0.65em 0; position:relative;}
h1 span{text-transform:capitalize; white-space:nowrap;}
h3{font-size:1.1em;}
h1 a{margin:0; padding:0;}

p{font-size:1.1em; line-height:1.5em; margin-bottom:1.3em; width:241px;}
.statement p{font-size:1.8em; line-height:1.3em; width:100%;}

dl{width:241px;}
dd, dt{font-size:1.1em;}
dd{margin-bottom:1em;}
dt a{font-size:1em;}

#content ul{font-size:1.1em; list-style:none; margin-bottom:1.3em;}
#content ul li a{font-size:1em;}

address{font-size:1.1em; font-style:normal; margin-bottom:1.3em;}

#page_nav{position:absolute; top:360px; margin-top:-13px;}
#page_nav ul{display:inline; margin:0; margin-left:2px; padding:0;}
#page_nav li{display:inline; margin:0 2px; padding:0;}
#page_nav a{color:#A09A95;}
#page_nav a.on{color:#666362;}

body#blog h1{position:relative; float:left; font-size:1.8em; line-height:1.3em; margin:0; margin-left:251px; width:370px;}
body#blog h1 span{font-size:60%; line-height:1.3em;}
body#blog div.comments{position:relative; float:right; text-align:right; width:120px; color:#666362; margin-top:0.8em;}
body#blog .hr{margin-top:30px; margin-bottom:25px;}
.comment_link{background:#fff url(/images/comment.gif) no-repeat right top; padding-right:15px;}

.nextprev{margin-left:265px; padding-bottom:30px;}
.nextprev a{margin-right:1em;}

hr{display:none;}
.hr{clear:both; border-top:1px solid #efefef; margin:1em 0 1em 255px;}

/*************************************
 +Comments
 *************************************/
.commentsblock{position:relative; float:left;  clear:both;}
input[type="text"], input[type="password"], input[type="file"], textarea{padding:2px; border:2px solid #999; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.commentsblock form textarea:focus{background:#eee;}
.commentsblock form textarea:focus, .commentsblock form input:focus{background:#eee;}
.commentsblock form div{margin:0 0 1em 0;}
.commentsblock form div label{display:block; font-size:1.1em; margin-bottom:0.4em;}
.commentsblock input{width:230px;}
#submit{margin-top:1em;}
#submit input{width:auto;}

#comment_form{position:relative;}

.commentauthor{display:block; font-size:1.5em;}

.commentsblock ol{color:#777; font-size:1em; list-style-type:none; margin:0; margin-top:1.5em; padding:10px; background-color:#ffffeb; border:1px solid #f5efd5; border-left:none; border-right:none;}
.commentsblock ol li{margin-bottom:1.5em; padding:0;}
.commentsblock ol li p{margin:0; padding:0;}
.alt{background:#f9f9f9;}
.commentsblock h3#respond{margin:1em 0 0.5em 0;}
.commentsblock cite, .commentsblock em{font-size:1.1em;}
.commentsblock p{width:100%;}

#comment_box{width:230px;}
fieldset{border:0px solid transparent; padding:0; margin:0;}
#field_container{float:left; clear:both; width:100%; position:relative; margin:2em 0 0 0;}
.left_fields{float:left; margin-right:10px; width:240px;}
.right_fields{float:right; width:240px;}

p#cats{width:100%; padding:3px 0 0 0; margin-top:-1.9em;}

/*************************************
 +Misc
 *************************************/
a{line-height:1.5em; text-decoration:none; color:#000;}
a:hover{text-decoration:underline;}
#navigation a{font-size:1.0em;line-height:1.4em; text-decoration:none;}
#navigation a.on{color:#87807b; background:none;}
#navigation a:hover{text-decoration:underline}
a img{border:none;}
#logo a:hover{background-color:#fff; text-decoration:none; border:0; padding:0;}

h1 .admin{position:absolute; left:-25px; text-align:right; top:0.7em;}
.admin a{color:#BF2E1A;}


form {text-align:left;}
#email_form {display:none;}

form p {text-align:left;}
label {text-align:left; display:block;}
textarea{width:230px; height:7.5em; font-family:arial,sans-serif;}
input.button{width:96px;}