/*
Theme Name: Civic Analytics Custom Theme
Theme URI: http://wordpress.org/
Description: Custom Wordpress Theme by <a href="http://www.creativepickle.com">CreativePickle</a>.
Version: 1.0
Author: CreativePickle
Author URI: http://creativepickle.com/



*/


/* Begin Typography & Colors */
@charset "utf-8";
/* CSS Document */

html, body {
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
body {
	font:100%/1.25 arial, helvetica, sans-serif;
}
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}
h1 {
	padding:30px 0 25px 0;
	letter-spacing:-1px;
	font:2em arial, helvetica, sans-serif;
}
h2 {
	padding:20px 0;
	letter-spacing:-1px;
	font:1.5em arial, helvetica, sans-serif;
}
h3 {
	font:1em arial, helvetica, sans-serif;
	font-weight:bold;
}
p, ul, ol {
	margin:0;
	padding:0 0 18px 0;
}
ul, ol {
list-style:disc;
	padding:0 0 0 15px;
}
blockquote {
	margin:22px 40px;
	padding:0;
}
small {
	font-size:0.85em;
}
img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}
/***** Links *****/
 
a, a:visited {
	text-decoration:none;
}
/***** Forms *****/

form {
	margin:0;
	padding:0;
	display:inline;
}
input, select, textarea {
	padding:0;
	font:1em arial, helvetica, sans-serif;
}
textarea {
	line-height:1.25;
}
label {
	cursor:pointer;
}
/***** Tables *****/
 
table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
}
table tr td {
	padding:2px;
}

/*****STYLES******/

