/*	Desc: *title* Screen Style Sheet
	Author: Heather Mulholland
=== === === === === === === === === === */



/*=COMMON
=== === === === === === === === === === */

.floatLeft{
float:left;
}

.floatRight{
float:right;
}

a:hover, a.active{
color:#a09988!important;
}

.subNav li{
padding:3px 0px;
}

.subNav ul.children li {
padding:10px 0px; 
}


.subNav{
padding:0px 0px 0px 20px;
}

.subNav a{
color:#303030;
}

h1{
color:#6c5d4b;
font-size:24px;
text-transform: uppercase;
margin:0px 0px 35px 0px;
}

h3{
color:#6c5d4b;
font-size:18px;
padding:10px 0px;
}

h2{
color:#303030;
font-size:20px;
font-weight: bold;
display: block;
margin:10px 0px 5px 0px;
}

h4{
font-weight: bold;
}

a.readMore{
color:#747474;
font-size:10px;
text-transform: uppercase;
}

.numberedLists{
margin:0px 0px 10px 0px;
}

.numberedLists li{
padding:0px 0px 15px 0px;
}

.numberedLists li .number{
color:#6b6b6b;
font-size: 15px;
font-weight: bold;
padding:0px 5px 0px 0px;
}

.bullets li{
background: url(/assets/images/icons/brownbullet.jpg) 0px 5px no-repeat;
padding:0px 0px 7px 15px;
}

.twoColumnList{
padding:0px 60px 0px 0px;
}

/*=STRUCTURE
=== === === === === === === === === === */

body{
background-color:#161616;
font-family: Arial;
}

#topContent{
background:url(/assets/images/backgrounds/header_bg.jpg) bottom repeat-x;
height:560px;
}

#top, #secondThought, #footer, #homeCalloutAbout, #insideContent{
width:960px;
margin:0px auto;
}

#secondThoughtContainer{
background:url(/assets/images/backgrounds/secondthought_bg.jpg) repeat-x;
}

#insideContentContainer{
background-color: #fff;
}


/*=INSIDE PAGES
=== === === === === === === === === === */

#insideTopContainer{
padding:0px 0px 45px 0px;
}

#insideContent{
color:#303030;
font-size:12px;
}

#leftColumn{
padding:40px 0px;
width:680px;
}

#leftColumn a{
color:#747474;
}

#rightColumn{
background: url(/assets/images/backgrounds/rightcolumn_bg.jpg) no-repeat;
width:195px;
padding:145px 0px 0px 30px;
}

.newsletterCallout{
border:1px solid #828181;
background: url(/assets/images/backgrounds/newslettercallout_bg.jpg) repeat-x #3c3c3c;
margin:35px 0px;
padding:75px 30px 20px 20px;
color: #a09988;
font-size: 11px;
font-weight: bold;
}

.newsletterCallout .title{
color:#fff;
font-size:18px;
}

.newsletterCallout .newsletterInput{
width:100%;
margin:0px 0px 7px 0px;
color:#8e8e8e;
padding:3px;
}

.newsletterCallout form{
margin:7px 0px 0px 0px;
}

#leftColumn p{
padding:0px 0px 10px 0px;
line-height: 140%;
}

.testimonial{
font-family: Georgia;
margin:10px 20px;
font-size:14px;
color:#6b6b6b;
}

.testimonial .quotes{
font-size:30px;
}

.testimonial .author{
font-size: 10px;
font-style: italic;
padding:0px 0px 0px 12px;
}

ul.supporters{
padding:20px 0px 0px 0px;
}

.supporters li{
width:325px;
float:left;
padding:0px 20px 20px 0px;
}

.supporters li.right{
padding-right: 0px;
}

ul.supportersText{
padding:20px 0px 0px 0px;
}

.supportersText li{
width:325px;
float:left;
padding:0px 20px 7px 0px;
}

.supportersText li.right{
padding-right: 0px;
}


table{
margin:15px 0px;
}

table td{
padding:10px;
}

table a{
color:#a09988;
}

table a:hover{
text-decoration: underline;
}

table tr.header{
background-color:#161616;
color:#fff;
text-transform: uppercase;
}

table tr.other td{
background-color: #eee;
}

.thanksBox{
background-color: #eee;
padding:10px 25px 25px 25px;
margin:15px 0px;
}

.thanksBox li{
display: inline;
float:left;
padding:0px 10px 0px 0px;
}

.playTimes .floatLeft{
padding:0px 30px 0px 0px;
}

.playTimes table{
margin:0px;
}

.textCallout {
	padding: 5px;
	background-color: #eeece8;
	border: 1px solid #d4cfc8;
}

#contactTable td {
	padding: 0px 20px 20px 0px;
}

/*=FORMS
=== === === === === === === === === === */

form{clear:both;}

.submitIdeas{
width:440px;
}

.mainNewsletter{
width:281px;
}

input.selectLength{
width:200px;
}

.formContainer{
padding:15px 25px 25px 25px;
background-color: #eee;
margin:15px 0px;
}

