@import url('/css/common.css');

html, body { margin:0; padding:0; height:100%; background:url('../layout/bg_body.png') repeat-x #000; text-align:center; }

.bg_wrapper { background:url('../layout/bg_etusivu.jpg') no-repeat center top #ff00ff; min-height:100%; height:auto !important; height:100%; position:relative; }
table.wraptable { border-collapse:collapse; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; }
table.wraptable td.topcontent { background:url('../layout/bg_curves.png') no-repeat center bottom; }

table.bg_front { background-image:url('../layout/bg_front.jpg'); }
table.bg_about { background-image:url('../layout/bg_about.jpg'); }
table.bg_rock { background-image:url('../layout/bg_rock.jpg'); }
table.bg_barkitchen { background-image:url('../layout/bg_barkitchen.jpg'); }
table.bg_wall { background-image:url('../layout/bg_wall.jpg'); }
table.bg_junk { background-image:url('../layout/bg_junk.jpg'); }
table.bg_bands { background-image:url('../layout/bg_bands.jpg'); }
table.bg_groupies { background-image:url('../layout/bg_groupies.jpg'); }
table.bg_contact { background-image:url('../layout/bg_contact.jpg'); }

table.wraptable td { padding:0; vertical-align:top; }

table.wraptable td.footer { height:100%; }
.mainwrap { margin:0 auto; width:940px; text-align:left; }

.mainnavigation { padding-top:15px; height:25px; float:right; }
.mainnavigation ul { margin:0; padding:0; list-style:none; }
.mainnavigation ul li { float:left; margin-left:15px; }
.mainnavigation ul li a { color:#33332b; text-decoration:none; font-weight:bold; }
.mainnavigation ul li a.selectednavi { color:#821b19; }

.contentarea { padding-top:230px; padding-bottom:50px; }
.contentarea .box_content { border:20px solid #33332b; opacity:.9; filter:alpha(opacity=90); padding:10px; color:#fff; min-height:250px; height:auto !important; height:250px; }
.contentarea .box1 { background-color:#009ab1; margin-right:20px; width:180px; margin-top:20px; padding:0; }
.contentarea .box2 { background-color:#55ab26; margin-right:20px; width:180px; margin-top:20px; padding:0; }
.contentarea .box3 { background-color:#791951; margin-right:20px; width:180px; margin-top:20px; padding:0; }
.contentarea .box3 .box3_nextevent { text-align:center; }
.contentarea .box3 a { text-decoration:none; color:#fff; }
.contentarea .boxfacebook { width:220px; background-color:#fff; min-height:260px; height:auto !important; height:260px; }

.contentarea .subnavigation { background-color:#821b19; margin-right:20px; width:130px; margin-top:5px; min-height:280px; height:auto !important; height:280px; padding:40px 0 0 30px; }
.contentarea .subnavigation ul { margin:0; padding:0; list-style:none; }
.contentarea .subnavigation ul li { padding:0 0 5px 8px; background:url('../layout/bg_subnavigation.gif') no-repeat 0 6px; }
.contentarea .subnavigation ul a { color:#e8e6c8; text-decoration:none; font-weight:bold; }
.contentarea .subnavigation ul a.selectednavi { color:#d08584; }
.contentarea .subbanner { background-color:#821b19; margin-right:20px; padding:0; width:180px; min-height:320px; height:auto !important; height:320px; margin-top:5px; }
.contentarea .subcontent { background-color:#e8e6c8; color:#33332b; margin-top:5px; min-height:240px; height:auto !important; height:240px; }
.contentarea .subwidecontent { background-color:#e8e6c8; width:680px; color:#33332b; margin-top:5px; min-height:320px; height:auto !important; height:320px; padding:0; }

.footer { background-color:#33332b; }
.footer .contact { font-size:11px; padding:5px 0; color:#000; }
.footer .producer { font-size:10px; color:#1e1e19; text-align:right; padding:5px 0; }

.float_left { float:left; }
.float_right { float:right; }
.clear { clear:both; }

.events_week { padding: 30px 150px 15px 150px; font-size: 16px; font-weight: bold; }
.events_week a { color: #333; font-size: 18px; text-decoration: none; }

.events_table table { width: 100%; border-collapse: collapse; border: 0; }
.events_table table tr.events_weekdays td { width: 14%; text-align: center; }
.events_table table tr.events_list td { padding: 0; border: 1px solid #aaa; height: 200px; }
.events_list_day { text-align: right; font-weight: bold; }

.events_week a, .events_weeknum { display: block; float: left; }
.events_week a { width: 20px; }
.events_weeknum { width: 340px; text-align: center; }

.events_list_dayevents div { padding:5px; overflow:hidden; }

/*Shadow box content*/
.jtr_box_list1, .jtr_box_list2 { background-repeat:no-repeat; padding:160px 150px 50px 150px; height:390px; color:#33332b; }
.jtr_box_list1_content, .jtr_box_list2_content { height:350px; overflow:auto; padding-right:10px; }
.jtr_box_list1 { background-image:url('../layout/bg_menu.jpg'); }
.jtr_box_list2 { background-image:url('../layout/bg_drinks.jpg'); }
.menu_item { margin-top:10px; background:url('../layout/bg_menu_dot.gif') repeat-x 0 10px; }
.menu_category { font-weight:bold; font-size:15px; font-weight:bold; padding:30px 0 10px 0; }
.menu_title, .menu_price { font-weight:bold; font-size:12px; font-weight:bold; background-color:#e8e6c8; }
.menu_title { float:left; padding-right:2px; }
.menu_price { float:right; padding-left:2px; }
.menu_description { clear:both; font-size:11px; }
a.boxbtn_list1, a.boxbtn_list2 { margin:10px 0; display:block; padding:30px 20px; background-color:#f0efdd; font-weight:bold; color:#33332b; text-decoration:none; float:left; width:118px; text-align:center; border:1px solid #ccc; }
a.boxbtn_list1 { margin-right:20px; }
a.boxbtn_list1:hover, a.boxbtn_list2:hover { position:relative; top:1px; left:-1px; background-color:#f0efdd; } 

.addthis_container { padding:5px; text-align:right; width: 130px; margin: 5px 0 5px auto; }

.contentarea .box_content .subcontentwrap { min-height:195px; height:auto !important; height:195px; width:340px; padding:40px; }
.contentarea .subwidecontent .subcontentwrap { width:680px; padding:0; }
.contentarea .subwidecontent .subwidecontentpadding { width:600px; min-height:240px; height:auto !important; height:240px; padding:40px; }