/*
Theme Name: Scott
Theme URL: http://www.jeffmiller2010.com/
Description: This is a custom WordPress Theme for the campaign website of Jeff Miller

Template: genesis
*/

@import url(reset.css);

/* This is where you set many of the universal defaults */
body { 
	background: #a8b6c7 url(images/body-bg.jpg) repeat-x; 
	color: #595959;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.7;
	margin: 0; padding: 0;
}

/*********************************************
		Universal Link Styles
*********************************************/
a {
	color: #163d6a;
	text-decoration: none;
}
a:hover {
	color: #163d6a;
	text-decoration: underline;
}

/*********************************************
		Universal Text Elements
*********************************************/
ol, ul { margin: 5px 35px; padding: 0; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
p { margin: 0; padding: 10px 0; }
img { border: 0; background: none; }
br.clear {
	clear: both;
	margin: 0; padding: 0;
	border: none; height: 0;
}
blockquote {
	border-left: 1px solid #aaa;
	font-style: italic;
	margin: 0 10px; padding: 0 20px;
}
code { /* inline code */
	font-family: Monaco, Console, "Courier New", Courier, monospace !important;
	background: #ddd;
	overflow: auto;
}
pre { /* code blocks */
	font-family: Monaco, Console, "Courier New", Courier, monospace !important;
	margin: 10px 0; padding: 10px;
	background: #ddd;
	overflow: auto;
}
.alert {
	margin: 5px 0 0 0; padding: 10px;
	/* same colors that the WP admin uses for alert box */
	background: #ffffe0;
	border: 1px solid #e6db55;
}
.alert a {
	color: #cc0000;
	text-decoration: none;
}
.alert a:hover {
	color: #cc0000;
	text-decoration: underline;
}

/*********************************************
		Heading Styles
*********************************************/
/* Use this for universal styles for all header elements */
h1,h2,h3,h4,h5,h6 {
	line-height: 1.1;
	margin: 0; padding: 0;
	font-weight: bold;
	color: #073261;
}


h1 {
	font-size: 200%;
}
h2 {
	font-size: 180%;
}
h3 {
	font-size: 160%;
}
h4 {
	font-size: 140%;
}
h5 {
	font-size: 120%;
}
h6 {
	font-size: 110%;
}

/*********************************************
		The Obligatory WP Styles
*********************************************/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
   text-align: left;
}
.alignright {
   float: right;
   text-align: right;
}
img.alignleft {
	margin: 5px 10px 10px 0px;
}
img.alignright {
	margin: 5px 0px 10px 10px;
}
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   padding: 0 4px 5px;
   margin: 0;
}

/*********************************************
	Main Site Wrap
*********************************************/
#wrap {
	margin: 0; padding: 0;
	text-align: left;
}


/*********************************************
	Structural Inner Wraps, Centered
*********************************************/
.wrap {
	width: 890px;
	margin: 0 auto; padding: 0;
}

/*********************************************
	Header Styles
*********************************************/
#header {
	background: url(images/header.jpg) 50% 0 no-repeat;
	height: 171px;
	overflow: hidden;
}
#header .wrap {
	
}

#header #title-area,
#header #title-area #title,
#header #title-area #title a,
#header #title-area #title a:hover {
	display: block; float: left;
	width: 890px; height: 171px;
	margin: 0; padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}
#header #title-area #description {
	display: block;
	width: 0; height: 0;
	overflow: hidden;
}

#header .widget-area {
}


/*********************************************
	Nav Menu Styles
*********************************************/
#nav {
	clear: both;
	width: 890px;
	height: 40px;
	background: url(images/menu-bg.gif) repeat-x;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0 auto;
	padding: 0 0 4px 0;
	overflow: hidden;
	}

#nav .wrap {
	margin: 0;
	padding: 0;
	}
	
#nav ul {
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	border-right: 1px solid #a5b5c6;
	overflow: hidden;
	}
	
#nav li a {
	color: #083261;
	display: block;
	font-size: 12px;
    margin: 0;
	padding: 10px 21px;
	text-decoration: none;
	border: none;
	position: relative;
	}

#nav li a:hover, #nav li a:active, #nav .current_page_item a {
	background: url(images/menu-active.jpg) bottom center no-repeat;
	}
	
