/*  
Theme Name: Richard for Watford - General Election Edition
Theme URI: 
Description: "Richard for Watford - General Election Edition" is a Wordpress theme designed for Richard Harrington's general election campaign to become COnservative MP for Watford in the UK general election in 2010. Based on the Arthemia theme by Michael Hutagalung.
Version: 1.0
Author: hawesWeb Productions

Note: This is an edited version of the Arthemia theme by Michael Hutagalung

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/* HTML Elements */
* {
	margin:0;
	padding:0;
	}

body {
	font: 100% Arial, Helvetica;
background:url(images/clouds-bg2.jpg) top center no-repeat #fff;
	color: #333;
	}

p {	
	margin: 15px 0;
	}

a:link, a:visited {
	color: #008ECD;
	text-decoration:none
	}

a:hover, a:active {
	color: #67C029;
	text-decoration:none;
	}

a img {
	border:0;
	}

code {
	font: 1.0em 'Courier New', Courier, Fixed;
	background:#ececec;
	}	

acronym, abbr, span.caps {	
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}			

acronym, abbr {
	border-bottom: 0px dashed #999;
	}

blockquote {
	padding: 0 15px 0 15px;
	border-top: 0px solid #ddd;
	border-bottom: 0px solid #ddd;
	background: #fff;
	font:1.0em Arial;
	line-height:1.5em;
	margin:10px 0px;
	}

select {
	width: 130px;
	}	



/* Structure */


#head {
	width:100%;
	margin:0 auto;
	margin-top:0px;
margin-bottom:0px;
	padding:0px;
padding-bottom:2px;
	font-size:0.7em;
background:url(images/bg_head.png) repeat-x rgb(26,151,207);
	}

#hdcontainer {
width:980px;
margin:0px;
align: center;
margin:0px auto;
}

#hdright {
width:600px;
margin:0px;
align:right;
margin:0px auto;
margin-top:-10px;
clear:both;
}

#hdright .right {
align:right;
text-align:right;
}

#hdright .clearfloat {
	margin-top:0px;
	margin-bottom:0px;
	}


#page {
	width:940px;
	margin:0px auto;
	padding:10px;
padding-bottom:-50px;
	font-size:0.7em;
	}

.left, .alignleft {
	float:left;
	}

.right, .alignright {
	float:right;
	}


/* Navigation Bar*/
#navbar {
	margin:0 auto;
	margin-top:-47px;
	padding:0px 0px;
width:600px;
	}

#page-bar {
width:600px;
padding-top:1px;
	}

#page-bar ul {
	list-style: none;
	}

#page-bar li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	border-right:0px solid #333;
	}

#page-bar li:hover {
	border-bottom:2px solid #fff;
	}


#page-bar a, #page-bar a:visited {
	margin: 0px;
	padding:2px 10px;
	font-weight:bold;
	display:block;
color:#fff;
	}

#page-bar a:hover {
	text-decoration:none;
	display:block;
	}

#searchform {
	width:100px;
	float:right;
	text-align:right;
	padding:0px;
	margin-right:0px;
	}

/* Text*/

h1 {
	font:4.0em Arial;
	font-weight:bold;
	letter-spacing:-0.08em;
color:rgb(0, 142, 205);
	}

h2 {
	font:2.3em Arial;
	}

h3 {
	font:1.3em Arial;
	margin-bottom:3px;
	color:rgb(0, 142, 205);
	font-weight:bold;
	}

h4 {
	font:1.0em Arial;
	}

h3.cat_title, h3.cat_title a {
	letter-spacing:-0.05em;
	font-size:0.85em;
	}

h3#respond {
	margin-top:0px;
	padding-top:20px;
	}

h3#comments {
	margin-top:32px;
	padding-left:0px;
	}

h3.authors {
	margin-top:15px;
	}

/* Index Page*/

#logo {
	width:400px;
float:left;
padding-top:0px;
padding-bottom:0px;
clear:both;
	}

#tagline {
	margin-top:5px;
	font-size:1em;
	color:#fff;
	}

#top {
	padding:0;
	}

#headline {
	width:590px;
	float:left;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.5em;
	margin:0;
	}

#headline  div.title {
	font-weight:bold;
	font:2.4em Arial;
	letter-spacing:-0.05em;
	display:block;
	padding-bottom:5px;
	}