body{
background:#c8c8c8 url(images/bg.png) repeat-x 0 0;}

body.sub{
background:#c8c8c8 url(images/bg_sub.png) repeat-x 0 0;}

body.search{
background:#c8c8c8 url(images/bg_search.png) repeat-x 0 0;}

a:active, a:link, a:visited{
color:#196194;}

a:hover{
color:#ed812f;}

#container{
width:1000px;
margin:0 0 0 40px;
position:relative;}

#header{
	position:relative;
height:221px;}

img.logo{
float:left;}

ul.nav{
list-style:none;
float:right;
padding:0 0 0 0;
margin:163px 0 0 0;
width:390px;
}

ul.nav li{
height:50px;
float:left;
padding:0 0 0 0;
margin:0 0 0 0;
}

ul.nav li a {
display:block;
height:50px; 
min-width:55px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

ul.nav li.home{
width:55px;
background:url(images/nav/home.png) no-repeat 0 0;}
ul.nav li.home:hover{
background-position:0 -50px;}

ul.nav li.about{
width:69px;
background:url(images/nav/about.png) no-repeat 0 0;}
ul.nav li.about:hover{
background-position:0 -50px;}

ul.nav li.blog{
width:59px;
background:url(images/nav/blog.png) no-repeat 0 0;}
ul.nav li.blog:hover{
background-position:0 -50px;}

ul.nav li.services{
width:90px;
background:url(images/nav/services.png) no-repeat 0 0;}
ul.nav li.services:hover{
background-position:0 -50px;}

ul.nav li.testimonials{
width:129px;
background:url(images/nav/testimonials.png) no-repeat 0 0;}
ul.nav li.testimonials:hover{
background-position:0 -50px;}

ul.nav li.contact{
width:77px;
background:url(images/nav/contact.png) no-repeat 0 0;}
ul.nav li.contact:hover{
background-position:0 -50px;}

ul.nav li.on{
background-position:0 -50px;
}
ul.nav li.on:hover{
background-position:0 -50px;}

#banner{
clear:both;
text-align:left;
height:312px;
padding:20px 0 0 0;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:1.7;

}

#banner.sub{
height:183px;
background:none;}

div.bannerText{
width:450px;
height:275px;
padding:25px 0 0 0;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:1.7;}

div.subBannerText{
width:650px;
height:183px;
padding:25px 0 0 0;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:1.7;}

p.learn{
clear:both;
float:left;
height:50px; 
width:225px;
padding:0 0 0 0;
margin:15px 0 0 -5px;
}
p.learn a {
display:block;
height:50px; 
width:225px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

p.learn {
background:url(images/learn_btn.png) no-repeat 0 0;}
p.learn:hover{
background-position:0 -50px;}

ul.action{
width:875px;
list-style:none;
padding:0 0 0 0;
margin:40px 0 0 0;
}

ul.action li{
width:265px;
float:left;
margin:0 35px 0 0;
padding:50px 0 0 0;
color:#646669;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.2;}

ul.action li.data{
background:url(images/action/data.png) no-repeat 0 0;
padding:58px 0 0 0;}

ul.action li.help{
background:url(images/action/help.png) no-repeat 0 0;
padding:58px 0 0 0;}

ul.action li.latest{
background:url(images/action/latest.png) no-repeat 0 0;
margin:0 0 0 0;}

ul.action li a:active, ul.action li a:link, ul.action li a:visited{
color:#fff;
font-size:14px;
font-style:italic;}

ul.action li a:hover{
color:#ea7f2d;
font-size:14px;
font-style:italic;}


#footer{
clear:both;
width:875px;
text-align:left;
color:#646669;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
line-height:1.2;
padding:50px 0 30px 0; 
}

ul.social{
list-style:none;
padding:0 0 0 0;
margin:0 0 0 0;
position:absolute;
top:5px;
right:50px;
}

ul.social li{
height:20px;
width:20px; 
float:left;
padding:0 0 0 0;
margin:0 1px 0 0;
}

ul.social li a {
display:block;
height:20px;
width:20px; 
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

ul.social li.facebook{
background:url(images/facebook.png) no-repeat 0 0;}
ul.social li.facebook:hover{
background-position:0 -20px;}

ul.social li.twitter{
background:url(images/twitter.png) no-repeat 0 0;}
ul.social li.twitter:hover{
background-position:0 -20px;}

ul.social li.linkedin{
background:url(images/linkedin.png) no-repeat 0 0;
margin:0 0 0 0;}
ul.social li.linkedin:hover{
background-position:0 -20px;}

#sub_content{
width:1000px;
margin:30px 0 0 0;}

#sub_left{
width:650px;
float:left;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:13px;
line-height:1.5;}

#sub_right{
width:250px;
float:left;
margin:0 0 0 45px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:1.3;
text-align:left;}

h1{
font-family: "lucida sans unicode","lucida grande",sans-serif;
font-size: 24px;
font-weight: bold;
font-style: normal;
color:#9b9c9f;
padding:0 0 10px 0;
}

h1.hometitle{
font-family: "adobe-garamond-pro-1","adobe-garamond-pro-2",Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#fff;
font-size:42px;
line-height:48px;
letter-spacing:.02em;
font-weight:normal;
}

h2{
font-family: "adobe-garamond-pro-1","adobe-garamond-pro-2",Georgia, "Times New Roman", Times, serif;
font-size: 24px;
letter-spacing:1px;
color:#196194;
padding:4px 0 20px 45px;
position:relative;
font-weight:bold;
background:url(images/globe.png) no-repeat 0 0;
}

h2 a:active, h2 a:link, h2 a:visited{
color:#fff;}

h2 a:hover{
color:#333;}

h2.pagetitle{
color:#333;
font-size:36px;
background:none;
padding:0 0 10px 0;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
font-style:italic;
color:#79a4bc;
padding:0 0 10px 0;
}

p{
padding:0 0 8px 0;}

p.comment_count{
width:53px;
height:50px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
text-align:center;
font-weight:bold;
color:#FFFFFF;
padding:11px 0 0 0;
position:absolute;
top:15px;
left:542px;
background:url(images/comment_bubble.png) no-repeat 0 0;}

p.comment_count a:active, p.comment_count a:link, p.comment_count a:visited{
color:#fff;}

p.comment_count a:hover{
color:#ed812f;}

.clearfix{
clear:both;}

div.widget ul.recent{
list-style:none;
padding:20px 0 8px 0;
}

div.widget ul.recent li{
background:url(images/globe_bullet.png) no-repeat 0 0;
padding:2px 0  0 35px;
margin:0 0 8px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-style:italic;
min-height:20px;
text-transform:uppercase;
}

ul.searchform{
list-style:none;
padding:0 0 0 0;}

/********************************************/

ul.widgets{
list-style:none;
clear:both;
padding:0 0 0 0;
margin:25px 0 0 0;
font-size:13px;}

ul.widgets li{
margin:0 0 4px 0;}

ul.widgets li.widget_categories h2.widgettitle{
background:url(images/titles/categories.png) no-repeat 0 0;
text-indent:-9009px;
height:35px;
padding:0 0 8px 0;}

ul.widgets li.widget_archive h2.widgettitle{
background:url(images/titles/monthly_archives.png) no-repeat 0 0;
text-indent:-9009px;
height:35px;
padding:0 0 8px 0;
}

ul.widgets ul{
list-style:none;
padding:0 0 25px 0;}

div.entry img{
max-width:575px;
height:auto;
border:4px solid #fff;}

img.left_title{
padding:0 0 12px 0;}


input.searchBtn{
cursor:default;
margin:10px 0 20px 0;
background:url(images/search_btn.png) no-repeat 0 0;
height:30px;
width:80px;
float:left;
border:none;}

input.searchBtn:hover{
cursor:pointer;
height:30px;
width:80px;
background-position:0 -30px;}




input#s{
margin:0 0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
color:#3a3938;
font-size:14px;
width:240px;
}

p.rss{
height:30px; 
width:100px;
padding:0 0 0 0;
margin:10px 0 20px 0;
}
p.rss a {
display:block;
height:30px; 
width:100px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

p.rss {
background:url(images/rss.png) no-repeat 0 0;}
p.rss:hover{
background-position:0 -30px;}

p.postmetadata{
font-style:italic;
font-size:11px;
padding:0 0 18px 0;}

textarea#comment{
width:560px;
color:#3a3938;
padding:4px;
margin:0;}

div.entry img{
text-align:center;
max-width:560px;
height:auto;
margin:8px 0 8px 0;
border:3px solid #fff;}

div.entry{
width:570px;}

form#si_contact_form{
width:570px;}

textarea#si_contact_form{
width:560px;
color:#3a3938;}

input#si_contact_form{
width:560px;
color:#3a3938;}

div.entry ul{
list-style:disc;
padding:0 0 8px 30px;}

div.entry ul li{
margin:0 0 6px 0;}


/***********NEW STYLES REDESIGN FEB 2011************/

div.small_btn{
	padding:0;
	margin:0;}
	
div.small_btn a{
	position:relative;
	display:block;
	width:90px;
	height:29px;
	background:url(images/button_bg_sm.png) no-repeat 0 0;
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	letter-spacing:.01em;
	padding:6px 0 0 0;
	text-align:center;
	margin:8px 0 0 0;
	line-height:normal;
	}
	
div.small_btn a:hover{
	background-position:0 -35px;}
	
#sub_right div.small_btn a{
	background-position:0 -35px;}
	
#sub_right div.small_btn a:hover{
	background-position:0 0;}
	
div.small_btn.left{
	float:left;
	margin:0 10px 20px 0;}
	
		
div.post{
	clear:both;
	margin-bottom:25px;}
	
#bannerthumb{
	width:265px;
	float:left;
	margin:0 25px 15px 0;}
	
#bannerthumb img{
	border:3px solid #fff;}
	
#bannercontent{
	width:650px;
	float:left;}
	
h2.title{
	width:258px;
	height:45px;
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-size:20px;
	padding:7px 0 0 15px;
	background:url(images/button_bg_lg.png) no-repeat 0 0;
	font-weight:bold;}
	
h2.headertitle{
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	padding:0 0 4px 0;
	background:none;
	font-weight:bold;}
	
#sub_right input{
	padding:2px;}	

