/* RESET */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,  img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }
ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* GLOBAL NAV */
#globalnav { width: 769px; height: 25px; margin-left: 205px; clear: both; overflow: hidden; }
#globalnav li { float: left; margin-right: 5px; height: 25px; position: relative; }
#globalnav li#gn-elcmedia { width: 106px; }
#globalnav li#gn-theatre { width: 106px; }
#globalnav li#gn-music { width: 106px; }
#globalnav li#gn-exhibitions { width: 106px; }
#globalnav li#gn-cinema { width: 104px; }
#globalnav li#gn-festivals { width: 104px; }
#globalnav li#gn-kids { width: 102px; }
#globalnav li a { background: url(../assets/icn_globalnavbtns.png) no-repeat; width: 100%; height: 25px; position: absolute; overflow: hidden; text-indent: -6000px; }
/* idle */
#globalnav li#gn-elcmedia a { background-position: 0 0; }
#globalnav li#gn-theatre a { background-position: -111px 0; }
#globalnav li#gn-music a { background-position: -222px 0; }
#globalnav li#gn-exhibitions a { background-position: -333px 0; }
#globalnav li#gn-cinema a { background-position: -444px 0; }
#globalnav li#gn-festivals a { background-position: -554px 0; }
#globalnav li#gn-kids a { background-position: -664px 0; width: 107px; }
/* over, active */
#globalnav li#gn-elcmedia a:hover,
#globalnav.elcmedia li#gn-elcmedia a { background-position: 0 -30px; }
#globalnav li#gn-theatre a:hover,
#globalnav.theatre li#gn-theatre a { background-position: -111px -30px; }
#globalnav li#gn-music a:hover,
#globalnav.music li#gn-music a { background-position: -222px -30px; }
#globalnav li#gn-exhibitions a:hover,
#globalnav.exhibitions li#gn-exhibitions a { background-position: -333px -30px; }
#globalnav li#gn-cinema a:hover,
#globalnav.cinema li#gn-cinema a { background-position: -444px -30px; }
#globalnav li#gn-festivals a:hover,
#globalnav.festivals li#gn-festivals a { background-position: -554px -30px; }
#globalnav li#gn-kids a:hover,
#globalnav.kids li#gn-kids a { background-position: -664px -30px; }

/* LAYOUT */
#container { width: 994px; margin: 0 auto; background: #333; overflow: hidden; }
#header { width: 974px; position: relative; padding: 10px; overflow: hidden; }
#header .elculture { width: 194px; height: 37px; position: absolute; left: 31px; top: 65px; background: url(../assets/elclogo.png) no-repeat; }
#header .elculture a { width: 154px; height: 37px; position: absolute; top: 0; left: 0; display: block; text-decoration: none; z-index: 99; }
#header #globaltop { position: relative; width: 769px; height: 129px; left: 205px; top: 0; }
#header #gt-search { position: absolute; left: 0; top: 0; }
#header .srchlabel { float: left; width: auto; margin: 3px 8px 0 0; }
#header #gt-search input.text { width: 165px; height: 12px; border: 0; padding: 2px 2px 4px; float: left; margin-top: 1px; }
#header #gt-search input.go { width: 15px; height: 16px; float: left; margin: 2px 0 0 1px; }
#header #gt-links { position: absolute; top: 3px; right: 0; }
#header #gt-links li { float: left; width: auto; margin-left: 20px; }

#navbar { width: 195px; float: left; margin: 0 0 90px 10px; overflow: hidden; }
#navbar #sectioncube { width: 195px; height: 195px; margin-bottom: 10px; position: relative; background: url(../assets/icn_sectioncubes.png); }
#navbar #sectioncube.theatre { background-position: 0 0; }
#navbar #sectioncube.music { background-position: -204px 0; }
#navbar #sectioncube.exhibitions { background-position: -408px 0; }
#navbar #sectioncube.cinema { background-position: -612px 0; }
#navbar #sectioncube.festivals { background-position: -816px 0; }
#navbar #sectioncube.kids { background-position: -1020px 0; }
#navbar #sectioncube.elcmedia.tv { background-position: 0 -205px; }
#navbar #sectioncube.elcmedia.mag { background-position: -204px -205px; }
#navbar #sectioncube.elcmedia.aoratipoli { background-position: -408px -205px; }
#navbar #sectioncube.elcmedia.oldboy { background-position: -612px -205px; }
#navbar #sectioncube.elcmedia.tatheatra { background-position: -816px -205px; }
#navbar #sectioncube.elcmedia.synantiseis { background-position: -1020px -205px; }
#navbar #sectioncube.elcmedia.thessaloniki { background-position: -1224px -205px; }
#navbar #sectioncube.elcmedia.anagnoseis { background-position: -1428px -205px; }
#navbar #sectioncube.global.calendar { background-position: 0 -410px; }
#navbar #sectioncube.global.topics { background-position: -204px -410px; }
#navbar #sectioncube.global.loginregister { background-position: -408px -410px; }
#navbar #sectioncube.global.finder { background-position: -612px -410px; }
#navbar #sectioncube.global.about { background-position: -816px -410px; }
#navbar #sectioncube.global.advertise { background-position: -1020px -410px; }
#navbar #sectioncube.global.contact { background-position: -1224px -410px; }
#navbar #sectioncube.global.terms { background-position: -1428px -410px; }
#navbar #sectioncube.global.account { background-position: -1632px -410px; }
#navbar #sectioncube.global.search { background-position: -2040px -410px; }
#navbar #sectioncube.global.wintickets { background-position: -2244px -410px; }
#navbar #sectioncube.global.rss { background-position: -2448px -410px; }
#navbar #sectioncube.global.sintelestes { background-position: -2652px -410px; }

