/* @override 
	http://static.brutalassault.cz/css/base.css
	http://static.brutalassault.cz//css/base.css
	http://localhost:8000/site-media//css/base.css
*/

/* Reset some elements */

* { margin: 0; padding: 0; border: 0 }

ul, li {
	list-style: none;
}

hr {
	display: none;
}

a {
	text-decoration: none;
}

p, span {
	font-size: 100%;
	line-height: 1.5em;
	padding: 5px 10px;
}

.clear {
	clear: both;
}

/* Site base style declaration */

body {
	background: #000 url('../images/bd_bkg_pattern.png');
	color: #666;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	text-align: center;
}

h1, h2, h3, h4 {
	text-align: left;
}

h1 span {
	display: none;
}

h2 {
	color: #000;
}

a {
	color: #3f2310;
}

input {
	border: 1px solid #ddd;
	padding: 5px;
}

#wrapper {
	background-color: #fff;
	background-image: url(../images/artist_bkg.png);
	background-position: bottom;
	background-repeat: repeat-x;
	width: 960px;
	min-height: 700px;
	margin: auto;
	margin-bottom: 20px;
	text-align: left;
}

#header {
	position: relative;
	width: 940px;
	margin: 0 10px;
	height: 295px;
}

#header.cs {
	background: url(../images/ba-2010-header-cs.jpg) no-repeat;
}

#header.en {
	background: url(../images/ba-2010-header-en.jpg) no-repeat;
}

#header.de {
	background: url(../images/ba-2010-header-de.jpg) no-repeat;
}

#header.pl {
	background: url(../images/ba-2010-header-pl.jpg) no-repeat;
}

#header h1 {
	display: block;
	position: relative;
	width: 940px;
	height: 110px;
	top: 140px;
	left: 0px;
}

#header h1 a {
	display: block;
	height: 110px;
}

#navigation {
	position: absolute;
	display: block;
	top: 260px;
	width: 940px;
	font-size: 90%;
}

#navigation ul {
	position: absolute;
	text-align: center;
	clear: none;
}

#navigation li {
	float: left;
	margin: 0 15px 0 15px;
	text-align: center;
}

#navigation li.last{
	margin-right: 0;
}

#navigation li a {
	display: block;
	color: #fff;
	height: 28px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 6px 0 0 0;
	text-shadow: #333 1px 1px 1px;
}

#navigation li a:hover {
	font-size: 120%;
	color: #928978;
}

#header #offsites {
	display: block;
	left: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 12px;
}

#header #offsites li {
	float: left;
	margin-right: 15px;
}

#header #offsites a {
	background: no-repeat center center;
	display: block;
	height: 50px;	
	width: 130px;
}

#header #offsites li span {
	display: none;
}

#header #offsites #bandzone {
	background-image: url(../images/bandzone.png);
}

#header #offsites #youtube {
	background-image: url(../images/youtube.png);
}

#header #offsites #myspace {
	background-image: url(../images/myspace.png);
}

#header #offsites #facebook {
	background-image: url(../images/facebook.png);
	margin-left: 310px;
}

#main {
	width: 940px;
	margin: 10px;
}

h2 {
	padding: 0 5px 5px;
	font-size: 190%;
	background-image: url(../images/artist_bkg.png);
	background-position: bottom;
	background-repeat: repeat-x;
	border-bottom: 1px solid #ddd;
}

h3 {
	clear: both;
 	padding: 10px 5px 0 5px;
	border-bottom: 1px solid #e5e5e5;
	background-image: url(../images/artist_bkg.png);
	background-position: bottom;
	background-repeat: repeat-x;
	line-height: 1.9em;
}

#main h4 {
 	padding: 10px 5px 5px 5px;
}

#footer {
	margin-top: 50px;
	width: 940px;
	padding: 10px;
	clear: both;
	text-align: center;
}

/* columns */
#col1 {
	float: left;
	width: 700px;
}

#col2 {
	float: left;
	width: 230px;
	margin: 0 0 0 10px;
}

#main #col1 h2, #main #col2 h2 {
	margin: 5px 0 0;
}

#main #col2 h2 {
	color: #666;
}

#col1 ul {
	display: block;
	margin-left: 20px;
	list-style-type: square;
}

#col1 li {
	margin-left: 10px;
	list-style-type: square;
}

