/* =Colors
-------------------------------------------------------------- */


/* =Body
----------------------------------------------- */
* { margin: 0; }
html, body { height: 100%; margin: 0; }
body { text-align: center; background: #000; color: #FFF; font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 2; }

/* =Structure
----------------------------------------------- */
#container { width: 900px; margin: 0 auto -60px; min-height: 100%; height: auto !important; height: 100%; text-align: left; }
#branding_area { margin-bottom: 20px; }
#sticker { background: transparent url('/images/contact-sticker.png') no-repeat top left; width: 172px; height: 175px; position: absolute; margin: -15px 0 0 -33px; }
#iphone_sticker { background: transparent url('/images/iphone_app_button.png') no-repeat top left; width: 175px; height: 232px; position: absolute; margin: 200px 0 0 -40px; }
#content {}
#main_content { float: left; width: 570px; }
#main_content_header { height: 15px; background: transparent url('/images/home-news-top.png') top left no-repeat; } 
#main_content_body { padding: 5px 20px 0px 20px; background: #E1ECEE url('/images/home-news-bg.png') top left no-repeat; min-height: 200px; }
#main_content_footer { margin: -20px 0 20px 0; height: 60px; background: #E1ECEE url('/images/home-news-bottom.png') bottom left no-repeat; text-align: right; }
  #main_content_footer a { color: #04263D; font-family: Georgia, "Times New Roman", serif; font-size: 1.2em; line-height: 20px; font-weight: bold; font-style: italic; 
                          display: block; float: right; margin-top: 20px; }
  #main_content_footer a.subscribe_link { padding-top: 15px; }
  #main_content_footer a img {  }