#navbar #l-nav { padding: 15px; background: #FFF; margin-bottom: 10px; }
#navbar #l-nav .active {
	text-decoration: none;
}
#navbar #l-nav li ul {
	margin-left: 25px;
	margin-bottom: 14px;
}
#navbar #l-nav.topics .category {
	padding-bottom: 4px;
}
#navbar #l-nav.topics .category.last {
	padding-bottom: 8px;
}
#navbar #l-nav li ul a.active {
	padding-left: 15px;
	width: 0;
	display: block;
	white-space: nowrap;
	overflow: visible;
	background: url(../assets/icn_bullets.png);
}
#navbar #l-nav.elcmedia li ul a.active { background-position: -25px -12px; }
#navbar #l-nav.theatre li ul a.active { background-position: -25px -29px; }
#navbar #l-nav.music li ul a.active { background-position: -25px -46px; }
#navbar #l-nav.exhibitions li ul a.active { background-position: -25px -63px; }
#navbar #l-nav.cinema li ul a.active { background-position: -25px -80px; }
#navbar #l-nav.festivals li ul a.active { background-position: -25px -97px; }
#navbar #l-nav.global li ul a.active { background-position: -25px -114px; }


#navbar #searchevents { margin-bottom: 10px; background: #FFF; padding-bottom: 10px; }
#navbar #searchevents h2 { margin-bottom: 10px; }
#navbar #searchevents select { width: 175px; margin: 0 10px 5px; height: 22px; border: 1px solid #F2F4F2; }