.formContainer h4{
margin:0px 0px 20px 0px;
}

form.main textarea{
border:1px solid #ccc;
}

form.main label{
	margin-top:4px;
	margin-right: 15px;
	display: inline-block;
	float:left;
	width:100px;
	text-align: left;
}
form.main div.rowElem{
	clear:both;
	padding:4px 0px;
}

form.main input{
border:1px solid #ccc;
background-color: #fff;
padding:5px;
margin:0px 5px 0px 0px;
}

form.main .selectLength{
width:160px;
}

form.main .joinNewsletter{
margin:5px 0px;
}

form.main .joinNewsletter input{

}

.sideCheckboxes{
margin:15px 0px;
}

.formContentRight label, .formContentLeft label{
width:190px!important;
clear: both;

}

.radioButtons label{
width:60px!important;
}

form.main .smallText{
font-size:10px;
margin:10px 0px;
}

form.main .eventDetails{
margin:35px 0px 25px 0px;
}

.sideBySideInput input{
width:60px!important;
margin:0px 15px 0px 5px;
}

form.main .textarea{
margin:5px 0px;
}

form.main .groceryList{
width:125px;
}



/*=TOP CONTAINER
=== === === === === === === === === === */

#logo a{
background:url(/assets/images/logos/reelwheels_logo.png) no-repeat;
display: block;
width:188px;
height:73px;
margin:35px 0px 0px 0px;
}

#topNav{
margin:40px 0px 30px 0px;
}

#topNav li {
display: inline;
text-align: right;
float:right;
padding:0px 0px 0px 20px;
}

#topNav a{
color:#c2c2c2;
font-size:12px;
}

#topNav a:hover, #media .mediaNavItem a, #showtimes .showtimesNavItem a{
color:#a09988;
}



#mainNav li a{
display: block;
height: 15px;
}

#mainNav li{
float:left;
}

#mainNav .showsNavItem a{
background: url(/assets/images/backgrounds/mainnav_bg.png) 0px 0px;
width:69px;
}

#mainNav .showsNavItem a:hover, #shows .showsNavItem a{
background: url(/assets/images/backgrounds/mainnav_bg.png) 0px -17px;
width:69px;
}

#mainNav .secondThoughtNavItem a{
background: url(/assets/images/backgrounds/mainnav_bg.png) -69px 0px;
width:177px;
}

#mainNav .secondThoughtNavItem a:hover, #secondThought .secondThoughtNavItem a{
background: url(/assets/images/backgrounds/mainnav_bg.png) -69px -17px;
width:177px;
}

#mainNav .innovationNavItem a{
background: url(/assets/images/backgrounds/mainnav_bg.png) -247px 0px;
width:117px;
}

#mainNav .innovationNavItem a:hover, #innovation .innovationNavItem a{
background: url(/assets/images/backgrounds/mainnav_bg.png) -247px -17px;
width:117px;
}

#mainNav .aboutNavItem a{
background: url(/assets/images/backgrounds/mainnav_bg.png) -367px 0px;
width:187px;
}

#mainNav .aboutNavItem a:hover, #about .aboutNavItem a{
background: url(/assets/images/backgrounds/mainnav_bg.png) -367px -17px;
width:187px;
}

#mainNav .disabilityNavItem a{
background: url(/assets/images/backgrounds/mainnav_bg.png) -555px 0px;
width:88px;
}

#mainNav .disabilityNavItem a:hover, #disability .disabilityNavItem a{
background: url(/assets/images/backgrounds/mainnav_bg.png) -555px -17px;
width:88px;
}

/*=SLIDER
=== === === === === === === === === === */

#sliderContainer{
position: absolute;
width:100%;
height:454px;
}

#slider{
width:960px;
margin:0px auto;
}

#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}

#slider, #slider li{ 
/* define width and height of container element and list item (slide) list items must be the same size as the slider area */ 
width:960px;
height:452px;
overflow:hidden; 
}
		
span#prevBtn a{
position: relative;
bottom:68px;
left:86px;
margin:0px auto;
display: block;
width:210px;
background: url(/assets/images/slider/newshow_spine_button.png) no-repeat;
height:42px;
}

span#nextBtn a{
position: relative;
bottom:68px;
left:117px;
margin:0px auto;
display: block;
width:272px;
background: url(/assets/images/slider/currentshow_skydive_button.png) no-repeat;
height:42px;
}	
	
#slider li .content{
padding:100px 0px 0px 464px;
}
	
#slider li.slideOne{
background: url(/assets/images/slider/spine_header.jpg) no-repeat;
}

#slider li.slideTwo{
background: url(/assets/images/slider/skydive_header2.png) no-repeat;
}

#slider #testimonials p, #slider #testimonials2 p{
color:#c2c2c2;
font-family: Georgia;
font-size:20px;
font-style: italic;
border-top:1px solid #474747;
border-bottom:1px solid #474747;
width:480px;
padding:10px 5px;
margin:15px 0px;
}

