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

Site: 			Milt Stegall
Style Sheet: 	style.css
Author: 		Bob Duncan, bob@thehappypixel.com
Version:		1.0
Version Date:	February 16, 2009
	
Contents:
1.) Typography
2.) Links
3.) Navigation
4.) Layout
	
--------------------------------------------------- */

@import url("reset.css");

/* ---- 1.) Typography ---- */
h1 { padding: 0; margin: 0 auto; width: 940px; height: 91px; position: relative; }
h1 span { background: url(../images/logo.jpg) top center no-repeat; width: 100%; height: 100%; position: absolute; }
h1 a { font-size: 0; width: 940px; height: 91px; display: block; cursor: pointer; }
h2 { display: none; }
h3 { font-family: helvetica, arial, sans-serif; font-size: 24px; font-weight: bold; color: #1d2a6c; }
h4, legend { padding-top: 25px; font-family: helvetica, arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 22px; color: #1d2a6c; clear: both; }
h5, label { font-family: helvetica, arial, sans-serif; font-size: 12px; line-height: 12px; font-weight: bold; color: #000; }

div#content_middle  { font-size: 11px; font-family: arial, sans-serif; }

/* ---- 2.) Links ---- */
div#content_middle li h3 a { text-decoration: none; text-indent: -9999px; width: 202px; height: 59px; display: block; }
div#content_middle li#photos_button h3 { background: url(../images/photos_over.gif) top left no-repeat; }
div#content_middle li#photos_button h3 a { background: url(../images/photos_off.gif) top left no-repeat; }
div#content_middle li#photos_button a:hover { background: url(../images/photos_over.gif) top left no-repeat; }
div#content_middle li#videos_button h3 { background: url(../images/videos_over.gif) top left no-repeat; }
div#content_middle li#videos_button h3 a { background: url(../images/videos_off.gif) top left no-repeat; }
div#content_middle li#videos_button h3 a:hover { background: url(../images/videos_over.gif) top left no-repeat; }
div#content_middle li#downloads_button h3 { background: url(../images/downloads_over.gif) top left no-repeat; }
div#content_middle li#downloads_button h3 a { background: url(../images/downloads_off.gif) top left no-repeat; }
div#content_middle li#downloads_button h3 a:hover { background: url(../images/downloads_over.gif) top left no-repeat; }

div#footer a { text-decoration: underline; color: #535a85; }
div#footer a:hover { text-decoration: none; }

/* ---- 3.) Navigation ---- */
ul#navigation { margin: 1px auto 0 auto; width: 733px; }
ul#navigation li { width: 91px; height: 39px; float: left; list-style-type: none; }
ul#navigation a { text-decoration: none; text-indent: -9999px; width: 118px; height: 39px; display: block; }
ul#navigation li#home a { background: url(../images/nav/home_off.png) top left no-repeat; }
ul#navigation li#home_on a { background: url(../images/nav/home_on.png) top left no-repeat; }
ul#navigation li#home, ul#navigation li#home a:hover { background: url(../images/nav/home_over.png) top left no-repeat; }
ul#navigation li#store a { background: url(../images/nav/store_off.png) top left no-repeat; }
ul#navigation li#store_on a { background: url(../images/nav/store_on.png) top left no-repeat; }
ul#navigation li#store, ul#navigation li#store a:hover { background: url(../images/nav/store_over.png) top left no-repeat; }
ul#navigation li#multimedia a { background: url(../images/nav/multimedia_off.png) top left no-repeat; }
ul#navigation li#multimedia_on a { background: url(../images/nav/multimedia_on.png) top left no-repeat; }
ul#navigation li#multimedia, ul#navigation li#multimedia a:hover { background: url(../images/nav/multimedia_over.png) top left no-repeat; }
ul#navigation li#downloads a { background: url(../images/nav/downloads_off.png) top left no-repeat; }
ul#navigation li#downloads_on a { background: url(../images/nav/downloads_on.png) top left no-repeat; }
ul#navigation li#downloads, ul#navigation li#downloads a:hover { background: url(../images/nav/downloads_over.png) top left no-repeat; }
ul#navigation li#newsletter a { background: url(../images/nav/newsletter_off.png) top left no-repeat; }
ul#navigation li#newsletter_on a { background: url(../images/nav/newsletter_on.png) top left no-repeat; }
ul#navigation li#newsletter, ul#navigation li#newsletter a:hover { background: url(../images/nav/newsletter_over.png) top left no-repeat; }
ul#navigation li#in_the_community a { background: url(../images/nav/in_the_community_off.png) top left no-repeat; }
ul#navigation li#in_the_community_on a { background: url(../images/nav/in_the_community_on.png) top left no-repeat; }
ul#navigation li#in_the_community, ul#navigation li#in_the_community a:hover { background: url(../images/nav/in_the_community_over.png) top left no-repeat; }
ul#navigation li#about_milt a { background: url(../images/nav/about_milt_off.png) top left no-repeat; }
ul#navigation li#about_milt_on a { background: url(../images/nav/about_milt_on.png) top left no-repeat; }
ul#navigation li#about_milt, ul#navigation li#about_milt a:hover { background: url(../images/nav/about_milt_over.png) top left no-repeat; }
ul#navigation li#contact_us a { background: url(../images/nav/contact_us_off.png) top left no-repeat; }
ul#navigation li#contact_us_on a { background: url(../images/nav/contact_us_on.png) top left no-repeat; }
ul#navigation li#contact_us, ul#navigation li#contact_us a:hover { background: url(../images/nav/contact_us_over.png) top left no-repeat; }

/* ---- 4.) Layout ---- */
body { background: #f1f1f0 url(../images/header.jpg) top center repeat-x; }

div#container { margin: 0 auto; width: 940px; }

div.headline_image { width: 940px; height: 318px; }
div#headline_image_home { background: url(../images/headline_image_home.png) top left no-repeat; }
div#headline_image_multimedia { background: url(../images/headline_image_multimedia.png) top left no-repeat; }
div#headline_image_downloads { background: url(../images/headline_image_downloads.png) top left no-repeat; }
div#headline_image_community { background: url(../images/headline_image_community.png) top left no-repeat; }
div#headline_image_about { background: url(../images/headline_image_about.png) top left no-repeat; }
div#headline_image_contact { background: url(../images/headline_image_contact.png) top left no-repeat; }

div#content { margin: 0 auto; width: 854px; clear: both; }
div#content_top { background: url(../images/content_top_bg.jpg) top left no-repeat; width: 854px; height: 46px; clear: both; }
div#content_middle { padding: 0 73px 0 75px; background: url(../images/content_middle_bg.jpg) top left repeat-y; width: 708px; float: left; }
div#content_bottom { margin-top: -20px; background: url(../images/content_bottom_bg.jpg) top left no-repeat; width: 854px; height: 46px; clear: both; }

body#home div#content_middle p { padding-top: 10px; }
body#home div#content_middle li { padding: 0 25px; border-left: 1px dotted #ccc; width: 202px; float: left; list-style-type: none; }
body#home div#content_middle li#photos_button { padding-left: 0; border: 0; }
body#home div#content_middle li#downloads_button { padding-right: 0; margin-right: 0; }

body#multimedia div#content_middle li { list-style-type: none; }

ol#career_records li { padding: 10px 0; border-bottom: 1px dotted #ccc; margin-bottom: 10px; list-style-type: none; }
ol#career_records li.last { border: 0; }
ol#career_records li p { margin-top: 5px; }
table { border: 1px solid #1d2a6c; border-collapse: collapse; width: 100%; }
body#about th { background: #1d2a6c; color: #fff; }
th, td { padding: 3px; }
tr.alt td { background: #ddd; }

body#contact div#content_middle ul, body#newsletter div#content_middle ul { margin-top: 23px; }
body#contact div#content_middle ul li, body#newsletter div#content_middle ul li { padding-right: 20px; border-right: 1px dotted #ccc; margin-right: 20px; width: 330px; float: left; list-style-type: none; }
body#contact div#content_middle ul li.last, body#newsletter div#content_middle ul li.last { padding: 0; border: 0; margin: 0; }
body#contact div#content_middle ul li li, body#newsletter div#content_middle ul li li { border: 0; width: 100px; clear: both; }
fieldset { padding: 20px; border: 1px solid #333; margin: 10px 10px; }
legend { margin-top: -20px; width: 100px; display: block; float: left; }
.text { border: 1px solid #ccc; margin-bottom: 10px; width: 237px; height: 26px; }
input.text, textarea { padding: 4px 0 0 4px; border: 1px solid #999; font-size: 16px; color: #999; }
input.text:focus, textarea:focus, input.text:hover, textarea:hover { border: 1px solid #333; color: #333; }
#fan_mail_message, #marketing_message { height: 100px; }

body#downloads div#content_middle ul { list-style-type: none; }
body#downloads div#content_middle ul li { padding: 0 20px; width: 190px; float: left; }
body#downloads div#content_middle ul li.first { padding-left: 0; }
body#downloads div#content_middle ul ul { padding: 5px 0 0 7px; }
body#downloads div#content_middle ul li li { padding: 0; width: auto; float: none; display: inline; }

div#calendar { padding-top: 20px; }

/*body#store { background-position: 0 36px; }*/

body#store div#content li { margin-left: 20px; width: 25%; float: left; }
body#store th { width: 60%; }
body#store td { width: 20%; }
body#store p.clear { padding-top: 20px; clear: both; }

input.button { margin-top: 10px; }
p.error, p.success { padding: 5px; border: 1px solid #f00; background: #fcd2d2; font-size: 12px; font-weight: bold; }
p.success { border-color: #0fb506; background: #d4fcd2; }

div#footer { font-family: arial; font-size: 10px; text-align: center; color: #535a85; }
div#footer ul { margin: 0 auto; width: 375px; }
div#footer li { padding-left: 5px; border-left: 1px solid #535a85; margin-left: 5px;  float: left; list-style-type: none; }
div#footer li.first { padding: 0; border: 0; margin: 0; }
div#footer p { padding-top: 10px; clear: both; }