#navbar #featuredlinks { margin-bottom: 10px; padding-bottom: 10px; background: #FFF; }
#navbar #featuredlinks ul { padding: 5px 0 0 15px; }
#navbar #topics { margin-bottom: 10px; padding-bottom: 10px; background: #FFF; }
#navbar #topics ul { padding: 5px 0 0 15px; }
#navbar #partners { background: #FFF; margin-bottom: 10px; padding-bottom: 5px; overflow: hidden; }
#navbar #partners img { margin: 5px 10px; height: 120px; }
#content { float: right; width: 769px; margin: 0 10px 90px 0; overflow: hidden; }
#footer { width: 974px; height: 161px; clear: both; border-top: 1px solid #C5C5C5; margin: 0 0 0 10px; position: relative; overflow: hidden; }
#footer #ft-tools { width: 100%; height: 18px; position: absolute; top: -21px; left: 0; }
#footer #ft-tools ul { margin-left: 574px; margin-top: 2px; }
#footer #ft-tools ul li { width: 93px; float: left; display: block; padding-left: 20px; margin-right: 10px; }
#footer #ft-tools ul li.last { margin-right: 0; }
#footer #ft-tools .facebook { background: url(../assets/icn_facebook.png) no-repeat; }
#footer #ft-tools .twitter { background: url(../assets/icn_twitter.png) no-repeat; }
#footer #ft-tools .rss { background: url(../assets/icn_rss.png) no-repeat; }
#footer .elculture { width: 194px; height: 37px; position: absolute; top: 28px; left: 21px; background: url(../assets/elclogo.png) no-repeat; }
#footer #ft-links { position: absolute; width: 400px; top: 28px; left: 574px; }
#footer #ft-links ul { float: left; margin-right: 10px; }
#footer #ft-links ul.last { margin-right: 0; }
#footer p.copy { position: absolute; left: 779px; top: 126px; }
/* GRID */
.grid2 { width: 72px; }
.grid3 { width: 113px; }
.grid35 { width: 133px; }
.grid4 { width: 154px; }
.grid45 { width: 174px; }
.grid5 { width: 195px; }
.grid55 { width: 215px; }
.grid6 { width: 236px; }
.grid65 { width: 256px; }
.grid7 { width: 277px; }
.grid75 { width: 297px; }
.grid8 { width: 318px; }
.grid9 { width: 359px; }
.grid10 { width: 400px; }
.grid11 { width: 441px; }
.grid12 { width: 482px; }
.grid13 { width: 523px; }
.grid14 { width: 564px; }
.grid15 { width: 605px; }
.grid16 { width: 646px; }
/* CAPSULES */
/* cap a */
.capsulea a,
.capsulea input.submit,
.capsulea input.login,
.capsulea input.register { display: block; font: normal 11px Arial, sans-serif; text-align: center; cursor: pointer; padding: 0 7px; margin: 0 5px; height: 14px; background: url(../assets/capsulea_c.png); border: none; }
.capsulea input.submit,
.capsulea input.login,
.capsulea input.register { padding: 0 12px !important; }
.capsulea span a, .capsulea a:hover { color: #000; text-decoration: none; }
.capsulea .cap-l { background: url(../assets/capsulea_l.png) no-repeat left top; float: left; }
.capsulea .cap-r { background: url(../assets/capsulea_r.png) no-repeat right top; float: left; }
/* cap b */
.capsuleb a, .capsuleb span.text { background: #333; font: normal 11px/12px Arial, sans-serif; margin: 0 6px; float: left; height: 13px; width: inherit; color: #FFF; display: block; }
.capsuleb span a, .capsuleb a:hover { font-weight: normal; color: #FFF; text-decoration: none; }
.capsuleb span.cap-l { background: url(../assets/capsuleb_l.png) no-repeat left; float: left; }
.capsuleb span.cap-r { background: url(../assets/capsuleb_r.png) no-repeat right; float: left; }
/* STICKERS */
#elcnewsletter { width: 154px; height: 140px; background: #FFF; float: left; margin-bottom: 10px; }
#elcnewsletter ul { float: left; background: #81A4A6; margin: 5px; padding: 5px; height: 120px; width: 134px; overflow: hidden; }
#elcnewsletter li img { margin: -3px 0 0 -2px; width: 84px; height: 75px; }
#elcnewsletter li.teaser { font: normal 5px/5px Arial, sans-serif; color: #FFF; margin-top: -3px; }
#elcnewsletter input.text { width: 115px; height: 11px; margin-top: 3px; font-size: 9px; padding: 0 0 1px 2px; font: normal 9px Arial, sans-serif; }
#elcnewsletter .capsulea { margin-top: 3px; }
#elcnewsletter .capsulea input.submit { width: 70px; }
#elcnewsletter .capsulea span.cap-l { background: url(../assets/capsulea_newsletter_l.png) no-repeat left top; }
#elcnewsletter .capsulea span.cap-r { background: url(../assets/capsulea_newsletter_r.png) no-repeat right top; }
#freetickets { float: right; width: 154px; height: 140px; margin-bottom: 10px; }

#sidebar #agenda {
	width: 154px;
	height: 105px;
	margin-bottom: 10px;
	background: #FFF;
	position: relative;
}
#sidebar .grid8 #agenda {
	float: left;
}
#sidebar #agenda .cap {
	background: url(../assets/icn_global_icons.png) 0 -116px;
	width: 38px;
	height: 39px;
	position: absolute;
	left: 10px;
	top: 10px;
}
#sidebar #agenda .overlay {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 3;
}
#sidebar #agenda h2 {
	padding: 10px 10px 0;
}
#sidebar #agenda h2 a {
	display: block;
	position: absolute;
	z-index: 4;
	right: 10px;
	margin-left: 60px;
	background: url(../assets/icn_arrow.png) no-repeat 100% 0;
	padding-right: 35px;
	font: bold 11px/13px "Trebuchet MS", Arial, sans-serif;
	color: #000;
}
#sidebar #agenda p {
	margin-top: 40px;
	padding: 10px;
	font: bold 9px/11px "Trebuchet MS", Arial, sans-serif;
}
#sidebar #agenda p span {
	color: #81A4A6;
}



#sidebar #twitter {
	width: 154px;
	height: 105px;
	margin-bottom: 10px;
	background: #65A6DB;
	position: relative;
}
#sidebar .grid8 #twitter {
	float: right;
}
#sidebar #twitter .cap {
	background: url(../assets/icn_global_icons.png) 0 -46px;
	width: 58px;
	height: 38px;
	position: absolute;
	left: 10px;
	top: 10px;
}
#sidebar #twitter p {
	padding: 55px 10px 0;
	font: normal 11px/13px "Trebuchet MS", Arial, sans-serif;
	color: #FFF;
}
#sidebar #twitter a {
	font-weight: bold;
	color: #FFF;
}



