/* Import VOLTAIRE google web font */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);*/

@font-face { font-family:'YanoneKaffeesatz'; src:url(../fonts/YanoneKaffeesatz-Regular.ttf); font-weight:400; }

html, body { margin:0; padding:0; font-family: Arial, sans-serif; font-size:14px; background:#0f1219 url(../images/common/bg-body.png) repeat-y center top }

/* ~~~~~~~~~~
[S] COMMON ELEMENTS
~~~~~~~~~~ */
/* h2, h3 { font-family:'Open Sans Condensed', sans-serif; margin:0; }*/
h2, h3 { margin:0; font:normal 100%/130% 'YanoneKaffeesatz', sans-serif; text-transform:uppercase }
h2 a { text-decoration:none }
h2 a:hover { text-decoration:underline }
input[type="text"]:focus { outline: none; }
/* ~~~~~~~~~~
[E] COMMON ELEMENTS
~~~~~~~~~~ */

/* ~~~~~~~~~~
[S] COMMON CLASSES
~~~~~~~~~~ */
.blue { color:#7388b3 }
.clear { clear:both; }

.container { position:relative; width:940px; margin:0 auto; }

.divider-line { width:100%; height:7px; background:url(../images/common/bg-line.png) repeat-x 0 0 }
.dark { color:#616777 }
.small { font-size:10px; font-weight:400 }

.btn-continue-reading { display:block; float:right; width:147px; height:32px; background:url(../images/common/btn-continue-reading.png) no-repeat 0 0 }
.btn-continue-reading:hover { background-position:0 -32px; }

#newsletter-added { position:fixed; width:100%; padding:15px 0; color:#fff; font-weight:700; text-align:center; text-shadow:1px 1px 1px #456c0f; background:url(../images/common/notification-ok-bg.png) repeat-x top; z-index:999; }
#failed { position:fixed; width:100%; padding:15px 0; color:#fff; font-weight:700; text-align:center; text-shadow:1px 1px 1px #000; background:url(../images/common/notification-fail-bg.png) repeat-x top;	z-index:999; }

/* ~~~~~~~~~~
[S] TOPBAR
~~~~~~~~~~ */
#topbar { position:relative; width:940px; height:49px; margin:0 auto; background:url(../images/common/topbar-bg.png) repeat-x top; }
#topbar .ribbon-left { position:absolute; top:0; left:-17px; width:17px; height:64px; background:url(../images/common/topbar-ribbon-left.png) no-repeat 0 0; }
#topbar .ribbon-right { position:absolute; top:0; right:-17px; width:17px; height:64px; background:url(../images/common/topbar-ribbon-right.png) no-repeat 0 0; }

#newsletter { float:right; height:35px; margin-top:7px; padding-top:0px; padding-right:3px; color:#9da2ae; font-size:11px; font-weight:700; background:url(../images/common/newsletter-input-bg.png) no-repeat right 0; }
#newsletter input[type="text"] { width:215px; margin-left:15px; color:#646871; font-size:11px; font-weight:700; background:none; border:none; }
#subscription_submit { height:23px; margin-top:6px; color:#494949; font-size:11px; font-weight:700; border:0; border-radius:3px; cursor:pointer; background:#f3f3f3; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#cecece'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#cecece)); /* for webkit browsers */	 background: -moz-linear-gradient(top, #f3f3f3, #cecece); /* for firefox 3.6+ */ }

#networks-small { float:left; list-style:none; margin-left:0; padding-left:10px; }
#networks-small li { position: relative; float:left; width:16px; height:16px; margin-right:10px; }
#networks-small li .normal { position: absolute; left: 0; top: 0; z-index: 10; }
#networks-small li .over { position: absolute; left: 0; top: 0; }
/* ~~~~~~~~~~
[E] TOPBAR
~~~~~~~~~~ */

/* ~~~~~~~~~~
[S] TEASER
~~~~~~~~~~ */
#teaser { width:940px; margin:0 auto; }
#teaser .logo { position:relative; float:left; width:239px; height:275px; background:url(../images/common/logo-bg.jpg) no-repeat -1px 0; }
#teaser .logo img { display:block; position:absolute; top:100px; left:22px; }
#teaser .slider { float:left; width:701px; height:275px; }
/* ~~~~~~~~~~
[E] TEASER
~~~~~~~~~~ */

/* ~~~~~~~~~~
[S] NAVIGATION
~~~~~~~~~~ */
#navigation { position:relative; width:940px; height:58px; padding:1px 0; margin:0 auto; background:url(../images/common/nav-bg.png) repeat-x top; }
#navigation .ribbon-left { position:absolute; top:0; left:-17px; width:17px; height:75px; background:url(../images/common/nav-ribbon-left.png) no-repeat 0 0; }
#navigation .ribbon-right { position:absolute; top:0; right:-17px; width:17px; height:75px; background:url(../images/common/nav-ribbon-right.png) no-repeat 0 0; }
#navigation ul { list-style:none; margin:0; padding:0; }
#navigation ul li { display:block; float:left; border-right:1px solid #31394c; border-left:1px solid #485369; text-align:center; }
#navigation ul li.first { border-left:none; }
#navigation ul li.last { border-right:none; }
#navigation ul li a { display:block; width:115px; padding:21px 0; color:#9ea3af; font-size:14px; font-weight:700; text-decoration:none; text-transform:uppercase; text-shadow:1px 1px 1px #1d222e; }
#navigation ul li a:hover { color:#fff; }
/* ~~~~~~~~~~
[E] NAVIGATION
~~~~~~~~~~ */

/* ~~~~~~~~~~
[S] COLUMN
~~~~~~~~~~ */
.column { float:left; width:240px; background-color:#262c39; }
.column .section .title { width:239px; height:31px; }
.column .section .title.top5 { background:url(../images/common/column-title-top5.png) no-repeat 0 0; }
.column .section .title.gigs { background:url(../images/common/column-title-gigs.png) no-repeat 0 0; }
.column .section .title.tweets { background:url(../images/common/column-title-tweets.png) no-repeat 0 0; }
.column .section .title.photos { background:url(../images/common/column-title-photos.png) no-repeat 0 0; }
.column .section .title.booking { background:url(../images/common/column-title-book.png) no-repeat 0 0; }
.column .section .twtr-ft, .column .section .twtr-hd { display:none; }
.column .section .twtr-widget .twtr-tweet { border-top:1px solid #191e29;	border-bottom:1px solid #384052; }
.column .section .twtr-tweet-text { padding:5px; }
.column .section .twtr-widget p { font-size:11px; line-height:16px!important; }
.column .section .row { height:27px; padding:13px; color:#a1a7b3; font-size:12px; font-weight:700; background:url(../images/common/column-bg-row.png) repeat-x top; border-top:1px solid #191e29; border-bottom:1px solid #333a4b;}
.column .section .row .subline { color:#7388b3; font-size:11px; }
.column .section .twtpic-widget-header { display:none; }
.column .section .twtpic-widget-footer { display:none; }
.column .section .twtpic-widget-tweets { background-color:#2e3547!important; }
.column .section .twtpic-widget-wrap { border:none; }
.column .section .section-content { padding:8px; color:#a1a7b3; font-size:12px; line-height:20px; background:#2e3547; }
.column .section .section-content a { color:#7388b3; text-decoration:none }
.column .section .section-content a:hover { text-decoration:underline }
/* ~~~~~~~~~~
[E] COLUMN
~~~~~~~~~~ */


/* ----------
[S] Content
---------- */
.container.main { background:#2e3547 url(../images/common/bg-main.jpg) repeat-y 0 0 }
.container.main-bottom { height:30px; background:url(../images/common/content-bottom.jpg) no-repeat 0 0 }

#content-title {
	float:left;
	width:670px;
	padding:13px 15px;
	background-color:#272c38;
}
#content-title h1 {
	color:#9da3af;
	font-size:18px;
	font-weight:normal;
	letter-spacing:-0.3px;
	text-transform:uppercase;
}
#content { float:left; width:670px; padding:15px 15px 0; background-color:#f3f3f3; }
#content .content-inner {	width:640px; padding:15px; background:url(../images/common/bg-content.png) repeat-y center; }
#content .content-inner .story  { margin-bottom:20px; /*border-bottom:1px solid #ccc;*/ }
#content .content-inner .story iframe { margin-left:25px; margin-bottom:25px; padding:15px; background-color:#eee; border:1px solid #ccc; }
#content .content-inner h2 { font-size:30px }
#content .content-inner h2 a { color:#333 }

#content .content-inner .story p {
	color:#333;
	font-size:14px;
	line-height:20px;
}

#content .content-inner .story .img-story { width:605px; height:90px; padding:15px; background-color:#eee; border:1px solid #ccc; }
#content .story .fb-like iframe {
	float:right;
	margin:0!important;
	padding:0!important;
	background-color:transparent!important;
	border:0!important;
}
#content .story .info { float:left; margin:13px 0 0; font-size:11px; }
#content .story .share { float:right; margin:10px 0; }
#content .story .share .fb-like {	float:left; }
#content .story .share .tweet { float:left; margin-left:15px; }
#content .story .share .tweet iframe { margin:0; padding:0; background-color:transparent; border:0; }

/* ~~~~~~~~~~
[S] SUPPORT SECTION
~~~~~~~~~~ */
#support { position:relative; width:940px; height:60px; margin:-38px auto 0; background:url(../images/common/nav-bg.png) repeat-x top; }
#support .ribbon-left { position:absolute; top:0; left:-17px; width:17px; height:75px; background:url(../images/common/nav-ribbon-left.png) no-repeat 0 0; }
#support .ribbon-right { position:absolute; top:0; right:-17px; width:17px; height:75px; background:url(../images/common/nav-ribbon-right.png) no-repeat 0 0; }
#support ul { list-style:none; }
#support ul li { position:relative; display:block; float:left; height:60px; margin-right:40px; }
#support ul li.partybus { width:176px; }
#support ul li a .normal { position:absolute; left:0; top:0; z-index: 10; }
#support ul li a .over { position:absolute; left:0; top:0; }
#support ul li.partybus .normal, #support ul li.partybus .over { top:11px; }
#support ul li.photomedia .normal, #support ul li.photomedia .over { top:7px; }
/* ~~~~~~~~~~
[E] SUPPORT SECTION
~~~~~~~~~~ */

/* ~~~~~~~~~~
[S] FOOTER
~~~~~~~~~~ */
#footer { width:900px; min-height:150px; margin:0 auto; padding:20px; background-color:#272c38; }
#footer a { position:relative; display:block; color:#616777; text-decoration:none }
#footer h4 { padding:0; margin:0; color:#8a909f; font-family:'YanoneKaffeesatz', sans-serif; font-size:20px; font-weight:400; text-transform:uppercase }
#footer ul { margin:0; padding:0 }
#footer .col { float:left; width:300px; }
#footer .col .footer-nav { margin-top:15px; list-style:none }
#footer .col .footer-nav li, #footer .col .networks li { float:left; width:130px; margin-right:15px; line-height:30px; border-bottom:1px dotted #464b56 }
#footer .col .footer-nav li a { position:relative; display:block; padding-left:5px; color:#616777; text-decoration:none }
#footer .col .footer-nav li a:hover { color:#8a909f; background-color:#2f3951; }

#footer .col .networks { margin-top:15px; list-style:none }
#footer .col .networks li { float:left; width:130px; margin-right:15px; line-height:30px; border-bottom:1px dotted #464b56 }
#footer .col .networks li a { position:relative; display:block; padding-left:28px; color:#616777; text-decoration:none }
#footer .col .networks li a:hover { color:#8a909f; background-color:#2f3951; }
#footer .col .networks li a img { position:absolute; top:7px; left:5px; }

#footer .col .podcast { margin-bottom:25px; font-size:11px; font-weight:700 }
#footer .col .podcast h4 { margin-bottom:7px }
#footer .col .podcast a { padding:5px; border-bottom:1px dotted #464b56 }
#footer .col .podcast a:hover { color:#8a909f; background-color:#2f3951; }

#footer .col .blog { font-size:11px; font-weight:700 }
#footer .col .blog h4 { margin-bottom:5px }
#footer .col .blog a { padding:5px; border-bottom:1px dotted #464b56 }
#footer .col .blog a:hover { color:#8a909f; background-color:#2f3951; }

#footer .copy { padding-top:20px; color:#616777; text-align:right; font-size:11px }
/* ~~~~~~~~~~
[E] FOOTER
~~~~~~~~~~ */