/*  
Theme Name: OLPC South Carolina	
Theme URI: http://cdpolitical.com
Description: A clean theme based on provided wireframes.
Version: 1.0
Author: Chong Designs, LLC
Author URI: http://www.cdpolitical.com/

*/

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 13px;
	text-align: center;
	vertical-align: top;
	background: #FFF;
	color: #333;
}

#wrapper{
	margin: 0 auto;
	width: 800px;
	text-align: left;
	border: none;
	padding-left:35px;
	background: #FFF;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 34px;
	padding: 15px 0 10px 15px;
}

h3{
	padding: 15px 0 15px 0;
}

h4{ 
	color:#E20176; font-weight:bold;
}
h5{
	padding: 0 0 0 15px;
}

a:link{
	text-decoration: none;
	color:#0091CF;
}

a:hover{
	text-decoration: underline;
	color: #333;
}

a:visited{
	text-decoration: none;
	color:#0091CF;
}

a img {
	border: none;
}

/*******************
----Custom Styles---
*******************/

blockquote { 
	font-style: italic; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333; 
	margin: 1.5em 30px 1.5em 30px; 
	padding: 4px 4px 4px 10px;
	background: #ffffff;
	border-left: 2px solid #0091CF;
}

code { 
	color: #9A2EFE; 
	font-family: Courier, monospace; 
}

.entry p { 
	margin: 0 0 15px 0;
	color:#333333; 
}

.bg {
	background: #ffffff;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.entry ul, .entry ol { 
	margin: 0 0 15px 5px; 
}
	
.entry ul { 
	list-style-type: disc; 
}
	
.entry ul.bg {
	background: #fff;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.entry ul.bg.blue {
	background: #fff;
}

.entry ol.bg {
	background: #fff;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.entry ol.bg.blue {
	background: #fff;
}

.entry li { 
	margin: 0 0 5px 0; 
}
		
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { 
	margin: 5px 0 5px 30px; 
}

.entry blockquote.right { 
	width: 150px; 
	font-style: normal !important; 
	font-size: 14px;
	color: #777;
	margin: 0.3em 0 0.3em 15px !important; 
	padding: 5px;
	background: #fff;border-top: 2px solid #0091CF;
	border-bottom: 2px solid #0091CF; 
	border-left: none;
	border-right: none;
	text-align: center; 
	float: right; 
}
		
.entry blockquote.left { 
	width: 150px; 
	font-style: normal !important; 
	font-size: 14px;
	color: #777;
	margin: 0.3em 15px 0.3em 0 !important; 
	padding: 5px;
	background: #fff;border-top: 2px solid #0091CF;
	border-bottom: 2px solid #0091CF; 
	border-left: none;
	border-right: none;
	text-align: center; 
	float: left; 
}
	
.entry blockquote.right p, .entry blockquote.left p { 
	margin: 0; 
	line-height: 1.4em !important; 
}

.entry img.left { 
	padding: 6px; 
	margin: 0.5em 15px 0.5em 0; 
	border: none;
	float: left; 	
	clear: left; 
}
		
.entry img.right { 
	padding: 6px; 
	margin: 0.5em 0 0.5em 15px; 
	border: none;
	float: right; 
	clear: right; 
}
		
.entry img.center { 
	display: block; 
	padding: 8px; 
	margin: 0 auto 1.5em auto; 
	border: none;
	float: none; 
	clear: both; 
}
	
.entry img.frame { 
	padding: 6px; 
	margin: 0.5em 0 0.5em 15px; 
	border: 1px solid #CCC;
	background: #fff;
	float: right; 
	clear: right; 
}
		
.entry img.stack { 
	clear: none !important; 
}

.archive_head { 
	text-align: center;
	font-style: normal; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0091CF; 
	margin: 25px auto 10px 30px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}

/*******************
------Header-------
*******************/

#header{
	float: left;
	width: 100%;
	height: 210px;
	margin-top: 10px; 
	margin-bottom:-30px;
	margin-right: 0px;
	position:relative; top:-40px;  
	padding: 0;
	background: #fff;
	border-bottom: 1px solid #999999;
	color: #fff;
	clear: both;
}
#header_action {
	float: left;
	width: 100%;
	height: 165px;
	margin-top: 10px; 
	margin-bottom:-30px;
	margin-right: 0px;
	position:relative; top:-40px;  left:0px;
	padding: 0;
	background: #fff;
	border-bottom: 1px solid #999999;
	color: #fff;
	clear: both;
}
.title{
	margin: 0 auto 0 auto;
	width: 785px;
	padding: 0px;
	text-align: left;
	color: #FFF;
}

.title a:link{
	text-decoration: none;
	color:#FFF;
}

.title a:hover{
	text-decoration: underline;
	color: #CCC;
}

.title a:visited{
	text-decoration: none;
	color:#FFF;
}

