/*
Theme Name: Visible Vote
Theme URI: http://visiblevote.org/
Description: The default Visible Vote blog theme.
Version: 1.0
Author: SolDesign
Author URI: http://soldesignco.com/
Tags: grey, fixed width, two columns, widgets
*/


/* Begin SolDesign Style */
body{background:url('images/body-bg.gif') repeat center top;}

a{color:#0071B2;font-weight:bold;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}
a img{border:0;}

h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1em;}
h1{margin-bottom:35px;}
h2{font:bold 24px "Times New Roman", Times, serif;color:#CB3728;margin-bottom:0;}
h2 a{color:#CB3728;}
h3{font:normal 18px "Times New Roman", Times, serif;color:#CB3728;margin-bottom:.5em;}
h3 a{font-weight:normal;color:#CB3728;}
h4{font-size:12px;color:#4D4D4D;margin-bottom:0;}
p{font-size:12px;line-height:1.5em;margin-top:0;margin-bottom:2em;}
ul{margin:0 0 2em;padding:0;list-style-type:none;}

#page {
	font: normal 11px Verdana, Geneva, sans-serif;
	width: 1020px;
	margin: 0 auto;
	background: url('images/container-bg.gif') no-repeat 0 35px;
}

#wrapper{background-color:#fff;margin-left:20px;padding-left:20px;}
#header{height:115px;padding-top:25px;background:url('images/header-bg.gif') no-repeat top;}
#sidebar{width:255px;margin-right:35px;}
#sidebar p{font-size:11px;margin-bottom:1em;}
.sidebuttons{margin-top:25px;}

a.sidebutn{background:url('images/button-sidebar.gif') repeat-x 0 0;width:255px;height:65px;display:block;text-indent:-999em;}
a.contact{background-position:0 0;}
a.contact:hover{background-position:0 -65px;}
a.faq{background-position:255px 0;}
a.faq:hover{background-position:255px -65px;}

#quicklinks{margin:0 0 25px 444px;width:325px;}
#quicklinks a{font-weight:normal;color:#808080;padding-left:20px;}
#logo{width:195px;height:70px;margin:20px 0 25px 50px;}
#slogan{width:255px;height:70px;margin-top:5px;margin-bottom:15px;}
#navi{overflow:auto;background:url('images/navi-bg.gif') no-repeat top center;width:660px;height:55px;margin-left:90px;padding-top:13px;}

#navi a{background:url('images/navi-li.gif') repeat-x 0 0;height:42px;display:block;margin:0 17px;text-indent:-999em;}
#navi li.startvoting a{background-position:0 0;width:105px;}
#navi li.startvoting a:hover{background-position:0 -42px;}
#navi li.visiblestats a{background-position:367px 0;width:105px;}
#navi li.visiblestats a:hover{background-position:367px -42px;}
#navi li.techsupport a{background-position:257px 0;width:109px;}
#navi li.techsupport a:hover{background-position:257px -42px;}
#navi li.about a{background-position:142px 0;width:48px;}
#navi li.about a:hover{background-position:142px -42px;}
#navi li.press a{background-position:87px 0;width:46px;}
#navi li.press a:hover{background-position:87px -42px;}
#navi li.blog a{background-position:37px -42px!important;width:37px;}
#navi li.blog a:hover{background-position:37px -42px;}


ul.application{margin-top:25px;margin-bottom:15px;background:url('images/ul-app.gif') no-repeat bottom;padding-bottom:5px;}
ul.application h2{text-transform:uppercase;font-size:11px;background:url('images/ul-app-h2.gif') no-repeat bottom;height:10px;margin-bottom:0;text-align:center;padding:20px 0;width:255px;}
ul.application li{border-top:1px solid #B3B3B3;background:url('images/ul-app-li.gif') no-repeat 0 50%;padding:8px 0 8px 45px;}

#content{width:635px;padding-left:30px;}

#footer{background:url('images/footer-bg.gif') no-repeat top;height:30px;}

.entry img.alignleft, .entry img.alignright{border:1px solid #E6E6E6;background:url('images/img-bg.gif') repeat;}
.alignleft,.alignright{display:inline;}
.alignleft,#logo,#quicklinks,#navi,#navi li,#sidebar,#content,.feat{float:left;}
.alignright{float:right;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.clear,#header,#footer{display:block;clear:both;}
.grey,p.tweet em{color:#999;}
.hide{visibility:hidden;margin:0;padding:0;}

.feat{width:285px;height:250px;padding:25px 15px 15px;border:1px dashed #666;margin-bottom:25px;position:relative;}
.feat p{font-size:10px;}
#myContent{position:relative;z-index:1;}
h2.speech{position:absolute;top:-12px;right:-1px;z-index:2;}
h2.speech img{width:120px;height:40px;}
.stats{padding-top:30px;height:245px;}
.stats,.users{margin-right:25px;}
p.first{border-top:0;margin-top:0;}
.twitter{background:url('images/twitter.gif') no-repeat left center;height:16px;margin-top:5px;padding-left:20px;}
.users p.big{font-size:24px;margin-bottom:1.7em;background:url('images/check.gif') no-repeat left center;padding-left:35px;color:#B3B3B3;}
.issues .cat{margin-bottom:5px;}
.odd,.even{padding:5px;}
.odd span,.even span{padding-right:10px;display:inline-block;}
#votes{margin-bottom:65px;}
#votes .odd{background-color:#F2F2F2;position:relative;}
#votes .title{width:25px;}
#votes .bargraph{width:125px;}
#votes .bargraph div{background-color:#0071BC;height:10px;}
.prcnt,.count{text-align:right;}
.prcnt{width:30px;}
.count{width:55px;color:#808080;}
.pad15{padding-left:15px;}

p.margin70{margin-bottom:70px;}

#twtr-widget-1.twtr-widget{font-size:10px!important;font-family:Verdana, Geneva, sans-serif!important;z-index:1;}
div.twtr-hd,div.twtr-ft{display:none;}
.twtr-widget .twtr-tweet-wrap{padding:2px 4px!important;}
.twtr-widget .twtr-tweet{border-bottom:1px dotted #666!important;}
#tweet-id-1{border-bottom:none!important;}
#twtr-widget-1.twtr-widget p{line-height:1.5em!important;}
#twtr-widget-1 .twtr-bd a.twtr-timestamp,#twtr-widget-1 .twtr-bd a.twtr-reply{font-weight:normal;font-style:italic;color:#999!important;}

.archive h2{margin-bottom:1em;}
.home .entry p, .archive .entry p, .archive h3 {margin-bottom:0;}
hr.dots{border:none;border-bottom:1px dotted #777;color:#fff;margin:20px 0;}

#question{width:450px;}
#question p{display:block;overflow:auto;margin-bottom:10px;}
#question label{color:#808080;width:115px;clear:left;}
#question label, #question input, #question textarea{display:block;float:left;}
#question input, #question textarea{border:1px solid #CCC;background-color:#EEE;}
#question textarea{width:325px;height:125px;}
#question input.button{border:1px solid #CCC;background-color:#CCC;color:#808080;padding:1px 15px;margin-left:115px;cursor:pointer;}
#question input.button:hover{background-color:#AAA;color:#666;}

/* End SolDesign Style */



/* Begin Typography & Colors */
.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

small {
	font-size: 10px;
	}


#wp-calendar caption, cite {
	text-decoration: none;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

small, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

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

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
.post hr {
	display: block;
	}


.smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
	font-style: italic;
	font-size: 10px;
}

.postmetadata a {
	color: #777;
	font-weight: normal;
	text-decoration: underline;
}

.clear {
	clear: both;
}
/* End Structure */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 5px;
	margin: 0 0 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 5px;
	margin: 0 10px 10px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

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

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	color:#999;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */