/*
Theme Name: HP Modernist
Theme URI: http://www.harryblog.co.uk
Description: The Harry's Place Modernist theme. 3-column, photo header, archive footer, ad-bar-on right. etc.
Version: 0.1
Author: Chris Houston
Author URI: http://www.nabumedia.com/
*/

/* Body */

body {
	margin:0; padding:0;
	background:#eee;
	color:#000; 
	font-family: Georgia, Palatino, Book Antiqua, Times New Roman, serif;
}

#wrap {background-color:#fff; color:#303030; margin:0 auto; width:900px;}

/* Links */

a:link, a:visited {
	color: #D70606;
	text-decoration: underline;
}
a:visited {
	color: #FA4949;
	text-decoration: underline;
}
a:hover, a:active {
	color: #A00;
	text-decoration: none;
}
a img {
	border: none;
}

/* Header */

#header {margin:0 0 0; background:#fff url() bottom left no-repeat; height:135px;}

#header h1 {font-size:2.5em; font-weight:400; letter-spacing:-2px; margin:0 0 4px 15px; padding:15px 0 0;}

#header h1 a {font-weight:400; color:#1a4a6a;}

#header p {font-size:1.1em; letter-spacing:-1px; margin:0 0 20px 15px; padding:0 0 0 3px;}

#headerText {display:none;}
#headerLogo {
	height:100px;
	width:300px;
	float:left;
}
#headerPhoto {
	height:100px;
	width:600px;
	float:left;
}
.greyBar {
	background: url(images/tabs_shadow.gif);
	height:25px;
	width:900px;
	clear:both;
	color:#eee;
	margin:0px;
	padding:0px;
}
.greyBar li {
	margin:0px;
	padding-right:20px;
	padding-top:3px;
	display:inline;
	float:left;
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:0.1em;	
}
.greyBar ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
	padding-left:20px;
}
.greyBar a:link {
	color: #eee;
	text-decoration: none;
}
.greyBar a:visited {
	color: #eee;
	text-decoration: none;
}
.greyBar a:hover, a:active {
	color: #fff;
	text-decoration: underline;
}

#headerSearch {
	margin:0px;
	padding:0px;
	border:0px;
	padding-right:20px;
	line-height:11px;
	display:inline;
	float:right;
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:0.1em;	
	color: #eee;
}
#headerSearchBox {
	color: #fff;
	background: #888;
	border: 1px solid #999;
	height:15px;
	width:100px;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	padding:0px;
	margin:0px;
	padding-left:5px;
}
#searchform {
	padding:0px;
	margin:0px;
	border:0px;
	display:inline;
}

/* Sidebars */

#leftside {
	clear:left; 
	float:left; 
	margin:0 0 0px; 
	width:140px; 
	padding-left:20px; 
	padding-right:40px; 
	color: #222;
	}

#extras {float:right; margin:0 0 0px; width:180px; padding-left:0px; padding-right:10px;}

#leftside h2, #extras h2 {
	font-family:Verdana, Arial, sans-serif;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:0.1em;
	margin:0px;
	margin-bottom:6px;
}

#leftside ul {
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	list-style-type: none;
}

#leftside li, #extras p {
	font-size:12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-bottom:4px;
	line-height: 12px;
}
#extras p {
	margin-top:0;
	padding-bottom:10px;
}

#leftside a:link {
	color: #888;
	text-decoration: none;
}
#leftside a:visited {
	color: #aaa;
	text-decoration: none;
}
#leftside a:hover, a:active {
	color: #666;
	text-decoration: underline;
}

/* Content */

 #content {margin-top:0px; margin-left:155px; margin-bottom:5px; padding:0; line-height:1.5em;} 

#contentwide {line-height:1.6em; margin:0 0 5px 155px; line-height:1.5em; padding:0;}

#content h2,#contentwide h2,#content h2 a,#contentwide h2 a {letter-spacing:-1px; font-weight:400; margin:5px 0 15px;}

#content h3,#contentwide h3,#content h3 a,#contentwide h3 a {font-weight:400; margin:0 0 8px; letter-spacing:0px;}

#content img,#contentwide img {margin:3px 10px 3px 0;}

#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}

#content li,#contentwide li {padding:0 0 0 5px;}

#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}


/* Footer */