/* artist list */
.artist-box {
	width: 203px;
	height: 220px;
	float: left;
	margin: 5px;
	padding: 10px;
	overflow: hidden;
	border: 1px solid #e5e5e5;
	background-image: url(../images/artist_bkg.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

.artist-box h3 {
	background: transparent;
	border-bottom: 4px solid #3f2310;
	color: #3f2310;
	font-size: 130%;
	height: 2em;
	margin-bottom: 2px;
	position: relative;
	overflow: hidden;
	width: 200px;
	line-height: 100%;
	padding: .5px 0 .2em;
}

.artist-box h3 a {
	color: #3f2310;
	display: block;
}

.artist-box sup {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 60%;
}

.artist-box p {
	font-size: 85%;
	text-align: center;
	padding: 1px;
}

.artist-box img {
	width: 200px;
	height: 150px;
}

ul#artist-list a {
	display: block;
	height: 20px;
	padding: 5px 5px 0 10px;
	font-weight: bold;
	color:  #3f2310;
	border-bottom: 1px solid #e5e5e5;
	background-image: url(../images/artist_bkg.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

ul#artist-list .selected a {
	color: #666;
}

ul#artist-list a:hover {
	background: #3f2310;
	color: #fff;
}

/* artist detail */

#artist-image {
	text-align: center;
	margin: 5px;
}

#artist-image img {
	border: 1px solid #e5e5e5;
	padding: 5px;
}

#photos-flickr {
	display: block;
	width: 100%;
	min-height: 90px;
}

#photos-flickr li {
	display: inline;
	padding: 0;
}

#photos-flickr a {
	display: block;
	float: left;
	margin: 5px;
}

#youtube-video {
	margin-top: 10px;
	text-align: center;
}

.audio-player {
	display: block;
	clear: both;
	margin: 10px;
}

.lines {
	width: 100%;
	margin-bottom: 10px;	
}

.lines p {
	display: block;
	float: left;
	width: 212px;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background-image: url(../images/artist_bkg.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

#language-switcher {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 10px;
	right: -30px;
	z-index: 10;
}

#language-switcher a {
	display: block;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #666;
	background-image: url(../images/artist_bkg.png);
	background-position: bottom;
	background-repeat: repeat-x;
	text-transform: uppercase;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#language-switcher a.selected, #language-switcher a:hover {
	background: #000;
	color: #fff;
	border: 1px solid #333;
}

/* forum */
#login-form label {
	display: block;
	text-transform: capitalize;
}

input[type=submit] {
	background: #fff url(../images/artist_bkg.png) 0 bottom repeat-x;
	font-weight: bold;
	padding: 5px;
	width: 100px;
	-webkit-border-radius: 2px;
}

table {
	width: 100%;
	border-collapse: collapse;
}

.forum-table td, #threads td, #posts td {
	text-align: center;
	border-bottom: 1px solid #eee;
	padding: 5px;
}

.forum-table td.first, #threads td.first, #posts td.post {
	text-align: left;
	width: 500px;
}

.forum-table .left, #threads .left, #posts .left {
	text-align: left;
}

.forum-table thead, #threads thead {
	font-size: 90%;
	font-weight: bold;
}

.forum-table a, #threads a {
	text-decoration: underline;
	font-weight: bold;
}

.forum-table .description {
	margin: 0;
	padding: 0 10px;
	font-size: 90%;
}

#forum-breadcrumbs {
	font-size: 120%;
	font-weight: bold;
	padding: 5px;;
	border-bottom: 1px solid #e5e5e5;
	background-image: url(../images/artist_bkg.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

div.forum-tools {
	position: relative;
}

div.forum-tools a {
	display: block;
	background: #fff url(../images/artist_bkg.png) 0 bottom repeat-x;
	font-size: 80%;
	text-transform: uppercase;
	font-weight: bold;
	margin: 5px;
	padding: 5px;
	width: 100px;
	border: 1px solid #e5e5e5;
	text-align: center;
	-webkit-border-radius: 2px;
}

div.forum-tools ul.pagination {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.pagination li {
	display: block;
	float: left;
	margin: 0 5px;
}

ul.pagination a {
	display: block;
	width: 20px;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}

ul.pagination a:hover {
	background: #3f2310;
	color: #fff
}

ul.pagination li a.next, ul.pagination li a.previous {
	width: 35px;
}

ul.pagination a.selected {
	background: #3f2310;
	color: #fff;
}

form.post {
	width: 450px;
	margin: auto;
}

form.post label {
	float: left;
	clear: both;
	font-size: 90%;
	text-transform: capitalize;
}

form.post p {
	clear: both;
}

form.post input[type=text], form.post textarea {
	float: left;
	clear: both;
	border: 1px solid #bbb;
	padding: 2px;
	margin: 5px 0;
	width: 400px;
	font-size: 110%;
}

.row1, .row2 {
	padding: 10px 10px 30px 10px;
	position: relative;
}

.row1 {
	
}

.row2 {
	background-color: #fafafa;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

#posts .user {
	position: relative;
	height: 1.5em;
}

#posts .user span {
	position: absolute;
	top: 0;
	right: 50px;
	padding: 0;
	margin: 0;
	font-size: 85%;
}

#posts .post-tools {
	position: absolute;
	width: 100px;
	bottom: 5px;
	font-size: 85%;
	right: 60px;
}

