/*  
Theme Name: Dear Londontown
Theme URI: 
Description: 
Author: Tim Graves
Author URI: 
© 2008, Tim Graves. All rights reserved. 
*/

/* --------------------------------------------------------------   
   This theme makes use of the Blueprint CSS Framework [bjorkoy.com/blueprint]    
-------------------------------------------------------------- */

/* Import stylesheets and hide from IE/Mac \*/
@import "lib/screen.css";
/* End import/hide */

/* BASE & TYPOGRAPHY */

body {
		margin: 0px auto;
		padding: 0;
		background: #fff url(images/background.jpg) repeat-x;
		font-size: 78%;
		font-family: Verdana;
		color: #383838;
		text-align: center;
		}
p {
		font-size: 1em;
		line-height: 1.5em;
		margin: 1.2em 0;
		}
ol, ul {
		font-size: 1em;
		line-height: 1.5em;
		margin: 1.2em 0 1.2em 2em;
		padding: 0;
		}
h1, h2, h3, h4, h5, h6 {
		margin: 1.2em 0;
		font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
		color: #ff0000; 
		}
h1, h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
a { text-decoration: none; }
a:link { color: #ff0000; }
a:visited { color: #C50000;	}
a:hover, a:active { color: #C50000; }
input, textarea, select {
		border: 1px solid #cccccc;
		background-color: #ffffff;
		color: #333;
		font-size: 1em;
		font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
		}
blockquote {
		margin: 0 20px;
		padding: 0 20px;
		border-left: 5px solid #ff0000;
		font-size: 0.9em;
		}
code { font-family: monospace; color: #666;	}
form, img {	margin: 0; padding: 0px 5px 0px 5px; border: 0; }
.small { font-size: 0.9em; color: #383838; }
.alt { font-size: 78%; font-family: Verdana; color: #383838; font-style: normal; background: #eeeeee;}

/*.column { float:left; margin:0 10px; padding:0; }
.span-7{width:470px;}
.last{margin-right:0;}
.first{margin-left:0;}
.push-0{margin:0 0 0 1.5em;float:right;}*/

img { border:0; }
/*img.alignleft { float:left; margin-right: 1.2em; margin-bottom: 1.2em; }
img.alignright { float:right; margin-left: 1.2em; margin-bottom: 1.2em; }*/
img.alignright {float:right; margin:0 0 1em 1em;}
img.alignleft {float:left; margin:0 1em 1em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin:0 0 1em 1em;}
a img.alignleft {float:left; margin:0 1em 1em 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}


/* LAYOUT */
#wrapper {
		margin: 0 auto;
		width: 900px;
		background: #fefefe;
		text-align: left;
		}
		

/* HEADER */
#header {
		background: url(images/header.jpg);
		width: 900px;
		height: 290px;
		}

#header h1 { margin: 0; padding: 148px 0px 0px 388px; }
#header h1 a {
		text-decoration: none;
		display: block;
		height: 44px;
		background: url(images/name.png) no-repeat;
		overflow: hidden;
		text-indent: -9999px;
		}
#header h1 a:hover { background-position: 0 -44px; }
.description {
		margin: 5px 0 0 0;
		padding: 0px;
		font-family: Tahoma, Verdana, Arial;
		font-size: 0.9em;
		text-align: left;
		padding: 0px 0px 0px 392px;
		color: #050608;
		}
#content {
		float: left;
		padding: 0 11px 2px 12px;
		margin-top: 0px;
		width: 618px;
		}  


/* FOOTER */
#footer { background: url(images/dot.png) repeat-x top left; margin: 40px 0 0 0; padding: 1em 0 0 0; color: #666; width: 900px; }
#footer p {
		padding-top: 10px;   
		font-size: 0.9em;
		text-align: center;
		color: #383838;
		border-top: 1px solid #222222;
		}
#footer p a {   
		text-decoration: none;
		color: #383838;
		}
#footer p a:hover, #footer p a:active {
		color: #383838;
		text-decoration: none;
		}
#footer .logos {float:right;}	
	
/* SIDEBAR */
#sidebar {
		float: right;
		margin: 0px 15px 0 0;
		padding: 0px;
		width: 243px;
		display: inline;
		font-size: 0.9em;
		}
#sidebar h2 {
		margin: 1.3em 0 0 0;
		padding: 3px 5px 3px 15px;
		background: url(images/titlebg.jpg) repeat-x;
		color: #666;
		height: 15px;
		width: 225px;
		font-size: 1.1em;
		border-bottom: 2px solid #9dcecc;
		border-top: 2px solid #fff;
		}
#sidebar ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
#sidebar ul ul {
		margin: 0px;
		}
#sidebar ul ul ul {
		margin: 0;
		border: none;
		}
