/*  
Theme Name: Standard
Author: Nathan Beck
Author URI: http://www.nathanbeck.co.uk

*/

html { background: url(images/bodyBg.jpg); }
body{
	font-family: "Lucida Sans", Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 18px;
	background: url(images/bodyBgTop.jpg) repeat-x top;
	color: #666;
	padding: 0;
	margin: 0;
}
#topGraphics {
	width: 100%;
	overflow: hidden;
	background: url(images/topGraphics.jpg) no-repeat top left;
}
#header{
	width: 100%;
	height: 72px;
	background: url(images/topNav.png) repeat-x top;
}
div#compass {
	position: absolute;
	top: 0;
	left: 0;
	width: 175px;
	height: 175px;
	background: url(images/compass.png) no-repeat top left;
	z-index: 100;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}


/* Top Nav */

ul#topNav {
	width: 960px;
	height: 25px;
	margin: 0 auto;
	padding: 22px 45px 0 0;
	list-style-type: none;
}
ul#topNav li {
	height: 25px;
	margin-left: 28px;
	float: right;
	background-position: top;
}
ul#topNav li:hover { background-position: bottom; }
ul#topNav li a { height: 25px; display: block; }
ul#topNav li span { display: none; }
li#navDiaries { width: 75px; background-image: url(images/navDiaries.png); }
li#navAbout { width: 65px; background-image: url(images/navAbout.png); }
li#navContact { width: 81px; background-image: url(images/navContact.png); }

h1#logo {
	width: 333px;
	height: 60px;
	float: right;
	margin: 55px 60px 35px 0;
	background: url(images/logo.png) no-repeat;
}
h1#logo a {
	height: 60px;
	display: block;
}
h1 span { display: none; }


/* Content area styles */

.contentTop {
	width: 640px;
	height: 69px;
	float: left;
	background: url(images/contentTop.png) no-repeat;
}
.content {
	width: 640px;
	float: left;
	clear: both;
	background: url(images/contentBg.png) repeat-y;
}
.blogContent {
	width: 480px;	
	padding: 30px 80px;
}
span.date {
	display: block;
	text-align: center;
	font: normal normal 14px Georgia;
	color: #cab293;
	letter-spacing: -0.25px;
	margin-bottom: 20px;
}
span.postInfo {
	display: block;
	text-align: center;
	font: normal normal 13px Georgia;
	color: #845d39;
	letter-spacing: -0.25px;
	margin-bottom: 20px;
}
span.postInfo a {
	color: #845d39;
	text-decoration: none;
}
span.postInfo a:hover { text-decoration: underline; }
.post {	margin-bottom: 60px;}
.entry p:first-letter {
        font: normal bold 110% Georgia;
}
.browse{
	margin: 0;
        font: italic bold 13px Georgia, "Times New Roman";
        color: #98292F;
}
.browse .prevPost { float: left; }
.browse .nextPost { float: right; }

.footerTop {
	width: 630px;
	height: 17px;
	margin: 0 5px;
	background: url(images/footerTop.jpg) no-repeat;
}
.footer {
	width: 590px;
	overflow: hidden;
	margin: 0 5px;
	padding: 25px 20px;
	background: url(images/footerBg.jpg) no-repeat bottom;
}
.footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.footer ul li {
	float: left;
	width: 275px;
	margin-right: 20px;
}
.footer ul li h3 {
	padding: 0 0 15px;
	color: #98292f;
	text-align: left;
	font: normal bold 15px Helvetica;
	letter-spacing: -0.7px;
	text-transform: uppercase;
	margin: 0;
}

ul#flickrWidget li {
	float: left;
	margin: 0 10px 10px 0 !important;
	width: 55px;
	height: 55px;
}
ul#flickrWidget li img { width: 55px; border: 1px solid #845d39; }


/* Sidebar styles */

.sidebar {
	width: 320px;
	float: left;
	margin-left: -5px;
	background-color: #eee;
}
.sidebarTop {
	width: 320px;
	height: 26px;
	background: url(images/sidebarTop.png) no-repeat;
}
.sidebarMiddle {
	width: 220px;
	overflow: hidden;
	padding: 0 30px 10px 70px;
	background: url(images/sidebarBg.png) repeat-y;
}
.sidebarBottom {
	width: 320px;
	height: 28px;
	background: url(images/sidebarBottom.png) no-repeat;
}
.sidebar ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar ul li { margin-bottom: 35px; }
.sidebar ul li h3 {
	padding: 0 0 15px;
	color: #98292f;
	text-align: left;
	font: normal bold 15px Helvetica;
	letter-spacing: -0.7px;
	text-transform: uppercase;
	margin: 0;
}
.sidebar ul li a { text-decoration: none; }
.sidebar ul li a:hover { text-decoration: underline; }
.sidebar ul ul li{
	font: italic normal 15px Georgia, sans-serif;
	color: #666;
	margin: 0;
}
.sidebar ul ul li a { color: #666; }
.sidebar ul ul ul {	padding: 5px 0 15px 10px; }
.sidebar ul ul ul li a {
	font: normal normal 13px Georgia;
	color: #845d39;
}


.sidebar ul li#search{
	padding: 0;
	border: 0;
	background-color: transparent;
}
.sidebar ul li#search input{
	margin: 0 0 5px;
}


/* Footer Meta */

ul#footerMeta {
	clear: both;
	float: left;
	padding: 0;
	list-style-type: none;
	margin: 5px 0 20px 5px;
	color: #845d39;
	font-size: 11px;
	font-family: Georgia, serif;
}
ul#footerMeta li { float: left; }
ul#footerMeta li a {
	color: #845d39;
	text-decoration: none;
}
ul#footerMeta li a:hover { text-decoration: underline; }

/* comments template */

.comments-template{
	margin: 15px 0 0;
	border-top: 1px solid #ccc;
	padding: 15px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
}

.comments-template ol li{
	margin: 15px 0 0;
	line-height: 24px;
	padding: 0 0 20px;
	border-bottom: 1px solid #ccc;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}


/* Generic Styles */

p { letter-spacing: -0.25px; margin: 0 0 25px; }
h1, h2, h3, h4, h5, h6{
	font-family: Georgia, "Times New Roman", Serif;
	font-weight: normal;
}
h2, h2 a {
	font-size: 32px;
	font-style: italic;
	color: #b29983;
	text-align: center;
	margin: 20px 0;
}
h3, h3 a {
	font-size: 19px;
	color: #98292f;
	letter-spacing: -0.15px;
	text-align: center;
	margin: 0 0 5px;
	text-decoration: none;
}
h3 a:hover { text-decoration: underline; }

a {
	text-decoration: underline;
	color: #98292f;
}
a:hover { text-decoration: none; }

a img {	border: 0; }

blockquote{
	margin: 15px 0 0;
	background: #efefef;
}
blockquote p { padding: 15px; }
hr{
	clear: both;
	margin: 25px;
	border: 0;
	height: 1px;
	text-align: left;
	background-color: #b29983;
}
.entry img { border: 1px solid #b29983; margin: 20px 0; }
input, textarea{
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 12px;
	padding: 2px;
}
input#s, input#author, input#email, input#url, textarea#comment{
	padding: 3px;
}
input#author, input#email, input#url{ margin: 0 5px 0 0; }
pre { width: 90%; }
small {	font-size: 12px; }