/* -------------------------------------------------------------- 
  
   Screen Styles
   Date: 
  
-------------------------------------------------------------- */

@import 'screen/reset.css'; /*Resets browser default settings to give all browsers same starting point*/

/*--=General Styles--*/
body { background: #a14a07 url(../images/bg_grad.jpg) no-repeat center top; font-size: 62.5%; font-family: Verdana, Helvetica, Arial, sans-serif; color: #333; }

/*--=Image Replacement=--*/
.ir { display: block; text-indent: -5000px;}

/*--=Holder - should be the total width--*/
.holder { width: 955px; margin: 0 auto; position: relative; }

button { cursor: pointer; border: 0; }

.float_l { float: left;}
.float_r { float: right;}

.hide { display: none; }

.txt_align_l { text-align: left;}
.txt_align_c { text-align: center;}
.txt_align_r { text-align: right;}

.clear_both { clear: both; }
.clear { clear: both; margin: 0; padding: 0; visibility: hidden; height: 0;}
.clear_after:after { content: ""; display: block; height: 0; clear: both; }

.bold { font-weight: 700; }

a:focus, a:hover { color: #000; }
a { color: #306; text-decoration: underline; outline: none; }

/*--Typography--*/
h1 { color: #dd7223; font-size: 2.8em; border-bottom: 1px dotted #ccc; margin: 0 16px 20px 22px; padding: 0 0 10px; font-weight: 400; line-height: 1.2; }
h2 { color: #dd7233; font-size: 2em; margin: 20px 0 10px; font-weight: 700; }
h3 { color: #333; font-size: 1.5em; margin: 10px 0; font-weight: 700; }
p { font-size: 1.2em; margin-bottom: 10px; }

/*--Home Page--*/
#home_page { height: 503px; position: relative; background: url(../images/home-page2.jpg) no-repeat; }
#home_page h1 { position: absolute; top: 145px; left: 22px; background: url(../images/h1_licence.png) no-repeat; width: 265px; height: 84px; text-indent: -5000px; border: none; margin: 0;}
.intro_para { position: absolute; top: 234px; left: 27px; width: 320px; }
.intro_para p { font-size: 1.1em; }
.home_search { background: url(../images/search_bg.png) no-repeat; width: 332px; height: 27px; position: relative; top: 410px; left: 22px; padding: 17px; } 
.home_search input.text { width: 253px; font-size: 1.1em; padding: 2px; }
.home_links { height: 110px; }
.home_links li { float: left; width: 237px; margin-left: 1px; }
.home_links li a { background: url(../images/btn_small_tv.gif) no-repeat left bottom; width: 237px; height: 100px; }
.home_links li a.btn_small_film { background-image: url(../images/btn_small_film.gif); }
.home_links li a.btn_small_advert { background-image: url(../images/btn_small_advert.gif); }
.home_links li a.btn_small_idea { background-image: url(../images/btn_small_idea.gif); }
.montage { width: 648px; height: 466px; position: absolute; right: -15px; bottom: 6px;  }

/*--Header--*/
#header { background: url(../images/header2.gif) no-repeat; height: 172px; position: relative; }
.logo { position: absolute; left: 64px; top: 27px; }
.header_images { position: absolute; top: 27px; right: -10px; background: url(../images/small-artists.png) no-repeat; width: 322px; height: 144px; }

/*--Primary Nav--*/
.primary_nav { position: absolute; left: 270px; top: 33px; z-index: 200; }
.primary_nav li { float: left; margin: 0 26px 0 0; }
.primary_nav li a { height: 26px; }
.nav_home { width: 41px; background: url(../images/nav_home.gif) no-repeat; }
.nav_writers { width: 144px; background: url(../images/nav_writers.gif) no-repeat; }
.nav_artists { width: 52px; background: url(../images/nav_artists.gif) no-repeat; }
.nav_catalogue { width: 73px; background: url(../images/nav_catalogue.gif) no-repeat; }
.nav_about { width: 45px; background: url(../images/nav_about.gif) no-repeat; }
.primary_nav li a:hover { background-position: left -54px; }
.primary_nav li.on a { background-position: left -27px; }

/*--Secondary Nav--*/
.secondary_nav { position: absolute; right: 15px; top: 5px; }
.secondary_nav li { display: inline; color: #fff; }
.secondary_nav li a { color: #fff; text-decoration: none; }
.nav_contact { background: url(../images/nav_envelope.gif) no-repeat left center; padding: 0 0 0 18px; }
.secondary_nav li a:hover { text-decoration: underline; }

/*--Breadcrumbs--*/
.breadcrumbs { position: absolute; left: 27px; top: 151px; color: #2e2e2e; }
.breadcrumbs li { display: inline; }
.breadcrumbs li a { color: #2e2e2e; font-weight: 700; }

/*--Main content--*/
#main_content { background: url(../images/bg_tile.gif) repeat-y; }
#details_column { width: 600px; float: left; margin: 25px 0; min-height: 550px; }
#details_column .primary_info { margin: 0 15px 0 22px; float: left; width: 327px; display: inline; }
#details_column .primary_info.writers { margin: 0 15px 0 22px; width: auto; }
#details_column .primary_info.writers img { float: left; margin: 2px 15px 15px 0; border: 4px solid #fff2e8; }
#details_column .secondary_info { width: 220px; float: left; }
#actions_column { float: right; width: 355px; position: relative; }
.other_versions h2, .primary_info h2 { background: url(../images/h2_down.gif) no-repeat 0 12px; padding: 0 0 0 26px; cursor: pointer; }
.other_versions h2.active, .primary_info h2.active { background: url(../images/h2_up.gif) no-repeat 6px 6px; cursor: pointer; cursor:  }
.primary_info a { color: #c60; }
.primary_info a:hover { text-decoration: none; }

/*--Song Details--*/
.secondary_info img { margin: 0; }
.release_date { color: #666; font-size: 2.4em; line-height: 1; margin: 0 0 22px; }
.tags { font-size: 1.2em; }
.tags li { display: inline; }
.tags li a { color: #333; text-decoration: none; }
.tags li a:hover { text-decoration: underline; }
.song_rights, .media_links { background: #fff2e8 url(../images/secondary_bg.jpg) no-repeat left bottom; padding: 0 0 20px; margin: 0 0 15px; }
.song_rights ul { font-size: 1.1em; margin: 0 0 2em; padding: 1em 0 0 0; }
.song_rights li { margin: 0 15px 0.7em; }
.song_rights a { color: #333; text-decoration: none; }
.song_rights a:hover { text-decoration: underline; }
.song_rights li.play_sample { margin: 0 0 0 8px; }
.play_sample a { background: url(../images/btn_play_sample.gif) no-repeat; width: 205px; height: 45px; margin: 0 auto 12px; }
.song_rights p { margin: 0 15px; font-weight: 700; }
.song_rights p a { text-decoration: underline; }
.song_rights p a:hover { text-decoration: none; }
.media_links { padding: 0; }
.media_links ul { background: url(../images/secondary_bg_top.gif) no-repeat; padding: 15px; margin: 0; }
.media_links ul li { width: 95px; height: 72px; float: left; text-align: center; }
.media_links ul li a { font-size: 1.2em; text-decoration: none; color: #333; display: block; height: 72px; }
.btn_youtube a { background: url(../images/btn_youtube.gif) no-repeat center 25px; }
.btn_amazon a { background: url(../images/btn_amazon.gif) no-repeat center 35px; }
.btn_wikipedia a { background: url(../images/btn_wikipedia.gif) no-repeat center 25px; }
.btn_lastfm a { background: url(../images/btn_lastfm.gif) no-repeat center 35px; }
.media_links ul li a:hover { text-decoration: underline; }
.other_versions a { color: #333; }
.other_versions a:hover { color: #c60; }
.other_versions caption a { color: #c60; }
.other_versions caption a:hover { text-decoration: none; }

/*--Songs Table--*/
.other_versions { margin: 0 16px 0 22px; clear: both; }
.songs { width: 560px; border: 1px solid #ccc; border-bottom: none; margin: 0 0 20px; }
.songs caption { font-weight: 700; padding: 0 0 10px; font-size: 1.2em; color: #666; }
.songs th { background: #c60; padding: 5px; color: #fff; border-bottom: 1px solid #ccc; }
.songs th a { color: #fff; text-decoration: none; }
.songs th a.on.down { background: url(../images/order_arrow_down.gif) no-repeat 0 4px; padding: 0 0 0 10px; }
.songs th a.on.up { background: url(../images/order_arrow_up.gif) no-repeat 0 4px; padding: 0 0 0 10px; }
.songs td { padding: 5px; border-bottom: 1px solid #ccc; vertical-align: middle; }
.songs tr.even td { background: #f7f7f7; }
.songs span.hide { color: #c60; font-size: 0.01em; }
.songs a { text-decoration: none; color:#333; }
.songs a:hover { text-decoration: underline; }
.songs a.more { color: #c60; text-decoration: underline; font-weight: 700; }
.songs a.more:hover { text-decoration: none; color: #c60; }
.songs a.license { color: #666; text-decoration: underline; }
.songs a.license:hover { text-decoration: none; color: #c60; }

/*--Writers/Composers & Artists--*/
.item_list { margin: 0 16px 20px 30px; }
.item_list img { margin: 0; border: 3px solid #fff; }
.item_list h2 { margin: 0 20px; font-size: 1.3em ; color: #666; }
.item_box { background: url(../images/item_panel_bot.gif) no-repeat left bottom; width: 264px; padding: 0 0 18px; float: left; margin: 0 20px 20px 0; }
.item_box.last { margin-right: 0; }
.item_top { background: url(../images/item_panel_top.gif) no-repeat; display: block; text-align: center; padding: 18px 0 0 0; margin: 0 0 6px; }
.item_list h2 a { color: #666; text-decoration: none; background: url(../images/item_link_icon.gif) no-repeat right 2px; display: block; line-height: 1.1em; padding: 0 22px 2px 0; }
.item_list h2 a:hover { background-position: right -28px; }
.twister_holder ul { margin: 0 0 20px; }
.twister_holder li { font-size: 1.2em; margin: 0 0 5px 15px; list-style: disc; }
.twister_holder .tags li { font-size: 1; margin: 0; list-style: none; }

/*--Paging--*/
.paging { background: url(../images/paging_bottom.gif) no-repeat left bottom; margin: 0 0 20px -2px; }
.paging div { background: url(../images/paging_top.gif) no-repeat; padding: 15px; min-height: 17px;  }
.catalogue_content .paging { background: url(../images/paging_wide_bottom.gif) no-repeat left bottom; margin: 0 0 20px -2px; }
.catalogue_content .paging div { background: url(../images/paging_wide_top.gif) no-repeat; padding: 15px; min-height: 17px;  }
.paging label { float: left; }
.paging label select { width: 120px; font-size: 1.1em; margin-left: 10px; }
.paging ul { float: right; }
.paging ul li { display: inline; border-right: 1px solid #333; margin: 0 5px 0 0; padding: 0 5px 0 0; }
.paging ul li.last { border: none; margin-right: 0; padding-right: 0; }
.paging ul a { color: #333;  }
.paging ul b { color: #c60; font-weight: 700; text-decoration: none; }
.paging ul b u { text-decoration: none; }

/*--Actions Column--*/
.actions { position: absolute; top: -42px; width: 335px; margin: 0 0 0 7px; }
.actions.song_details { top: 500px; }
.actions li a { width: 335px; height: 87px; margin: 0 0 5px; }
.actions .licence_tv { background: url(../images/btn_licence_tv.png) no-repeat; }
.actions .licence_advertising { background: url(../images/btn_licence_advertising.gif) no-repeat; }
.actions .licence_film { background: url(../images/btn_licence_film.gif) no-repeat; }
.actions .licence_idea { background: url(../images/btn_licence_idea.gif) no-repeat; }
.actions .licence_tv_generic { background: url(../images/btn_licence_a_tv.png) no-repeat; }
.actions .licence_advertising_generic { background: url(../images/btn_licence_a_advertising.gif) no-repeat; }
.actions .licence_film_generic { background: url(../images/btn_licence_a_film.gif) no-repeat; }

/*--Catalogue--*/
.catalogue .actions { top: 215px; }
.catalogue .search_panel { top: 0; }
.unreleased { font-size: 0.9em; }
.catalogue_content { margin: 0 16px 0 22px; }
.no-results { padding: 20px; background: #fff2e8; text-align: center; margin: 40px 0; }

/*--Forms--*/
.form_content { margin: 0 16px 0 22px; }
.form_content form { background: #fff2e8; padding: 15px; width: 355px; margin: 30px auto 15px; }
.form_content label, .licence_content label { display: block; margin: 0 0 4px; }
.form_content input.text { width: 342px; padding: 4px; color: #333; border: 1px solid #c60; }
.form_content textarea { width: 342px; padding: 4px; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; margin: 0 0 10px; height: 150px; border: 1px solid #c60; }
.licence_content { margin: 0 16px 0 22px; }
.licence_content input.text { width: 342px; padding: 4px; color: #333; border: 1px solid #c60; }
.licence_content form div.form_holder { width: 385px; margin: 30px auto 15px; }
.licence_content legend { font-size: 1.4em; padding: 0 0 10px; font-weight: 700; }
.licence_content select.select { border: 1px solid #c60; width: 150px; }
.fieldset_background { background: #fff2e8; padding: 15px; width: 355px; margin: 0 0 20px; }
.licence_content textarea { width: 342px; padding: 4px; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; margin: 0 0 10px; height: 80px; border: 1px solid #c60; }
.licence_content input.date, .licence_content input.fee { border: 1px solid #c60; }

/*---FAQ Content---*/
.faq_content { margin: 0 16px 0 22px; }
.faq_content li { font-size: 1.2em; margin: 0 0 5px 15px; list-style: disc; color: #c60; }
.faq_content li a { color: #c60; text-decoration: none; }
.faq_content li a:hover { color: #666; }

/*--About Us--*/
.about_us { margin: 0 16px 0 22px; }
.about_us h2 { clear: both; }
.about_box { background: url(../images/about_bottom.gif) no-repeat left bottom; width: 173px; padding: 0 0 18px; float: left; margin: 0 20px 20px 0; }
.about_box.last { margin-right: 0; }
.about_top { background: url(../images/about_top.gif) no-repeat; display: block; text-align: center; padding: 18px 0 0 0; margin: 0 0 6px; }
.about_box h3 { color: #333; text-decoration: none; font-size: 1.3em; margin: 0 13px; }
.about_box p { margin: 0 13px; }
.about_box p a { color: #666; text-decoration: none; }
.about_box p a:hover { text-decoration: underline; }
.registered-text { clear: both; font-size: 1em; border-top: 1px dotted #ccc; margin: 20px 0 0 0; padding: 10px 0 0 0; }


/*--Search Panel--*/
.song_details_col .search_panel { top: 270px; }
.search_panel { position: absolute; top: 330px; left: 7px; width: 335px; background: url(../images/search_tile.gif) no-repeat left bottom; }
.search_panel h2 { background: url(../images/search_h2.gif) no-repeat; height: 33px; padding: 0 0 10px; margin: 0; }
.search_panel form { padding: 0 20px 15px; }
.search_panel p { margin: 0 0 8px; font-size: 1.1em; }
.search_panel label { display: inline-block; width: 99px; font-weight: 700; color: #666; }
.search_panel label.checkbox { width: 300px; }
.search_panel label.checkbox input { position: relative; top: 2px; }
.search_panel input.text { width: 185px; }
.search_panel select { width: 192px; }
.submit { text-align: right; padding: 4px 0 0; margin: 0; }

/*--Footer--*/
#footer { clear: both; background: url(../images/footer.gif) no-repeat; padding: 18px 0 45px; }
#footer.home_page { background: none; padding-top: 0; }
#footer p { float: left; width: 300px; color: #fff; font-size: 1.1em; margin: 0 0 0 15px; }
#footer ul { float: right; margin: 0 15px 0 0; }
#footer li { display: inline; border-right: 1px solid #fff; margin: 0 10px 0 0; padding: 0 10px 0 0; }
#footer li.last { margin: 0; padding: 0; border: none; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }