/*
Theme Name: Charlotte
Theme URI: http://charlotteleslie.com/
Description: Designed for Charlotte's official site
Version: 0.1
Author: Toby Lewis
Author URI: http://logogriph.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Charlotte v0.1
	 http://charlotteleslie.com/

	This theme was designed and built by Toby Lewis.

*/

#map { border: 1px solid #888; }

a img, img, fieldset { border: 0; }

.clearfloat
{
	height: 0;
	font: 1px/1 sans-serif;
	clear: both;
}

*
{
	margin: 0;
	padding: 0;
}

.center { text-align: center; }
.hidden { display: none; }
.clear { clear: both; }
hr { display: none; }

/* Begin Typography & Colors */
body
{
	font-size: 62.5%;
	/* Resets 1em to 10px */
	font-family: "Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	background: #d5d6d7 url('images/skyblue.jpg');
	color: #333;
	text-align: center;
}

#outerpage { background: transparent url('images/balloons.jpg') no-repeat top center; }

#page
{
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
}

#content { font-size: 1.2em; }

small
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
}

h1, h2, h3
{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}

h1 { font-size: 4em; }
h2 { font-size: 1.6em; }
h2.pagetitle { font-size: 1.6em; }

#sidebar h2
{
	font-size: 1.2em;
}

h3 { font-size: 1.3em; }
h3.description
{
	font-size: 1.5em;
	padding: 5px 0;
}
#loc_map
{
	font-size: 1.2em;
	font-weight: bold;
}

/*
	blue 06c 28c
*/
a
{
	text-decoration: none;
	color: #1F527B;
	background-color: transparent;
}

a:visited
{
	color: #4F85AE;
	background-color: transparent;
}

a:hover, a:active
{
	color: #000;
	background-color: #C7EBE8;
}

/* End Typography & Colors */
/* 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: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft
{
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright
{
	float: right;
	margin: 10px 0 10px 10px;
}

.alignleft
{
	float: left;
	margin: 10px 10px 10px 0;
}

/* End Images */
/* Begin Structure */
body
{
	margin: 0 0 20px 0;
	padding: 0;
}

#mainlogo
{
	width: 900px;
	margin: 10px auto 0 auto;
	height: 60px;
	overflow: hidden;
	position: relative;
	z-index: 1000;
}

#mainlogo h1
{
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 1000;
}

#mainlogo h1.leftside { float: left; }
#mainlogo h1.rightside { float: right; }

#mainlogo h1 a
{
	display: block;
	z-index: 1000;
	margin: 0;
	height: 50px;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
	z-index: 1000;
	width: 300px;
	color: #fff;
}

#mainlogo h1.leftside a
{
	z-index: 1000;
	position: absolute;
	left: 0;
	background: url(images/charlotte.gif) no-repeat top left;
}

#mainlogo h1.rightside a
{
	position: absolute;
	right: -1px;
	background: url(images/conservatives.gif) no-repeat top right;
}

#mainlogo h1.centered
{
	width: 300px;
	margin: 0 auto;
}

#mainlogo h1.centered a
{
	font-size: 0.5em;
	background: url(images/PPC.gif) no-repeat top right;
}

#page
{
	background-color: #fff;
	margin: auto;
	padding: 0;
	width: 900px;
	border: 1px solid #000;
}

#header
{
	background: url(images/navhead.png) repeat-x top left;
	margin: 10px;
	padding: 0;
	height: 60px;
}

#navmenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#navmenu li { display: inline; }

