@font-face {
	font-family: 'BritannicBoldRegular';
	src: url('britanic-webfont.eot');
	src: local('☺'), url('britanic-webfont.woff') format('woff'), url('britanic-webfont.ttf') format('truetype'), url('britanic-webfont.svg#webfont9fqiPFI6') format('svg');
	font-weight: normal;
	font-style: normal;
}

pre {padding: 0}

html, body {background: #000000 url( ../img/background.jpg ) no-repeat center top; height: 100%; width: 100%; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}

.pagetitle {font-size: 18px; padding: 12px 0; text-transform: uppercase; color: #FF6600}

#wrapper {width: 1024px; background: #161313; background: rgba(0, 0, 0, 0.7); margin: 0 auto; overflow: hidden} /* -moz-box-shadow: 1px 1px 20px #131313; -webkit-box-shadow: 1px 1px 20px #131313; box-shadow: 1px 1px 20px #131313 */

#nav {width: 100%; height: 50px; background: url( ../img/nav_bg.png ) repeat-x left top; position: absolute; top: 114px; left: 0}

a {color:#FF6600;text-decoration:none}
a:hover {text-decoration:underline}

header {position: relative}
header h1 a {width: 229px; height: 106px; background: url( ../img/logo-for.png ) no-repeat left top; text-indent: -9999px; position: absolute; top: 7px; left: 6px}

#bannertophldr {position: absolute; top: 12px; right: 6px; width: 728px; height: 90px; overflow: hidden}
#bannertop a {display: block}
#bannercenterhldr {width:710px;height:88px;overflow:hidden}
#bannersidebarhldr {width:292px;height:238px;overflow:hidden}

#bannersidebar img {max-width:290px}
#bannertop img {max-height:90px}

header nav {position: absolute; width: 100%; top: 125px; left: 7px}
header nav li a {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #fefeff; text-decoration: none; text-transform: uppercase; text-shadow: 1px 2px 2px #000000; display: block; background: url( ../img/nav_sprite_2.png ) no-repeat left top; height: 21px; text-indent: -9999px}
header nav li {float: left; padding: 5px 4px 2px 5px; margin: 0 2px 0 0}
header nav .active, header nav li:hover {background: #181818; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}

header nav .home a {width: 69px; background-position: 0 top}
header nav .news a {width: 69px; background-position: -72px top}
header nav .nextevents a {width: 201px; background-position: -146px top}
header nav .fanzone a {width: 87px; background-position: -351px top}
header nav .prevevents a {width: 179px; background-position: -441px top}
header nav .links a {width: 69px; background-position: -625px top}
header nav .contacts a {width: 86px; background-position: -698px top}

header nav.bul .home a {width: 69px; background-position: 0 top}
header nav.bul .news a {width: 69px; background-position: -72px top}
header nav.bul .nextevents a {width: 201px; background-position: -146px top}
header nav.bul .fanzone a {width: 87px; background-position: -351px top}
header nav.bul .prevevents a {width: 179px; background-position: -441px top}
header nav.bul .links a {width: 69px; background-position: -625px top}
header nav.bul .contacts a {width: 86px; background-position: -698px top}

header nav.eng .home a {width: 47px; background-position: 0 bottom}
header nav.eng .news a {width: 48px; background-position: -51px bottom}
header nav.eng .nextevents a {width: 105px; background-position: -103px bottom}
header nav.eng .fanzone a {width: 75px; background-position: -212px bottom}
header nav.eng .prevevents a {width: 107px; background-position: -290px bottom}
header nav.eng .links a {width: 48px; background-position: -401px bottom}
header nav.eng .contacts a {width: 87px; background-position: -453px bottom}

#columns {padding: 170px 7px 7px; overflow: hidden}

#main {float: left; overflow: hidden; width: 718px}

.events {overflow: hidden; clear: both}
.events .event {background: #000000; padding: 5px; float: left; height: 282px; width: 340px; margin: 0 6px 6px 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px}
.events.details .event {height:auto}
.events .lastinrow {margin-right: 0}
.events .eventbg {width: 100%; height: 100%; position: relative; background-repeat: no-repeat; background-position: left top}
.events .eventinfo {background: url( ../img/event_info_bg.png ) repeat left top; background: rgba( 0, 0, 0, 0.9 ); width: 100%; height: 106px; padding: 5px 0; position: absolute; bottom: 0; left: 0;font-family: Helvetica, Arial, sans-serif; text-transform: uppercase;}
.events .event h2 {font-family: "BritannicBoldRegular", Helvetica, Arial, sans-serif; font-size: 24px; text-shadow: 2px 2px 2px #000000}
.events .event h2 a {color: #FFFFFF; text-decoration: none}
.events .event h2 a:hover {text-decoration: underline}
.events .event .support {color: #FFFFFF; font-size: 12px}
.events .event .subinfo {color: #bababa; font-weight: bold; position: absolute; bottom: 0; left: 0; font-weight: bold}
.events .event .subinfo .date {font-size: 19px; padding: 0 0 5px 0; display: block}
.events .event .subinfo .time, .events .event .subinfo .location {font-size: 13px; padding: 0 0 5px 0}
.events .threelast {float: none; margin: 0 auto 7px auto; clear: both}
.events .eventdetails {float: right; background: #000000; padding: 5px; width: 341px; margin-right: 7px; font-size: 13px; line-height: 16px}
.events .eventdetails p {margin-bottom: 10px}
.events .eventdetails a {color: #FF6600; text-decoration: underline}
.events .eventdetails a:hover {text-decoration: none}
.events .eventlinks {float: left; padding: 5px; width: 343px; margin: 7px 0 0; background: #000000}
.events .eventlinks li{padding: 3px 3px 3px 20px;margin-bottom:5px}
.events .eventlinks .poster {background:url(../img/picture.png) no-repeat left center}
.events .eventlinks .video {background:url(../img/film.png) no-repeat left center}
.events .eventlinks .maps {background:url(../img/maps.png) no-repeat left center}
.events .eventlinks a{color: #FF6600;text-decoration: none}
.events .event .largelink {display: block; width: 100%; height: 100%; text-indent: -99999px}
.events .event .eventlink {display: block; width: 100%; height: 165px }
.events .icons {position:absolute;right:5px;bottom:5px}
.events .icons li {float:left;padding-right:5px}
.events .icons a {width:16px;height:18px;display:block;border:1px #FFF solid}
.events .icons a:hover {border-color:#6a6a6a}
.events .icons .video a {background:url(../img/film.png) no-repeat center}
.events .icons .poster a {background:url(../img/picture.png) no-repeat center}
.events .icons .facebook {width:72px;overflow:hidden}
.events .videospot {display:none}
.events-center .events .event {margin:20px auto;clear:both;float:none}
.events-past .events .event {width:98%;clear:both;float:none}
.events-past .events .eventbg {background-position:center top}

#sidebar {width: 292px; background: #040404; float: right}

#mediapartners {background: #181616; padding: 10px 20px; overflow: hidden}
#mediapartners li {float:left; margin: 0 20px 0 0}
#mediapartners .zrock, #mediapartners .katehizis {margin-top: 10px}
#mediapartners .fraktura {margin-top: 25px}

#mediapartners li a {display: block; background: url( ../img/media_partners_sprite.png ) no-repeat left bottom; text-indent: -9999px}
#mediapartners .zrock a{width: 116px; height:51px; background-position: 0 -87px}
#mediapartners .katehizis a{width: 207px; height:51px; background-position: -139px -86px}
#mediapartners .fraktura a{width: 181px; height: 23px; background-position: -359px -100px}
#mediapartners .eventim a{width: 136px; height: 76px; background-position: -555px -76px}
#mediapartners .blitz a{width: 97px; height: 61px; background-position: -713px -76px}
#mediapartners .camouflage a{width: 121px; height: 69px; background-position: -848px -81px}

#mediapartners .zrock a:hover{background-position: 0 -11px}
#mediapartners .katehizis a:hover{background-position: -139px -10px}
#mediapartners .fraktura a:hover{background-position: -359px -24px}
#mediapartners .eventim a:hover{background-position: -555px 0}
#mediapartners .blitz a:hover{background-position: -713px 0}
#mediapartners .camouflage a:hover{background-position: -848px -1px}

footer {height: 195px; background: url( ../img/footer.jpg ) no-repeat left top; position: relative}
footer ul {float: left; margin: 20px 0 0 20px}
footer ul li{padding-bottom: 5px}
footer ul a {color: #a0a0a0; text-decoration: none; font-size: 13px; font-family: Helvetica, Arial, sans-serif}
footer ul a:hover {text-decoration: underline}
footer ul h6 {font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 5px}
footer .follow {float: right; width: 171px; margin: 10px 10px 0}
footer .follow span {display: block; font-weight: bold; padding-bottom: 5px}
footer .follow .edno23 {display: block; width: 137px; height: 40px; background: url( ../img/edno23.png ) no-repeat left top; text-indent: -9999px}
footer .follow .youtube {display:block;width:102px;height:42px;background:url(../img/YouTubeLogo.png) no-repeat left top;text-indent:-9999px;margin:0 0 10px}
footer .follow .facebook {display:block;width:120px;height:45px;background:url(../img/facebook-large.png) no-repeat left top;text-indent:-9999px;margin:0 0 10px}
footer .credits {position: absolute; bottom: 6px; left: 0; width: 100%; font-size: 11px}
footer .credits .copyrights {display: block; float: left; padding: 0 0 0 20px}
footer .credits .webdesign {display: block; float: right; padding: 0 20px 0 0}
footer .credits .webdesign a {color: #FF6600; text-decoration: none}
footer .credits .webdesign a:hover {text-decoration: underline}

.photoscarousel {overflow: hidden; padding: 5px 0;position:relative}
.photoscarousel ul {background: #000; overflow: hidden; padding: 5px}
.photoscarousel li {float: left; margin: 0 5px 0 0; width: 128px; height: 85px}
.photoscarousel h2 {font-family: Helvetica, Arial, sans-serif; font-size: 20px; clear: both; text-transform: uppercase; padding: 0 0 10px 10px}
#gallery {background: #000; width: 100%; margin: 0 auto}
.photoscarousel-tabs {}
.photoscarousel-tabs a {display:block;color:white;text-decoration:none;font-weight:bold;padding:5px 10px 5px 5px;white-space:nowrap;background:url(../img/tab-right.png) no-repeat right top}
.photoscarousel-tabs li {float:left;margin-right:2px;padding-left:5px;background:url(../img/tab-left.png) no-repeat left top}

.latestnews {padding: 5px}
.latestnews h3 {font-size: 14px; color: #FF6600; text-transform: uppercase; padding-bottom: 10px}
.latestnews p { color: #FFFFFF; line-height: 16px}
.latestnews .links {overflow: hidden; padding-top: 5px; line-height: 16px}
.latestnews .links a{color: #FF6600; text-decoration: none}
.latestnews .links a:hover{text-decoration: underline}
.latestnews .all {float: left}
.latestnews .more {float: right}

.news {padding-right: 7px}
.news li {background: #040404; padding: 5px; overflow: hidden; margin-bottom: 7px}
.news li h2 {font-size: 17px; padding-bottom: 10px}
.news li h2 a{color: #FFFFFF; display: block; float: none}
.news li h2 a:hover {text-decoration: none; color: #FF6600}
.news li p {line-height: 18px; color: #e6e6e6}
.news li a {float: right; color: #FF6600; text-decoration: none}
.news li a:hover {text-decoration: underline}

.news .view {background: #040404; padding: 5px; margin-top: 10px}
.news .view h2 {font-size: 17px; padding-bottom: 10px}
.news .view .text {line-height: 16px}
.news .view .text p {padding-bottom: 5px}
.news .view a {color: #FF6600}
.news .view a:hover {text-decoration: none}

.breadcrumbs {overflow: hidden}
.breadcrumbs li{float: left; line-height: 16px; white-space: pre}
.breadcrumbs a {color: #404043; text-decoration: none}
.breadcrumbs a:hover {text-decoration: underline}
.breadcrumbs.padit {padding-bottom: 6px}

.node li {padding: 2px 0}
.node p {margin-bottom: 5px}
.node a {color: #FF6600; text-decoration: none}
.node a:hover {text-decoration: underline}

.paging {width:100%}
.paging ul {float:right}
.paging li{float:left;margin-right:2px}
.paging .active a {color:#FFF}

.albums .album h4 {font-size:20px;padding-bottom:10px}
.albums .album {padding-right:7px}
.albums .album ul {background: #000; padding:5px;clear:both;overflow:hidden;margin-bottom:10px}
.albums .album li {background:#FFF;padding:2px;float:left;margin:0 8px 8px 0}

#accr_form .descr {padding:10px 0;font-style:italic}
#accr_form input.text {width:300px}
#accr_form select.select {width:305px}
#accr_form label {display:block;width:150px;float:left}
#accr_form .row {overflow:hidden;padding-bottom:10px}
#accr_form .publications {width:300px;height:150px}
#accr_form .checkbox {vertical-align:middle}
#accr_form_errors li {color:red;padding-bottom:5px}

#languages {position:absolute;right:0;top:127px;width:50px}
#languages a {display:block;width:21px;height:22px;background:url(../img/languages.png) no-repeat left top;float:left;margin:0 2px}
#languages .bg {background-position:left top}
#languages .en {background-position:right top}

.node-slug-faq .node-body h3 {padding-bottom:10px}
.node-slug-faq .node-body p {line-height:16px;font-style:italic}

.maps {padding-top:20px}
.maps .location {margin-bottom:10px}
.maps .location .map {padding:10px;background:#000;width:690px}
.maps .location .map img {width:690px;margin-bottom:10px;display:block}
.maps .location  h4 {font-size:16px;padding-bottom:10px}
.maps .sumc {padding-bottom:10px;line-height:20px}

.no-events {width:700px;height:250px;float:left;font-weight:bold;text-align:center;padding:230px 0 0}

blockquote {padding: 10px 10px 10px 100px}