/*
Theme Name: Chris Huhne
Theme URI: 
Description: Custom theme developed for Chris Huhne by Puffbox Ltd
Version: 1.0
Author: Simon Dickson and Matt Budd
*/


a { color:#066; text-decoration:none; }
	a:hover{ text-decoration:underline; }
	a:active, a:focus { outline: 0; } /* stops Firefox outline */
b, strong { font-weight:bold; }
em, i { font-style:italic; }
hr { display:none; }
.hidden { display:none; }
.nowrap { white-space:nowrap; }
.rounded { -moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px; }
img#wpstats { display:none; }
.navigation { clear:left; overflow:auto; padding:0 0 10px 0; }
.alignleft { float:left; margin:0 0.5em 0.5em 0; }
.alignright { float:right; margin:0 0 0.5em 0.5em; }
.pointer { cursor:pointer; }

h1,h2,h3,h4,h5,h6 { font-family:Arial,sans-serif; font-weight:bold; }
.content h2, .index .item h3 { font-size:2em; margin-bottom:10px; }
.content p, .content li, .sidebar p { line-height:1.539em; margin-bottom:10px; }

body { font-family:Verdana,Arial,sans-serif; }

#loginstrip { display:block; height:25px; padding:3px 0 0 0; background:#80c7ce; font-size:93%; }
	.txtbalance { float:left; margin:5px 3px 0 0; }
	.fbpromo { background:url(images/facebook.gif) center left no-repeat; padding:0 0 0 20px; }
#footer { display:block; padding:10px 0; background:#34363e; font-size:85%; color:#939598; }
#footer2 { display:block; padding:10px 0; background:#2c2d35; font-size:85%; color:#939598; }
#main { display:block; background:#e0e0e0 url(images/mainback.gif) top left repeat-x; }

/* header area */
h1.headimg { z-index:99998; text-indent:-9999px; display:block; height:185px; position:relative; margin-top:-26px; background:url(images/heading.jpg) top center no-repeat; }
p.tagline { color:#fff; position:absolute; margin:-40px 0 0 100px; z-index:99999; }
.tabs { display:block; height:40px; background:url(images/tabs.gif); text-align:center; _margin-top:-16px; }
.tabs li { display:block; float:left; width:137px; }
.tabs a { color:#fff; font-weight:bold; text-shadow:#000 1px 1px 0; display:block; padding:7px 15px 5px 15px; }
	.tabs a:hover { text-decoration:none; color:#fe9; }

/* general elements */
.columns .box, .issuecolumns .box, .home .splash .box { background-color:#f3f3f3; background-image:url(images/boxtop.gif); background-position:top left; background-repeat:repeat-x; margin-bottom:1em; }
.home .columns .box { background-image:url(images/boxtop-mid.gif); margin-top:-1em; }
.box .padding { display:block; padding:10px; background:url(images/boxbtm.gif) bottom left repeat-x; }
.columns .content { background-color:#fff; overflow:hidden; }

.content ul li { list-style:square; margin-left:2em; }
.content ol li { list-style:decimal; margin-left:2em; }
.content img.wp-smiley { border:none; }
.wp-caption-text { display:block; text-align:center; font-size:85%; font-style:italic; }
.content td { padding:5px; }

/* home elements */
#carousel, #actions { height:380px; }
.splash a:hover { text-decoration:none; }
#actions {}
	#actions li { display:block; height:114px; padding:5px 0; margin:0px 0 4px 0; *margin:1px 0 3px 0; }
	#actions li .container { display:block; height:112px; border:1px solid #FDBB30; background:url(images/actionbox.jpg) center center no-repeat; padding:0 10px; }
		#actions li.mail {}
			#actions li.mail h3 { display:block; text-align:center; color:#c41130; font-size:138.5%; margin:5px 0; text-transform:uppercase; }
			#actions li.mail form label { float:left; width:100px; }
			#actions li.mail form input { width:160px; margin:0 0 3px 0; }
			#actions li.mail form #submit { clear:both; width:auto; margin:2px 0 0 0; padding:1px 5px; border-top:1px solid #eee; border-left:1px solid #eee; border-bottom:1px solid #666; border-right:1px solid #666; background:url(images/button.jpg) center left no-repeat; color:#eee; font-family:Verdana,Arial,sans-serif; font-weight:bold; }
			#actions li.mail form #submit:active { border-top:1px solid #666; border-left:1px solid #666; border-bottom:1px solid #eee; border-right:1px solid #eee; background:url(images/button.jpg) center right no-repeat; color:#fff; }
		#actions li.vol .container { background:url(images/actionbox-vol.jpg) center center no-repeat; }
			#actions li.vol .container h3 { display:block; padding:10px 10px 10px 70px; }
			#actions li.vol .container p { display:block; padding:0 10px 0 70px; }
			#actions li.vol h3 a { color:#c41130; font-size:182%; }
			#actions li.vol h3 a:hover { color:#f23; }
			#actions li.vol p { margin:0; color:#222; font-size:93%; }
		#actions li.race .container { background:url(images/actionbox-race.jpg) center center no-repeat; }
			#actions li.race .container h3 { display:block; padding:10px 10px 10px 70px; }
			#actions li.race .container p { display:block; padding:0 10px 0 70px; }
			#actions li.race h3 a { color:#c41130; font-size:182%; }
			#actions li.race h3 a:hover { color:#f23; }
			#actions li.race p { margin:0; color:#222; font-size:93%; }
#carousel { font-family:Arial,sans-serif; }
	#carousel ul { height:360px; display:none; }
	#carousel li { position:absolute; z-index:99; width:600px; height:360px; padding:5px; background:#F9BA57; margin:5px 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
	#carousel img { position:absolute; z-index:100; }
	#carousel li strong { position:absolute; margin:275px 0 0 10px; color:#fff; width:600px; z-index:102; font-size:307.8%; }
	#carousel li em { position:absolute; margin:325px 0 0 10px; color:#fff; width:600px; z-index:102; font-size:182%; font-style:normal; }
	#carousel li a { display:block; width:600px; height:360px; z-index:103; }

#lifestream { margin-top:5px; }
	#lifestream li { margin:0 0 5px 0; border-bottom:1px solid #ccc; }
		#lifestream li.last { border:none; }
	#lifestream li { font-size:85%; padding:2px 0 7px 20px; }
		#lifestream li.twitter { background:url(images/lifestream/twitter.gif) 0 2px no-repeat; }
		#lifestream li.hansard { background:url(images/lifestream/hansard.gif) 0 2px no-repeat; }
		#lifestream li.edm { background:url(images/lifestream/edm.gif) 0 2px no-repeat; }
		#lifestream li.media { background:url(images/lifestream/media.gif) 0 2px no-repeat; }
	#lifestream li .date { font-size:92%; color:#666; white-space:nowrap; }
	#lifestream li .desc { font-size:92%; padding:2px 0 0 0; }
	#lifestream li a { font-weight:bold; }

.home .sidebar .unit { margin:10px 0 20px 0; padding:5px; }
#youtubeunit { text-align:center; }
#vidplayer { display:block; width:360px; height:320px; background:#fff url(images/loading.gif) center center no-repeat; }
.vidmenu { display:block; width:100px; float:left; margin:5px 3px; padding:5px; border:1px solid #f3f3f3; }
.vidthumb a { display:block; width:100px; height:85px; }
	.vidmenu .hovering a { color:#222; }
	.vidmenu a:hover { text-decoration:none; }
#youtubeunit .newrow { clear:both; }
.activevid { background:#fff; border:1px solid #999; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
	.activevid a { color:#000; }
.vidmenu .text { font-size:85%; }

#tweets { border-top:1px solid #ccc; margin:5px 0; }
#tweets li { font-size:85%; padding:5px; border-bottom:1px solid #ccc; }
#tweets li.alt { background-color:#fff; }
.home .sidebar .socialpromo { display:block; text-align:left; padding:3px 0 5px 0; font-weight:bold; }

#welcome { padding-bottom:0.5em; margin-bottom:3em; }
#latest ul { margin-left:16px; }
#latest li { list-style:square; }
	#latest li .date { white-space:nowrap; font-size:85%; color:#666; }
	#latest li .excerpt { font-size:85%; }

/* Index styles */
.item { border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:20px; }
.lastitem { border-bottom:none; }
.index .content h2 { color:#999; font-size:1.31em; border-bottom:1px dotted #ccc; padding-bottom:5px; }

/* Post/page metadata */
.meta { clear:both; margin:5px 0 1em 0; }
.meta span { margin-right:1em; }
.meta .date { font-size:85%; padding:0 0 5px 20px; background:url(images/actions/calendar.gif) 0 0 no-repeat; }
.meta .comments { font-size:85%; padding:0 0 5px 20px; background:url(images/actions/comment_yellow.gif) 0 0 no-repeat; }
.meta .tags { display:block; font-size:85%; padding:5px 0 0 20px; background:url(images/actions/folder.gif) 0px 3px no-repeat; }
	.meta .tags a { white-space:nowrap; }
.postactions { font-size:85%; padding-top:10px; }
	.postactions li { display:inline; margin-left:0 !important; margin-right:1em; }
	.postactions a { color:#c82; padding:2px 0 2px 20px; background-position:center left; background-repeat:no-repeat; }
		.postactions li.twitter a { background-image:url(images/actions/twitter.gif); }
		.postactions li.facebook a { background-image:url(images/actions/facebook.gif); }
		.postactions li.delicious a { background-image:url(images/actions/delicious.gif); }
		.postactions li.digg a { background-image:url(images/actions/digg.gif); }
		.postactions li.libdig a { background-image:url(images/actions/libdig.gif); }

/* Comments */
.comments h3 { font-size:146.5%; margin-top:40px; }
.commentlist { margin:10px 0; border-top:1px dotted #999; border-bottom:1px dotted #999; }
.content .commentlist li { margin-bottom:0; }
.commentlist li { color:#777; padding:10px 0; margin:0; }
.commentlist li ul { margin:10px 0 0 0; }
.commentlist li.alt { border-top:1px dotted #999; border-bottom:1px dotted #999; background:#f4f4f4; }
	.commentlist li.last { border-bottom:none; }
	.commentlist li li { margin-left:46px; border-top:1px dotted #999; border-bottom:none !important; }
.commentlist li.bypostauthor { background:#ffc; }
.commentlist .avatar { float:left; margin:3px 5px 0 5px; }
.commentlist p { clear:left; padding-left:46px; color:#222; margin:0.5em 0 0 0; }
textarea#comment { width:550px; }
#respond h3 { margin-bottom:0.5em; }
#commentform input, #commentform textarea { font-family:Verdana,Arial,sans-serif; }
#commentform #submit, #supportform #submit { font-family:Verdana,Arial,sans-serif; border:1px solid #ea0; background:#222 url(images/blackgloss.gif) center left repeat-x; color:#ea0; padding:0.25em; }
#commentform #submit:hover, #supportform #submit:hover { color:#fff; }

/* sidebar styles */
.sidebar h2 { font-size:1.465em; color:#066; }
.sidebar .widget a { color:#000; }
.sidebar .widget { margin-bottom:10px; border-bottom:1px solid #ccc; color:#666; }
.sidebar .widget_archive select { margin:5px 0 15px 0; }
.sidebar .widget #searchform { margin:5px 0 15px 0; }
	.sidebar .widget #searchform #s { width:120px; }
.sidebar ul.widgets li.last { border-bottom:none; }
.sidebar .widget ul { margin-top:10px; }
.sidebar .widget ul li { margin-bottom:10px; }
.sidebar .widget ul li li { margin-left:10px; }
.pagenav ul { margin:5px 0 0 0; }
.pagenav li { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc; }
	.pagenav li li { border-bottom:none; padding:5px 0; margin:0 0 0 20px; border-top:1px dotted #ccc; }
	.pagenav li.last { border-bottom:none; }
	.pagenav li li.last { padding:5px 0 0 0; }

/* Issue/s pages */
.issuehome .heading { background:#fff; }
.issuehome .heading .padding { padding:10px; }
.issuehome h2.geotitle { font-size:2em; text-transform:capitalize; padding:10px; }
.issuehome #geoform { text-align:right; }
.issuehome #spinner { margin:9px 0 0px 9px; }

.issuehome #tabs2 li { display:block; float:left; width:150px; text-align:center; margin: 5px 0 0 1em; padding:5px 0; background-image:url(images/tabs2.gif); background-repeat:no-repeat; background-position:top left; }
.issuehome #tabs2 li.active { background-position:top right; }
.issuehome #tabs2 li a { color:#777; }
.issuehome #tabs2 li.active a { color:#066; }

.issues { padding-bottom:15px; }
.issues #theissues { background:#fff; overflow:auto; zoom:1; }
	.issues #theissues .noscript { padding:0 10px 10px 10px; }
.issues .issue .padding { display:block; padding:10px; }
.issues .issue { height:400px; overflow:hidden; }
.issues .issue h3 { font-size:123.1%; clear:both; }
.issues .issue p { font-size:85%; line-height:1.539em; }
.issues .issue .issuepic { display:block;width:290px;height:200px;margin:5px 0; background:#f4f4f4;}

.issuepage .content h3 { clear:both; font-size:116%; padding:0.85em 0; border-top:1px dotted #999; }
.issuepage .thecontent img { border:1px solid #ccc; padding:3px; }

.issuepage .sidebar h2 { margin:0 0 10px 0; }
.issuepage .latest .issueitem { padding:0 0 1.539em 0; }
.issuepage .latest .date { white-space:nowrap; font-size:85%; color:#666; }
.issuepage .latest .excerpt { font-size:85%; margin:5px 0 0 0; }
.issuepage .latest .wp-post-image { margin:5px 0 0 0; }
.issuepage .supporters { margin-bottom:1em; }
.issuepage .supporter { display:block; width:68px; height:68px; margin:0 5px 6px 0; }
.issuepage .supporter .comment { display:none; position:absolute; z-index:99; margin:-16px 0 0 36px; width:200px; height:auto; background-image:url(images/bubble.gif); background-position:top left; background-repeat:no-repeat; border-bottom:1px solid #222; }
	.issuepage .pushleft .comment  { margin:-16px 0 0 -175px; background-position:top right; }
.issuepage .supporter .comment .in { display:block; padding:12px 6px 6px 6px; font-size:85%; }
.issuepage .supporter img { border:1px solid #ccc; padding:1px; }
	.issuepage .supporter img.hovering { border:1px solid #089; }
.issuepage .elevate { position:relative; z-index:100; }
.issuepage .commentline { margin:5px 0; }
p.supportsubtitle { position:relative; top:-12px; font-size:85%; margin-bottom:0; }
#supportform #author, #supportform #email { width:200px; }
#supportform #comment { width:480px; }
#supportform label { font-size:85%; }
#supportform input { font-family:Verdana,Arial,sans-serif; margin:5px 0; }

.issuepage .otherissues { border-top:1px dotted #999; display:block; padding:1em 0; }
.issuepage .otherissues form { display:inline; }
.issuepage .otherissues form input, .issuepage .otherissues form select { font-family:Verdana,Arial,sans-serif; }

/* footer elements */
#footer a, #footer2 a { color:#ccc; }
#footer .LDCampaignList p { display:inline; margin:0 5px 0 0; }
#footer .imprint p { margin:5px 0 0 0; }
#footer .subscriptions li { padding:7px 0 7px 25px; }
	#footer .subscriptions li.twitter { background:url(images/subs/twitter.gif) center left no-repeat; }
	#footer .subscriptions li.facebook { background:url(images/subs/facebook.gif) center left no-repeat; }
	#footer .subscriptions li.rss { background:url(images/subs/rss.gif) center left no-repeat; }
	#footer .subscriptions li.libdems { background:url(images/subs/libdems.gif) center left no-repeat; }

/* Other stuff */
#paypalform { display:block; padding:10px 0; }