/* BASE CLASSES */
.clear { clear: both; }
.tbrowse { display: none; }
.doctools {
	padding: 5px 10px;
	border-top: 1px solid #F3F3F3;
	margin-top: 28px;
}
#centralviewer .doctools {
	margin-top: 0;
}
.share, .email, .print, .comments {
	background: url(../assets/icn_global_icons.png) no-repeat;
	width: 18px;
	height: 16px;
	padding-left: 25px;
	padding-bottom: 2px;
	margin-right: 20px;
}
.share {
	background-position: -70px -2px;
}
.email {
	background-position: -70px -26px;
}
.print {
	background-position: -70px -50px;
}
.sidetools .print,
.sidetools .rating {
	margin-right: 0;
}
.comments {
	background-position: -70px -74px;
}
#popularbrowser .comments,
#popularitems .comments,
#elctvindex .comments {
	padding-left: 18px;
}
#eventsindex .comments {
	margin-right: 0;
}
.rating span.null,
.rating span.half,
.rating span.full {
	background: url(../assets/icn_rating_bullets.png);
	width: 10px;
	height: 12px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: bottom;
}
.rating span.null {
	background-position: 0 0;
}
.rating span.half {
	background-position: 0 48px;
}
.rating span.full {
	background-position: 0 29px;
}
.rating a {
	padding-left: 5px;
}


/* sidetools */
.sidetools {
	margin-bottom: 10px;
	background: #FFF;
}
.sidetools ul {
	padding: 10px 10px 8px;
	clear: both;
	float: left;
}
.sidetools ul.first {
	padding-bottom: 0;
}
.sidetools ul li {
	margin-right: 55px;
}
.sidetools ul.first li {
	margin-right: 35px;
}
.sidetools li {
	float: left;
	white-space: nowrap;
}
.j-nav {
	float: left;
	width: 95%;
	padding: 10px !important;
	min-height: 0 !important;
}
.j-nav li {
	float: left;
}
.j-nav li span {
	padding: 0 5px;
}
#popularbrowser .j-nav {
	margin: 0;
}
.pagecontrols {
	padding: 0 10px;
	clear: both;
	margin: 0 !important;
}
#eventsindex .pagecontrols,
#finderindex .pagecontrols,
#eventscalendar .pagecontrols {
	border-top: 1px solid #F3F3F3;
}
.pagecontrols li {
	padding: 5px 0;
}
.pagecontrols li.first {
	float: left;
	padding-left: 20px;
	background: url(../assets/icn_index_arrow_prev.png) no-repeat left center;
}
.pagecontrols li.last {
	float: right;
	padding-right: 20px;
	background: url(../assets/icn_index_arrow_next.png) no-repeat right center;
}
.pages {
	width: 141px;
	margin: 5px 0 0 150px !important;
	text-align: center;
	min-height: 20px;
}
.pages li a {
	display: inline;
	margin: 0 2px;
}
#elctvindex .pages {
	margin-left: 232px !important;
}
#articles.index .pages {
	width: 120px;
	margin-left: 140px !important;
}
.more {
	padding: 2px 10px 21px;
	margin-bottom: 10px;
}
.c-box .more,
.otherstories .more {
	padding: 0;
	margin: 0;
}
#eventsindex .more {
	margin-bottom: 0;
}
.more li.first {
	float: left;
	width: auto;
	padding-left: 20px;
	background: url(../assets/icn_index_arrow_prev.png) no-repeat left center;
}
.more li.last {
	float: right;
	width: auto;
	padding-right: 20px;
	background: url(../assets/icn_index_arrow_next.png) no-repeat right center;
}







