/*
Theme Name:
Theme URI: http://www.outtolunchproductions.com/work
Description: 
Version: 1.0
Author: Carter Fort
Author URI: http://outtolunchproductions.com
Tags: 

Swatch Colors:
Light Blue: 5e8bb5
Background Blue: cce6ff
Dark Blue: 1f67b1
Dark Green: 001f14
Red: b11f1f


*/

/* Resets and Overrides 
========================*/

*
{
	margin: 0;
	padding: 0;
}

img
{
	border:none;
}

:focus
{
	outline: 0;
}

/* Links and Type
========================*/
body
{
	background: #001f14;
	font-family: Helvetica, Arial, sans-serif;
	height: 100%;
}

a:link, a:active, a:visited
{
	color: #1a1a1a;
	font-weight: bold;
}

a:hover
{
	text-decoration: none;
}

a.focal
{
	font-family: Georgia, serif;
	font-style: italic;
	padding-left: 25px;
}

a.focal:hover
{
	text-decoration: underline;
}

#lowerbar a
{
	color: #fff;
}

h1
{}

h1 a
{}

h1 a:hover
{}

h2
{
	color: #1a67b1;
	font-size: 18px;
	padding-bottom: 3px;
}

h2 a
{}

h2 a:hover
{}

.use h2, h2.model
{
	background: #b11f1f;
	color:#fff;
	font-size:19px;
	font-weight:normal;
	letter-spacing:-1px;
	margin-bottom: -5px;
	padding: 5px;
	text-transform:lowercase;
	width: 95px;
}

.lower-box h2
{
	color: #959595;
}

#infobox-content h2
{
	color: #ffffff;
	font-size: 24px;
	padding-bottom: 10px;
}

h3 a
{}

h3 a:hover
{}

#sidebar h3
{
	font-size: 18px;
	text-transform: uppercase;
}

#footer h3
{
	color: #fdfdfd;
	font-family: Georgia, serif;
	font-size: 25px;
	font-style: italic;
	margin-bottom: 10px;
}


/* Layout
========================*/
.wrapper
{
	margin: 0 auto;
	padding: 0 10px;
	width: 960px;

}
#header
{
	background: transparent url(images/header-bg.gif) repeat-x top center;
	position: relative;
	z-index: 100;
}

#content
{
	background: #fff;
	position: relative;
	top:-20px;
	margin-bottom: -40px;
	padding: 40px 0;
	z-index: 50;
}

.home-content
{
	background: #cce6ff;
	border-bottom: 1px solid #256fb6;
	border-top: 1px solid #ffffff;
	position: relative;
	z-index: 50;
}

#features
{
	padding: 20px 0 10px 0;
}

.feature-box
{
	border:1px solid #256FB6;
	float:left;
	height:85px;
	margin:0 10px 10px 0;
	padding:10px 10px 10px 130px;
	width:325px;
}

#uses
{
	margin-top:20px;
	margin-bottom: 20px;
}

.use
{
	/*background:transparent url(images/blue-bevel.png) repeat-y scroll right center;*/
	float:left;
	margin-right:5px;
	padding-right:8px;
	width:307px;
}

#audience
{
	background: url(images/results.png) #eff7ff no-repeat 10px;
}

#instant
{
	background: url(images/instant.png) #eff7ff no-repeat 10px;
}

#tailor
{
	background: url(images/customize.png) #eff7ff no-repeat 10px;
}

#mobile
{
	background: url(images/mobile.png) #eff7ff no-repeat 10px;
}

#main
{
	float: left;
	width: 550px;
}

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

#splash
{
	background:transparent url(images/home-splash.jpg) repeat scroll center -26px;
	height:370px;
	margin: 0 auto -40px;
	min-width: 960px;
	position:relative;
	top:-20px;
	z-index:50;
}

#infobox
{	
	background: #000;
	border: 1px solid #bfcac2;
	color: #fff;
	height: 175px;
	padding: 20px;
	position: relative;
	left: 520px;
	top: 75px;
	text-align: center;
	width: 400px;
}

#infobox-content
{
	color: #fff;
	padding: 20px;
	position: relative;
	left: 520px;
	top:-135px;
	text-align: center;
	width: 400px;
}

#footer
{
	color: #fff;
	background: url(images/footer-bg.gif) repeat-x top center;
	padding: 10px 0;
}

#footer-left
{
	float: left;
	width: 300px;
}

#lowerbar
{
	background:#1f1f1f none repeat scroll 0 0;
	border-bottom:1px solid #676767;
	border-top:1px solid #676767;
	margin-top:20px;
	padding:20px 0;
	position:relative;
	top: 0;
	z-index:100;
}

#lowerbar .lower-box
{
	background: #363636;
	border: 1px solid #959595;
	float: left;
	margin: 5px;
	padding: 10px;
	width: 448px;
}

.lower-front
{
	border-bottom: 1px solid #1a67b1;
}

#logo
{
	background: #474747;
	border-bottom: 1px solid #8b8b8b;
	border-left: 1px solid #8b8b8b;
	border-right: 1px solid #8b8b8b;
	float: left;
	margin-top: 12px;
	padding: 0 3px;
	width: auto;
}