#sidebar ul ul ul li {
		margin: 0 0 0 -10px;
		padding: 0 0 0 25px;
		border-bottom: none;
		}
#sidebar ul ul ul li a {
		margin: 0 0 0 -25px;
		padding: 2px 10px 0 25px;
		width: 205px;
		} 
#sidebar ul ul li a:link, #sidebar ul ul li a:visited, #sidebar ul ol li a:link, #sidebar ul ol li a:visited{
		display          : block;
		font-size        : 11px;
		background-color : #fff;
		font-weight      : normal;
		padding          : 3px 0px 3px 5px;
		color            : #333;
		width            : 240px;
		text-indent      : 10px;
		text-decoration  : none;
		/*border-top: #fa6248 1px solid;*/
		/*border-bottom: #d82303 1px solid;*/
		}
#sidebar ul ul li a:hover, #sidebar ul ol li a:hover {
		background-color : #9dcecc;
		font-size        : 11px;
		font-weight      : normal;
		text-decoration  : none;
		color            : #000;
		text-indent      : 10px;
		background: url(images/titlebg.jpg) repeat-x;
		/*border-top: #e63314 1px solid;*/
		/*border-bottom: #d82303 1px solid;*/
		}

#sidebar .twitter { margin: 5px 0 0 15px; }
#sidebar .twitter-timestamp { display: none; }
#sidebar .twitter-timestamp { display: none; }
#sidebar abbr { display: none; }



/* Blog */
.post {clear: both;}
.posttitle {
		margin-top: .95em;
		margin-bottom: 0;
		width: 100%;
		color: #ffff99;
		background: url(images/titlebg.jpg) repeat-x;
		border-bottom: 2px solid #9dcecc;
		border-top: 2px solid #fff;
		overflow: auto;
		/* Width and overflow to clear '.posttitle a' */
		}
.posttitle a {
		float: left;
		padding-left: 10px;
		}
.posttitle a:link, .posttitle a:visited {
		color: #666;	
		}
.posttitle a:hover, .posttitle a:active {
		color: #000;	
		}
.postmeta {
		margin-top: 0;
		padding-top: 1px;
		padding-left: 10px;
		font-family: verdana;
		font-size: 0.8em;
		color: #383838;
		border-top: 2px solid #eeeeee;
		border-bottom: 2px solid #eeeeee;
		background: #eeeeee;
		}
.postmeta a {
		color: #C50000;
		font-weight: bold;
		}
.postmeta a:hover {
		color: #ff0000;
		font-weight: bold;
		}
.postentry {
		font-size: 0.9em;
		color: #383838;
		font-family: verdana;
		padding: 0px 10px;
		}
.postentry p{
		text-align: left;
		padding: 20px 0 5px 0;
		margin: 0;
		}
.postentry p.credit{
		font-style: italic;
		text-align: center;
		padding: 0;
		margin: 0;
		}
.postentry .center{
		text-align: center;
		padding: 0;
		margin: 0;
		}
.postentry .left{
		text-align: left;
		padding: 0;
		margin: 0;
		}			
.postentry .right{
		text-align: right;
		padding: 0;
		margin: 0;
		}
.permalink {
		margin: 0 1.8em 0 0;
		text-align: right;
		}
.commentslink {
		text-align: right;
		}
.postfeedback{
		text-align: right;
		padding-right: 10px;
		font-size: 0.9em;
		border-top: 2px solid #eeeeee;
		border-bottom: 2px solid #eeeeee;
		background: #eeeeee;
		font-weight: bold;
		}
.spacer {
		padding: 0px;
		text-align: right;
		clear: both;
		text-transform: lowercase;
		padding-top: 5px;
		}

/* Comments */
#commentlist {
		margin: 0.9em 0;
		padding: 0;
		border-top: 1px dotted #999999;
		border-bottom: 1px dotted #999999;
		list-style-type: none;
		}
#commentlist li {
		padding: 1px 20px;
		font-size: 0.9em;

		}
.alt {
		font-size: 0.9em;
		}
.commenttitle {
		margin-bottom: 0;
		font-size: 1.1em;
		}
.commentmeta {
		margin-top: 0;
		font-size: 0.9em;
		color: #ff0000;
		}
#commentform #author, 
#commentform #email, 
#commentform #url{
		width: 150px;
		border:1px solid #666666;
		}
#commentform textarea {
		width: 606px;
		border:1px solid #666666;
		}
#commentform #submit {
		margin-top: -10px;
		float:left;
		background: #383838;
		color: #cccccc;
		font: 11px Tahoma, Arial, Helvetica, sans-serif;
		border:1px solid #383838;
		padding-left: 12px;
		padding-right: 12px;
		padding-top: 4px;
		padding-bottom: 4px;
		margin-bottom: 20px;
		font-weight: bold;
		}