@charset "UTF-8";
/* 
	CSS Stylesheet for www.weatherornot.com
	created 6.10.09
	by Scott Wilmarth
	copyright River City Studio
*/

/* SITE COLORS -----------------
Bright Red - #E0111D
Deap Red/brown - #330000
dull red - #823832
medium Khaki - #A36B29
light khaki - #D3B582

*/

/* -------------------------- Global Declarations --------------------------- */
	
* { /* zero out all padding/margins for everything */
	margin: 0px;
	padding: 0px;
}

body {
   font: 85% Georgia, "Times New Roman", Times, serif;
   background: #FFF;
   margin: 0;
   padding: 0;
   text-align: center;
   color: #000;
}

a, #sideBar a  {
	outline: none;
}

img {
   border:none;
}

.floatRight/* Miscellaneous classes for reuse */ {
   float: right;
   margin-left: 8px;
}

.floatLeft { /* this class can be used to float an element left in your page */
   float: left;
   margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
   clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}

#container {
   width: 960px;
   background: #FFFFFF;
   margin: 0 auto;
   border: 0px solid #000000;
   text-align: left;
   position:relative;
}

#header {
   background: #FFF;
   margin: 0px;
   padding:20px 0px 0px 0px;
   background-image: url(/_img/gHeaderRadarBackground.gif);
   background-position: top right;
   background-repeat: no-repeat;
   border-bottom:4px solid #000;
   height: 163px;
}

#logo {
   margin: 0;
   padding: 0px 0px 13px 30px;
   border: 0px;
}

#nav {
   position:absolute;
   top: 20px;
   right: 30px;
   text-align: right;
}

#nav a {
   margin-left:25px;
   padding:0px;
   color:#531400;
   text-decoration:none;
   font-size:0.8em;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;   /*font-weight: bold;*/
}

#nav a:hover {
   color:#E0111D;
   text-decoration:none;
   border-bottom: 1px dotted #330000;
}
#nav a.active {
   color:#E0111D;
   text-decoration:none;
   border-bottom: 1px solid #330000;
}

#nav a.active:hover {
   color:#E0111D;
   text-decoration:none;
   border-bottom: 1px dotted #330000;
}

#bottomLinks {
	margin-top: 25px;
}

#mainContent #bottomLinks a {
	border-right: 1px solid #A36B29;
	color: #E71939;
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
	padding-right: 10px;
}

#tagline {
   margin:0px;
   padding:0px;
}

#content {
   background-image: url(/_img/gNavbackground.jpg);
   background-position: top;
   background-repeat: repeat-x;
   background-color:#DFB167;
   margin:0px 0px;
   padding:0px 0px;
   position:inherit;
}

#sidebar {
   /*float: left;*/position:absolute; top:186px; left: 0px;
z-index:1000;
   width: 270px;
   padding: 0px;
   margin:0px;
   font-family: Arial, Helvetica, sans-serif;
}

.meteoPhotos {
	float: left;
	margin-right: 10px;
}

/* Sidebar buttons - A+ Weather and Free Trial ------------*/
#sidebar p.buttons {
   position:relative;
   margin:0px;
   padding:0px;
}

a#btnAplusWeather {
   position:absolute;
   top: 15px;
   left: 0px;
   background-image: url(/_img/btnAplusWeather.jpg);
   background-position: left;
   background-repeat: no-repeat;
   margin:0px;
   padding:0px;
}

a#btnAplusWeather:hover {
   background-position: right;
}

a#btnAplusWeather img {
   height: 87px;
   width: 255px;
}

a#btnFreeTrial {
   position:absolute;
   top: 350px;
   left: 64px;
   background-image: url(/_img/btnFreeTrial.jpg);
   background-position: left;
   background-repeat: no-repeat;
   margin:0px;
   padding:0px;
}


a#btnFreeTrial:hover {
   background-position: right;
}

a#btnFreeTrial img {
   height: 57px;
   width: 155px;
}

/* End of sidebar buttons ---------- */

#sideNav {
   margin: 100px 0px 0px 0px;
   padding: 0px 25px 0px 0px;
}

#sideNav li {
   margin: 0px 0px 0px 0px;
   padding: 8px 28px 15px 0px; /* changed right padding from 30px to help keep METEOROLOGIST text in nav from being hid by #metPhoto */
   text-align: right;
   background-image: url(/_img/gSidNavBackground.gif);
   background-position: bottom right;
   background-repeat: no-repeat;
   list-style:none;
}

#sideNav li a {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px;
   font-weight:bold;
   font-size: .95em;
   color: #330000;
   text-decoration: none;
}

#sideNav li a:hover {
   color: #E0111D;
}

#sideNav li a.active {
   color: #E0111D;
   text-decoration: none;
}

#sideNav li a.active:hover {
   color: #330000;
}

/* sidebar Random Meteorologist photos --------- */
#sideNav li #ourMets {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px;
   height: 100px !important;
   /*line-height: 80px;*/
}

#metPhoto {
	position:absolute;
   bottom: 10px;
   left: 18px;
	margin:0px;
   padding:0px;
   z-index:15;
}