input[type=submit]{
	display:block;
	width:90px;
	height:31px;
	background:url(images/button_bg_sm.png) no-repeat 0 -35px;
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	letter-spacing:.01em;
	margin:8px 0 0 0;
	padding:6px 0 0 0;
	text-align:center;
	border:none;
	line-height:normal;
	}
	
input[type=submit]:hover{
	cursor:pointer;
	background-position:0 0;}
	
h3.banner{
	font-weight:normal;
	font-style:normal;
	color:#fff;
	font-size:18px;}
	
div.widget{
	clear:both;
	margin-bottom:25px;}
	
div.widget img{
	border:3px solid #fff;}
	
div.widget ul{
list-style:none;
padding:20px 0 8px 0;
}

div.widget ul li{
background:url(images/globe_bullet.png) no-repeat 0 0;
padding:2px 0  0 35px;
margin:0 0 8px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-style:italic;
min-height:20px;
text-transform:uppercase;
}

fieldset{
	border:none;
	padding:10px 0 0 0;}
	
.frm_form_fields label{
	display:block;
	font-weight:bold;
	padding:0 0 2px 0;
	font-size:14px;
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif;
	text-transform:uppercase;}
	
.frm_form_fields input, .frm_form_fields textarea{
	width:240px;
	padding:4px;
	margin-bottom:7px;
	background:#9b9c9f;
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif;
	font-weight:normal;
	font-size:14px;
	letter-spacing:.02em;}
	

	
.frm_form_fields input:focus, .frm_form_fields textarea:focus{
	background:#fff;}
	
#recaptcha_widget_div { width: 250px; overflow:hidden; border:none; }
#recaptcha_image img  { width: 200px; border:none; } 
#recaptcha_widget_div input{
	width:200px;}
table#recaptcha_table{
	border:none;}
	
