/**************************************
 * Reset
 * 
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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%;
    vertical-align: baseline;
    background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/************************************
 * Basic elements
 *
 */

html, body { height: 100%; max-height: 100%; }

body {
    background: #411100 url('images/bg-body.jpg') repeat bottom left;
	font: normal 72.5%/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000; text-align: center;
}


/************************************
 * Styles
 *
 */

.centered { text-align: center; }

/************************************
 * Basic elements
 *
 */

p { text-align: justify; }
a {	text-decoration: none; color: #b71e2d; }

a:focus { outline: none; }
a:visited { color: #544; }
a:hover, a:active { color: #e72e41; text-decoration: underline; }

img { border: 0; }

h1, h2, h3 { margin: 0 0 1.2em 0; padding: 0; text-align: left; font-weight: bold; line-height: normal; }

h1 { font-size: 170%; }
h2 { font-size: 130%; }
h2 img { vertical-align: top; margin-left: 1em; }
h3 { font-size: 110%; margin-bottom: 0.2em; }

address { }
address a:link, address a:visited, address a:active { }
address a:hover { }

sub { vertical-align: baseline; position: relative; bottom: -0.25em; font-size: smaller; }
sup { vertical-align: baseline; position: relative; bottom: 0.33em; font-size: smaller; }

.content ul { list-style-image: url('images/list-star.gif'); margin: 0 0 1.4em 0; padding: 0; }
li { margin-left: 24px; }

/************************************
 * Layout
 *
 */

#page { 
    margin: 0 auto; text-align: left; position: relative;
	width: 950px; min-width: 950px; height: 100%; clear: both;  
}

#content-header {
	margin: 0; padding: 0;
	position: relative; clear: both;
	height: 180px;
}
#header-info { line-height: 1.1; color: #e2cdc9; position: absolute; top: 48px; left: 30px; width: 270px; height: 135px; }
#header-info h4 { font-size: 36px; text-transform: uppercase; padding-left: 8px; }
.header-info-open { font-size: 24px; text-transform: uppercase; padding-left: 32px;  }
.header-info-kitchen { font-size: 20px; text-transform: uppercase; padding-left: 32px;  }
.header-info-phone { font-size: 20px; padding-left: 32px;  }

.cufon-active #header-info { line-height: 0.8; top: 36px; } 
.cufon-active #header-info h4 { font-size: 56px; }
.cufon-active .header-info-open { font-size: 30px; }
.cufon-active .header-info-kitchen { font-size: 24px; }
.cufon-active .header-info-phone { font-size: 24px; }
#header-logo {position: absolute; left: 319px; bottom: 0; }
#navigation { clear: both; padding-top: 8px;  }
#navigation div { position: relative; }

#subnavigation { position: relative; height: 2em; clear: both; padding: 0.2em 0 12px 0; }
.container {
	background: #710a00 url('images/bg-box-red.jpg') repeat center top;
	margin: 0 auto; padding: 0;
	width: 950px;
	clear: both;
}

.inner-container { padding: 20px 30px 30px 30px; clear: both; position: relative; }

.main { float: right; width: 600px;   }
.main-bottom { display: none;  }
.sidebar { float: left; width: 270px; padding-bottom: 200px; background: url('images/bg-sidebar.png') no-repeat center bottom; }
.content {
	margin: 0px auto;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding: 0 30px 72px 30px;
	clear: both; 
	background: white url('images/bg-box-white.jpg') repeat left top;
	position: relative; 
}
.content-bottom {
	background: transparent url('images/bg-content-bottom.png') no-repeat top left;
	height: 42px;
	clear: both;
	padding-bottom: 60px;
}

.content-footer { padding: 16px 0 4px; clear: both; height: 50px; position: absolute; bottom: 0px; width: 540px; }
.content .content-footer img { margin: 0; }
.content-footer .facebook-link { float: left; margin-right: 10px; }
.content-footer .facebook-like { padding-top: 4px; float: left; margin-right: 10px; }
.content-footer .twitter-tweet { padding-top: 4px; float: left;  }
.content-footer .rss-link { float: right; margin-left: 10px;  }
.anniversary { text-align: center; margin-top: 20px; }

#footer {
	background: transparent url('images/footer-crowd.png') no-repeat bottom left;
	bottom: 0;
	left: 0;
	height: 136px;
	clear: both;
	width: 100%;
	text-align: left;
	display: none;
}