#errormessages
{
	display: none;
}

#power-logo
{
	float: right;
	position:relative;
	top:-120px;
	z-index:100;
}

.post
{
	padding-bottom: 20px;
}

/* Text Styles
========================*/

blockquote
{
	border: 1px solid #1f67b1;
	border-left: solid 10px #1f67b1;
	font-style: italic;
	margin-bottom: 10px;
	margin-left: 40px;
	padding: 5px;
	width: 90%;
}

#content .subheader
{
	font-family: Georgia, serif;
	font-size: 16px;
	font-style: italic;
}

#lowerbar p
{
	color: #ededed;
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 22px;
}

#infobox-content p
{
	font-size: 14px;
	line-height: 21px;
	padding-bottom: 20px;
}

#content p
{
	color: #474747;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 10px;
}

#sidebar-uses p
{
	font-size: 16px;
	padding-top: 10px;
}


#features p
{
	color: #1a1a1a;
	font-size: 14px;
	line-height: 20px;
}

p#copyright
{
	clear: both;
	float: right;
	font-size: 12px;
	margin: 10px 0 20px;
	text-align: right;
}

#uses p
{
	color:#727272;
	font-size:14px;
	line-height:20px;
	padding:5px 10px 10px 10px;;
}

#uses strong
{
	color: #b11f1f;
}

.bluebox
{
	background:#E5F2FF none repeat scroll 0 0;
	border:1px solid #DADADA;
}

.green
{
	color: #60e952;
}

.red
{
	color: #e95252;
}

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

.byline
{
	border-bottom:2px dotted #aeaeae;
	color: #9e9e9e;
	font-family:Georgia,serif;
	font-size:10px;
	margin-bottom:5px;
	padding-bottom:5px;
	text-transform:uppercase;
	width:35%;
}

#footer .byline
{
	border: none;
}

#full-message
{
	font-size: 14px;
	font-style: italic;
}


/* Lists
========================*/

#footer-left ul

{
	list-style: none;
	margin-left: 10px;
}

#footer-left ul li
{
	margin-bottom: 20px;
}



/* Images
========================*/

#uses img
{
	border:1px solid #679ed3;
	margin: 6px;
}


/* Collection Page
========================*/

#form-data
{
	clear: both;
}

#form-data p
{
	float: left;
	padding-bottom: 10px;
}

#demographics
{
	margin: 10px 0 10px 15px;
}

#closer
{
	clear: both;
	font-size: 12px;
	padding-top: 10px;
}

#amount-display
{
	font-size: 18px;
	float: right;
	margin-right: 100px;
	text-align: right;
}

/* Navigation
========================*/

#topnav
{
	float: right;
	list-style: none;
	width: auto;
}

#topnav li
{
	background: #474747;
	border-bottom: 1px solid #8b8b8b;
	border-left: 1px solid #8b8b8b;
	border-right: 1px solid #8b8b8b;
	float: left;
	font-style: italic;
	font-size: 16px;
	margin-left: 10px;
	margin-top: 12px;
	padding: 10px 20px;
	text-transform: lowercase;
	width: auto;
}

#topnav li a
{
	color: #e3e3e3;
	font-weight: normal;
	text-decoration: none;
}

#topnav li a:hover
{
	text-decoration: underline;
}

#footer a
{
	color: #e3e3e3;
}

.button
{
	background:transparent url(images/button-bg.png) repeat-x scroll 0 0;
	border:1px solid #959595;
	font-size: 20px;
	padding:5px 10px;
	margin: 20px 10px 0 0;
}

#sidebar #menu
{
	float: right;
}

/* Misc
========================*/

.left
{
	float: left;
}

.right
{
	float: right;
}
.clr
{
	clear: both;
}
.caps
{
	font-weight: bold;
	text-transform: uppercase;
}

#video
{
	display: none;
	font-size: 10px;
	height: 520px;
	line-height: 20px;
	margin: 0 auto;
	padding-top: 20px;
	width: 720px;
}

#video a
{
	color: #8d8d8d;
}

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


/*DialedIn css*/
/*.ui-widget-content{background: transparent url(../images/sliderBG.jpg) no-repeat;}
.ui-widget-header{background: none;}*/
.ui-widget-content{background: none /*#e95252*/; border: none;}
.ui-widget-header{background: none /*#60e952*/;  border: none;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{border: 1px solid #76b5f5;}
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
.ui-slider .ui-slider-handle {height: 25px; width: 25px; margin-top: 22px;}
.ui-widget-content .ui-state-focus {background: #f6f6f6;}
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus .ui-state-hover {background:#76b5f5; }
.ui-dialog {background:#fff !important;}
#slider-ticks{width: 450px; height: 50px; background: url(scripts/slider-ticks.png) no-repeat center center;  position: relative; z-index: 50}
#slider{left:6px; top:-50px; width: 433px; height: 50px;margin-bottom:10px; position: relative; z-index: 51;}
#slider-wrapper {height: 50px; margin-bottom: 20px;}
.dial-demo {width: auto; float: left; padding-right: 20px;}
.dial-demo option {padding-left: 5px;}
.dial-demo select {border: 1px solid #94adcb;}