#slider #testimonials .author, #slider #testimonials2 .author{
font-size:14px;
display: block;
padding:7px 0px 0px 0px;
}

#slider .sliderButtons a{
display: block;
margin:0px 5px 0px 0px;
float:left;
}

/*=SHOWPAGE
=== === === === === === === === === === */

#showContainer{
position: absolute;
width:100%;
height:474px;
background: url("/assets/images/backgrounds/dark_background.jpg") repeat-x;
}


#showLayout{
width:960px;
margin:0px auto;
}

#showLayout ul#theShows li a{
display: block;
height: 300px;
padding-left: 20px;
}

#showLayout ul#theShows li{
float:left;
}

ul#social {
	float: right;
}

ul#social li a{
display: block;
padding-left: 5px;
}

ul#social li{
float:left;
}


#showLayout p {
	color: #999;
	font-family: Arial;
	font-size: 12px;
	padding-bottom: 10px;
}

.showLayoutLeft {
	float: left;
	width: 370px;
}

.showLayoutLeft a {
	color: #fff;
}

.showLayoutRight {
	float: right;
	width: 530px;
}

#showLayout #testimonials p, #slider #testimonials2 p{
color:#c2c2c2;
font-family: Georgia;
font-size:20px;
font-style: italic;
border-top:1px solid #474747;
border-bottom:1px solid #474747;
padding:10px 5px;
margin:15px 0px;
}

.showLayoutLeft #youtubeVideos li a {
	display: block;
	border: 1px solid #666;
	margin-right: 4px;
	margin-bottom: 4px;
}

.showLayoutLeft #youtubeVideos li {
	float: left;
}

.showLayoutLeft #youtubeVideos img {
	width: 100px;
	height: 75px;
}

.showLayoutRight ul.blogPosts li a {
	color: #999;
	font-size: 12px;
}

.showLayoutRight ul.blogPosts .blogPostsDate {
	font-size: 10px;
	text-transform: uppercase;
	color: #666;
}



/*=HOMEPAGE
=== === === === === === === === === === */

#secondThoughtContainer{
padding:20px 0px 20px 0px;
}

#secondThoughtContainer .content{
width:670px;
padding:0px 0px 0px 30px;
color:#c2c2c2;
}

#secondThoughtContainer .content .title a{
font-size:14px;
font-weight: bold;
color:#c2c2c2;
}

#secondThoughtContainer .content .description {
font-size:12px;
}

#secondThoughtContainer .content .author {
color:#636363;
font-size:10px;
text-transform: uppercase;
display: block;
margin:3px 0px 8px 0px;
}

#homeCalloutAbout{
padding:30px 0px;
}

#homeCalloutAbout #homeCallouts li{
display: inline;
float:left;
padding:0px 25px 0px 0px;
}

#homeCalloutAbout #homeAbout{
color:#636363;
font-size:12px;
width:505px;
}

#homeCalloutAbout #homeAbout p{
padding:0px 0px 10px 0px;
}

#footer{
padding:20px 0px 30px 0px;
}

#footer li{
display: inline;
float:left;
padding:0px 7px 0px 0px;
}

#footer a{
color:#c2c2c2;
text-transform: uppercase;
font-size:9px;
}

#footer p{
color:#c2c2c2;
text-transform: uppercase;
font-size:9px;
}

#verattaLink v{
padding:10px 0px 0px 0px;
}


/*=BLOG
=== === === === === === === === === === */

.blogPost{
background: url(/assets/images/backgrounds/blogseperator_bg.jpg) no-repeat bottom center;
padding:30px 0px 50px 0px;
}

.blogPost .date{
color:#747474;
font-size:10px;
text-transform: uppercase;
}

.blogPost .title a{
color:#303030;
font-size:20px;
font-weight: bold;
display: block;
margin:0px 0px 15px 0px;
}

.blogPost .content p{
padding:0px 0px 10px 0px;
line-height: 140%;
}

.tagsCommentsLinks li{ 
display: inline;
float:left;
}

.tagsCommentsLinks li, .tagsCommentsLinks li a{
color:#747474;
font-size:10px;
text-transform: uppercase;
}

.tagsCommentsLinks li.tagsIcon{
background: url(/assets/images/icons/tags_icon.gif) no-repeat;
padding:3px 25px 0px 20px;
height:17px;
}

.tagsCommentsLinks li.commentsIcon{
background: url(/assets/images/icons/comments_icon.gif) no-repeat;
padding:3px 25px 0px 20px;
height:17px;
}

.tagsCommentsLinks li.permalinkIcon{
background: url(/assets/images/icons/permalink_icon.gif) no-repeat;
padding:3px 25px 0px 20px;
height:17px;
}

.red {
	color: #fff;
	background-color: red;
	padding: 4px;
}

ul.people  {

margin-bottom: 40px;
display: block;
}

ul.people li {
	float: left;
	padding-right: 2px;
}


/*=CLEAR FIX
=== === === === === === === === === === */

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear{
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clear{
	height: 1%;
}

.clear {
	display: block;
}

/* End hide from IE-mac */