#navmenu li a, #navmenu li a:link, #navmenu li a:visited, #navmenu li a:hover, #navmenu li a:active
{
	display: block;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
	padding: 5px 0 5px 0;
	width: 140px;
	height: 35px;
	background-color: transparent;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

#navmenu li.selected a
{
	color: #fff;
	text-decoration: underline;
	background: transparent url(images/selected_down.gif) no-repeat center bottom;
}
#navmenu li a:hover
{
	color: #000;
	text-decoration: none;
	background: transparent url(images/selected_up.gif) no-repeat center bottom;
}

#footer
{
	padding: 10px;
	clear: both;
}

#footer p
{
	margin: 0;
	padding-bottom: 10px;
	text-align: center;
}

#sidebar
{
	width: 270px;
	padding-right: 10px;
	float: right;

}

#sidebar h2
{
	color: #fff;
	background-color: #7DC436;
	padding: 3px 10px 5px 10px;
	margin-bottom: 10px;
	font-size: 1.4em;
}

#sidebar h2 a, #sidebar h2 a:visited, #sidebar h2 a:link
{
	background-color: transparent;
	color: #fff;
}

#sidebar h2 a:hover, #sidebar h2 a:active
{
	background-color: transparent;
	color: #000;
	text-decoration: underline; 
}

#sidebar ul
{
	list-style-type: none;
	list-style-position: default;
}

#sidebar .widget
{
	border: 1px solid #888;
	padding: 10px;
	margin-bottom: 10px;
	background: transparent url(images/fade.gif) repeat-x top left
}

#sidebar .widget_rss ul
{
	list-style-type: default;
	list-style-image: url(images/arrows.gif);
	list-style-position: outside;
	padding-left: 20px;
}

#sidebar .widget_rss li
{
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.content_col
{
	float: left;
	width: 610px;
}

.navigation
{
	padding: 0 40px;
	font-size: 1.2em;
}

#patience
{
	border: 1px solid #E6DB55;
	padding: 10px;
	margin-bottom: 10px;
	font-size:1.4;
	font-weight: bold;
	text-align: center;
	background-color: #fffbcc;
	color: #888;
}

#sidebar #addthis_widget
{
	background: #fff;
}

/*
	background: url(images/bgmeasure.gif) repeat top left;

*/

/* End Structure */

/*	articles 
===============================*/

div.article
{
	background: #fff url(images/fade.gif) repeat-x top left;
}
div.article h3
{
	font-family: "Tahoma", sans-serif;
	font-weight: bold;
}

div.article p
{
	font-family: "Tahoma", sans-serif;
	text-align: justify;
}

div.article img
{
	float: left;
	display: block;
	border: 1px solid #888;
	margin: 0 10px 10px 0;
}

div.article a { display: block; }
a.imglink
{
	display: block;
	position: relative;
	line-height: 1px;
	float: left;
}

/*
div.entry {border: 2px solid #0f0;}
/**/

div.lead, div.sublead, div.headline, div.archive
{
	float: left;
	padding-left: 10px;
}

div.lead div.article, div.sublead div.article, div.headline div.article, div.archive div.article
{
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #888;
	overflow: hidden;
}

div.lead div.article { 
	margin-right: 0;
	width: 572px; 
}

div.lead h3
{
	padding: 0 0 5px 0;
	font-size: 1.9em;
}

div.lead p { font-size: 1.3em; }
div.rollover { }

div.sublead div.article
{
	width: 169px;
	height: 400px;
}

div.sublead h3
{
	clear: both;
	padding: 0 0 5px 0;
	font-size: 1.4em;
}

div.sublead	p
{
	font-size: 1.1em;
	clear: left;
	padding-right: 10px;
}



div.headline div.article
{
	width: 270px;
	height: 80px;
}

div.headline h3
{
	padding: 0 0 5px 87px;
	font-size: 1.2em;
}

div.archive div.article
{
	width: 572px;
}

div.archive h3
{
	padding: 0 0 5px 87px;
	font-size: 1.2em;
}
div.archive p 
{
	padding-left: 87px;
	font-size: 1.2em;
}

div.archive .post-time
{
	padding-left: 87px;
	font-weight: bold;
	border-bottom: 1px solid #888;
}

/*
	MSIE has problems with image floated left within <li>
	so display: inline-block; has been added to give the div "hasLayout"
	http://www.satzansatz.de/cssd/onhavinglayout.html
*/
.spotlight div.article
{
	display: inline-block;
	width: 248px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #888;
}

#sidebar .spotlight h3
{
	margin: 0;
	padding: 0 0 5px 87px;
	font-size: 1.2em;
}

/* no need to padd the bottom of the image since there will not be any wrapped text*/
#sidebar .spotlight img { margin-bottom: 0; }

/* BEGIN article content */
.single-post, .comments-wrap { 
	clear: both;
	padding: 0 20px 0 10px; 
}
.comments-wrap .postmetadata
{
	margin-top:20px;
	border-top: 1px solid #888;
}

.single-post .post-time
{
	color: #888;
	padding-bottom: 5px;
	border-bottom: 2px solid #888;
}

.single-post h2
{
	padding: 10px 0;
	font-size: 1.9em;
	color: #000;
}

.single-post h3
{
	padding: 10px 0;
	font-size: 1.5em;
	border-top:1px solid #888;
	color: #000;
}

.single-post h4
{
	padding: 10px 0;
	margin: 10px 0;
	font-size: 1.3em;
	color: #000;
	background-color: #eee;
	text-align: center;
}

.single-post p, .comments-wrap p
{
	font-size: 1.2em;
	line-height: 1.5em;	
	text-align: justify;
	margin-bottom: 10px;
}

.single-post ul, .single-post ol
{
	padding: 0 0 20px 30px;
}

.single-post ul
{
	list-style-type: default;
	list-style-image: url(images/roundarrow.gif);
	list-style-position: outside;
}

.single-post li
{
	font-size: 1.2em;
	padding-bottom: 0.5em;
}

.single-post ins
{
	background-color: #C7EBE8;
	text-decoration: none;
}


/*
	use the html below for a text box
	<div class="box quote">
	<ins> </ins>quoted_text<del> </del>
	</div>
*/

div.box
{
	clear: both;
	float: right;
	display: block;
	width: 260px;
	margin: 10px 0 10px 20px;
	border: 1px dotted #888;
	padding: 10px;
	background-color: #efe;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

div.quote
{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;
}

div.box ins
{
	display: block;
	width: 24px;
	height: 13px;
	float: left;
	padding: 0;
	margin: 0;
	text-decoration: none;
	background-color: transparent;
	background-image: url(images/quote_open.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.box del
{
	display: block;
	height: 13px;
	text-decoration: none;
	background: transparent url(images/quote_close.gif) no-repeat right bottom;
}


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

.single-post hr { display: block; }

/* End article content*/
/* Begin Form Elements */
#sidebar #searchform #s
{
	width: 160px;
	padding: 2px;
	margin-right: 10px;
}

#sidebar #searchsubmit { padding: 1px; }
#sidebar #searchform label { display: none; }

.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*/
.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; }

.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 */
/* 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;
	-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 */


/*	================================================
	petition css
*/


.ep_form_box, .ep_block_err, .ep_instruction, .ep_statement, .ep_more_info, .ep_name_list, .ep_comments, .ep_admin_box
{
	padding: 10px 20px;
	margin-bottom: 15px;
}

.ep_form_box, .ep_admin_box { border: 2px solid #888; }

.ep_block_err
{
	color: #000;
	background-color: #fcc;
	border: 2px solid #800;
	font-size: 1.2em;
}

.ep_instruction
{
	color: #000;
	background-color: #AFEEEE;
	border: 2px solid #008;
	font-size: 1.8em;
}

.ep_statement
{
	color: #fff;
	background-color: #556B2F;
	border: 2px solid #080;
	font-size: 1.2em;
}

.ep_name_list, .ep_more_info, .ep_comments { border: 2px solid #888; }

.ep_name_list ul
{
	font-size: 1.2em;
}
.ep_name_list li
{
	display: inline;
	color: #556B2F;
	font-weight: bold;
}

.ep_comments div
{
	border-bottom: 1px solid #888;
	padding: 5px 0;
}
.ep_comments p
{
	color: #008;
}

/*	=============
	form styling
*/

.ep_form_box form
{
text-align: left;
}
.ep_form_box .field_wrap
{
	font-size: 1.3em;
	padding: 5px 0 0 0;
}
.ep_form_box .field_wrap label
{
	font-weight: bold;
}
.ep_form_box .field_wrap label.checkbox
{
	display:inline;
}


.ep_form_box input.text, .ep_form_box textarea
{
	font-size: 1.2em;
}
.ep_form_box #epet_name {width: 200px;}
.ep_form_box input.text {width: 300px;}
.ep_form_box #epet_address, .ep_form_box #epet_comments, .ep_form_box #epet_details {width: 300px;height:100px;}


.download_doc
{
	display:block;
	width: 200px;
	padding: 75px 10px 10px 10px;
	border: 1px dotted #888;
	background: transparent url(images/document.png) no-repeat center 10px;
}

/* end */

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */