html				{ font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body				{ margin: 0; line-height: 20px; text-align: center; }
body,
button,
input,
select,
textarea			{ font: 14px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #222; -webkit-font-smoothing: antialiased; }
a,
a:visited 			{ text-decoration: none; color: #009fc6; }
a:hover 			{ text-decoration: underline; }
a:active			{ color: #007998; }
b,strong			{ font-weight: bold; }
h2					{ font-size: 22px; line-height: 30px; font-weight: bold; margin: 20px 0; }
p					{ font-size: 14px; line-height: 20px; margin-bottom: 14px; }



/*	CONTAINER 
———————————————————————————————————————————————*/

#band				{ background: #c5b136; width: 100%; height: 3px; display: block;
					  background: -moz-linear-gradient(left,  #c5b136 0%, #f7e061 35%, #74681e 65%, #c5b136 100%);
					  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c5b136), color-stop(35%,#f7e061), color-stop(65%,#74681e), color-stop(100%,#c5b136));
					  background: -webkit-linear-gradient(left,  #c5b136 0%,#f7e061 35%,#74681e 65%,#c5b136 100%);
					  background: -o-linear-gradient(left,  #c5b136 0%,#f7e061 35%,#74681e 65%,#c5b136 100%);
					  background: -ms-linear-gradient(left,  #c5b136 0%,#f7e061 35%,#74681e 65%,#c5b136 100%);
					  background: linear-gradient(left,  #c5b136 0%,#f7e061 35%,#74681e 65%,#c5b136 100%);
					  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5b136', endColorstr='#c5b136',GradientType=1 ); }
#header				{ position: relative; width: 940px; margin: 30px auto 50px auto; padding: 0; text-align: left; clear: both; overflow: hidden; }
#content			{ /*position: relative;*/ width: 940px; margin: 0 auto; padding: 0; text-align: left; clear: both; }
#footer				{ position: relative; width: 940px; margin: 100px auto 200px auto; padding: 0; text-align: left; clear: both; overflow: hidden; border-top: 1px solid #eee; font-size: 11px; color: #999; padding: 10px 0;  }




/*	CONTENT 
———————————————————————————————————————————————*/
img.logo {
    height: 120px;
}
ul.menu				{ font-size: 28px; margin: 25px 0 0 0; font-weight: 300; line-height: 40px; }
.menu a:link,
.menu a:visited		{ color: #999; }
.menu a:hover		{ color: #333; text-decoration: none; }
.menu a.active		{ color: #333 !important; }


.sign-in			{ margin: 40px; }
.authbox			{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
					  -webkit-box-shadow: 0px 15px 50px 0px #ccc; -moz-box-shadow: 0px 15px 50px 0px #ccc; box-shadow: 0px 15px 50px 0px #ccc;
					  margin: 0 0 50px 0; }


a.blurry,
a.blurry:active,
a.blurry:visited	{ opacity: 0.7; filter: alpha(opacity=70); }
a.blurry:hover		{ opacity: 1.0; filter: alpha(opacity=100); text-decoration: none; }
a.blurry			{ padding: 30px 0 0 0; display: block; text-align: center; }


.buttonrow			{ padding: 20px 0 0 0; }
.author-name		{ width: 140px !important; float:left; }
.imgbtn				{ margin: 5px 0 5px 9px; float:left; }
.imgbtn.disabled,
.imgbtn.disabled:hover { opacity: 0.4; filter: alpha(opacity=40); }
.imgbtn:hover		{ opacity: 0.8; filter: alpha(opacity=80);  }
.imgbtn:active		{ opacity: 1.0; filter: alpha(opacity=100);  }


.message			{ width: 100%; min-height: 40px; line-height: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 15px 0 0; display: block; }
.message p			{ padding: 10px 14px; }
.message img		{ opacity: 0.8; filter: alpha(opacity=80); float: right; padding: 14px; display: block; }
.message img:hover	{ opacity: 0.5; filter: alpha(opacity=50); }
.message img:active	{ opacity: 1.0; filter: alpha(opacity=100); }
.message.negative	{ background: #f0f062; }
.message.neutral	{ background: #e8e8e8; }
.message.positive	{ background: #cce57f; }


.exception			{ width: 420px !important; margin-right: 50px !important; }

.works				{ border-bottom: 1px solid #dedede; }
.works li			{ border-top: 1px solid #dedede; display: block; padding: 7px 0; }
.works h3			{ font-size: 14px; font-weight: bold;  }
.works span			{ font-size: 11px; color: #999; }
.works span.code	{ font-size: 12px; color: #000; }
.works img			{ float: right; margin: 7px 0 0 0; }
.works a,
.works a:visited	{ text-decoration: none; color: #222; }
.works li:hover		{ opacity: 0.7; filter: alpha(opacity=70); }
.works li:active	{ opacity: 1.0; filter: alpha(opacity=100); }
.works .warning		{ color: #CC0000; font-weight: bold; float: right; margin: 7px 0 0 0; width: 14px; font-size: 16px;}
.works .notice		{ color: #660000; font-weight: bold; float: right; margin: 7px 0 0 0; width: 14px; font-size: 16px;}

/* series */
.works li.inseries { background-color: #FAFAFA; }
.seriesbox {border-left: 3px solid #CCC;
/*border-bottom: 3px solid #CCC;*/
padding-left: 10px;}


.submit				{ border-top: 1px solid #eeeeee; margin: 20px 0 0 0; padding: 20px 0 30px 0; }


input[type="text"].filterinput	{ -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; border: 1px solid #dedede;
								  font: 11px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
								  padding: 4px 10px; float: right; margin: 3px 0 0; width: 140px; }


.fileinput-button			{ border: 1px solid #dedede; width: 100%; display: block; text-align: center; background: url(../gfx/ico-upload.png) no-repeat 140px 20px !important; }
.fileinput-button-label		{ display: block; margin: 42px 0; margin-left: 70px; font-size: 20px; font-weight: bold; color: #d9d9d9; }
.fileinput-button input		{ -moz-transform: translate(-300px, 0pt) scale(8) !important; left: -340px;}
.fileinput-button:hover		{ opacity: 0.7; filter: alpha(opacity=70); }
.fileinput-button:active	{ opacity: 1.0; filter: alpha(opacity=100); }

.hidden {display: none;}
/* files */
.entry_file div.title, .entry_file div.size, .entry_file div.delete, .entry_file div.handle, .entry_files div.pic {
	float: left;
}
.entry_file {
	clear: both;
}

.entry_file .title {
	width: 200px;
	padding-left: 2px;
}

.entry_file .pic {
	width: 110px;
	text-align: center;
}

.entry_file .size {
	width: 60px;
}

.entry_file .screenshot { clear: both; padding-left: 20px; font-size: 10px; }

.entry_file, .ui-state-highlight { height: 110px; line-height: 1.2em; }


.datagrid td {
	padding: 3px;
}
/* admin */
.admin_menu li {float: left; padding-left: 10px; }

/* jury */
div.jury h2 {
}

div.jury div.date {
	font-size: 10px;
	margin-top: -20px;
	margin-bottom: 10px;
}

div.jury li.head {
	font-style: italic;
}

/* news */
div.news div.lead { font-weight: bold; }
div.news div.date { font-weight: bold; color: #333; font-size: 11px; padding-bottom: 10px;}
div.news div.pic img { text-align: center; margin: auto; display: block; padding-bottom: 10px;}
div.news p { text-align: justify; }
div.news div.pic { padding-top: 20px; padding-bottom: 20px; }
div.news ul span.title { width: 100px; min-height: 1px; display: block; float: left; }
div.news ul span.name { width: 120px; min-height: 1px; display: block; float: left; }
div.news ul li { clear: both; padding-left: 10px;}
/*	BUTTONS 
———————————————————————————————————————————————*/

.fileinput-button { cursor: pointer !important; }

a.button,
/*.fileinput-button,*/
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	padding: 5px 20px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 10px;
	line-height: 20px;
	}

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover { opacity: 0.8; }

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center; }

.button.primary,
button.primary,
input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary {
	border: 0;
	background: #00aeda;
	background: #00aeda -moz-linear-gradient(top, #00aeda 0%, #0098be 100%);
	background: #00aeda -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aeda), color-stop(100%,#0098be));
	background: #00aeda -webkit-linear-gradient(top, #00aeda 0%, #0098be 100%);
	background: #00aeda -o-linear-gradient(top, #00aeda 0%, #0098be 100%);
	background: #00aeda -ms-linear-gradient(top, #00aeda 0%, #0098be 100%);
	background: #00aeda linear-gradient(top, #00aeda 0%, #0098be 100%);
	color: #fff; }

.button.primary:active,
button.primary:active,
input[type="submit"].primary:active,
input[type="reset"].primary:active,
input[type="button"].primary:active { background: #0088ab; }

.button.secondary,
button.secondary,
/* file upload */
.fileinput-button,
button.btn-primary,
button.btn-warning,
button.btn-danger,
/* /file upload */
input[type="submit"].secondary,
input[type="reset"].secondary,
input[type="button"].secondary {
	background: #fff;
	border: 1px solid #dedede;
	color: #666; }

.button.secondary:active,
button.secondary:active,
input[type="submit"].secondary:active,
input[type="reset"].secondary:active,
input[type="button"].secondary:active { color: #222; }

.button.omega, button.omega { float: right; } /* lükka nupp paremale */

.files .progress {
	width: 30px !important;
}

.files td.start {
	display: none;
	width: 0px;
}

.files td {
	vertical-align: middle;
}
/*	FORMS 
———————————————————————————————————————————————*/

form { margin-bottom: 20px; }
fieldset { margin-bottom: 20px; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select {
	-webkit-box-shadow: inset 0px 2px 6px 0px rgba(204, 204, 204, 0.3); -moz-box-shadow: inset 0px 2px 6px 0px rgba(204, 204, 204, 0.3); box-shadow: inset 0px 2px 6px 0px rgba(204, 204, 204, 0.3);
	border: 1px solid #dedede;
	padding: 6px 10px;
	outline: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 14px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #777;
	margin: 0;
	width: 200px;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #fff; }
select { padding: 0; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
	border: 1px solid rgba(0,174,218,.5);
	color: #444;
	-moz-box-shadow: 0 0 5px rgba(0,174,218,.5);
	-webkit-box-shadow: 0 0 5px rgba(0,174,218,.5);
	box-shadow:  0 0 5px rgba(0,174,218,.5); }
input[type="text"].error,
input[type="password"].error,
input[type="email"].error,
input[type="tel"].error,
textarea.error {
	border: 1px solid rgba(255,0,0,.5);
	color: #444;
	-moz-box-shadow: 0 0 5px rgba(255,0,0,.5);
	-webkit-box-shadow: 0 0 5px rgba(255,0,0,.5);
	box-shadow:  0 0 5px rgba(255,0,0,.5); }
textarea { width: 440px !important; }
label,
legend {
	display: block;
	font-weight: bold;
	color: #888;
	font-size: 14px;
	margin: 10px 0; }
select { width: 220px; }
input[type="checkbox"] { display: inline; }
label span,
legend span {
	font-weight: normal;
	font-size: 14px;
	color: #444; }


/* custom dropdown control */
.selectBox-dropdown {
	background: #ededed;
	background: -moz-linear-gradient(top, #fff 1%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fff), color-stop(100%, #ededed));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	display: inline-block;
	cursor: default;
	min-width: 75px;
	position: relative;
	border: 1px solid #dedede;
	height: 29px;
	text-decoration: none;
	color: #000;
	outline: none;
	vertical-align: middle;
	margin: 0 0 10px 0; }

.selectBox-dropdown:focus {
	border: 1px solid rgba(0,174,218,.5);
	color: #444;
	-moz-box-shadow: 0 0 5px rgba(0,174,218,.5);
	-webkit-box-shadow: 0 0 5px rgba(0,174,218,.5);
	box-shadow:  0 0 5px rgba(0,174,218,.5); }

.selectBox-dropdown.selectBox-menuShowing {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0; }

.selectBox-dropdown .selectBox-label { padding: 5px 10px; display: inline-block; white-space: nowrap; overflow: hidden; }
.selectBox-dropdown .selectBox-arrow { position: absolute; top: 0; right: 0; width: 23px; height: 100%; background: url(../gfx/select-arrow.png) 50% center no-repeat; }


/* dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	text-align: left;
	max-height: 300px;
	border: solid 1px #dedede;
	background: #FFF;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	overflow: auto;
	padding: 5px 0 !important; }


/* dropdown inline control */
.selectBox-inline { min-width: 75px; outline: none; border: solid 1px #BBB; background: #FFF; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: auto; }
.selectBox-inline:focus { border-color: #666; }


/* dropdown options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A { list-style: none; display: block; cursor: default; padding: 0; margin: 0; }
.selectBox-options LI A { line-height: 1.5; color: #666; padding: 0 10px; white-space: nowrap; overflow: hidden; background: 6px center no-repeat; }
.selectBox-options LI A:hover { text-decoration: none; } 
.selectBox-options LI.selectBox-hover A { background-color: #EEE; }
.selectBox-options LI.selectBox-disabled A { color: #888; background-color: transparent; }
.selectBox-options LI.selectBox-selected A { background-color: #C8DEF4; }
.selectBox-options .selectBox-optgroup { color: #111; background: transparent; font-weight: bold; line-height: 1.5; padding: 0 10px; white-space: nowrap; }

/* dropdown disabled state */
.selectBox.selectBox-disabled { color: #888 !important; }
.selectBox-dropdown.selectBox-disabled .selectBox-arrow { opacity: .5; filter: alpha(opacity=50); border-color: #666; }
.selectBox-inline.selectBox-disabled { color: #888 !important; }
.selectBox-inline.selectBox-disabled .selectBox-options A { background-color: transparent !important; }




/*	GRID 
———————————————————————————————————————————————*/

.column, .columns				{ float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row							{ margin-bottom: 20px; }

.column.alpha, .columns.alpha	{ margin-left: 0; }
.column.omega, .columns.omega	{ margin-right: 0; }

.one.column			{ width: 60px;  }
.two.columns		{ width: 140px; }
#header .two.columns		{ width: 200px; }
.three.columns		{ width: 200px; }
.four.columns		{ width: 300px; }
.five.columns		{ width: 380px; }
.six.columns		{ width: 460px; }
.seven.columns		{ width: 540px; }
.eight.columns		{ width: 620px; }
.nine.columns		{ width: 700px; }
.ten.columns		{ width: 780px; }
.eleven.columns		{ width: 860px; }
.twelve.columns		{ width: 940px; }
 
.one-third.column	{ width: 300px; }
.two-thirds.column	{ width: 620px; }

.offset-by-one		{ margin-left: 80px;  }
.offset-by-two		{ margin-left: 160px; }
.offset-by-three	{ margin-left: 240px; }
.offset-by-four		{ margin-left: 320px; }
.offset-by-five		{ margin-left: 400px; }
.offset-by-six		{ margin-left: 480px; }
.offset-by-seven	{ margin-left: 560px; }
.offset-by-eight	{ margin-left: 640px; }
.offset-by-nine		{ margin-left: 720px; }
.offset-by-ten		{ margin-left: 800px; }
.offset-by-eleven	{ margin-left: 880px; }
	
	
	
	

/*	CLEARING 
———————————————————————————————————————————————*/

/* simple */
.cf { clear: both; overflow: hidden; }

/* self clearing goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* use clearfix class on parent to clear nested columns or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after,
.clearfix:after { clear: both; }
.row,
.clearfix { zoom: 1; }

/* can also use a <br class="clear" /> to clear */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.menu a.buy_ticket,a.buy_ticket {
    background-color: #EA3232;
    color: #fff;
    padding: 5px 15px;
    margin-top: 75px;
    display: inline-block;
    font-size: 20px;
}
a.buy_ticket{
	margin-top: 0;
	line-height: 40px;
}
.menu a.buy_ticket:hover, a.buy_ticket:hover {
	background-color: #E50000;
	text-decoration: none;
}
.news .newitem ul {
    list-style-type: disc;
    padding-left: 20px;
    padding: 5px 0 5px 20px;
}