#posts .post-tools a {
	float: left;
	text-align: center;
	width: 48px;
	display: block;
	border: 1px solid #ddd;
	background-image: url(../images/artist_bkg.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

#posts .post-tools a:hover {
	background: #000;
	color: #fff;
}

#post {
	padding: 10px;
}

#post p, #post h4 {
	margin: 0;
	padding: 0px;
}

.post h4 {
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.post span {
	display: block;
	padding: 0;
	margin: 5px;
	text-indent: 0;
}

/* Registration */
form#registration, form#login {
	margin: auto;
	width: 350px;
	margin-top: 20px;
	text-align: left;
}

form#registration label, form#login label {
	display: block;
	width: 150px;
	float: left;
	text-transform: capitalize;
}

form#registration input, form#login input {
	clear: both;
}

#login-box {
	text-align: center;
}

p.error {
	color: #a46144;
	padding: 20px 0 0;
}

/* Artist cloud */
#artist-cloud {
	margin: 0 0 10px 0;
}

div#artist-cloud h2 {
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

#artist-cloud ul {
	width: 100%;
	text-align: center;
}

#artist-cloud li {
	display: inline;
	line-height: 170%;
	margin: 0;
}

#artist-cloud a {
	color: #3f2310;
	font-weight: bold;
	padding: 5px;
}

#artist-cloud a:hover {
	color: #fff;
	background-color: #3f2310;
}

#artist-cloud .size-1 {
	font-size: 150%;
}

#artist-cloud .size-2 {
	font-size: 140%;	
}

#artist-cloud .size-3 {
	font-size: 130%;
}

#artist-cloud .size-4 {
	font-size: 120%;	
}

#artist-cloud .size-5 {
	font-size: 110%;
}

/* latest-news */
#latest-news {
	margin: 10px 0 0 0;
	clear: both;
}

#latest-news span {
	display: block;
	padding: 5px;
}

#main #latest-news h2 {
	display: block;
	clear: both;
	font-size: 150%;	
}

#latest-news h3 {
	position: relative;
	padding-right: 200px;
	line-height: 1.5em;
}

#latest-news span.date {
	position: absolute;
	padding: 0;
	top: .7em;
	right: 10px;
	font-weight: normal;
	font-size: 80%;
	font-style: italic;
}

#latest-news p {
	font-size: 95%;
}

/* side menu */
#col2 .menu a {
	display: block;
	height: 20px;
	padding: 5px 5px 0 10px;
	font-weight: bold;
	color:  #3f2310;
	border-bottom: 1px solid #e5e5e5;
	background-image: url(../images/artist_bkg.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

#col .menu .selected a {
	color: #666;
}

#col2 .menu a:hover {
	background: #3f2310;
	color: #fff;
}

#col2 .artist-box {
	width: 200px;
	margin: 0 0 10px 0;
	padding: 10px;
}

#col2 .artist-box h3 {
	width: 200px;
}

#col2 .center {
	text-align: center;
}

#col2 h4 {
	clear: both;
	font-size: 120%;
 	padding: 10px 5px 0 5px;
	border-bottom: 1px solid #e5e5e5;
	background-image: url(../images/artist_bkg.png);
	background-position: bottom;
	background-repeat: repeat-x;
	line-height: 1.9em;
}

#kytarycz, #lastfm {
	margin: 10px 0;
}

#lastfm table {
	margin: auto;
}

#kytarycz a {
	padding: 0;
	margin: auto;
}

#partner-list {
	text-align: center;
}

#partner-list div {
	display: inline;
	margin: 3px;
}

a.myspace {
	display: block;
	float: left;
	margin-left: 5px;
	padding: 10px 24px;
	background: url(../images/myspace_icon.png) no-repeat 5px center;
}

#articles li {
	display: block;
	margin-left: 5px;
	padding: 5px;
}

a.mjc {
	padding: 10px 24px;
	background: url(../images/mjc_icon.png) no-repeat left center;
}