#nav li.home {
	background: url(images/menu-home.jpg) bottom center no-repeat;
	text-indent: -9999px;
	width: 50px;
}

#nav li.page-item-122 {
	border: none;
}
#nav li.page-item-125 {
	background: url(images/menu-red.jpg) repeat-x;
	border: none;
	float: right;
}
#nav li.page-item-125 a {
	background: none;
	color: #FFF;
	border: none;
	padding: 10px 31px 10px 30px;
}
	
#nav li a.sf-with-ul {
	}	
	
#nav li a .sf-sub-indicator {
	display: none;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #e7ebf0;
	width: 158px; 
	font-size: 11px;
	margin: 0 0 0 -1px;
	padding: 6px 10px 6px 10px;
	border-left: 1px solid #a5b5c6;
	border-right: 1px solid #a5b5c6;
	border-bottom: 1px solid #a5b5c6;
	position: relative;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #FFF;
	}

#nav li li a .sf-sub-indicator {
	top: 10px;
	background: url(images/arrow-right.png);
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 180px;
	margin: 0;
	padding: 0;
	}

#nav li ul a { 
	width: 160px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -32px 0 0 179px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfHover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfHover { 
	position: static;
	}
	
#nav li.right {
	float: right;
	margin: 0;
	padding: 6px 10px 6px 10px;
	}

#nav li.right a {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	}
	
#nav li.right a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#nav li.date {
	}
	
#nav li.rss a {
	margin: 0 0 0 10px;
	padding: 3px 0 3px 16px;
	background: url(images/rss.png) no-repeat left center;
	}
	
#nav li.search {
	padding: 0 10px 0 10px;
	}
	
#nav li.twitter a {
	background: url(images/twitter-nav.png) no-repeat left center;
	padding: 3px 0 1px 20px;
	}

/*********************************************
	Inner Styles
*********************************************/
#inner {
	width: 850px;
	margin: 0 auto; padding: 20px;
	background: #FFF;
	overflow: hidden;
}

/*********************************************
	Homepage Styles
*********************************************/
#feature {
	background: url(images/body-bg.jpg) 0 50% repeat-x;
	color: #FFF;
	margin: 0; padding: 0;
	width: 100%;
	overflow: hidden;
}
#feature #rotator {
	float: left;
	margin: 0; padding: 0 30px 0 0;
}
#feature h1 {
	color: #FFF;
	font-size: 180%;
	margin: 0; padding: 30px 20px 0 0;
}
#feature p {
	padding-right: 20px;
}

#action {
	clear: both;
	background: url(images/action-bg.jpg) top left no-repeat;
	margin: 10px 0; padding: 0;
	width: 850px;
	overflow: hidden;
}
#action .box {
	width: 220px; height: 70px;
	margin: 0; padding: 104px 20px 0 35px;
	float: left;
	overflow: hidden;
	display: inline;
}
#action .center {
	margin: 0;
}

#action form {
	display: block;
	padding: 5px 0;
}
#action form input.inputtext {
	background: #fff9ea;
	border: 1px solid #c2c2c9;
	padding: 4px;
	width: 200px;
	font-size: 11px;
}
#action form input.zip {
	width: 140px;
}
#action form input.buttonsubmit {
	color: #FFF;
	background: #1f4670;
	border: none;
	padding: 3px;
	cursor: pointer;
	width: 55px;
	font-size: 11px;
}

/*********************************************
	Content-Sidebar-Wrap Styles
*********************************************/
#content-sidebar-wrap {
	background: #FFF;
	width: 850px;
	overflow: hidden;
}

/*********************************************
	Content Styles
*********************************************/
#content {
	width: 530px;
	float: left;
	overflow: hidden;
	display: inline;
}
#content .wrap {
	width: 100%;
}

#content .post,
#content .page {
	width: 100%;
	overflow: hidden;
	clear: both;
}

#content h1,
#content h2,
#content h3 {
	margin: 0; padding: 5px 0;
	border-bottom: 1px solid #a8b6c7;
}
#content h1 a,
#content h2 a,
#content h3 a {
	
}
#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover {
	
}

#content h4 {
	
}

#content .post-info {
	
}
#content .post-info .author {
	background: url(../genesis/images/icon-dot.gif) 2px 3px no-repeat;
	padding: 0 0 0 10px;
}
#content .post-info .post-comments {
	background: url(../genesis/images/icon-dot.gif) 2px 3px no-repeat;
	padding: 0 0 0 10px;
}