#headline div.meta {
	display:block;
	margin-top:-5px;
	padding-bottom:2px;
	}

#headline p {
	padding-bottom:15px;
	}

#featured {
	width:300px;
	background:#fff;
	float:right;
	padding:10px 10px 9px 10px;
	}

#featured .clearfloat {
	margin-top:7px;
	margin-bottom:8px;
	}

#featured .info {
	margin-top:5px;
	padding-top:5px;
	float:right;
	width:180px;
	}

#featured .title {
	font-weight:bold;
	}

#headline a img, #featured a img {
	border:0px solid #ccc;
	margin-top:5px;
	margin-right:10px;
	padding:2px;
	}


#middle {
	width: 920px;
	background:#fff;
	float:right;
	padding:10px;
	margin:10px 0;
	}

.category {
	width:164px;
	float:left;
	border-top:8px solid #333;
	margin:0px;
	padding:5px 10px 10px 10px;
	background:#fff;
	}

.category p {
	margin:0;
	}

#cat-1, #cat-3, #cat-5  {border-top:8px solid #333333;}
#cat-2, #cat-4 {border-top:8px solid #3c78a7;}

.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
	text-transform:none;
	margin:0;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:-0.05em;
	}

#front-popular h3 {
	color:#fff;
background:url(images/widgetheadbg.jpg);
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
	}

.category a {
	color:#333;
	display:block;
	background:none;
	}

.category a:hover {
	background:none;
	color:#fff;
	text-decoration:none;
	}

#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; }
#cat-2:hover, #cat-4:hover {background:#3c78a7; color:#fff; }
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; }
#cat-2:hover a, #cat-4:hover a {background:#3c78a7; color:#fff; }

#bottom {
	width: 940px;
	}

#front-list {
	width:590px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	}

#archive {
	padding-top:15px;
	font-size:1.05em;
	line-height:1.75em;
	}

#front-list blockquote {
	padding: 0px 10px 0 10px;
	}

#front-list .title, #archive .title {
	font-weight:bold;
	font:1.7em Arial;
	letter-spacing:-0.05em;
text-transform:none;
	}

#front-list .clearfloat, #archive .clearfloat {
	padding-bottom:10px;
	border-bottom:0px dotted #ccc;
	margin-bottom:10px;
	}

#front-list .spoiler, #archive .spoiler {
	display:block;
	margin-top:3px;
	}

#front-list p, #archive p {
	margin:0px;
	padding:0px;
	}

.author {
	font-size:0.8em;
	font-weight:bold;
	}

.meta {
	font-size:0.8em;
	color:#333;
	}

.meta a {
	color:#333;
	}

#headline p, #featured p {
	margin:0;
	}


/* Content Page*/

#content {
	width:590px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	min-height:1050px;
	}

#content .breadcrumbs, #content .breadcrumbs a {
	font-weight:none;
color:#67C029;
	}

#content .breadcrumbs a:hover {
	font-weight:none;
color:#008ECD;
	}

#content h2.title {
	font:2.5em Arial;
	font-weight:normal;
	letter-spacing:-0.05em;
	border-bottom:0px solid #ddd;
	border-top:0px solid #ddd;
	padding:5px 0px;
color:#008ECD;
	}

#content h3.title {
	font:2.5em Arial;
	font-weight:normal;
	letter-spacing:-0.05em;
	border-bottom:0px solid #ddd;
	border-top:0px solid #ddd;
	padding:5px 0px;
color:#008ECD;
	}

#sidebar h2 {
	font:2.5em Arial;
	font-weight:normal;
	letter-spacing:-0.05em;
	border-bottom:0px solid #ddd;
	border-top:0px solid #ddd;
	padding:5px 0px;
	}

.post h2 {
	font:2.0em Arial;
	font-weight:normal;
	letter-spacing:-0.05em;
	border-bottom:0px solid #ddd;
	border-top:0px solid #ddd;
	padding:5px 0px;
	}

.post {
	font-size:1.05em;
	line-height:1.75em;
	}

.post p {
	margin-top:0px;
	}

.post .clearfloat {
	border-bottom:0px dotted #ccc;
	margin:10px 0px;
	}

.post ul, .post ol, #front-list ul, #front-list ol {
	margin-bottom:15px;
	}

