/* -----------------------------------------------------------
 
Project: Foster's Beerplications
Version: 1.0
Created: 16/12/09
Modified:
[Table of contents]
1. Reset
2. Typography
2.1 Headings
2.2 Text elements
2.3 Lists
2.4 Tables
2.5 Forms
3. Structure
3.1 Header
3.2 Navigation
3.3 Content
3.4 Footer
4. Clear floats
----------------------------------------------------------- */
 
/* -----------------------------------------------------------
 
Reset
----------------------------------------------------------- */
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
 
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
 
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
 
 
/* -----------------------------------------------------------
 
Typography
----------------------------------------------------------- */
 
/* Default font settings.
The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
font-size: 62.5%;
color: #fff;
line-height: 1.5;
font-family: Arial, sans-serif;
}
 
 
/* Headings
-------------------------------------------------------------- */
 
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #ffc500; font-family: Arial, sans-serif; }
 
h1 { font-size: 1.5em; line-height: 1; margin-bottom: 0.5em; }
/*h1 { text-transform: uppercase; font-size: 2.4em; line-height: 1; margin-bottom: ; }*/
h2 { font-size: 1.167em; font-weight: bold; margin-bottom: 0.5em; color: #fff; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
 
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

.caps { text-transform: uppercase; font-weight: bold; } 
 
/* Text elements
-------------------------------------------------------------- */
 
p { margin: 0 0 1.5em; font-size: 1em; line-height: 1.2; }
/*p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }*/
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
 
a:focus,
a:hover { text-decoration: underline; }
a { text-transform: uppercase; text-decoration: none; font-weight: bold; color: #ffd900; font-size: 0.857em; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
 
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
 
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

.yellow { font-weight: bold; color: #ffc700; } 
 
/* Lists
-------------------------------------------------------------- */
 
li ul,
li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
 
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
 
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}

#saannot li { margin-bottom: 0.5em; }

.aikataulu { margin: 0; list-style-type: none; }
 
/* Tables
-------------------------------------------------------------- */
 
table { width: 210px; margin-bottom: 15px; padding: 0; background: #4664b1; border: 1px solid #203679; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
th { font-weight: bold; text-transform: uppercase; background: #647fc4; border-bottom: 1px solid #203679; }
th.first { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px }
th.last { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px }
th,td { padding: 8px 8px 4px 8px; }
td { vertical-align: top; }
td.aika { font-weight: bold; color: #ffc700; }
tfoot { font-style: italic; }
caption { background: #eee; }

.tuotetiedot td { padding: 2px 8px 4px 8px; }
.tuotetiedot td.norm { padding: 8px 8px 10px 8px; }



 
/* Forms
-------------------------------------------------------------- */
 
label { font-weight: normal; }
 
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
 
input.text, input.title { width: 180px; margin: 0 0.5em 0.5em 0; }
input.text, input.title { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus { border:1px solid #999; background:#fff; }
input.title { font-size:1.5em; }
 
textarea { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus { border:1px solid #999; background:#fff; }
 
select { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus { border:1px solid #999; background:#fff; }

.formdiv2 { width: 210px; margin-bottom: 15px; padding: 10px; background: #4664b1; border: 1px solid #203679; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.formdiv2 p { width: auto !important; }
.formdiv label.short { text-transform: uppercase; font-weight: bold; }

#wina_jatka { display: block; width: 85px; height: 31px; margin-top: 15px; background: url(../img/button_laheta.png) no-repeat top left; text-indent: -90000px; border: 0; cursor: pointer; _width: 84px; _height: 30px; _background: url(../img/button_laheta.gif) no-repeat top left; }
#wina_laheta { display: block; width: 85px; height: 31px; border: none; cursor: pointer; background: url(../img/button_laheta.png) no-repeat; text-indent: -90000px; }

#ticketf2_jatka { display: block; width: 85px; height: 31px; margin-top: 15px; background: url(../img/button_laheta.png) no-repeat; text-indent: -90000px; border: 0; cursor: pointer; _width: 84px; _height: 30px; _background: url(../img/button_laheta.gif) no-repeat top left; }
#ticketf2_laheta { display: block; width: 85px; height: 31px; border: none; cursor: pointer; background: url(../img/button_laheta.png) no-repeat; text-indent: -90000px; }
#priority_laheta { display: block; width: 85px; height: 31px; border: none; cursor: pointer; background: url(../img/button_laheta.png) no-repeat; text-indent: -90000px; }

.submit { margin-top: 0.5em; }

/* -----------------------------------------------------------
 
Structure
----------------------------------------------------------- */
 
body {
/*background: #1b409f;*/
background: #37519b;
/*background: #37519b url(../img/bg-fosters-timer2.jpg) no-repeat fixed top center;*/
text-align: center; /*ie hack for centered layout. if not centered, remove this line and the next hack in wrapper*/
}
 
#page {
width: 100%; /*fill in the width of the page*/
max-width: 500px;
text-align: left; /*for previous ie hack*/
margin: auto;
/*border: 1px solid white;*/
font-size: 1.2em;
}

.indexpage { font-size: 1.4em !important; }



#nosto { text-align: center; background: #1b409f url(../img/bg_nosto3.png) repeat-x; padding: 25px 0 250px 0; height: 100%; }

#nosto3 { background: #1b409f url(../img/bg_nosto3.png) repeat-x; }
#nosto3_bottom { height: 100%; padding: 12px 0 1em 10px; background: transparent url(../img/bg_nosto3_bottom.png) repeat-x bottom left; }
#nosto3 p { width: 225px; }

#iphone { height: 180px; padding-top: 18px; background: url(../img/bg_iphone.png) repeat-x; text-align: center; }

.floater { display: inline; float: left; width: 110px; }

.margin { margin-bottom: 20px; }
.margin2 { margin-bottom: 10px; }

#lataadiv { padding-top: 31px; }

.lataa { display: block; width: 85px; height: 31px; margin-top: -15px; background: url(../img/button_lataa.png) no-repeat; text-indent: -90000px; }
.lataa2 { display: block; width: 85px; height: 31px; background: url(../img/button_lataa.png) no-repeat; text-indent: -90000px; }

.katso { display: block; float: left; width: 81px; height: 28px; background: url(../img/button_katso.png) no-repeat; text-indent: -90000px; }
.koko { display: block; float: left; margin: 8px 0 0 4px; }
.bluebox { width: 200px; margin-bottom: 15px; padding: 10px; background: #4664b1; border: 1px solid #203679; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.bluebox p { width: 100% !important; }

#ticketf2_1 { margin-bottom: 15px; }
#wina_1 { margin-bottom: 15px; }

/* Header
-------------------------------------------------------------- */

#logo { height: 51px; background: transparent url(../img/bg_header.png) repeat-x; }
#logo img { margin: 6px 0 0 10px; }
#homelink { display: block; height: 51px; }
 
 
/* Navigation
-------------------------------------------------------------- */
 
.mainnavi { list-style-type: none; margin: 0; padding: 0; }

.mainnavi li { height: 53px; }
.mainnavi li a { display: block; height: 53px; line-height: 53px; background: transparent url(../img/bg_li_full.png) top left repeat-x; }
.mainnavi li a:hover, .mainnavi li a.hover, .mainnavi li a:active { background-position: bottom left; }
.mainnavi li a span { display: block; height: 53px; padding-left: 75px; line-height: 53px; cursor: pointer; }


#main_winastick a span { background: transparent url(../img/icon_winastick_small.png) no-repeat 10px center; }
#main_buyastick a span { background: transparent url(../img/icon_buyastick_small.png) no-repeat 10px center; }
#main_ticketfor2 a span { background: transparent url(../img/icon_ticketfor2_small.png) no-repeat 10px center; }
#main_partymeter a span { background: transparent url(../img/icon_partymeter_small.png) no-repeat 10px center; }
#main_rwillat a span { background: transparent url(../img/icon_robbiewilliams_small.png) no-repeat 10px center; }
#main_lahtobiisi a span { background: transparent url(../img/icon_lahtobiisi_small.png) no-repeat 10px center; }
#main_mobilevid a span { background: transparent url(../img/icon_mobilevid_small.png) no-repeat 10px center; }
#main_tuotetiedot a span { background: transparent url(../img/icon_tuotetiedot_small.png) no-repeat 10px center; }
#main_osr a span { background: transparent url(../img/icon_osr_small.png) no-repeat 10px center; }

#kyllaei { margin: auto; width: 140px; }
#kylla { display: block; float: left; width: 61px; height: 22px; background: url(../img/button_kylla.png) no-repeat; text-indent: -90000px; }
#en { float: left; width: 62px; height: 22px; background: url(../img/button_ei.png) no-repeat; text-indent: -90000px; }
 
/* Content
-------------------------------------------------------------- */

.trace { display: none; }
.lataussivu { background: none !important; }

/* Footer
-------------------------------------------------------------- */

#footer { height: 46px; padding: 15px 0 0 10px; background: transparent url(../img/bg_footer.png) repeat-x; color: #fff; text-transform: uppercase; font-size: 0.857em; }
#footer a { text-transform: none; text-decoration: underline; color: #697bc6; font-size: 1em; }
#footer a:active, #footer a:hover { color: #fff; }

#footer2 { height: 39px; padding: 0 0 0 10px; background: transparent url(../img/bg_etusivulle.png) repeat-x; color: #5668b2; text-transform: uppercase; }
#footer2 a { line-height: 39px; font-size: 1em; }
#footer2 a:active, #footer a:hover { color: #fff; }
 
 
/* -----------------------------------------------------------
 
Clear floats
----------------------------------------------------------- */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }