strong{font-weight: bold}

a {text-decoration: underline; border: none; color : #FADB20; font-weight: bold}
a:hover {color: #FADB20; text-decoration: none}

h1, h2, h3, h4, h5{font-weight: bold; color: #FADB20}
h2{font-size: 22px; margin: 10px 0 5px; line-height: 22px}
h2 span{font-size: 13px; color: #FFF}
h3{font-size: 16px; margin: 10px 0 15px}
h4{font-size: 14px; margin: 10px 0 5px}
p{padding: 5px 0 10px}

p.crumbs{font-size: 11px;margin-bottom: 20px; color: #919191}

body{
	background: #000 url(../images/bg.jpg) 50% -20px repeat-y;
	text-align: center;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #fff;
}

/** INTRO **/
body#intro{background-image: none;}
#intro #container{width: 700px; background: none; text-align: center}

#container{width: 978px; margin: 0 auto; text-align: left; background: url(../images/bg-container.jpg) 0 211px no-repeat; height: 100%}
#header{height: 211px;}
#header h1{float: left}
#header #header-content{width: 605px; float: right}
#header p.meta{width: 280px; font-size: 15px; padding: 5px 0; float: left }
#header .sponsors-logo{float: right; width: 310px; text-align: right; margin-top: 10px}
#header .sponsors-logo a{margin: 0 0 0 15px}
#menu{width: 605px; border-bottom: 1px solid #969696; border-top: 1px solid #969696; padding: 6px 0; height: 90px}

#menu li {float: left; margin: 0 11px 1px 0}
#menu li a{color: #FFF; font-size: 18px; font-weight: bold; display: block; background-position: 0 0; height: 30px; text-indent: -2000px}
#menu li a:hover, #menu li.selected a{color: #FEE002; text-decoration: none; background-position: 0 -30px}

#menu li a.news{width: 106px; background-image: url(../images/menu/news.gif)}
#menu li a.contest{width: 79px; background-image: url(../images/menu/contest.gif)}
#menu li a.program{width: 112px; background-image: url(../images/menu/program.gif)}
#menu li a.skatepark{width: 130px; background-image: url(../images/menu/skatepark.gif)}
#menu li a.results{width: 119px; background-image: url(../images/menu/results.gif)}
#menu li a.foto{width: 53px; background-image: url(../images/menu/foto.gif)}
#menu li a.music{width: 84px; background-image: url(../images/menu/music.gif)}
#menu li a.registration{width: 131px; background-image: url(../images/menu/registration.gif)}
#menu li a.acreditation{width: 138px; background-image: url(../images/menu/acreditation.gif)}
#menu li a.accomodation{width: 131px; background-image: url(../images/menu/accomodation.gif)}
#menu li a.sponsors{width: 114px; background-image: url(../images/menu/sponsors.gif)}
#menu li a.media{width: 81px; background-image: url(../images/menu/media.gif)}
#menu li a.tickets{width: 140px; background-image: url(../images/menu/tickets.gif)}
#menu li a.map{width: 74px; background-image: url(../images/menu/map.gif)}
#menu li a.contact{width: 98px; background-image: url(../images/menu/contact.gif)}

.lang-en  #menu li {margin: 0 10px 1px 0}
.lang-en  #menu li#last {margin: 0 0 1px 0}
.lang-en  #menu li a.news{width: 69px; background-image: url(../images/menu/en-news.gif)}
.lang-en  #menu li a.contest{width: 122px; background-image: url(../images/menu/en-contest.gif)}
.lang-en  #menu li a.program{width: 122px; background-image: url(../images/menu/en-program.gif)}
.lang-en  #menu li a.skatepark{width: 130px; background-image: url(../images/menu/en-skatepark.gif)}
.lang-en  #menu li a.results{width: 89px; background-image: url(../images/menu/en-results.gif)}
.lang-en  #menu li a.foto{width: 89px; background-image: url(../images/menu/en-foto.gif)}
.lang-en  #menu li a.music{width: 80px; background-image: url(../images/menu/en-music.gif)}
.lang-en  #menu li a.registration{width: 149px; background-image: url(../images/menu/en-registration.gif)}
.lang-en  #menu li a.acreditation{width: 170px; background-image: url(../images/menu/en-acreditation.gif)}
.lang-en  #menu li a.accomodation{width: 184px; background-image: url(../images/menu/en-accomodation.gif)}
.lang-en  #menu li a.sponsors{width: 122px; background-image: url(../images/menu/en-sponsors.gif)}
.lang-en  #menu li a.media{width: 78px; background-image: url(../images/menu/en-media.gif)}
.lang-en  #menu li a.tickets{width: 84px; background-image: url(../images/menu/en-tickets.gif)}
.lang-en  #menu li a.map{width: 58px; background-image: url(../images/menu/en-map.gif)}
.lang-en  #menu li a.contact{width: 96px; background-image: url(../images/menu/en-contact.gif)}


#header #secondary-info{border-bottom: 1px solid #969696; padding: 5px 0 0 0; margin-bottom: 20px}
#header #secondary-info p{padding: 0}
#header #secondary-info .prague{width: 189px; float: left}
#header #secondary-info .mystic{width: 204px; float: left}
#header #secondary-info .past-events{width: 196px; float: right; font-size: 11px}
#header #secondary-info .past-events p{margin: 0; padding: 0; line-height: 11px; font-weight: bold}
#header #secondary-info .past-events li{display: inline; line-height: 11px}
#header #secondary-info .past-events li a{color: #FFF; text-decoration: none}
#header #secondary-info .past-events li a:hover{color: #FADB20}

#content{width: 605px; float: right; min-height: 390px}

#news-list{width: 330px; float: left; border-right: 1px solid #969696; padding-right: 15px}
.news-item{border-bottom: 1px solid #969696; padding: 0 0 5px; margin: 0 0 15px 0}
.news-item h3{font-size: 21px; margin: 0 0 10px; color: #FFF; line-height: 21px}
.news-item h3 a{color: #FFF}
.news-item .date{color: #FADB20; font-size: 13px; padding: 0 0 5px}
.news-item p{font-size: 13px;}
.news-item #gallery {margin: 30px 0 0 0}
.news-item #gallery img{margin: 0 0 10px; border-bottom: 1px solid #151515; padding: 0 0 10px}

#col{width: 245px; float: right}
#col div{ margin: 0 0 10px; border-bottom: 1px solid #151515; padding: 0 0 10px}
#col h3{text-transform: uppercase; font-size: 14px; margin: 0 0 5px}
#col img{display: block}


form {width: 390px; }
form p{clear: both; padding: 5px 0}
form label{width: 100px; display: block; font-weight: bold; float: left}
form input, form textarea{width: 280px; padding: 3px 2px; font-size: 12px; border: 1px solid #333; background: #000; color: #FFF; float: right}
form textarea{height: 60px}
form input:focus, form textarea:focus{border: 1px solid #d3d3d3; background: #141414}
form p.submit {text-align: right}
form p.submit input{width: auto; padding: 6px 15px; font-size: 14px; background: #FADB20; color: #000; cursor: pointer; border: 0}
form .line{clear:both; background: #151515; height: 1px; margin: 10px 0 5px}

.gallery a{border: 3px solid #FFF; float: left; margin: 0 5px 5px 0}
.gallery a:hover{border: 3px solid #FDDE23}
.gallery img{display: block}

.program h3{margin-bottom: 5px}
.program strong{width: 80px; display: block; float: left}

#registration-form{margin-top: 20px}

.hotel{border-bottom: 1px solid #151515; padding: 0 0 5px; margin: 0 0 10px 0}
.hotel img{border: 3px solid #FDE024; float: left; margin: 0 15px 5px 0}


table{width: 100%; margin-bottom: 30px}
table th{background: #FDDE23; color: #000; font-weight: bold; font-size: 13px; padding: 5px;border-bottom: 1px solid #151515;text-align: center}
table td{font-size: 13px; border-bottom: 1px solid #151515; padding: 5px; text-align: center}

#logos a{float: left;}
#logos a img{display: block}

#contact .item{width: 200px; float: left}
#contact .item h3{margin-bottom: 5px}

#tickets-partners a{border: 2px solid #FDDE23; float: left; margin: 0 13px 15px 0}
#tickets-partners img{display: block}

#footer{width: 605px; float: right; text-align: center; margin: 50px 0 20px; color: #999}


/** SYSTEM MESSAGES **/
.positive, .negative, .sysInfo{text-align: center; margin: 20px 0 20px;padding: 10px 20px;font-weight: bold; font-size: 12px}
.positive{background: #efefef;color: #5f5f5f;border: 1px solid #9d9d9d; margin: 10px 0;}
.positive a{color: #137310;}
.negative{background: #f3c1c1;color: #8f1515;border: 1px solid #cb3939;}
.sysInfo{background: #efefef;color: #5f5f5f;border: 1px solid #9d9d9d; margin: 10px 0;}