#footer {font-size:0.9em; border-top:2px solid #e0e0e0; clear:both; color:#555; font-weight:400; line-height:1.4em; margin:0 auto; padding:15px 0; text-align:center; width:760px;}

#footer p {margin:0; padding:0;}

#footer a {color:#555; font-weight:400; text-decoration:none;}

#footer a:hover {color:#333; text-decoration:underline;}

#footer span.credits {font-size:1.2em;}



/* Tags */

p, li, .feedback {
	font-size: 13px;
	letter-spacing: 0;
	line-height:18px;
}

blockquote {
	font-size:85%;
	border-top: 1px double #F4F1E9;
	border-bottom: 1px double #DED5BE;
	border-left: 1px double #E6E0CF;
	border-right: 1px double #E6E0CF;
	background:#FCFBF9;
	padding-left:1.5em;
	padding-right:1.5em;
	margin-left:0em;
	margin-right:0.5em;
}

label {color:#606060; font-size:0.9em; font-weight:700;}

table#wp-calendar {margin:0 0 18px; width:140px;}


/* Headers */


h2 {
	font-size:36px; 
	line-height:36px;
}

h3 {
	font-size:24px;
	line-height:24px;
}



/* Forms */

#s,#submit {background-color:#fff; border:1px solid #ccc; color:#555; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}

#author,#email,#url,#comment {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}

#commentsection {margin:25px 0 0;}

#commentsection p {margin:0 0 6px;}



/* Float fix */
/*
.contenttext {overflow:hidden;}

* html .contenttext {height:1px; overflow:visible;}

* html .contenttext p {overflow:hidden; width:99%;}
*/
/* Byline / signoff */


.byline {
	font-size:12px;
	text-align:center;
}

.author {
	font-weight: bold;
}


/* Various classes */

.storytitle {
	font-family: Georgia, Palatino, Book Antiqua, Times New Roman, serif;
	margin: 0;
	text-align:center;
	line-height: 
}
.storytitle a {
	text-decoration: none;
}
.storytitle a:link, .storytitle a:visited{
	color: #444;
	text-decoration: none;
}
.storytitle a:hover, .storytitle a:active{
	color: #D70606;
}

.smallallcaps {text-transform:uppercase; font-size:10px;}

.keywordslug {
	float:right;
	font-size:14px;
}

.commentslug {
	float:left;
	font-size:14px;
}

.left {border:1px solid #ccc; float:left; margin:10px 15px 10px 0;}

.right {border:1px solid #ccc; float:right; margin:10px 0 5px 10px;}

.center {border:1px solid #aaa; margin:5px auto 12px; text-align:center;}

.textright {text-align:right;}

.floatright {float:right;}
.floatleft {float:left;}

.small {font-size:0.8em;}

.bold {font-weight:700;}

.hide {display:none;}

.clearing {clear:left; padding:5px 0; visibility:hidden;}

.post {
	margin:0px;
	margin-top:20px;
	margin-left:50px;
	width:460px;
}

.articlefooter { width:100%; height:20px; padding-bottom:20px;}

.comment {
	display:block;
	font-size: 13px;
	letter-spacing: 0;
	line-height:18px;
	margin:0px;
	margin-top:20px;
}

.commenthead {
	white-space: nowrap;
	height:27px;
	padding:0px;
	margin:0px;
}

.commentstem {
	background:url(images/comment-stem.gif);
	width:35px;
	height:20px;
	float:left; 
	margin-top:7px;
	margin-left:10px;
}

.commentbody {
	margin:0px;
	padding:0px;
	padding-left:20px;
	padding-right:20px;
	background:#F4F1E9;
}

.commentbody p {
	margin:0px;
	padding:0px;
	margin-top:10px;
}

.commentbody p:first-child {
	margin-top:0px;
}

.commentbubble { background:#F4F1E9; height:20px;}

.commentctl { width:20px; height:20px; float:left; display:block; background:url(images/comment-tl.gif);}
.commentctr { width:20px; height:20px; float:right; display:block; background:url(images/comment-tr.gif);}
.commentcbl { width:20px; height:20px; float:left; display:block; background:url(images/comment-bl.gif);}
.commentcbr { width:20px; height:20px; float:right; display:block; background:url(images/comment-br.gif);}

.navigation {display:block; margin:10px 0; padding:0 0 15px; text-align:center;}

.navigation p {margin:0; padding:0;}

.prevlink {margin-right:20px;}

.nextlink {margin-left:20px;}