div.alignright{
	float:right;}

div.alignleft{
	float:left;}
	
div.alignright a, div.alignleft a{
	display:block;
	width:90px;
	height:32px;
	background:url(images/button_bg_sm.png) no-repeat 0 -35px;
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	letter-spacing:.01em;
	padding:3px 0 0 0;
	text-align:center;
	}
	
div.alignright a:hover, div.alignleft a:hover{
	background-position:0 0;}
	
div.frm_message{
	font-weight:bold;}
	
	
div.testimonials{
	border-top:1px solid #fff;
	clear:both;
	margin:25px 0 0 0;
	padding:15px 0 0 0;
	color:#fff;
	font-weight:bold;
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif;
	font-size:17px;
	text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;}
	
div.testimonials div.small_btn a{
	text-shadow:none;}
	
div.navigation{
	padding-bottom:25px;}
	
h1.singletitle{
font-family: "adobe-garamond-pro-1","adobe-garamond-pro-2",Georgia, "Times New Roman", Times, serif;
font-size: 26px;
letter-spacing:1px;
color:#196194;
padding:0 0 10px 0;
position:relative;
}	

h4{
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif;
	font-weight:normal;
	font-size:18px;
	text-transform:none;
	font-style:italic;
	padding:5px 0 0 0;}
	
h2.testimonials{
font-family: "adobe-garamond-pro-1","adobe-garamond-pro-2",Georgia, "Times New Roman", Times, serif;
font-size: 26px;
letter-spacing:1px;
color:#196194;
padding:6px 0 20px 55px;
position:relative;
background:url(images/quotes.png) no-repeat 0 0;
text-shadow:none;
}

p.citation{
	font-style:italic;
	text-transform:uppercase;
	padding-top:8px;}
	
p.citation.page{
	font-weight:bold;
	font-style:italic;
	text-transform:none;
	padding-top:8px;}

div.description{
	float:left;
	width:350px;
	}
	
.alignleft{
	float:left;
	margin:0 15px 6px 0;}

.wp-caption{
	font-style:italic;
	font-size:12px;}


.clear{
	clear:both;}
	
#subscribe{
	width:220px;
	position:absolute;
	right:20px;
	top:100px;}
	
#subscribe input[type=text]{
	width:180px;
	padding:4px;
	margin-bottom:0;
	background:#9b9c9f;
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif;
	font-weight:normal;
	font-size:14px;
	letter-spacing:.02em;}
	
#subscribe input[type=text]:focus{
	background:#FFF;}
	
#subscribe input[type=submit]{
	float:left;
	margin-right:15px;
	padding-top:0;
	background-position:0 0;}
	
#subscribe input[type=submit]:hover{
	background-position:0 -35px;}
	

	
img.rss{
	width:18px;
	position:absolute;
	top:6px;
	left:15px;}
	
input#submit{
	padding-top:0px;}

#sub_right .recaptchatable{
border:none!important;
max-width:250px!important;}

#sub_right #recaptcha_area td{
padding-top:6px!important;
padding-left:0!important;}