html>body #footer {
	position: fixed;
	bottom: 0;
	z-index: 10; /* Prevent certain problems with form controls */
}

/***************************************
 *  Navigation
 * 
 */

#navigation ul, #subnavigation ul {
    list-style-image: none; list-style-type: none;
    margin: 0 auto 6px auto; padding: 0;
    text-align: center;
    position: relative;
    display: block;
    height: 2em;
}

#navigation ul li, #subnavigation ul li {
    margin: 0;
    padding: 0;
    display: inline;
    position: relative;
}

#navigation ul li a, #subnavigation ul li a {
    color: #000000;
    font: normal 130% "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 0 0.1em;
    margin: 0 12px 0 0;
    width: auto;
    text-decoration: none;
    line-height: 30px;
    z-index: 8;
}

#subnavigation ul li a {
    font: normal 110% "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 0 0.4em;
    padding: 0 0.1em;
    line-height: 2em;
}

#navigation ul li.last a, #subnavigation ul li.last a {
    margin-right: 0;
}
#navigation ul li a:hover,
#navigation ul li.active a,
#subnavigation ul li a:hover,
#subnavigation ul li.active a {
    text-decoration: none;
    color: #444444;
}


#navigation ul li.active a,
#subnavigation ul li.active a {
    text-transform: uppercase;
    color: #000000; 
}
#navigation ul li a:active,
#subnavigation ul li a:active {
    text-decoration: none;
}



/************************************ 
 * Forms
 *
 */
	