.title_action {
	margin: 0 auto 0 auto;
	width: 785px;
	padding: 0px;
	text-align: left;
	color: #FFF;
}
.title_action a:link{
	text-decoration: none;
	color:#FFF;
}

.title_action a:hover{
	text-decoration: underline;
	color: #CCC;
}

.title_action a:visited{
	text-decoration: none;
	color:#FFF;
}
/********************
----Navigaiton Bar---
********************/

#top-menu{
	clear: both;
	float: left; 
	width: 100%;
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	text-align: left;
	border: none;
	background: #fff;}

#top-menu a{
	text-decoration: none;
	padding: 5px 10px;
	color: #0091CF;
	font-size: 16px;
}

#top-menu a:hover{
	text-decoration: none;
	color: #FFF;
	background: url(images/nav_hover.gif) repeat-x;
}

#top-menu ul{
	margin: 0 auto;
	width: 850px;
	padding: 5px 0;
	text-align: left;
}

#top-menu ul li{
	display: inline;
	padding: 0;
	font-size: 14px;
}


/*******************
---------Post-------
*******************/

#container{
	float: left;
	width: 550px;
	position:relative;
	
	padding: 0 0 60 0;
	margin-right:10px;
}

.post{
	padding: 20px -100px 40px 0px;
	  
}

.post h2{
	text-transform: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align:center;
	padding: 20px 0 0 0;
	clear:both;
}

.entry{
	line-height: 22px;
}

