﻿/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 Layout StyleSheet - Stadium Theatre
*           Created by Jeremy S. Cargilo for ETR Consulting.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the master layout css styles for the entire project.
*   All subpage styles, links, forms, and other non-layout items can be found in 
*   their respective style sheets.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* MasterPage Layout Styles
-------------------------------------------------------------------------------*/
*            { margin: 0px; padding: 0px; }
body         { background: #FFFFFF; font-size: 12px; margin: 8px 0px 0px 0px; color: #7F3619; text-align: center; 
               font-family: Verdana, Arial, Helvetica, Sans-Serif; background: url("../../images/bg.gif"); }
#wrapper     { width: 935px; margin-left: auto; margin-right: auto; text-align: left; }
#page        { width: 935px; background: #E5DBC0; }

/* Typography Styles
-------------------------------------------------------------------------------*/
h1 { font-size: 16px; color: #D50000; margin: 5px 0px 10px 5px; }
h2 { }
h3 { }
h4 { }
.highlight { background-color: #fefbd2; color: #000080; }
.error_summary li { margin: 0px 0px 15px 30px; }
textarea { font-size: 12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; }
ul { list-style-position: outside; margin-left: 16px; }

/* SiteMapPath Styles
-------------------------------------------------------------------------------*/
#SiteMapPath { float: left; margin: 5px 0px 10px 5px; font-weight: bold; }

/* Master Header Section Styles
-------------------------------------------------------------------------------*/
#master_header { width: 931px; height: 138px; margin-left: 2px; 
    background: url("../../images/master_header.jpg") no-repeat; }

/* Main Navigation Styles
-------------------------------------------------------------------------------*/
#master_navigation { float: left; margin: 3px 0px 0px 3px; width: 184px; }
/*Hover Menu*/
.popupMenu {
	position: absolute;
	visibility: hidden;
	z-index: 1;
	width: 184px;
}

/* Master Body Styles
-------------------------------------------------------------------------------*/
.master_content { float: left; width: 722px; padding: 5px 10px; }
.master_content_home { float: left; width: 742px; }
.default_content_margins { margin-left: 5px; min-height: 400px; }
* html .default_content_margins { height: 400px; }
    
/* Master Footer Section Styles
-------------------------------------------------------------------------------*/   
#master_footer { width: 931px; height: 106px; margin: 0px 0px 2px 2px; }
#footernav { float: left; width: 710px; margin-top: 12px; }
.socmedia { float: left; width: 100px; height: 44px; margin: 10px 0 0 65px; }
#bottom_links_bg { float: left; margin-top: 6px; height: 44px; width: 100%; color: #66553E; 
	background: url("../../images/master_footer_bg.gif") repeat-x; text-align: center; }
#bottom_links { display: block; margin: 5px 0 5px 9px; }
#bottom_links a:link, #bottom_links a:visited { color: #66553E; 
    font-family: Tahoma, Verdana, Arial, Sans-Serif; width: 530px; text-decoration: none; }
#bottom_links a:hover { text-decoration: underline; }

/* Copyright & Site Design Styles
-------------------------------------------------------------------------------*/   
#copyright { color: #66553E; margin-right: 8px; font-family: Tahoma, Verdana, Arial, Sans-Serif; }
#etr { float: right; width: 180px; color: #E5DBC0; text-align: right;  position: relative; top: 25px; padding-bottom: 10px; font-size: .95em; }  
#etr a { color: #E5DBC0; text-decoration: none; }
#etr a:hover { text-decoration: underline; }

/* CSS Hacks Section Styles
-------------------------------------------------------------------------------*/       

/* ----------------------------------------------------------------------------
    P.I.E. FLOAT CLEARING
    See http://www.positioniseverything.net/easyclearing.html 
-------------------------------------------------------------------------------*/
.clearfix:after {
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}
.clearfix {
    display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
