﻿/*--------------------------------------------------------------------------------------------------

FreshAirCinema Base Stylesheet
(c) Copyright 2007 Chad Blenkin, UrbanRootsMedia

All controllers inherrit from this stylesheet, so anything reusable, site-wide or generic goes here.

--------------------------------------------------------------------------------------------------*/

body        					{ padding:0; }

#logo									{ float:right; margin:1.1em 0; }

#nav        					{ float:left; margin:1.5em 0 1.8em 0; }
#nav ul     					{ margin:0; padding:0; list-style:none; }
#nav ul li  					{ margin:0; padding:0; margin-right:1em; display:inline; }
#nav a								{ color:#006633; text-decoration:none; }
#nav a:hover					{ color:#006633; text-decoration:underline; }
#nav a.selected				{ color:#000; font-weight:bold; }
#nav a.selected:hover { color:#006633; }

#wrap       					{ margin:0 auto; width:750px; }
#content    					{  }
#main       					{ float:left; width:445px; margin-right:30px; }
#sub        					{ float:left; width:285px; }

#footer     					{ /*margin-top:3em;*/ width:100%; padding:20px; color:#FFFFFF; font-size:10px; line-height:140%; background-color:#222; text-align:center;  margin-left:auto; margin-right:auto; }
#footer2                        {
	background: #222 center bottom;
	text-align:left;
	height:auto;
	padding:1em 2em;
	color:#fff;
}
#footer2 a {color:#94cd94; font-size:12px; font-weight:100; text-decoration:underline;}


/* LINKS
--------------------------------------------------------------------------------------------------*/

a:link								{ color:#006633; }
a:visited							{
	color:#006633;
	/*vertical-align: bottom;*/
}

h1 a, h2 a						{ text-decoration:none; }
h1 a:hover, 
h2 a:hover						{ text-decoration:underline; }
h1 a:visited, 
h2 a:visited					{ color:#006633; }

#sub a:visited 				{ color:#006633; }


/* LISTS & Tables
--------------------------------------------------------------------------------------------------*/

ul.rentals							{ list-style:none; padding-left:3px; }
ul.rentals li					{ padding-left:18px; background:url('/images/check.gif') no-repeat 2px .3em; }
ul.rentals li a {color:#006633; text-decoration:underline;}
ul.rentals li hover {color:#222; text-decoration:none;}

ul.arrow							{list-style:none; padding-left:3px; }
ul.arrow li					{ padding-left:18px; background:url('/images/arrow.gif') no-repeat 2px .3em; }
ul.arrow li a {color:#006633; text-decoration:underline;}
ul.arrow li hover {color:#222; text-decoration:none;}

#plans							{ margin-bottom:1em;}
#plans table 				{ width:100%; border: 1px solid #ccc;}
#plans th						{ text-align:center; border-bottom: 1px solid #ccc; padding:5px; background:#000; color:#fff; }
#plans td						{ text-align:center; padding:5px; }
#plans tr						{ }
#plans a:visited		{ color:#006633; }


/* TYPOGRAPHY
--------------------------------------------------------------------------------------------------*/

p											{ line-height:160%; margin-bottom:.8em; }
body									{ color:#444; }
h1, h2								{ font-family:georgia,times; font-weight:normal; }
h1										{ font-size:30px; line-height:40px; color:#000; /*#;*/ }
h2										{ font-size:20px; line-height:23px; color:#006633; margin-bottom:.3em; }
h3										{
	font-size:19px;
	line-height:23px;
	color: #D55327;
	margin-bottom:0.3em;
	font-weight: normal;
}


/* NAVIGATION
--------------------------------------------------------------------------------------------------*/



/* MISC
--------------------------------------------------------------------------------------------------*/

#quick-links 					{ margin-bottom:2.0em; }
#quick-links a				{ color:#006633; }
.new h2 a { margin-top:-7px; padding-top:7px; padding-bottom:10px; margin-bottom:-10px; padding-right:35px; background:url("/images/new.gif") no-repeat right 50%;  }
#expert {
color:#666;
background-color:#f6eac1;
margin-left:auto;
margin-right:auto;
width:220px;
padding:10px 10px 10px 10px;
height:auto;}

.plan 							{ margin-bottom:2em; }

.alt-div {
	background-color: #F7F7F7;
	padding: 3px 10px 3px 10px;
}
.pad-div {
	padding: 3px 10px 3px 10px;
}
#indexright {
	float: right;
	width: 330px;
	height: 275px;
}