h1 { font-size: 2.8em; line-height: 50px; font-family: Georgia, "Times New Roman", serif; font-weight: normal; font-style: italic; color: #fff; }

.news_item_date { float: left; margin-left: -32px; width: 56px; height: 60px; color: #fff; background: url('/images/news-date-bg.png') top left no-repeat; font-family: Georgia, "Times New Roman", serif; font-size: 1.5em; line-height: 50px; text-align: center;}
h2.news_item_title { margin: 0 0 10px 40px; font-size: 2.8em; line-height: 50px; }
h2.news_item_title a { font-family: Georgia, "Times New Roman", serif; font-weight: normal; font-style: italic; color: #04263D; }
.news_item p { color: #444; }

#sidebar { float: right; width: 320px; color: #555; }

#sidebar .box { margin-bottom: 10px; }
#sidebar .box_header { height: 15px; background: url('/images/box-header-bg.png') top left no-repeat; }
#sidebar .box_body { min-height: 100px; padding: 0 15px; background: #E9F5F7; }
#sidebar .box_footer { height: 15px; background: url('/images/box-footer-bg.png') bottom left no-repeat; }
#sidebar .box h2 {  margin: 0 0 10px 0; font-size: 2.1em; line-height: 1; letter-spacing: 5px; color: #04283d; font-weight: lighter; text-transform: uppercase; }
#sidebar .box p { margin: 0 0px 0px 0px; font-size: 1.3em; line-height: 1.4; color: #555; }

#sidebar #searchform { margin-bottom: 20px; }
#sidebar ul#categories_list { margin-bottom: 0px; }


#sidebar ul { margin: 0 0 20px 0; padding-left: 0px;  }
#sidebar li { font-size: 1.3em; list-style: none; }

#more_box .box_body { background: #e9f5F7 url('/images/box-bg-2.png') bottom left no-repeat; }
a.social_site_link img { margin: 5px 0 0px 0; }
#myspace_link { margin-left: 50px; }
#youtube_link { margin-left: 50px; }

#twitter_box .box_body { background: #E9F5F7 url('/images/box-bg-1.png') bottom left no-repeat; }
#twitter_box #tweet_info {  letter-spacing: 1px; font-family: Georgia, "Times New Roman", Times, serif;
                            font-style: italic; color: #3990ae; font-weight: lighter; }                            
#twitter_box p#tweet { margin-bottom: 6px; }
#follow_bryan_link { display: block; text-align: right; padding: 0; line-height: 0; }

#photos_box .box_body { background: #E9F5F7 url('/images/box-bg-2.png') bottom left no-repeat; }

#updates_box .box_body { background: #E9F5F7 url('/images/box-bg-1.png') bottom left no-repeat; }
#updates_box .box_body p { margin: 0 0 0px 0px; }
#updates_box form { padding: 6px 0 0 0px; line-height: 0; }
#updates_box input.text { width: 187px; height: 23px; margin: 0px 0 0 0; float: left; }
#updates_box input.image { margin: -2px 0 0 5px; padding: 0; display: block; float: left; }

#updates_box p.error { color: #A00C15; }
#updates_box p.success { color: #16A01B; }

#foundation_box .box_body { background: #E9F5F7 url('/images/box-bg-3.png') bottom left no-repeat; }
#foundation_box form { margin-top: 10px; text-align: right; }


/* Foundation */
#foundation_column1 { float: left; width: 300px; }
#foundation_column2 { float: right; width: 560px; margin-right: 20px; }
#foundation_column2 form { margin-bottom: 0px; }

/* =Links
-------------------------------------------------------------- */
a { text-decoration: none; color: #3990ae; }
a:hover { text-decoration: underline; }


/* =Navigation
-------------------------------------------------------------- */
ul#nav { height: 40px; list-style: none; margin: 0 0 20px; background: url(/images/nav-bg.png) top left no-repeat; }
ul#nav li { float: left; }
ul#nav li a { display: block; font-size: 14px; line-height: 40px; padding: 0px 8px; color: #fff; 
              font-weight: normal; text-decoration: none; text-transform: uppercase; text-shadow: #4C6B7F 1px 1px 1px; }
ul#nav li#nav_home a { padding: 0 15px; }


/* =Footer
-------------------------------------------------------------- */
#push { clear: both; height: 60px; } /* same height as footer */
#footer { width: 900px; margin: 0px auto; clear: both; height: 60px; background: transparent url("/images/line.png") top left repeat-x; 
          text-align: left; font-family: Georgia, "Times New Roman", Times, serif; color: #ccc; }
#footer_links { float: left; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 30px; }
#footer_links a { font-size: 1.2em; font-style: italic; color: #ccc; font-weight: lighter; }
#footer_links img { float: right; margin-left: 30px; position: absolute; margin-top: -19px; }

#social_links { float: right; font-weight: lighter; letter-spacing: 1px; padding-top: 30px; }
#social_links a { margin-left: 10px; }
#social_links span { margin: 0 8px; font-size: 1.2em; color: #3990ae;}

#copyright { text-align: center; font-size: 1.2em; padding-top: 30px; margin-left: 275px; }

/* =Messages
-------------------------------------------------------------- */
#error_box { border: 2px solid #C38E92; background-color: #871D26; color: #fff; padding: 10px; }
#error_box div { font-size: 1.4em; line-height: 20px; font-weight: bold; }
#success_box { border: 2px solid #78B84C; background-color: #46702E; color: #fff; padding: 10px; }
#success_box div { font-size: 1.4em; line-height: 20px; font-weight: bold; }

p#form_message { margin: 0; font-size: 1.2em; font-style: italic; }
p.error { color: #A00C15; }
p.success { color: #16A01B; }


/* =Tables
-------------------------------------------------------------- */
#stats_table { width: 700px; margin-left: 60px; }
#stats_table th { text-align: center; font-size: 130%; }
#stats_table tr.even td { background-color: #1d1d1d; width: 100px; text-align: center; }
#stats_table tr.odd td { background-color: #131313; width: 100px; text-align: center; }


/* =Misc
-------------------------------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
:focus { outline: none; }
#error_box { margin-bottom: 20px; }
#success_box { margin-bottom: 20px; }

/* =Home Page
-------------------------------------------------------------- */

/* =Basic Page
-------------------------------------------------------------- */

body.page #main_content { width: 820px; margin: 0px 40px 40px; }
img.alignright { float: right; margin-left: 20px; margin-bottom: 20px; }
img.alignleft { float: left; margin-right: 20px; margin-bottom: 20px; }
img.framed { border: 5px solid #fff; }

/* =Photo Gallery
-------------------------------------------------------------- */
.page .ngg-album { border-bottom: 1px dotted #333; border-top: none; border-left: none; border-right: none; 
                    padding-top: 20px; margin: 0; }
.page .Thumb { padding: 5px; border: none; margin-left: 0; float: left; margin-bottom: 20px;  }
.page .ngg-albumtitle { font-size: 17px; margin-bottom: 0; padding: 0; }
.page .ngg-description { margin: 0 0 20px 0;  }
.page .ngg-description p { margin: 0; }

/* =Events Page
-------------------------------------------------------------- */
#events_table { margin-top: 30px; }
#events_table .event_date { text-align: right; width: 20%; }
#events_table .event_name { padding-left: 20px; padding-right: 20px; }
#events_table .event_location { width: 20%; }

/* =Bio Page
-------------------------------------------------------------- */
body#bio h1, body#bio_personal h1, body#bio_decathlon h1,
body#media h1, body#media_audio h1, body#media_print h1 { display: none; }
body#bio h1.special_placement, body#bio_personal h1.special_placement, body#bio_decathlon h1.special_placement { display: block; }
body#bio img#bio_image { margin: 20px 40px 20px -40px; }

ul#bio_nav { list-style: none; text-align: center; }
ul#bio_nav li { list-style: none; display: inline; width: 100px; font-size: 14pt; padding: 10px 30px; }
ul#bio_nav li a { text-decoration: underline; }

ul#bio_nav li.selected a { text-decoration: none; color: #fff; }

table.decathlon_info th { min-width: 200px; }

/* =Contact Page
-------------------------------------------------------------- */
#contact_form table th, #contact_form table td { vertical-align: top; }
#contact_form table th { text-align: right; }