/* Description:	Core CSS for Alternative Reel */

body { background-color: #F0F0F0; font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: center; }

/* HEADINGS */
h1 {font-size: 200%; }	/* 18pt */
h2 {font-size: 175%; }	/* 16pt */
h3 {font-size: 150%; }	/* 14pt */
h4 {font-size: 125%; }	/* 11pt */
h5 {font-size: 100%; }	/*  9pt */
h6 {font-size:  75%; }	/*  7pt */

/* Page Structure */

#content { margin: 15px auto; width: 900px; }
#content .lcol15, .lcol25, .lcol35, .lcol45 { float: left; font-weight: bold; width: 20%; }
#content .rcol55 { float: right; font-weight: bold; width: 20%; }
#content .tagline { font-size: 125%; font-style: italic; font-weight: bold; margin-bottom: 10px; }

/* Comments */
#content .comment_heading { font-size: 200%; margin: 10px auto; text-align: left; }
#content .comment_box { background-color: #FFFFFF; border-radius: 5px; border: 2px solid black; 
    margin: 10px auto; padding: 0; }
#content .comment_box_author { font-style: italic; font-weight: bold; margin: 5px; text-align: left; }
#content .comment_box_content { margin: 5px; text-align: left; }
#content .comment_accepted { font-size: 150%; margin: 15px auto; }

/* Google Ad */
#content .google_ad { margin: 0px auto; }

/* Landing Page Items */
#content .landing_page { margin: 0 auto; }

/* Dashboard Tables */
#content table.dashboard { margin: auto; padding: 0; text-align: center; width: 900px;}
#content table.dashboard td.label, td.req_label  { padding-right: 5px; text-align: right; vertical-align: top; }
#content table.dashboard td.field, td.req_field  { text-align: left; }
#content table.dashboard td.req_label { color: #CC0000; font-style: italic; } /* Mark required fields in red text */
#content table.dashboard td.rbutton { font-size: 125%; } 

/* Titles and Headings*/
#content .round_title { border-radius: 25px; border: 2px solid black; font-size: 225%; margin: 15px auto; padding: 5px; }
#content .round_heading { border-radius: 25px; border: 2px solid black; font-size: 175%; margin: 10px auto; padding: 5px; width: 50%; }

/* Article Display */
#content .article_google_ad { font-size: 150%; margin: 0px auto; }
#content .article_heading { font-size: 200%; margin: 10px auto; padding: 5px; }
#content .article_caption { background-color: #DDE; border-radius: 25px; border: 2px solid black; 
    font-size: 150%; margin: 10px auto; padding: 5px; }
#content .article_image { margin: 5px auto; padding: 0; }
#content .article_text { margin: 5px auto; padding: 0; }

#content .index { font-size: 150%; line-height: 1.5em; }

#content .list { font-size: 125%; line-height: 1.5em; }

#content .message { font-size: 150%; line-height: 1.5em; }
#content .section_marker { font-size: 100%; font-style: italic; margin: 5px 0px; text-align: center; }
#content .submit { margin: 5px auto; }

#header { margin: 5px auto; width: 900px; }
#header .left { float: left; margin: auto; text-align: left; width: auto; }
#header .right { float: right; margin: auto; text-align: right; width: auto; }

#footer { background-color: #e0e0e0; border: 1px solid #bebebe; font-style: italic; margin: 0 auto; width: 900px; }

#copyright { font-size: 80%; font-style: italic; font-weight: bold; margin: 0 auto; width: 900px; }

/* NAVIGATION BAR (Horizontal) */

#navbar { background-color: #e0e0e0; } 
#navbar ul { border: 1px solid #bebebe; padding: 1px 0; text-indent: 10px; }
#navbar ul li { display: inline; }
#navbar ul li a { background: transparent url(/img/Tab-Divider.png) top right no-repeat; color: #494949;
    padding: 2px 25px 2px 10px; text-decoration: none; }
#navbar ul li a:hover { color: #FF0000; }
#navbar ul li a:visited { color: #494949; }
#navbar ul li a#current { color: #3333CC; text-decoration: underline; }
/* Added to remove trailing slash from last entry */
#navbar ul li a#last { background: none; }
#navbar ul li a#last_current { background: none; color: #3333CC; text-decoration: underline; }

/* SELF-CLEARING FLOATS
------------------------------------------------*/
#content:after, #copyright:after, #footer:after, #header:after, #navbar:after { clear: both; content: ".";
    display: block; height: 0; visibility: hidden; }