/*
==========================================================================
Site: 			Subtv Media
File: 			production.css
Version: 		1.0
Author: 		Roman Leinwather & Faren Gambril
Last updated: 	09/03/2009
==========================================================================

TABLE OF CONTENT

I.				Secondary navigation
II.				Main Content

==========================================================================
*/

/* I.			Secondary navigation
========================================================================== */
#production_page #secondary_navigation a {display:block; height:27px;}

#production_page #secondary_navigation #general_information_sn {background: url(../img/production_secondary_nav_sp.png) 0 0 no-repeat;}
#production_page #secondary_navigation #opportunities_sn {background: url(../img/production_secondary_nav_sp.png) -167px 0 no-repeat;}
#production_page #secondary_navigation #audience_sn {background: url(../img/production_secondary_nav_sp.png) -333px 0 no-repeat;}
#production_page #secondary_navigation #contact_us_sn {background: url(../img/production_secondary_nav_sp.png) -501px 0 no-repeat;}

#production_page #secondary_navigation #general_information_sn:hover,
#production_page #secondary_navigation #general_information_sn.selected {background: url(../img/production_secondary_nav_sp.png) 0px -29px no-repeat;}

#production_page #secondary_navigation #opportunities_sn:hover,
#production_page #secondary_navigation #opportunities_sn.selected {background: url(../img/production_secondary_nav_sp.png) -167px -29px no-repeat;}

#production_page #secondary_navigation #audience_sn:hover,
#production_page #secondary_navigation #audience_sn.selected {background: url(../img/production_secondary_nav_sp.png) -333px -29px no-repeat;}

#production_page #secondary_navigation #contact_us_sn:hover,
#production_page #secondary_navigation #contact_us_sn.selected {background: url(../img/production_secondary_nav_sp.png) -501px -29px no-repeat;}

/* I.			Main Content
========================================================================== */

/* 4 COLUMNS TEMPLATE */
#main_content {float:left; padding:0 20px 20px 20px; width:950px; overflow:hidden;}
#main_content div {float:left; width:200px; background: url(../img/box_bg.png) bottom right no-repeat; margin-right:20px; padding:10px;}
#main_content div h3 {font-size:20px; padding-bottom:15px;}
#main_content div.column_1 h3 {background: url(../img/about_icons_sprite.png) -21px 0 no-repeat; padding-top:110px;}
#main_content div.column_2 h3 {background: url(../img/about_icons_sprite.png) -23px -172px no-repeat; padding-top:110px;}
#main_content div.column_3 h3 {background: url(../img/about_icons_sprite.png) -27px -387px no-repeat; padding-top:110px;}
#main_content div.column_4 h3 {background: url(../img/about_icons_sprite.png) -25px -638px no-repeat; padding-top:110px;}
#main_content div.column_4 {margin-right:0px;}

#main_content #wide_cover {width:10000px;}

/* 5 About us */
#main_content div.column_long {width:760px; padding-left:160px; background: url(../img/about_icons_sprite.png) -63px 18px no-repeat;}
#main_content div#general_information_block {width:950px; float:left;}
#main_content div#general_information_block div.column_long h4 {font-weight:bold; padding-bottom:10px; float:left;}
#main_content div#general_information_block div.column_long p {width:760px; padding-right:20px; float:left;}
#main_content div#general_information_block div.column_long ul {width:760px; padding-right:20px; float:left;}
#main_content div#general_information_block div.column_long ul li {padding:0 0 3px 20px; float:left; background: url(../img/list_bullet.png) 0 5px no-repeat; clear:both;}

/* 6 Events */
#main_content div#opportunities_block {width:950px; float:left;}
#main_content div#opportunities_block p {width:760px; float:left; clear:both; padding-bottom:20px;}
#main_content div#opportunities_block a {color:#00a0f4; text-decoration:none;}
#main_content div#opportunities_block a:hover {color:#00a0f4; border-bottom:1px dotted #00a0f4;}
#main_content div.column_long #events_box {float:left; width:760px; margin-right:0px; padding:0px;}
#main_content div.column_long #events_box ul {float:left; width:350px; padding:10px 0; overflow:auto; margin-right:25px;}
#main_content div.column_long #events_box ul li {float:left; width:310px; margin: 5px 0 0 10px; padding:2px 0px 2px 20px; background: url(../img/list_bullet.png) 5px 7px no-repeat; }
#main_content div.column_long #events_box ul li.odd {float:left; background:#fff url(../img/list_bullet.png) 5px 7px no-repeat;}

