/*
Theme Name: RG-2010
Theme URI: http://www.rogerjgould.com/
Description: The 2010 template for the Roger Gould website
Version: 0.1
Author: Charlotte Coleman
Author URI: http://www.charlottecoleman.co.uk/
Tags: roger gould, 2010
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body {
	
	font-family: Georgia, "Times New Roman", Times, serif;
}

.hide {
	display: none	
}

#container {
	margin: 0 auto;
	width: 944px;
}

#header {
	float: left;
	width: 944px;
	border-bottom: 26px solid #ebda1e
}

#header #logo {
	float: left;
	width: 437px
}

#header #logo h1, #header #logo h2 {
	display: none	
}

#header #nav {
	width: 348px;
	float: right;
}

#header #nav ul {
	float: left;
	background: url("images/nav.png") no-repeat;
	width: 348px;
	height: 82px;
}

#header #nav ul li, #header #nav ul li a {
	height: 82px;
	display: block;	
	text-indent: -2000px;
	font-size: 0;
}

#header #nav ul li {
	list-style: none;
	float: left;
}

#header #nav ul #nav1 {width: 64px;}
#header #nav ul #nav2 {width: 66px;}
#header #nav ul #nav3 {width: 83px;}
#header #nav ul #nav4 {width: 54px;}
#header #nav ul #nav5 {width: 81px;}

#header #nav ul #nav1 a:hover, #header #nav ul #nav1.selected a {background:url("images/nav.png") 0px -82px no-repeat; }
#header #nav ul #nav2 a:hover, #header #nav ul #nav2.selected a {background:url("images/nav.png") -64px -82px no-repeat; }
#header #nav ul #nav3 a:hover, #header #nav ul #nav3.selected a {background:url("images/nav.png") -130px -82px no-repeat; }
#header #nav ul #nav4 a:hover, #header #nav ul #nav4.selected a {background:url("images/nav.png") -213px -82px no-repeat; }
#header #nav ul #nav5 a:hover, #header #nav ul #nav5.selected a {background:url("images/nav.png") -267px -82px no-repeat; }

#header #quotation {
	float: left;
	clear: both;
	width: 920px;
	margin: 0 12px;
	padding: 20px 0;
	background: url(images/quote.png) top left no-repeat;
}

#header #quotation blockquote {
	float: left;
	width: 866px;
	margin-left: 54px;
	line-height: 120%;
	font-size: 0;
	
}

#header #quotation blockquote span {
	color: #ebda1e	
}

#header #quotation cite {
	float: left;
	clear: both;
	width: 920px;
	margin: 10px 0 0 0;
	color: #58209f;
	font-weight: bold;
	font-style: normal;
	line-height: 100%;
	text-align: right
}

#header #quotation cite span {
	font-size: 14px;
	font-weight: normal
}

#header #quotation cite small {
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	font-style: italic
}


#body {
	width: 944px;
	clear: both;
	float: left;
	padding: 30px 0;
}

#body #topContent {
	float: left;
	clear: both;
	width: 605px;
	margin-left: 12px
}

#body h2 {
	font-size: 0;
	font-weight: normal;
	padding-bottom: 15px
}

#body h3 {
	font-size: 0;
	font-weight: bold;
	padding: 15px 0
}

#body p, #body blockquote {
	padding-bottom: 15px;
	font-size: 14px;
	line-height: 140%
}

#body blockquote em {
	display: block
}

#body ul {
	font-size: 14px;
	padding: 0 0 5px 20px	
}

#body ul li {
	list-style-image: url(images/bullet.png);
	padding-bottom: 12px;
	line-height: 120%
}

#body a {
	background-color: #58209f;
	color: #fff;
	text-decoration: none
}

#body a:hover {
	background-color: #ebda1e;
	color: #000000
}

#body #wrapper .rightHandSide {
	float: right;
	background-color: #000000;
	color: #fff;
	width: 248px;
	padding: 20px 20px 10px 20px;
	margin-bottom: 30px
}


#body #wrapper .rightHandSide blockquote span#quote {
	font-size: 0;
	text-indent: -2000px;
	float: left;
	width: 14px;
	height: 11px;
	background: url(images/testimonial.png) top left no-repeat;
	margin: 0 2px 0 0
}

#body #wrapper .rightHandSide blockquote em span, #body #wrapper .rightHandSide cite strong {
	color: #ebda1e	
}

#body #wrapper .rightHandSide cite {
	font-style: normal;
	font-size: 13px;
	text-align:right;
	float: right;
	width: 248px;
	padding-bottom: 10px
}

#body #wrapper .rightHandSide cite strong {
	color: #ebda1e	
}

#body #wrapper .rightHandSide cite small {
	font-size: 11px
}

#body #blog {
	float: right;
	background-color: #000000;
	color: #fff;
	width: 258px;
	padding: 20px 15px
}

#body #blog h2 {
	color: #fff	
}

#body #blog h2 span {
	color: #ebda1e;
	font-weight: bold
}

#body #blog ul {
	padding: 0	
}

#body #blog ul li {
	list-style-image: none;
	list-style-type: none;
	line-height: 140%;
	float: left;
	clear: both;
	width: 255px;
}

#body .rightHandSide ul li, #blog #body #wrapper #sidebar ul li ul li, .single #body #wrapper #sidebar ul li ul li, .archive #body #wrapper #sidebar ul li ul li, .search #body #wrapper #sidebar ul li ul li {
	list-style-image: url(images/bullet-yellow.png);	
}

#body #blog ul li a, #body .rightHandSide ul li a, #blog #body #wrapper #sidebar ul li ul li a, .single #body #wrapper #sidebar ul li ul li a, .archive #body #wrapper #sidebar ul li ul li a, .search #body #wrapper #sidebar ul li ul li a, #body .rightHandSide ul li.current_page_item a:hover {
	text-decoration: underline;
	background-color: #000
}

#body #blog ul li a:hover, #body .rightHandSide ul li a:hover, #blog #body #wrapper #sidebar ul li ul li a:hover, .single #body #wrapper #sidebar ul li ul li a:hover, .archive #body #wrapper #sidebar ul li ul li a:hover, .search #body #wrapper #sidebar ul li ul li a:hover {
	text-decoration: none;
	color: #fff;

}

#body .rightHandSide ul li.current_page_item a {
	text-decoration: none;
}


#body #blog ul li span {
	float: left;
	width: 40px;
	height: 26px;
	background-color: #ebda1e;
	color: #000000;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding: 12px 5px;
	margin: 1px 15px 30px 0;
	line-height: 90%;
	font-size: 0;
}

#body h2#hr {
	font-weight: bold;
	float: left;
	margin: 10px 0 0 0;
	letter-spacing: 0.2px
}

#body #bottomRow {
	float: left;
	clear: both;
	width: 944px;
	background: url(images/brackets.png) top left no-repeat
}	

#body #bottomRow #bottomLeftContent {
	float: left;
	width: 376px;
	margin: 20px 76px 20px 50px
}

#body #bottomRow #bottomRightContent {
	float: left;
	width: 442px;
	background: url(images/pen.png) 165px 51px no-repeat;
}

#body #bottomRow #bottomRightContent h2 {
	padding-top: 116px	
}

#body #wrapper {
	float: left;
	width: 932px;
	padding-left: 12px 
}

#contact #body {
	background: url(images/people.png) 400px 300px no-repeat;	
}

#body #wrapper img {
	border: 5px solid #58209f	
}

#body #wrapper #content {
	width:605px;
	min-height: 400px;
	float: left;
}

#body #wrapper #sidebar {
	float: right;
	
}

#body #wrapper #sidebar h2 a {
	background-color: #000;
	text-decoration: underline
}

#body #wrapper #sidebar h2 a:hover {
	color: #fff;
	text-decoration: none
}

#body #wrapper #sidebar span.twitter-timestamp {
	font-style: italic;
	font-size: 11px
}

#blog #body #wrapper #content h2 strong, .single #body #wrapper #content h2 strong, .archive #body #wrapper #content h2 strong, .search #body #wrapper #content h2 strong {
	color: #ebda1e
}

#body #sidebar ul li {
	list-style-image: none;
	list-style-type: none;
	padding: 20px;
	background-color: #000;
	float: left;
	clear: both;
	margin-bottom: 30px;
	width:248px;
	color: #fff
}

#body #sidebar ul li ul {
	font-size:14px;
	padding:0 0 5px 20px;
}

#body #sidebar ul li ul li {
	margin-bottom: 0;
	padding: 0 0 12px 0;
	width: auto;
}

#body #sidebar ul li label {
	display: none	
}

#body #sidebar ul li input#s, #body .rightHandSide #krllhk-krllhk {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	padding: 3px;
	font-size: 13px;
	width: 150px;
	margin-right: 5px
}

#body .rightHandSide #newsletterSubscription{
	width: 80px	
}

#subForm {
	padding-bottom: 10px
}

#body #wrapper #sidebar ul li input#searchsubmit, #body .rightHandSide #newsletterSubscription {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	background-color: #ebda1e;
	color: #000;
	font-weight: bold;
	padding: 2px 3px
}

#body #wrapper #content #respond div #submit {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	background-color: #58209F;
	color: #fff;
	font-weight: bold;
	padding: 2px 3px
}

#body #wrapper #sidebar ul li input#searchsubmit:hover, #body .rightHandSide #newsletterSubscription:hover {
	background-color: #fff;
	cursor: pointer
}

#body #wrapper #content #respond div #submit:hover {
	background-color: #000;
	color: #fff;
	cursor: pointer
}

#body #wrapper #content .navigation {
	float: left;
	width: 605px;
	font-size: 11px;
	padding-bottom: 5px
}

#body #wrapper #content .post h3 {
	margin-top: 10px;
	float: left;
	width: 605px
}

#body #wrapper #content ol.commentlist {
	list-style-type: none;
	margin-bottom: 10px;
	float: left;
}

#body #wrapper #content ol.commentlist .comment-author, #body #wrapper #content ol.commentlist .comment-meta {
	float: left;
	width: 605px;
	margin: 5px 0;
	font-size: 14px
}

#body #wrapper #content ol.commentlist .comment-meta {
	font-size: 11px;
	margin-bottom: 20px
}

#body #wrapper #content ol.commentlist li{
	float: left;
}

#blog #body #wrapper #content h3, .single #body #wrapper #content h3, .archive #body #wrapper #content h3, .search #body #wrapper #content h3 {
	padding: 5px 0 15px 0	
}

#body #wrapper #content #respond div {
	float: left;
	width: 605px;
	padding: 5px 0
	
}

#body #wrapper #content #respond div label {
	float: left;
	width: 200px
}

#body #wrapper #content #respond div label span {
	font-weight: bold;
	color: #58209F;
}

#body #wrapper #content #respond input#author, #body #wrapper #content #respond input#email, #body #wrapper #content #respond input#url {
	border: 1px solid #000;
	float: left;
	width: 250px;
	padding: 3px;
	color:#000000;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:13px;
}

#body #wrapper #content #respond textarea {
	border: 1px solid #000;
	float: left;
	width: 600px;
	padding: 3px;
	color:#000000;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:13px;
	margin: 10px 0
		
}

#body #wrapper #content .navigation .alignleft {
	float: left;
	width: 300px 
}	

#body #wrapper #content .navigation .alignright{
	float: right;
	width: 300px;
	text-align: right
}	

#body #wrapper .post {
	float: left;
	clear: both;
	padding-bottom: 15px
}

#body #wrapper .post p, #body #wrapper .commentlist p {
	float: left;
	width: 605px
}

#body #wrapper .post h3 {
	padding: 5px 0;
	float: left;
	clear: both;
}

#body #wrapper .post h3 a {
	background-color: #fff;
	color: #58209f;
}

 #body #wrapper .post h3 a:hover {
	background-color: #58209f;
	color: #fff
 }

#body #wrapper .post small {
	 font-size: 11px;
	 padding-bottom: 10px;
	 float: left;
	 clear: both;
	 width: 605px
 }
 
#body #wrapper .post .entry, #body #wrapper .post p.postmetadata {
	float: left;
	clear: both;
}

#body #wrapper .post p.postmetadata {
	font-size: 11px;
}

#body #wrapper .post p.postmetadata a, #body #wrapper #content ol.commentlist .comment-meta a, #body #wrapper #content #respond #commentform a {
	background: #fff;
	color: #000;
	text-decoration: underline
}

#body #wrapper .post p.postmetadata a:hover, #body #wrapper #content ol.commentlist .comment-meta a:hover, #body #wrapper #content #respond #commentform a:hover {
	text-decoration: none	
}

#footer {
	background-color: #000000;
	color: #ffffff;
	text-align: center;
	width: 944px;
	height: 100px;
	float: left;
	font-size: 13px
}

#footer p {
	padding-top: 15px
}

#footer p a {
	color: #ffffff	
}

#footer p a:hover {
	text-decoration: none	
}

.cufon-ready #header #quotation blockquote {
	font-size: 44px;	
}

.cufon-ready #header #quotation cite {
	font-size: 18px;
}

.cufon-ready #body h2 {
	font-size: 24px;
}

.cufon-ready #body h3 {
	font-size: 16px;
}

.cufon-ready #body h2#hr {
	font-size: 27px;
}

.cufon-ready #body #blog ul li span {
	font-size: 14px;
}