form { display: inline; }
label { margin: 0.6em 0 0.2em 0; display: block; }
span.required { color: #f00; }
input, textarea { font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif; width: auto; }
input.inputField { display: block; margin: 0.2em 0 1em 0; width: 18em; }
input.button { background-color: #f7f7f7; }
select { margin: 0 0 0.4em 0; }
input.hidden { display: none; }
input#aihe, textarea#viesti { width: 400px; }
input#mailingListEmail { width: 150px; margin: 0; float: left; }
input#mailingListSubmit { width: 16px; float: left; margin-left: 4px; margin-top: 3px; }

/************************************ 
 * Finetuned specific elements
 *
 */

.col1 h1 {
	color: white;
	text-align: center;
	padding: 0.4em 0.5em;
	margin-bottom: 0.8em;
	background: #411111 url('images/h1-background.jpg') repeat-x top left;
	border-bottom: 1px solid #333;
}

.content h2, 
.content h3 {
	padding: 0 0.6em 0 0; margin: 1em 0 0.4em 0;
}

.content p { margin: 0 0 1.4em 0; }
.content p.marginless { margin: 0; }
.content img { margin: 0.2em 1em 1em 0; }
.content table { border-collapse: collapse; }
.content th { text-align: left; font-weight: normal; }
.content td { vertical-align: top; padding: 1px; text-align: left; }
.content td p { margin: 0; padding: 0; }

.box-content ul { list-style-type: none; margin: 0; padding: 0; }
.content ul { padding-right: 1em; }
.box-content p a#toggleCrowd, 
.box-content p a#toggleCrowdEng { cursor: pointer; text-decoration: none; }
.box-content p a#toggleCrowd img { margin-bottom: 0.4em; }

/************************************ 
 * Sidebar boxes
 *
 */

.box { 
    background: #666666 url('images/bg-box-gray.jpg') repeat center center; 
    width: 100%; clear: both; margin-bottom: 20px; padding-bottom: 4px; 
}
.box-heading { 
    color: #d0d0d0; font-weight: normal; padding: 8px 12px 0 12px;
    font-size: 22px; text-transform: uppercase; line-height: 1.1;
}
.box h2 { margin-bottom: 0; line-height: 1em;  }
.box-content {
	display: block; 
	min-height: 2em; height: auto !important; height: 2em;
	padding: 8px 12px 4px; color: #ffffff; color: #d0d0d0; 
}

.cufon-active .box-content { padding-top: 2px; }
.box-footer { }
.box a { color: #ffcc00; font-weight: bold;  }

p.read-more { margin-top: 10px; }
/************************************ 
 * News
 *
 */

div.shortNewsEntry { }
dl.news dt {
	float: left; width: 28%;
	margin-right: 1%; padding: 0;
	text-align: left;
}
dl.news dd {
	float: right; width: 70%;
	margin: 0; padding: 0;
}

.content table { margin: 0 0 1.4em 0; border-collapse: collapse; }
.content table.news { width: 540px; } 
.content table.news td { padding: 0.1em 8px 0.1em 0px; line-height: 1.3em; }
.content table.news td.date { text-align: right; padding-right: 8px; width: 6em; white-space: nowrap; }
.content table.news td.title { }

/************************************ 
 * Events
 *
 */

h1.program { text-align: center; }
dl {
	display: block; width: 100%; clear: both;
	margin: 0; padding: 2px 0;
}

dt {
	float: left; width: 28%;
	margin-right: 1%; padding: 0;
	text-align: right;
}
dd {
    float: right; width: 70%;
	margin: 0; padding: 0;
}

.content table { margin: 0 0 1.4em 0; border-collapse: collapse; }
.content table.program { width: 540px; } 
.content table.program td { padding: 0.1em 8px 0.1em 0px; line-height: 1.3em; }
.content table.program td.odd { background: url('images/bg-program-e7e7e7-30.png') repeat; }
.content table.program td.even { background: url('images/bg-program-a0a0a0-30.png') repeat; }
.content table.program td.date { text-align: right; padding-right: 8px; width: 6em; white-space: nowrap; }
.content table.program td.name { }
.content table.program td.tickets { width: 12em; white-space: nowrap;}
.content table.program td.start { white-space: nowrap; width: 4em; }
.content table.program td.presales {
	margin: 0; padding: 1px;
	border: 0;
	width: 16px;
	text-align: center;
}
span.small { font-size: 10px; color: #666666; }
div.sidebar span.small { font-size: 10px; color: #b0b0b0; }
.content table.program td.presales img {
	margin: 0; padding: 0; border: 0; vertical-align: top;
}

.content p.programInfo { line-height: 1.4em; text-align: center; }
.content p.programInfo img {
	padding: 0.4em 0 0.8em 0;
	border: 0; margin-bottom: 0;
	vertical-align: middle;
}
div.singleEvent { margin-top: 0em; }


/*************************************
 * 
 * Menu
 * 
 */
.content table.menu { width: 540px; } 
.content table.menu td { padding: 0.1em 8px 0.1em 0px; line-height: 1.3em; }
.content table.menu td.odd { background: url('images/bg-program-e7e7e7-30.png') repeat; }
.content table.menu td.even { background: url('images/bg-program-a0a0a0-30.png') repeat; }
.content table.menu td.date { text-align: right; padding-right: 8px; width: 6em; white-space: nowrap; }
.content table.menu td.name { width: 280px; }
.content table.menu td.tickets { width: 8em; }
.content table.menu td.start { white-space: nowrap; width: 4.5em; }

 
/************************************ 
 * Netstore
 *
 */

.content div.product {
	margin: 0 0 1.6em 12px;
	padding: 0 1em 0 0;
	clear: both;
	position: relative;
}

.content div.product span.big {
	font-size: 150%;
	line-height: 200%;
	font-weight: bold;
}

.content div.product p {
	margin: 0 0 0.4em 0;
	padding: 0;
}

.content div.product img {
	background-color: white;
	padding: 10px;
	float: left;
	margin: 0 1.6em 0 0;
	border-right: 1px solid #411111;
	border-bottom: 1px solid #411111;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
}

.content div.product label {
	display: inline;
	padding-top: 0.4em;
}

.content div.product input.image {
	margin-top: 3px;
}


/************************************ 
 * Fixes and special cases
 *
 */

.content-footer:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block;}
/* End hide from IE Mac */

.hidden {
	display: none;
} 
 
 
/************************************
 * Print
 */
 
@media print {


    
}