#mainContent {
   margin: 0px 0px 0px 273px;
   padding:16px 80px 30px 50px;
   background-color:#FFF;
   border-left: 4px solid #000;
   width:553px;
   min-height:426px;
}
#mainContent h1, #mainContent h2, #mainContent h3  {
   line-height: 125%;
   font-family:Arial, Helvetica, sans-serif;
}
#mainContent h1 {
   margin:15px 0 8px 0;
   font-size:1.5em;
   color: #A36B29;
}
#mainContent h2 {
margin:10px 0 6px 0;
font-size:1.25em;
   color: #330000;
}
#mainContent h3 {
margin:10px 0 4px 0;
font-size:1.1em;
   color: #E0111D;
}
#mainContent p {
	margin:4px 0 8px 0;
   line-height: 125%;
}
#mainContent ul {
	margin-left: 25px;
}
#mainContent ul li {
	margin:4px 0 8px 0;
   line-height: 125%;
}
#mainContent a {
	color: #A36B29;
	text-decoration: none;
}
#mainContent a:hover {
	color: red;
}

#mainContent h1 a:hover {
	color: #A36B29;
}
#mainContent p.teamName {
	font-weight: bold;
	margin-top: 40px;
}

.author {
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
}

#subnav {
   margin: 0px 0px 15px -22px;
   padding: 0px 0px 0px 0px;
   font-size:1.1em;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
}

#subnav a {
   margin: 0px 20px 0px 0px;
   padding: 0px;
   color:#330000;
   text-decoration: none;
   font-size:.93em;
}

#subnav a:hover {
   color:#E0111D;
   text-decoration: none;
}

#subnav a.active {
   color:#E0111D;
}

#subnav a.active:hover {
   border-bottom: 1px solid #330000;
}

#contactForm {
	margin-top: 30px;
	width: 270px;
}

#contactForm p {
	text-align: left;
}

.first {
	margin-left: 10px;
}

.last {
	margin-left: 12px;
}

.company {
	margin-left: 26px;
}

.email {
	margin-left: 41px;
}

textarea {
	width: 245px;
}

.required {
	font-size: 10px;
	padding-left: 90px;
}

#footer {
   padding: 0px;
   background-image: url(/_img/gBottomFade.jpg);
   background-position: top;
   background-repeat: repeat-x;
   border-top: 4px solid #000;
   clear:both;
}

#footer p {
   margin: 30px 0;
   padding: 10px 0;
   font-size:.9em;
   font-family:Arial, Helvetica, sans-serif;
   text-align:center;
}

sup {
   font-size:70%;
}

/* Right Column on About Us page styles ---------------  */
#rightColumn {
	float: right;
	margin: 135px 0px 0px 25px;
	width: 150px;
}

#rightColumn img {
	margin-bottom: 70px;
}

/* Right Section on Why Us page styles ---------------  */
#trustedBy {
	float: right;
	margin: 20px 0px 0px 20px;
}

#trustedBy img {
	margin-bottom: 35px;
}

#trustedBy img.trustedMu {
	margin-bottom: 0px;
}

#trustedBy p {
	font-size: 9px;
	text-align: center;
	margin-bottom: 3px;
}

#mainContent span a {
	color: #330000;
	font-size: 12px;
	margin-left: 50px;
	text-align: right;
	text-decoration: underline;
}

span a:hover {
	color: red;
}

#boltsRight {
	display: block;
	clear: left;
	float: right;
	margin: 20px 0px 0px 15px;
	width: 175px;
}

h2.bolts {	
	clear: left;
	padding-top: 20px;
}

/* Compare Us Page Styles ------------------- */
#compareContent {
   margin: 0px 0px 0px 0px;
   width: 608px;
}
#compareContent h1, #mainContent h2, #mainContent h3  {
   line-height: 125%;
   font-family:Arial, Helvetica, sans-serif;
}
#compareContent h1 {
   margin:15px 0 8px 0;
   font-size:1.5em;
   color: #A36B29;
}
#compareContent h2 {
margin:10px 0 6px 0;
font-size:1.25em;
   color: #330000;
}
#compareContent h3 {
margin:10px 0 4px 0;
font-size:1.1em;
   color: #E0111D;
}
#CompareLeft {
   margin: 0px 0px 0px -40px;
   background-color:#FFF;
   width:300px;
   min-height:586px;
}
#CompareLeft h1, #mainContent h2, #mainContent h3  {
   line-height: 125%;
   font-family:Arial, Helvetica, sans-serif;
}
#CompareLeft h1 {
   margin:15px 0 8px 0;
   font-size:1.5em;
   color: #A36B29;
}
#CompareRight {
   float: right; 
   margin: 0px -80px 0px 20px;
   width: 375px;
   min-height:426px;
}
#CompareRight h1, #mainContent h2, #mainContent h3  {
   line-height: 125%;
   font-family:Arial, Helvetica, sans-serif;
}
#CompareRight h1 {
   margin:15px 0 8px 0;
   font-size:1.5em;
   color: #A36B29;
}


/* Right Column on About Us page styles ---------------  */
#rightColumn {
	float: right;
	margin: 135px 0px 0px 25px;
	width: 150px;
}

/* Home Specific styles ---------------  */
body.home #sidebar {
   /*padding: 0px 0px 0px 30px;*/left: 30px;/* onlyi applied to the home page layout */
}

body.home #mainContent {
   margin: 0px 0px 0px 303px;
   padding:0px 0px 0px 0px;
   width:653px;
   height:426px;
}

body.home #mainContent img {
   margin: 0px;
   padding:0px;
}

#rotating_picsContainerTop {
margin:0px;
padding: 0px;
width:653px;
}

.red {
  background-color: #FBC;
  padding: 15px;
  color: #900;
  border: 1px solid #C55;
}

.blue {
  background-color: #CBF;
  padding: 15px;
  color: #009;
  border: 1px solid #55C;
}