/* 7 Sport */
#main_content div#audience_block {width:950px; float:left;}
#main_content div#audience_block p {padding-bottom:20px;}
#main_content div#audience_block strong {color:#333;}
#main_content div#audience_block h4 {font-weight:bold; padding-bottom:10px; float:left; width:760px; clear:both; font-size:14px;}
#main_content div#audience_block h4#extreme_sp_header {padding-top:20px;}
#main_content div#audience_block ul {float:left; width:358px; padding:10px; overflow:auto; background:#f2f2f2;}
#main_content div#audience_block ul li {float:left; width:310px; margin: 5px 0 0 10px; padding:2px 0px 20px 20px; background: url(../img/list_bullet.png) 5px 7px no-repeat; }

/* Sport Vid Buttons */
#main_content div#audience_block #sports_show_video {display:block; width:148px; height:31px; background: url(../img/sports_buttons_sprite.png) 0 0 no-repeat;}
#main_content div#audience_block #sports_show_video:hover {background: url(../img/sports_buttons_sprite.png) 0 -32px no-repeat;}
#main_content div#audience_block #busc_video {display:block; width:110px; height:31px; background: url(../img/sports_buttons_sprite.png) -159px 0 no-repeat; margin-top:10px;}
#main_content div#audience_block #busc_video:hover {background: url(../img/sports_buttons_sprite.png) -159px -32px no-repeat;}
#main_content div#audience_block #uniwake_video {display:block; width:129px; height:31px; background: url(../img/sports_buttons_sprite.png) -277px 0 no-repeat; margin-top:10px;}
#main_content div#audience_block #uniwake_video:hover {background: url(../img/sports_buttons_sprite.png) -277px -32px no-repeat;}
#main_content div#audience_block #ska_video {display:block; width:100px; height:31px; background: url(../img/sports_buttons_sprite.png) -415px 0 no-repeat; margin-top:10px;}
#main_content div#audience_block #ska_video:hover {background: url(../img/sports_buttons_sprite.png) -415px -32px no-repeat;}
#main_content div#audience_block #student_brake_video {display:block; width:160px; height:31px; background: url(../img/sports_buttons_sprite.png) -520px 0 no-repeat; margin-top:10px;}
#main_content div#audience_block #student_brake_video:hover {background: url(../img/sports_buttons_sprite.png) -520px -32px no-repeat;}


/* 8 Music */
#main_content div#contact_us_block {width:950px; float:left;}
#main_content div#contact_us_block p {float:left; padding: 0 0 20px 20px; background: url(../img/list_bullet.png) 5px 7px no-repeat;}
#main_content div#contact_us_block a {color:#00a0f4; text-decoration:none;}
#main_content div#contact_us_block a:hover {color:#00a0f4;}
#main_content div#contact_us_block p#music_first {background:none; padding: 0 0 20px 0;}
#main_content div#contact_us_block h4 {font-weight:bold; padding-bottom:10px; float:left; width:760px; clear:both;}
#main_content div#contact_us_block ul {float:left; width:350px; padding:0px; overflow:auto; margin-right:25px;}
#main_content div#contact_us_block ul li {float:left; width:310px; margin: 5px 0 0 10px; padding:2px 0px 2px 20px; background: url(../img/list_bullet.png) 5px 7px no-repeat; }

/* Music Vid Buttons */
#main_content div#contact_us_block #session_video {display:block; width:125px; height:31px; background: url(../img/music_buttons_sprite.png) 0 0 no-repeat;}
#main_content div#contact_us_block #session_video:hover {background: url(../img/music_buttons_sprite.png) 0 -32px no-repeat;}
#main_content div#contact_us_block #src_video {display:block; width:100px; height:31px; background: url(../img/music_buttons_sprite.png) -125px 0 no-repeat; margin-top:10px;}
#main_content div#contact_us_block #src_video:hover {background: url(../img/music_buttons_sprite.png) -125px -32px no-repeat;}
#main_content div#contact_us_block #playlist_video {display:block; width:129px; height:31px; background: url(../img/music_buttons_sprite.png) -225px 0 no-repeat; margin-top:10px;}
#main_content div#contact_us_block #playlist_video:hover {background: url(../img/music_buttons_sprite.png) -225px -32px no-repeat;}
#main_content div#contact_us_block #fca_video {display:block; width:180px; height:31px; background: url(../img/music_buttons_sprite.png) -354px 0 no-repeat; margin-top:10px;}
#main_content div#contact_us_block #fca_video:hover {background: url(../img/music_buttons_sprite.png) -354px -32px no-repeat;}