.post ul li, #front-list ul li {	
	list-style:square;
	margin-left:30px;
	}

.post ol li, #front-list ol li {	
	list-style:decimal;
	margin-left:30px;
	}

.post ol li ul li, #front-list ol li ul li {	
	list-style:square;
	margin-left:20px;
	}

.post img, .post a img, #front-list img, #archive img {
	border:0px solid #ccc;
	margin:0 10px 5px 0;
	padding:0px;
	}

.post .ads {
	margin-top:10px;
	}

.entry {
	margin-top:20px;
	}

#stats {
	margin-top:0px;
	padding:4px 0px;
	text-transform:none;
	font:0.8em Arial;
	display:block;
	}

#stats span {
	padding: 0px 20px 0px 0px;
	}

#stats span a:hover {
	background:none;
	}

#stats span a {
	color:#333;
	}

#stats img, #nav img {
	border:0px;
	margin:0px;
	padding:0px;
	}

#tools {
	width:590px;
	height:25px;
	font-size:0.95em;
	}

#tools a:hover {
	background:none;
	}

.navigation {
	padding:5px 0px;
	text-align:Center;
	}

/* Sidebar*/
#sidebar {
	width:320px;
	float:left;
	margin:0px 10px 0px 0px;
	}

#sidebar h3.title {
	font:1.4em Arial;
	font-weight:bold;
	background:none;
	color:#fff;
	margin:6px 0px 5px 0px;
	padding-left:10px;
padding-top:10px;
padding-bottom:10px;
background:url(images/widgetheadbg.jpg);
	}

#sidebar h3.title a {
	color:#fff;
	}

#sidebar h3.title a:hover {
	color:#fff;
	}

#sidebar h3 {
	font:2.4em Arial;
	background:none;
	color:#008ECD;;
	margin:10px 0px 5px 0px;
	padding-left:10px;
padding-top:10px;
padding-bottom:10px;
	}

#sidebar h3 a {
	color:#008ECD;
	}

#sidebar h3 a:hover {
	color:#67C029;
	}

#sidebar-top {
	width:320px;
	float:center;
	padding:20px 10px 0px 10px;
	background:none;
	}

#sidebar-bottom {
	width:320px;
	float:center;
	padding:0px 10px 10px 10px;
	background:none;
	}

#sidebar-bottom, #sidebar-middle {
	margin-top:0px;
	}

#sidebar-middle {
	width:330px;
float:center;
padding-left:0px;
	}

#sidebar-left {
	width:160px;
padding:0px 0px 10px 10px;
	float:left;
	background:none;
	}

#sidebar-right {
	width:150px;
padding:0px 0px 10px 10px;
	float:right;
	background:none;
	}


#sidebar li {
font:1.2em Arial;
	list-style:none;
	border-bottom:0px dotted #ccc;
	display:block;
	padding:6px 0px 6px 8px;
	
	}

#sidebar li ul li:last-child{
	list-style:none;
	border-bottom:0px dotted #ccc;
	display:block;
	padding:2px 10px 0px 8px;
	}

#sidebar-ads {
	width:300px;
	float:right;
	margin-bottom:10px;
	padding:0px;
	background:none;
	}

/* Form Elements */

select {
	border:0px solid #E7E7E7;
	width:100%
	}
	
.field {
	padding: 2px;
	border:1px solid #ccc;
	background:#fff;
	font-size:0.8em;
	}

#s {
	padding:0px;
	font-size:1.0em;
	width:100px;
	}
	
#searchsubmit {
	padding-left:0px;
	}

#commentform input {
	width: 140px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 99%;
	margin-top:5px;
	}



/* Comments*/

.commentlist cite {
	font-style:normal;
	margin-bottom:4px;
	display:block;
	}	

.commentlist blockquote {
	background:#ededed;
	}
			
.commentlist li {
	padding: 10px 0px 10px 0px;
	list-style:none;
	margin-bottom:3px;
	}

.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}

.commenttext {
	padding: 10px 10px 0px 10px;
	background:#f2f2f2;
	border-top:1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width:495px;
	float:right
	}
		
.commentlist cite strong {
	font-size:1.1em;
	}
	
li.my_comment {
	background: #FFF;
	border:none;
	}

li.my_comment cite strong {
	font-size: 1.3em;
	color:#313228;
	}
	
