/*
Theme Name: GrahamNott
Theme URL: N/A
Author: Graham Nott
Description: Custom theme for the Graham Nott blog, original design by Carollyne Yardley.
*/

/* Main Tags */

html {
	min-height: 100%;
}

img {
	border: 0px;
}

body {
	text-align: center;
	margin:0px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background: #FFFFFF url(images/bg_footer.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

#wrapper {
	display: block; 
	width:100%; 
	background: #FFFFFF url(images/bg_page.png);
	background-repeat:repeat-x;
	background-position:top;
	height:100%;
	text-align:center;
	border:0px;
	padding:0px
	margin:0px;
}

#pagecontainer {
	width:934px;
	background: #ffffff;
	height:100%;
	text-align:center;
	border:0px;
	margin:auto;
}

.page_item {
	float: left;
	margin: 0px;
}
#header {
	width:934px;
	height:67px;
	background: #000000 url(images/header.png) top left no-repeat;
	text-align:left;
	margin:0px;
	padding:0px;
}
#header #siteinfo {
	/*color:#ffffff;
	letter-spacing:-1px;
	font-size:24px;
	padding-left:107px;
	padding-top:35px;
	float:left;
	width:50%;*/
	visibility: hidden;
}
#header #siteinfo div {
	color:#ffffff;
	letter-spacing:0px;
	font-size:12px;
	font-weight:bold;
	padding-left:15px;
}
#header #SearchBox {
	float:right;
	padding-top:17px;
	padding-right:25px;
}
#searchform {
	margin:0px;
	padding:0px;
}

#header #SearchBox #s {
	background: transparent;
	border:0px;
	padding: 0px;
	color:#525252;
	width:180px;
}
/* Navigation */
#navigation {
	width:934px; 
	background: #b70908 url(images/bg_nav.png);
	background-repeat:repeat-x;
	background-position:top;
	height:41px;
	margin-bottom:0px;
	font-size: 1.0em;
	font-weight:bold;
}
#navigation ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#navigation li {
	display: inline;
	margin-top: 0;
	padding: 0;
}
#navigation li a
{
	height:24px;
	padding-top: 17px;
	color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
	float: left;
	margin-right: 1px;
	background: url(images/nav_split.png) no-repeat right bottom;
}
#navigation li a:hover {
	background: url(images/bg_nav_hover.png) repeat-x left top;
}

/* Content */
#content {
	width: 696px;
	float: left;
	text-align:left;
	background:transparent;
	border-right:1px solid #d9d9d9;
}
.more-link {
	color:#ff0000;
	text-decoration:none;
}
blockquote {
	margin-left: 30px;
	margin-right:10px;
	margin-top:5px;
	padding: 0px 12px 0px 15px;
        background-color: #E0E4E9;
	color:#000000;
}
code {
	margin-left: 30px;
	margin-right:10px;
	margin-top:5px;
	padding: 0px 12px 0px 15px;
        border: 1px solid #E0E4E9;
	color:#000000;
}
#PostSet {
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}
#dateblock {
	background:url(images/dateblock.png);
	background-repeat:no-repeat;
	width:66px;
	height:82px;
	text-align:center;
	float:left;
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	margin:0px;
	margin-top:3px;
	margin-right:10px;
	padding-top:7px;
}
#dateblock #day {
	font-size:35px;
	font-weight:bold;
	color:#000000;
	padding-top:2px;
	letter-spacing:-1px;
}
#postheader {
	padding:5px;
}
#postheader h1 {
	letter-spacing:-1px;
	font-size:22px;
	font-weight:bold;
	margin:3px 0px 3px 0px;
	padding-top:5px;
}
#postheader h1 a:hover {
	text-decoration:none;
}
#postheader a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#postheader #postdetails a  {
	color: #ff0000;
}
#postheader #postdetails a:hover {
	border-bottom: 1px dotted #ff0000;
}
#postcontent a:hover {
	border-bottom: 1px dotted #ff0000;
}
#postcontent a {
	color:#ff0000;
	text-decoration:none;
	font-weight:bold;
}
#postcontent {
	padding:0px;
	margin:0px;
	font-size:12px;
	line-height:200%;
	width:610px;
	background: #ffffff;
}
#postcontent div {
	padding:0px 10px 10px 0px;
}
#toplink {
	float:left;
	margin:0px;
	padding:5px;
}
#no_comments {
	float:right;
	width:88px;
	height:53px;
	background:#ffffff url(images/comment_bubble.png) top right no-repeat;
	margin:0px;
	padding:10px 0px 0px 0px;
	text-align:right;
	
	
}
#no_comments a {
	color:#ffffff;
	text-decoration:none;
	padding-right:35px;
	font-size:22px;
	
}
#postfooter {
	border: 0px;
	margin-bottom:15px;
	margin-top:0px;
	font-weight:bold;
	width:515px;
	padding:0px;
}
#postfooter .graylink {
	color:#cccccc;
	font-size:18px;
	text-decoration:none;
	font-weight:normal;
}
#postfooter .graylink:hover {
	text-decoration:none;
}
#postfooter a:hover {
	text-decoration:none;
}


/* Comments */
#commenter a {
	font-size:13px;
	color:#000000;
	text-decoration:none;
}
#commenttop {
	margin-top:5px;
	width:497px;
	background:#000000 url(images/bg_comment.png) repeat-y;
}
#commenttop div {
	padding:3px 10px 10px 110px;
	font-size:12px;
	color:#ffffff;
	background:transparent url(images/comment_top.png) top no-repeat;
	line-height:160%;
	margin:0px;
}
#commentbottom {
	margin-bottom:10px;
	width:497px;
	height:19px;
	background:#000000 url(images/footer_bottom.png) top no-repeat;
}


/* Sidebar */
#sidebar {
	width:236px;
	background:#ffffff url(images/logo.gif) top no-repeat;
	float:left;
	text-align:left;
}
#both {
	clear: both;
}
.title {
	letter-spacing:-1px;
	color:#000000;
	font-size:18px;
	padding:7px;
}
h2 {
	letter-spacing:-1px;
	color:#000000;
	font-size:18px;
	padding:7px;
}

#sidebar ul li {
	padding:5px;
	margin:0px;
	list-style-image: url(images/bullet.png);
	color:#000000;
	border-bottom:1px dotted #a6a6a6;
	width:180px;
}
#sidebar ul .nobullet {
	padding:5px;
	margin:0px;
	list-style:none;
	color:#525252;
	border:0px;
	list-style-image: none;
	text-align:center;
}
#sidebar ul li a {
	text-decoration:none;
	color:#2d2d2d;
}
#sidebar ul li a:hover {
	font-weight:bold;
}
/* Calendar */
#wp-calendar tr td {
	padding:3px;
}
#wp-calendar tr td a{
	border:1px solid #a6a6a6;
	font-weight:bold;
}
#wp-calendar tr td a:hover{
	font-weight:bold;
}

#wp-calendar tr #today{
	border:1px solid #a6a6a6;
	background:#ff0000;
	color:#ffffff;
}
#wp-calendar caption{
	padding:3px;
	color:#ff0000;
	font-size:13px;
	font-weight:bold;
}

/* Footer */
#footer{
	height:178px;
	background:transparant;
	margin:auto;
	width:789px;
}
#footer #WPLogo {
	float:left;
	padding-top:95px;
}
#footer #CM {
	float:right;
	margin-top:95px;
	background:#000000 url(images/bg_copy.gif) no-repeat;
	height:75px;
	width:269px;
	padding-top:20px;
}
#footer #CM div {
	padding:10px;
	color:#363636;
	font-weight:bold;
}