#content .post-meta {
	border-top: 1px solid #a8b6c7;
	padding-bottom: 30px;
}

/** The Post/Page Content **/
#content .entry-content {
	
}

/** Headings in Post/Page Content **/
#content .entry-content h1 {
	
}
#content .entry-content h2 {
	
}
#content .entry-content h3 {
	
}
#content .entry-content h4 {
	
}
#content .entry-content h5 {
	
}
#content .entry-content h6 {
	
}


#content p.linklove {
	display: none !important;
}

#content .featuredpost {
	margin: 0; padding: 5px 0;
}
#content .featuredpost h4 {
	margin: 0; padding: 5px;
	border-bottom: 1px solid #a8b6c7;
}
#content .featuredpost .post {
	padding: 10px 0;
}
#content .featuredpost img {
	margin-right: 10px;
}
#content .featuredpost h2 {
	font-size: 100%;
	padding: 0;
	border: none;
}
#content .featuredpost .entry-content {
	padding: 0;
}

/*********************************************
	Sidebar Styles
*********************************************/
#sidebar {
	width: 285px; float: right;
	margin: 0; padding: 0 0 15px 30px;
	font-size: 12px;
	overflow: hidden;
	display: inline;
}

#sidebar .widget {
	margin: 0; padding: 10px 0;
	overflow: hidden;
}
#sidebar .widget .wrap {
	width: 100%;
}

#sidebar h4 {
	margin: 0; padding: 5px;
	border-bottom: 1px solid #a8b6c7;
}

#sidebar ul ,
#sidebar ol{
	margin: 10px 0 10px 20px; padding: 0;
}
#sidebar ul ul,
#sidebar ol ol {
	margin: 0 0 0 20px;
}

#sidebar object,
#sidebar embed {

}

#sidebar #text-5 h4 {
	padding-right: 50px;
}



/*********************************************
	Comment Styles
*********************************************/
#comments {
	clear: both;
	margin: 0; padding: 20px 0;
	line-height: 1.8;
}
#comments ol.comment-list {
	list-style-type: none;
	margin: 0; padding: 0;
}
#comments li.trackback,
#comments li.pingback,
#comments li.comment {
	clear: both;
	margin: 10px 0; padding: 8px;
	border: 2px solid #ebebeb;
	background: url(images/1x50px-grey.gif) repeat-x;
	overflow: hidden;
}

#comments li.comment .avatar {
	float: left;
	margin: 0 8px 0 0; padding: 0;
}
#comments li.comment .vcard {
	line-height: 1.1;
}
#comments li.comment .comment-meta {
	margin: 0; padding: 0;
}

#comments .comment-reply-link {
	background: #006C99;
	color: #fff;
	margin: 0; padding: 3px 5px;
}

#comments ol ul {
	list-style-type: none;
	margin: 10px 0 0 35px;
}
 
#respond {
	clear: both;
	margin: 0; padding: 20px 0;
}
#respond form {
	display: block;
	padding: 0;
}
#respond .commentinput {
	padding: 5px 0;
}
#respond input {
	width: 40%;
	padding: 6px;
	border: 1px solid #ccc;
}
#respond input:focus {
}
#respond .req {
	color: #dd0000;
}
#respond textarea {
	margin: 10px 0 10px 0; padding: 2%;
	border: 1px solid #ccc;
	width: 95%; height: 200px;
}
#respond textarea:focus {
}
#respond .allowedtags {
	width: 95%;
	background: #ddd;
	margin: 0 0 10px 0; padding: 2%;
	border: 1px solid #ddd;
}
#respond #submit {
	background: #1f4670;
	margin: 0; padding: 4px 10px;
	border: none;
	color: #FFF;
	cursor: pointer;
}


/*********************************************
	Footer Styles
*********************************************/
#footer {
	clear: both;
	color: #FFF;
	padding: 20px 0;
	overflow: hidden;
}
#footer a {
	color: #FFF;
	text-decoration: underline;
}
#footer a:hover {
	color: #FFF;
	text-decoration: none;
}

#footer .gototop {
	display: none;
}
#footer .creds {
	text-align: center;
}