#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	color:#4d4d4d;
	display: block;
	margin-top:3px;
	text-align:right;
	font-size:0.9em;
	}

.commentmetadata a, .commentmetadata a:visited {
	color:#959382;
	}
	
.commentlist small {
	background:#e9e9e9;
	}

.avatar {
	border:1px solid #bbb;
	margin:0px 10px 0px 0px;
	float:left;
	padding:2px;
	width:55px;
	height:55px;
	}	

#comment {
	width:590px;
	background:#fff;
	}

/* Footer*/

#front-popular {
font-size:0.7em;
	color:#008ECD;
	width: 940px;
margin:0px auto;
	padding:0px;
	}

#front-popular .textwidget a {
	color:#67C029;
	}

#front-popular .textwidget a:hover{
	color:#008ECD;
	}

#front-popular .textwidget {
	color:#008ECD;
margin: 0px auto;
	padding-top:6px;
padding-left:10px;
padding-right:10px;
padding-bottom:2px;
	}

#front-popular .cat-post-item {
	color:#008ECD;
	margin: 0px auto;
	padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:0px;
	}

#front-popular .post-title {
	color:#008ECD;
font-size:1.2em;
font-weight:bold;
	margin: 0px auto;
	padding-bottom:-5px;
	}

#recentpost, #mostcommented {
	width:210px;
min-height:290px;
	float:left;
	margin: 10px;
	border:0px solid none;
background:#fff;
	}

#new, #new2 {
	width:210px;
min-height:135px;
max-height:135px;
	float:left;
	margin: 10px;
	border:0px solid none;
background:#fff;
	}

#mostcommented {
	margin-left:17px;
	}

#new {
	margin-left:17px;
	}

#new2 {
	margin-left:17px;
	}

#recent_comments {
	width:210px;
min-height:290px;
	float:right;
	margin:10px;
	border:0px solid #fff;
background:#fff;
	}

#recentpost a {
	color:#008ECD;
	}

#recentpost p {
	margin:5px 0px;
	}

#recentpost a:hover {
	color:#67C029;
	}

#mostcommented a, #recent_comments a {
	color:#67C029;
	}

#recentpost ul, #mostcommented ul, #recent_comments ul {
	margin-top:5px;
	}

#recentpost ul li {
list-style:none;
	border-top:0px dotted #fff;
	padding-bottom:9px;
	display:block;
	}

#mostcommented ul li, #recent_comments ul li {
	list-style:none;
	border-top:0px dotted #fff;
	padding-bottom:9px;
	display:block;
	}

#mostcommented li {
	list-style:none;
	border-top:0px dotted #fff;
	padding-bottom:9px;
	display:block;
	}

#recent_comments li, #recentpost li {
list-style:none;
padding-top:0px;
	border-top:0px dotted #fff;
	padding-bottom:0px;
	display:block;
	}

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
	color:#008ECD;
	}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
	border-top:0px dotted #fff;
	}


#footer {
	margin: 0 auto;
	width: 960px;
text-align: center;
	font-size:0.6em;
	padding-top:10px;
	padding-bottom:10px;
	}


/* Float Properties*/

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display:inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}





/*CSS FOR MAIN PAGE*/

h1 {
font-family:arial,Sans-Serif;
font-size:1.4em;
font-weight:normal;
margin-bottom:0;
margin-top:0;
color:rgb(0, 142, 205);
}
h2 {
font-family:arial,Sans-Serif;
font-size:1.8em;
font-weight:bold;
margin-bottom:0;
margin-top:0;
color:rgb(0, 142, 205);
}
h3 {
font-family:arial,Sans-Serif;
font-size:1.4em;
font-weight:normal;
margin-bottom:0;
margin-top:0;
color:rgb(0, 142, 205);
}
h4 {
font-family:arial,Sans-Serif;fjh
font-size:1.3em;
font-weight:normal;
margin-bottom:5px;
margin-top:0;
color:#808080;
}
h5 {
font-family:arial,Sans-Serif;
font-size:1.3em;
font-weight:normal;
margin-bottom:0;
margin-top:0;
color:rgb(0, 142, 205);
}
h6 {
font-family:arial,Sans-Serif;
font-size:1.5em;
font-weight:normal;
margin-bottom:10px;
margin-top:0;
color:rgb(0, 142, 205);
}