#slideshow {
	width: 100%;
	height: 250px;
	position: relative;
	margin: 10px 0 20px 0;
}

#slideshow div {
	display: none;
}

#slideshow .show {
	display: block;
}

#slideshow .title {
	position: absolute;
	font: bold 280% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
}

#slideshow span.tl {
	top: 0;
	left: 0;
}

#slideshow span.tr {
	top: 0;
	right: 0;	
}

#slideshow span.br {
	bottom: 0;
	right: 0;	
}

#slideshow span.bl {
	bottom: 0;
	left: 0;	
}

/* obscure events */
#events .loader {
	background: url(../images/loader.gif) no-repeat left center;
	padding-left: 30px;
}

#events {
	font-size: 85%;
}

#events li {
	float: left;
	width: 46%;
	list-style: none;
	margin-left: 0;
}

#events .event p {
	margin-left: 40px;
	clear: none;
}

#events .row1, #events .row2 {
	background: none;
	border: none;
	border-top: 1px solid #eee;
	padding: 10px;
}

#events .row2 {
	clear: both;
}

#events p.date {
	position: relative;
	display: block;
	float: left;
	width: 30px;
	text-align: center;
	margin: 5px;
	padding: 0;
	background-color: #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#events span.day {
	display: block;
	width: 100%;
	font-size: 150%;
	font-weight: bold;
	padding: 0;
}

#events span.month {
	display: block;
	background-color: #000;
	color: #fff;
	font-weight: bold;
	font-size: 80%;
	padding: 0;
}

#events .artists {
	font-weight: bold;
	font-size: 110%;
}

#events .venue {
	font-size: 90%;
	font-style: italic;
	margin: 0;
}

#press-registration, .base-form {
	padding-left: 50px;
}

#press-registration p, .base-form p {
	display: block;
	float: left;
	width: auto;
	margin-bottom: .2em;
	border-bottom: 1px #ddd solid;
	clear: both;
}

.base-form p.noborder {
	border: 0;
}

#press-registration label, .base-form label {
	float: left;
	width: 200px;
	clear: both;
}

#press-registration input, #press-registration textarea, #press-registration select, 
.base-form input, .base-form textarea, .base-form select {
	border: 1px #ccc solid;
	width: 200px;
}

#press-registration textarea, #press-registration select, .base-form textarea, .base-form select {
	padding: 5px;	
}
#press-registration span.help, .base-form span.help {
	display: block;
	clear: both;
	font-size: 85%;
	font-style: italic;
	margin-left: 200px;
	padding-left: 0;
}

#press-registration ul.errorlist, .base-form ul.errorlist {
	display: block;
	clear: both;
	width: 250px;
	margin: 5px 0 5px 210px;
	padding: 2px;
	list-style: none;
	background-color: #ffa5b8;
	border: 1px solid #ff7678;
}
#press-registration ul.errorlist li, .base-form ul.errorlist li {
	display: block;
	padding: 5px;
	color: #f00;
	font-style: italic;
}

ul.indent {
	list-style: none;
	margin-left: 50px;
}

ul.indent li {
	list-style-type: square;
}

#lastfm-attendance {
	clear: both;
	background: url(http://cdn.last.fm/webclient/lastfmlogo.jpg) no-repeat 10px ;
	padding: 15px 60px;	
}

#lastfm-attendance p {
	margin: 0;
	padding: 2px;
}

#lastfm-attendance a {
	color: #000;
}

#lastfm-attendance .attending {
	font-size: 120%;
	font-weight: bold;
}

#weather {
	border-bottom: 1px solid #e5e5e5;
	background-image: url(../images/artist_bkg.png);
	background-position: bottom;
	background-repeat: repeat-x;
	zoom: 1;
}

#weather:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#weather h4.wtoday {
	position: relative;
	display: block;
	float: left;
	width: 85px;
	margin: 0;
	padding: 70px 10px 0 10px;
	font-size: 100%;
	text-align: center;
	background: none;
	border: 0;
}

#weather .wtoday img {
	position: absolute;
	width: 150px;
	height: 110px;
	top: 0;
	left: 0;
}

#weather .wbox {
	float: left;
	display: block;
	font-size: 80%;
	text-transform: uppercase;
	text-align: center;
}

#wether .wdate {
	font-weight: bold;
}

.vote {
	background: #3f2310 url(../images/vote.png) no-repeat 5px 5px;
	border: 2px solid rgba(254,255,254,0.2);
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	padding: 5px 5px 5px 30px;
	
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.vote:hover {
	background-color: #000;
}