@charset "utf-8";
/* Artillery Andy Ward
Domain:				http://www.andyward.net
Start:				090713_BW
Last update:	090713_BW
Author:				Benjamin Wiederkehr
Author URL:		http://www.artillery.ch
*/
/*
IMPORT
/////////////////////////////////////////////////////////////////*/
@import "css/global.css";
@import "css/helper.css";
/*
BODY
/////////////////////////////////////////////////////////////////*/
body{ background: #f7f6f2 url('img/body_bg.png') center top repeat-y;}
/*
CONTAINER
/////////////////////////////////////////////////////////////////*/
#container{ position: relative; width: 910px; padding: 0 0; margin: 0 auto;}
/*
HEADER
/////////////////////////////////////////////////////////////////*/
#access{ display: none;}
#header { height: 90px; margin: 50px 0 0 0; background: url('img/header_bg.png') 0 0 no-repeat; position: absolute; top: 0; width: 100%; z-index: 20;}
#header h1{ position: absolute; left: 30px; top: 32px; margin: 0;}
#header h1 a{ width: 200px; height: 26px; display: block; background: url('img/andy_ward_logo.png') 0 0 no-repeat; text-indent: -9999px;}
/*
NAVIGATION
/////////////////////////////////////////////////////////////////*/
#main_nav{ margin: 25px 20px 0 0; padding: 0; list-style: none; float: right; }
#main_nav li{ display: inline; margin: 0 12px 0 0;}
#main_nav li a{ font-size: 28px; font-weight: bold; letter-spacing: -1px; text-decoration: none; color: #fff;}
#main_nav li a:hover{ color: #c10;}
#main_nav li.current-cat a,
#main_nav li.current_page_item a{ color: #c10;}
.Music #main_nav li.cat-item-1 a,
.Radio #main_nav li.cat-item-1 a,
.Downloads #main_nav li.cat-item-1 a,
.Podcasts #main_nav li.cat-item-1 a{ color: #c10;}

#sub_nav	{ margin: 0 20px 30px 0; background: #fff; padding: 0; height: 45px;}
#sub_nav ul{ margin: 0; padding: 0; list-style: none;}
#sub_nav li{ font-size: 20px; font-weight: bold; float: left; height: 44px; padding: 4px 0 0 0 ; margin: 0 25px 0 0; letter-spacing: -1px;}
#sub_nav li#sub_nav_first{ color: #fff; font-size: 24px; line-height: 1; width: 126px; height: 41px; padding: 7px 0 0 40px;background: url('img/sub_nav_bg.png') 0 0 no-repeat;}
#sub_nav li.current_page_item a{ color: #333;}
#sub_nav li a{ text-decoration: none;}
/*
TEASER
/////////////////////////////////////////////////////////////////*/
#teaser{ background: #fff; height: 460px; width: 870px; margin: 0 20px 0; padding: 0 0 30px 0; position: relative;}
#teaser ul{ margin: 0; padding: 0; list-style: none;}
#teaser img{ cursor: pointer;}

#sub_teaser{ position: relative; background: #fff; height: 200px; overflow: hidden; width: 870px; margin: 0 20px 0; padding: 0 0 20px 0;}
#sub_teaser ul{ margin: 0; padding: 0; list-style: none; height: 170px; overflow: hidden; }
#sub_teaser img{ }
/*
CONTENT
/////////////////////////////////////////////////////////////////*/
#content{ padding: 0 30px 0 40px; width: 580px; margin: 0 0 20px; float: left;}
h2{ font-size: 48px; letter-spacing: -2px; font-weight: bold; margin: 12px 0 10px;}
h3{ font-size: 28px; letter-spacing: -2px; font-weight: bold; margin: 0 0 10px;}
p.readon{ border-top: 1px dotted #bbb; text-align: right; padding: 5px 0 10px;}
/*
HOMEPAGE
///////////////////////////////*/
#new_badge{ position: absolute; left: -9px; margin: -20px 0 0 0;}
/*
DISCOGRAPHY
///////////////////////////////*/
.records{ position: relative;}
.records h3		{ font-weight: normal; clear: left; margin-top: 20px;}
.records ul		{ margin: 0 0 40px; padding: 0; list-style: none;}
.record_post	{ position: relative; }
.record_post span.record_artist	{ font-weight: bold; color: #bbb; text-transform: uppercase; line-height: 1; display: block;}
.record_post p.record_meta			{ padding: 0 10px 10px; margin: 0;}
.record_post span.record_year		{ font-size: 14px; color: #333;}
.record_post span.record_label	{ font-size: 14px; color: #999;}
.record_post h4	{ font-size: 24px; font-weight: bold; letter-spacing: -1px; line-height: 1; color: #c10; margin: 0 10px;}
.record_post h4 a{ cursor: text; }
.record_post h4 a:hover{ color: inherit;}
/*RECORD VIEW*/
.record_view .record_post{ float: left; height: 200px; width: 193px; background: url('img/panel_narrow_sprite.png') -203px 0 repeat-y;}
.record_view .record_post span.record_artist{ display: block; padding: 10px 10px 0; height: 50px; background: url('img/panel_narrow_sprite.png') 0 0 no-repeat;}
.record_view .record_post p.record_meta{ padding: 0 10px 10px; margin: 0; width: 173px; position: absolute; bottom: 0; background: url('img/panel_narrow_sprite.png') -396px bottom no-repeat;}
/*LIST VIEW*/
.records .list_view h3		{ margin-bottom: 20px;}
.list_view .record_post		{ clear: both; margin: 0 0 10px; overflow: hidden;}
.list_view .record_post span.record_artist	{ font-size: 14px; font-weight: bold; color: #333; text-transform: none; line-height: 1; display: block; float: left; width: 200px;}
.list_view .record_post span.record_year		{ font-size: 14px; display: inline; float: none; margin: 0;}
.list_view .record_post span.record_label		{ font-size: 14px; display: inline; float: none; margin: 0;}
.record_post p.record_meta			{ padding: 0; margin: 0; display: inline;line-height: 1; float: right; width: 180px;}
.list_view .record_post h4			{ font-size: 14px; letter-spacing: 0; margin: 0; float: left; width: 200px;}

#discography_toggle{ position: absolute; top: 20px; right: 30px;}
#discography_toggle small{ color: #999; text-align: center;}
#discography_toggle a{display: block; float: left; width: 30px; height: 24px; text-indent: -9999px; background: url('img/switch_view_sprite.png') 0 0 no-repeat;}
#discography_toggle a#record_view{ background-position: 0 0;}
#discography_toggle a#list_view{ background-position: -30px 0;}
.list_view #discography_toggle a#record_view{ background-position: 0 -26px;}
.list_view #discography_toggle a#list_view{ background-position: -30px -26px;}
#discography_toggle small{ display: block;}
/*
PODCAST
///////////////////////////////*/
.podcast_post { width: 590px; margin: 0 0 20px; padding: 0; position: relative; left: -5px; background: url('img/panel_wide_sprite.png') -604px 0 repeat-y;}
.podcast_post div.podcast_top{ padding: 20px 20px; min-height: 50px; background: url('img/panel_wide_sprite.png') 0 0 no-repeat;}
.podcast_post h3{ margin: 0; width: 400px;}
.podcast_post p{ margin: 0 20px 18px;}
.podcast_post .powerpress_player{ margin: 10px 20px;}
.podcast_post .read_on,
.podcast_post .powerpress_links{ text-transform: uppercase; font-weight: bold; color: #bbb; clear: both; padding: 10px 20px 20px; margin: 0; width: 550px; text-align: right;}
.podcast_post .podcast_date{ position: absolute; top: 18px; right: 20px; font-size: 24px; color: #999; letter-spacing: -1px;}
.podcast_post .podcast_category{ text-transform: uppercase; font-weight: bold; color: #bbb; display: block; margin: 0 0 0 10px;}
.podcast_post .read_on a,
.podcast_post .powerpress_links a{ text-decoration: none; color: #e5301d;}
.podcast_post .read_on a:hover
.podcast_post .powerpress_links a:hover{ color: #e5301d; text-decoration: underline;}
.podcast_post .podcast_footer{ background: url('img/panel_wide_sprite.png') -1204px bottom no-repeat; height: 5px; clear: both; width: 100%; position: relative; left: -20px;}
/*
VIDEO
///////////////////////////////*/
.video_post{ width: 590px;  margin: 0 0 20px; position: relative; left: -5px; background: url('img/panel_wide_sprite.png') -604px 0 repeat-y;}
.video_post div.video_top{ padding: 10px 10px 0; min-height: 50px; background: url('img/panel_wide_sprite.png') 0 0 no-repeat;}
.video_post div.video_bottom{ clear: both; padding: 10px 20px 20px; margin: 0; width: 550px; text-align: right; background: url('img/panel_wide_sprite.png') -1204px bottom no-repeat;}
.video_post h3{ margin: 10px 0 0 10px; width: 400px;}
.video_post p{ margin: 0 15px;}
.video_post .video_date{ position: absolute; top: 18px; right: 30px; font-size: 24px; color: #999; letter-spacing: -1px;}
.video_bottom a{ text-transform: uppercase; text-decoration: none; font-weight: bold; color: #e5301d;}
.video_bottom a:hover{ color: #e5301d; text-decoration: underline;}
/*
BLOG
///////////////////////////////*/
.post{ margin: 0 0 30px; clear: both;}
.post h3 span.date{ text-align: center;color: #fff; width: 155px; padding: 2px 0 0 0; margin: 0 5px 0 0;display: block; float: left; background: url('img/date_bg.png') 0 0 no-repeat;}
.post h3 { margin: 0 0 10px;}
.more-link{ text-transform: uppercase; text-decoration: none; font-weight: bold; color: #e5301d; font-size: 12px; background: url('img/link_icon.png') right 4px no-repeat; padding: 0 8px 0 0;}
.more-link:hover{ color: #e5301d; text-decoration: underline;}
.post p		{ clear: both; font-size: 1.16667em;}
.page p		{ clear: both; font-size: 1.16667em;}
.post ul	{ font-size: 1.16667em;}
.page ul	{ font-size: 1.16667em;}
/*
SINGLE 
///////////////////////////////*/
.single_post{ position: relative; margin: 0 0 30px;}
.single_post h2{ width: 400px;}
.single_post a.post-edit-link{ }
.single_post span.date{ font-size: 28px; color: #999; letter-spacing: -2px; position: absolute; top: 8px; right: 0;}
.single_post span.tags{ position: absolute; top: 41px; right: 0; color: #999; width: 180px; text-align: right;}
.single_post span.tags a{ text-transform: uppercase; text-decoration: none; font-weight: bold; color: #e5301d; font-size: 12px;}
.single_post span.tags a:hover{ text-decoration: underline;}
.single_post p{ clear: both; font-size: 1.16667em;}
/*
COMMENTS
///////////////////////////////*/
#content .post_comments h3{ margin: 38px 0 28px 0 ;}
.post_comment{ margin: 0 0 30px 0;}
.post_comment ol{margin: 0 0 0 0;}
.post_comment ol li{ overflow: hidden; margin: 20px 0 0 0;}
.post_comment ol li .comment_head{ width: 120px; float: left;}
.post_comment ol li .comment_body{ margin: 0 0 0 140px;}
.post_comment ol li h4{ text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 12px; margin: 0;}
.post_comment ol li h4 cite{ font-style: normal;}
.post_comment ol li h4 a{ color: #e5301d;}
.post_comment ol li h4 a:hover{ text-decoration: underline;}
.post_comment ol li p.comment_date{ text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 12px; margin: 0;}
.post_comment ol li p.comment_date a{ color: #999; text-decoration: none;}
#commentform{ margin: 30px 0 0 0;}
#commentform p{ width: 300px;}
#commentform div.textarea,
#commentform div.input{ margin: 10px 0 0 0; }
#commentform input,
#commentform textarea{ margin: 0;}
#commentform label{ margin: 0 0 20px 0; padding: 0;float: left; width: 75px; clear: left;}
#commentform small{ width: 300px; margin: 0 0 0 5px;}
#commentform div.submit{ margin: 10px 0 0 75px;}
/*
PAGINATION
///////////////////////////////*/
.pagination{ border-top: 1px dotted #bbb; padding: 5px 0 10px; overflow: hidden;}
.pagination a{ text-transform: uppercase; text-decoration: none; font-weight: bold; color: #e5301d; font-size: 12px; background: url('img/link_icon.png') 0 0 no-repeat;}
.pagination a:hover{ color: #e5301d; text-decoration: underline;}
.pagination #next_post { float: right;}
.pagination #prev_post { float: left;}
.pagination #next_post a{ background-position: right 4px; padding: 0 8px 0 0;}
.pagination #prev_post a{ background-position: 0 -9px; padding: 0 0 0 8px;}
/*
SIDEBAR
/////////////////////////////////////////////////////////////////*/
#sidebar{ width: 200px; padding: 0 40px 0 20px; margin: 0 0 20px; float: right;}
#sidebar h3{ font-size: 28px; font-weight: bold; letter-spacing: -1px; margin: 29px 0 18px;}
#sidebar h4{ text-transform: uppercase; text-decoration: none; font-weight: bold; color: #c10; font-size: 14px; margin: 0;}
#sidebar h4 a{ color: #c10; font-size: 14px;}
#sidebar p{ color: #999; margin: 0 0 10px;}
#sidebar p img{ margin: 0 0 10px;}
#sidebar ul{ margin: 0 0 20px 15px;}
#sidebar a{ text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 12px; color: #e5301d; }
#sidebar a:hover{ text-decoration: underline;}
#sidebar strong{ font-weight: bold;}
#sidebar .badge{ position: absolute; right: -11px; margin: -10px 0 0 0;}
#sidebar .sidebar_widget{ position: relative; background: url('img/sidebar_widget_sprite.png') 0 0 no-repeat; margin-bottom: 20px;}
#sidebar .sidebar_widget .video_thumb{ background: #000; text-align: center; height: 90px; width: 180px; padding: 10px 0; position: relative; top: 10px; left: 10px;}
#sidebar .sidebar_widget .video_thumb img{ float: none; margin: 0; }
#sidebar .sidebar_widget h4{ margin: 0 0 10px;}
#sidebar .sidebar_widget h4.sidebar_widget_bottom{ margin: 5px 0 0; padding: 10px 10px 15px; width: 180px;}
#sidebar .sidebar_widget .sidebar_widget_bottom{ background: url('img/sidebar_widget_sprite.png') -219px bottom no-repeat; width: 200px; }
#sidebar .ngg-widget img {border:none;margin:0 5px 5px 0;padding:0;float: left;}

div#shShutter{ background-color: #000 !important;}
div#shDisplay img#shTopImg {border:none !important;padding:0 !important;}
#shDisplay div#shTitle {padding: 5px 0 !important;color:#fff !important;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;}
#shDisplay div#shCount {color:#fff !important;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;font-size:12px !important;}
#shDisplay div#shTitle a {
color:#fff !important;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size:16px !important;
letter-spacing: 0  !important;
margin:-5px 0 0 !important;
}
#shDisplay div#shPrev {margin-top: -5px;}
#shDisplay div#shNext {margin-top: -5px;}

#countdown{
  position: relative;
  top: -55px;
}
.hasCountdown {}
.countdown_rtl {direction: rtl;}
.countdown_holding span {}
.countdown_row {clear: both;width: 100%;padding: 0px 2px;text-align: center;}
.countdown_show1 .countdown_section {width: 98%;}
.countdown_show2 .countdown_section {width: 48%;}
.countdown_show3 .countdown_section {width: 32.5%;}
.countdown_show4 .countdown_section {width: 24.5%;}
.countdown_show5 .countdown_section {width: 19.5%;}
.countdown_show6 .countdown_section {width: 16.25%;}
.countdown_show7 .countdown_section {width: 14%;}
.countdown_section {display: block;float: left;font-size: 12px;text-align: center;}
.countdown_amount {font-size: 24px; font-weight: bold; color: #c10; line-height: 1;}
.countdown_descr {display: block;width: 100%;
}

/*
FOOTER
/////////////////////////////////////////////////////////////////*/
#footer{ clear: both; height: 230px; margin: 30px 10px 0 10px; padding: 50px 0 0 30px; position: relative; background: #fff url('img/footer_bg.png') left bottom no-repeat;}
#footer div{ width: 280px; float: left; margin: 0 40px 0 0;}
#footer h3{ display: none;}
#footer ul{ margin: 55px 0 0 0; list-style: none;}
#footer li{ }
#footer li a{ display: block; height: 30px; width: 160px; text-indent: -9999px;}
#credits{ color: #999; position: absolute; bottom: 0px;}
#credits a{ color: inherit;}