.maintable4 {
border:0 none;
font-family:arial,Sans-Serif;
margin:0 0 0 0px;
padding:0;
width:760px;
}
.maintable4home {
border:0 none;
font-family:arial,Sans-Serif;
margin:0 0 0 0px;
padding:0;
width:955px;
}
.firstpanel {
border-top:medium none;
}
.lastpanel {
border-bottom:medium none;
max-height:30px;
}
.newmaintablehome {
border:0 none;
font-family:arial,Sans-Serif;
margin:0 0 0 0px;
padding:0;
width:928px;
}
.newmaintable4home {
border:0 none;
font-family:arial,Sans-Serif;
margin:0 0 0 0px;
padding:0;
width:933px;
}
.newmaintable2home {
margin-left:0px;
margin-top:0;
padding:0;
width:960px;
}
.rightpanelcontent {
background:none;
border-bottom:0px solid white;
border-left:0px solid white;
border-top:0px solid white;
padding:5px 10px;
}
.rightpanelcontent .inactivepanel {
min-height:69px;
}
.rightpanelcontent .activepanel {
min-height:69px;
}
.firstpanel {
border-top:medium none;
min-height:69px;
}
.lastpanel {
border-bottom:medium none;
height:30px;
}
.activepanel {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border-left:medium none;
padding-left:10px;
padding-top:0px;
}
.activepanel p {
display:none;
}
.activepanel h2 {
color:white;
font-size:	1.8em;
}
.inactivepanelleft {
display:none;
height:330px;
width:550px;
font-size:1em;
}
.activepanelleft {
height:330px;
position:relative;
width:550px;
}
.leftpanel {
float:left;
padding:10px;
width:500px;
}
.topblock {
height:350px;
overflow:visible;
}



.hpContainer {
border:0px solid #CCCCCC;
height:520px;
margin-top:10px;
overflow:visible;
padding:10px 10px 0;
}
html > body .hpContainer {
height:auto;
overflow:hidden;
}
.highlightHeaderBox {
color:white;
font-weight:bold;
margin-bottom:5px;
}
.highlightHeaderBox p {
font-weight:bolder;
margin:0;
padding:0;
}
.rightpanel {
float:right;
width:180px;
color:none;
}
.rightpanel a {
color:#67C029;
}

.rightpanel a:hover {
color:#008ECD;
}

.Light h1 {
font-size:2em;
margin-bottom:10px;
}
.Dark h1 {
font-size:3.5em;
margin-bottom:10px;
color:#fff;
}
.captionBlockLast {
border:medium none;
}

.Dark p {
color:#fff;;
}

.Dark h1 a {
background-color:#67C029;
color:#fff;
}
.Dark h1 a:hover {
background-color:#008ECD;
text-decoration:none;
}
.leftpanel .Dark > p {
color:#fff;
}
.leftpanel .Dark ul {
color:#67C029;
}
.leftpanel .Dark ul li {
color:#67C029;
}
.activepanel .Dark a {
color:#67C029;
}
p.highlightHead {
font-weight:bold;
margin:0;
font-size:16px;
}
.activepanel .Dark a:hover {
color:#008ECD;
}
.activepanel h2 a {
color:#67C029;
text-decoration:none;
}
.activepanel h2:hover a {
color:#008ECD;
text-decoration:none;
}
.activepanel h2:visited a {
color:#67C029;
text-decoration:none;
}
.activepanel .Dark a:hover {
color:#008ECD;
}
.activepanel h2 a {
color:#67C029;
text-decoration:none;
}
.inactivepanel h2:hover a {
color:#008ECD;
text-decoration:none;
}
.inactivepanel h2:visited a {
color:#67C029;
text-decoration:none;
}
.inactivepanel h2:active a {
color:white;
text-decoration:none;
}
.xtop, .xbottom {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
display:block;
font-size:1px;
}
.xbcontent {
display:block;
padding:5px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block;
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4, .xbcontent {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F0F0F0 none repeat scroll 0 0;
border-color:#F0F0F0;
border-style:solid;
border-width:0 1px;
}
.xb1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F0F0F0 none repeat scroll 0 0;
margin:0 5px;
}
.xb2 {
border-width:0 2px;
margin:0 3px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px;
margin:0 1px;
}