.entry p a { font-weight:100; color:#0091CF; text-decoration:none; font-size:13px; }
.entry p a:visited { color:#0091CF; text-decoration:none; font-size:13px;  }
.entry p a:hover { color:#F78F1E; text-decoration:none; font-size:13px; }

.entry ol a { font-weight:100; color:#0091CF; text-decoration:none; font-size:13px; }
.entry ol a:visited { color:#0091CF; text-decoration:none; font-size:13px;  }
.entry ol a:hover { color:#F78F1E; text-decoration:none; font-size:13px; }

.entry ul a { font-weight:100; color:#0091CF; text-decoration:none; font-size:13px; }
.entry ul a:visited { color:#0091CF; text-decoration:none; font-size:13px;  }
.entry ul a:hover { color:#F78F1E; text-decoration:none; font-size:13px; }

.salsa .input3 {font-size:13px; }
#container .salsa .input3 a { font-weight:100 !important; color:#0091CF !important; text-decoration:none !important; font-size:13px !important; }
#container .salsa .input3 a:visited { font-weight:100 !important; color:#0091CF !important; text-decoration:none !important; font-size:13px !important; }
#container .salsa .input3 a:hover { color:#F78F1E !important; text-decoration:none !important; font-size:13px !important; }

.postinfo{
	text-align:left;
	font-size: 11px;
	color: #aaa;
	padding: 2px 0 20px 0;
}


.postinfo a{
	color: #aaa;
}

.postdate{ color: #aaa; }

p.postmetadata{
	font-size: 10px;
	color: #6DBD45;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;
}
.signUp{
	position:relative; z-index:9999; left:175px; 
	margin-top:8px; color:#ffffff; font-weight:bold;
	 
}
.signUpTop {
	position:relative; z-index:9999; left:175px;   height:76px;
	margin-top:0px; padding:5px 100px 0 100px; color:#ffffff; font-weight:bold;
	background:url('images/signup_bg.jpg') top no-repeat;
}
.signUp input { color:#000066; }
p.postmetadata strong{
	float: right;
}

/* This is the link at the bottom of a post which lets you go to the next or previous post */

.postnav{
	padding: 10px 20px 20px 10px;
	font-size: 12px;
	line-height: 18px;
}

.post a { font-weight:100; color:#0091CF; text-decoration:none; font-size:1.8em; }
.post a:visited { color:#0091CF; text-decoration:none; font-size:1.8em;  }
.post a:hover { color:#F78F1E; text-decoration:none; font-size:1.8em; }

#nav, #nav2 {
	position:relative; left:1px;
	width:800px !important;  height:155px;
	background:url(images/fullMenu.jpg) top no-repeat;
	z-index:999;
	margin:0 0 10px 0;
	text-decoration:none;
	text-align:center;
}
#nav2 {
	top:105px; text-align: center; margin:0 auto;
}

#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a { height:155px; z-index:9999; text-decoration:none; }
#menu1 a {width:166px; position:absolute; right:518px; top:0px;  background:url(images/vision.jpg) top no-repeat; }
#menu2 a {width:179px; position:absolute; right:328px; top:0px; background:url(images/technology.jpg) top no-repeat; }
#menu3 a {width:170px; position:absolute; right:158px; top:0px; background:url(images/action.jpg) top  no-repeat; background-position:0% -156px; }
#menu4 a {width:158px; position:absolute; right:0px; top:0px; background:url(images/children.jpg) top  no-repeat; }
#menu5 a {width:118px; position:absolute; left:0px; top:0px; background:url(images/home.jpg) top  no-repeat; }

#menu1 a:hover {text-decoration:none; 	background-position:0% -156px;}
#menu2 a:hover {text-decoration:none; 	background-position:0% -156px;}
#menu3 a:hover {text-decoration:none; 	background-position:0% -156px;}
#menu4 a:hover {text-decoration:none; 	background-position:0% -156px;}
#menu5 a:hover {width:118px; position:absolute; left:0px; top:0px; background:url(images/home.jpg) top  no-repeat; }
h2.archive_head{ 
	font-weight: bold !important; 
	font-size: 14px !important; 
	text-transform: normal !important; 
	letter-spacing: normal !important; 
	margin: 0 0 1.8em 10px !important; 
	padding: 0.4em 5px !important; 
	border-bottom: 1px dotted #CCC; 
	background: none; 
}

.post ul {
	padding: 0 0 0 13px;
	}
.post ul li{
	padding: 0 0 0 13px;
	margin: 0 0 0 13px;
}

.post ol {
	padding: 0 0 0 13px;
	}
.post ol li{
	padding: 0 0 0 13px;
	margin: 0 0 0 13px;
}

/********************
----Sidebar Styles---
********************/

.rightbar{
	float: left;
	width: 220px;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 15px;
	display: inline;
	overflow: hidden;
	background: #fff;
}

.rightbar ul{
	list-style: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

.rightbar ul li{
	padding: 10px 0 10px 5px;
}

.rightbar ul li h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #E20176;
	padding: 5px 5px 5px 20px;
	margin: 0 10px 10px 0;
	border-bottom: 1px solid #CCC;
}

.rightbar ul ul li, .rightbar ul li a {
	padding: 0;
	margin: 0 0 0 13px;
	line-height: 24px;
	list-style: url(images/icon2.gif);
	font-size: 12px;
}

.rightbar .syndication .rss {
	width: 179px;
	height: 33px;
	position: relative;
	padding-top: 12px;
}

.rightbar .syndication .rss span{
	background: url(images/sub_rss.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

.rightbar .syndication .rss .sub{
	list-style: none;
}

.rightbar a:link, a:visited{
	text-decoration: none;
	color:#0091CF;
}

.rightbar a:hover{
	text-decoration: underline;
	color: #F78F1E;
}


table#wp-calendar{
	width: 100%;
}

/* Left Sidebar */

.leftbar{
	float: left;
	width: 210px;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left:12px;
	display: inline;
	overflow: hidden;
	background: #fff; border-left: 1px dotted #CCC;}

.leftbar ul{
	list-style: none;
	margin: 0;
	padding: 0 5px 0 10px;
}

.leftbar ul li{
	padding: 10px 0 10px 5px;
}

.leftbar ul li h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #E20177;
	padding: 5px 5px 5px 20px;
	margin: 0 10px 10px 0;
	border-bottom: 1px solid #CCC;
}

.leftbar ul ul li{
	padding: 2px 0;
	margin: 0 3px 0 10px;
	line-height: 24px;
	list-style: url(images/icon2.gif);
	font-size: 16px;
	border-bottom: 1px dotted #CCC;
}
.leftbar a:link, a:visited{
	text-decoration: none;
	color:#0091CF;
}

.leftbar a:hover{
	text-decoration: underline;
	color: #F78F1E;
}

/*******************
----Comment Form---
*******************/

#comment-form{
	width: 425px;
	background: #fff;margin: 10px 0 0;
	padding: 5px 5px 15px 15px;
}

.comments-template a{
	text-decoration: underline;
	color: #0091CF;
}


.comments-template a:hover{
	text-decoration: underline;
	color: #333;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0;
	line-height: 18px;
	padding: 10px 0 5px 15px;
}

.comments-template h2, .comments-template h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0091CF;
	padding: 10px 0 30px 0;
}

.commentmetadata{
	font-size: 12px;
	color: #AAA;
	padding: 20px 0;
}

.commentmetadata strong { 
	font-size: 14px; 
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template input{
	border: 1px solid #CCC;
}

.comments-template textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 30px 15px 15px 0;
	background: #FFF;
	border: 1px solid #CCC;
}

.even {
	background: #fff;border: none;
}

.alt {
	background: #FFF;
	border: 2px solid #f1f0ed;
}

/*******************
-------Footer-------
*******************/

#footer{
	clear: both;
	float: left;
	width: 885px;
	margin: 0;
	padding: 10px 5px 5px 10px;
	line-height: 18px;
	font-size: 80%;
	color: #0091CF;
	background: #FFF;
	border-top: 1px dotted #CCC;
	border-bottom: none;
}

#footer a:link{
	text-decoration: none;
	color: #369;
}

#footer a:hover{
	text-decoration: underline;
	color: #333;
}

#footer a:visited{
	text-decoration: none;
	color: #0091CF;
}