/* c-boxes */
.c-box { background: #FFF; margin-bottom: 10px; width: 100%; clear: both; overflow: hidden; position: relative; }
.c-box h2 { padding: 5px 10px; }
.c-box.elcmedia h2 { background: #ED5324; }
.c-box.theatre h2 { background: #BD4434; }
.c-box.music h2 { background: #006392; }
.c-box.festivals h2 { background: #3A9ED9; }
.c-box.cinema h2 { background: #557D4D; }
.c-box.exhibitions h2 { background: #F06EAA; }
.c-box.global h2 { background: #81A4A6; }
.c-box .item {
	border-bottom: 1px solid #F3F3F3;
	padding: 10px;
	clear: both;
	position: relative;
}
#latestarticles.c-box .item .cap {
	background: url(../assets/icn_global_icons.png) 0 -160px;
	position: absolute;
	left: 25px;
	bottom: -8px;
	z-index: 2;
	width: 12px;
	height: 12px;
}
.c-box .item.last {
	border: none;
}
.c-box .more {
	margin-bottom: 0 !important;
	margin-top: 14px;
}
.c-box .subhead {
	padding: 5px 10px;
	background: #F3F3F3;
}
#navbar .item img {
	width: 175px;
	height: 89px;
}
.c-box .item .date,
.c-box .item .datevenue {
	margin-top: 7px;
}
.c-box.arrows .item.first {
	min-height: 88px;
}
.c-box.arrows .item.first img {
	float: left;
	margin: 0 10px 10px 0;
	width: 82px;
	height: 88px;
}
.c-box.arrows .item h3 a {
	padding-right: 35px;
	padding-bottom: 2px;
	background: url(../assets/icn_arrow.png) no-repeat right top;
	display: block;
}
.c-box.arrows .item .subtitle {
	padding-right: 35px;
}
.c-box.arrows .item .rating {
	margin-top: 7px;
}
.c-box.arrows .item .rating .comments {
	margin-right: 20px;
	padding-bottom: 2px;
}
.c-box.featured img {
	width: 123px;
	height: 63px;
	float: left;
}
.c-box.featured ul {
	margin-left: 133px;
	min-height: 63px;
}
#homecontent .c-box ul h3 {
	margin-bottom: 7px;
}
#categories.c-box {
	width: 277px;
}
#cinema.c-box .item,
#popularbrowser.c-box .item {
	border: none;
}















/* FULL STORY RATING COMPONENT */
#rating {
	padding: 21px 10px 14px;
	border-top: 1px solid #F3F3F3;
	min-height: 30px;
	background: #FFF;
}
#rating ul {
	height: 70px;
	margin: 35px 0 5px;
	position: relative;
}
#rating ul li {
	width: 31px;
	background: url(../assets/rating_block.png) repeat-y;
}
#rating ul li.lowest {
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#rating ul li.low {
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 61px;
}
#rating ul li.mid {
	height: 5px;
	position: absolute;
	bottom: 0;
	left: 121px;
}
#rating ul li.high {
	height: 65px;
	position: absolute;
	bottom: 0;
	left: 181px;
}
#rating ul li.highest {
	height: 40px;
	margin-right: 0;
	position: absolute;
	bottom: 0;
	left: 241px;
}
#rating ul li.total {
	height: 50px;
	position: absolute;
	bottom: 0;
	left: 301px;
}
.elcmedia #rating ul li.total {
	background: #ED5324;
}
.theatre #rating ul li.total {
	background: #BD4434;
}
.music #rating ul li.total {
	background: #006392;
}
.exhibitions #rating ul li.total {
	background: #F06EAA;
}
.festivals #rating ul li.total {
	background: #3A9ED9;
}
.cinema #rating ul li.total {
	background: #557D4D;
}
.global #rating ul li.total {
	background: #81A4A6;
}
#rating ul li .rating {
	position: absolute;
	bottom: 75px;
	width: 100%;
	text-align: center;
}
#rating ul li .votes {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}





#usercomments {
	border-top: 10px solid #333;
	padding: 14px 10px;
}
#elctvstory #usercomments {
	background: #FFF;
	border: none;
}
#usercomments h3 {
	margin-bottom: 7px;
}
#usercomments ul {
	margin-bottom: 14px;
}
#usercomments li {
	clear: both;
}
#usercomments li.stamp {
	float: right;
}
#usercomments .user {
	margin-right: 10px;
}
#usercomments .viewall {
	padding-bottom: 21px;
}
#usercomments .allcomments {
	display: none;
}
#opinion {
	padding: 21px 10px 14px;
	border-top: 1px solid #F3F3F3;
	border-bottom: 1px solid #F3F3F3;
	background: #FFF;
}
#opinion p {
	padding: 7px 0;
}
#opinion textarea {
	width: 415px;
	height: 90px;
	border: 1px solid #000;
}
#elctvstory #opinion textarea,
#articles #opinion textarea {
	width: 375px;
}
#opinion ul li {
	float: left;
	margin-right: 10px;
}
#opinion li.rating span {
	cursor: pointer;
}
#opinion li.rating span.reset {
	background: url(../assets/icn_rating_bullets.png) 0 10px;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	margin-bottom: 2px;
	display: inline-block;
}
#opinion p.capsulea {
	margin-bottom: 14px;
	clear: both;
}

