/* Tyylimäärittelyt Corner Inn */
/* Heikki Nikkanen 2009 */

/*------------------------ Yleiset määrittelyt -------*/

body {
	margin: 0;
	padding: 0;
	font: normal 62.5% Arial, Helvetica, sans-serif;
	line-height: 1.6em;
        background: transparent url(../images/tiili.gif);
	background-color: #8e8576;
	color: #444;
}

h1 {
	padding: 0 30px;
	font: bold 1.6em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
	color: #bf1433;
	text-transform: uppercase;
}

h2 {
	padding: 0 30px;
	font-size: 1.4em;
	font-weight: bold;
	color: #bf1433;	
}

p {
	padding: 0 30px 0 30px;
	font-size: 1.25em;
	line-height: 1.6em;
}

a:link, a:visited {
	text-decoration: none;
	background-color: transparent;
	color: #bf1433;
}

a:hover {
	color: #bf1433;
}

label {
	font: normal 1.2em Arial, Helvetica, sans-serif;
}


/*------------------------ Rakennemäärittelyt ---------------*/


#sivu {
	margin: 0 auto;
	padding-left: 4px;
	background: transparent url(../images/tausta.gif) repeat-y scroll 0 0;
	width: 935px;
}

div#otsikkokuva {
        background: transparent url(../images/logo2.jpg) repeat-y scroll 0 0;
	background-color: #000;
	height: 100px;
	width: 931px;
}

#sisalto {
	padding: 0;
	width: 935px;
}

#sisalto-vasen {
	/* * float: left; */
	margin: 0;
	padding: 0;
	width: 696px;
	background-color: #fff;
}

* html #sisalto-vasen {
	float: left;
}

#sisalto-oikea {
	float: right;
	top: 0px;
	padding: 0;
	margin: 0;
	width: 235px;
}

div#otsikkokuva #ylalinkki {
	float: right;
	margin-top: 40px;
	height: auto;
	width: 220px;
}

#alaosa {
        background: transparent url(../images/alapalkki.jpg) repeat-y scroll 0 0;
	background-color: #000000;
	height: 40px;
	width: 935px;
}

/*------------------------ Valikkopalkki ------------------------*/

.valikkopalkki{
	margin: 0;
        padding: 0;
	width: 931px;
	overflow: hidden;
	background: #000000;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	}

.valikkopalkki ul{
	margin: 0;
        padding: 0;
	background: #000000;
	display: block;
	list-style: none;
        font: bold 10px Verdana;
	}

.valikkopalkki li{
	display: inline;
	margin: 0;
	}

.valikkopalkki li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 10px 20px 10px 20px; 
	border-right: 1px solid black;
	color: #ffffff;
	background: #000000;
	}

.valikkopalkki li a:visited{
	color: #ffffff;
	}

.valikkopalkki li a:hover, .valikkopalkki li.selected a{
	background: #6d6d6d;
	}

/*------------------------ Ylapalkin linkit ---------------*/

div#otsikkokuva .ylalinkit {
	display: inline;
	list-style-type: none;
	color: #666;
}

div#otsikkokuva .ylalinkit li {
	float: left;
	margin-right: 6px;
	background-color: transparent;
	font-size: 1.2em;
	color: #fff;
}

div#otsikkokuva img.logo {
	float: left;
	margin: 0 0 0 0;
	width: auto;
}

.logo {
	text-decoration: none;
}

.ylalinkit li a, .ylalinkit li a:hover, .ylalinkit li a:visited  {
	color: #fff;
	text-decoration: none;
}

/*----------------- Alaosan linkkipalkki ja alateksti---*/


#alateksti {
	bottom: 0;
	border-top: 1px solid #e8e8e8;
	height: 45px;
	width: 100%;
}

#alateksti p {
	padding: 0 30px 0 30px;
	font-size: 1.1em;
}

div#alateksti img {
	vertical-align: middle;
}

div#alaosa ul {
	list-style: none;
	margin: 0;
	padding: 0;
	left: 0;
	text-align: center;
	display: block;
	width: 100%;
	font: 1.0em Georgia, "Times New Roman", Times, serif;
	color: white; 
	}
	
div#alaosa ul li {
	display: inline;
	padding: 3px 20px;
	border-right: 1px dotted #fff;
	line-height: 350%;
	}
	
div#alaosa ul li a {
	text-decoration: none;
	color: #fff;
	}
	
div#alaosa ul li a:hover {
	text-decoration: underline;
	color: #fff;
	}



/*------------------- Etusivun ravintola-osio -palkki -----*/

#ravintola-osiot {
	margin-top: 20px;
	background-color: #f7f7f7;
	width: 696px;
	height: 340px;
}

#ravintola-osiot h1 {
	margin: 100px 0 0 15px;
	padding: 0;
	font-size: 1.3em;
	font-weight: bold;
}

#ravintola-osiot p {
	padding: 0 10px 0 10px;
	margin-left: 1px;
	font-size: 1.0em;
	line-height: 1.6em;
}

.seurusteluravintola, .suomipop, .yokerho, .popkaraoke {
	float: left;
	height: 337px;
	width: 150px;
}

.seurusteluravintola {
	margin-left: 20px;
	margin-right: 10px;
	background: transparent url(../images/seurusteluravintola.jpg) no-repeat;
}

.suomipop {
	margin-right: 10px;
	background: transparent url(../images/suomipop.jpg) no-repeat;
}

.yokerho {
	margin-right: 10px;
	background: transparent url(../images/yokerho.jpg) no-repeat;
}

.popkaraoke {
	background: transparent url(../images/popkaraoke.jpg) no-repeat;
}

/*------------------ Työntekijät -osio -------------------*/

#tyontekijat {
	margin-top: 20px;
	background-color: #f7f7f7;
	width: 690px;
	height: 150px;
}

#tyontekijat h1 {
	margin: 25px 0 0 15px;
	padding: 0 10px 0 115px;
	font-size: 1.3em;
	font-weight: bold;
}

#tyontekijat p {
	padding: 0 10px 0 130px;
	margin-left: 1px;
	font-size: 1.0em;
	line-height: 1.6em;
}

.henkiloesittely {
	float: left;
	height: 150px;
	width: 300px;
	margin-left: 20px;
	margin-right: 10px;
	background: transparent url(../images/tyontekijatausta.jpg) no-repeat;
}

.henkiloesittely img {
	float: left;
	height: 143px;
	width: 110px;
	margin-left: 8px;
	margin-top: 4px;
	border: 0px solid #fff;
}



/*----------------- Oikean palstan laatikot ----------------*/

.laatikko-otsikko p {
	font-weight: bold;
	margin: 0;
	padding: 5px 0 5px 14px;
	font-size: 1.2em;
	text-transform: uppercase;
}

.laatikko-otsikko {
	margin: 0 0 0 1px;
	background-color: #000000;
	color: #fff;
	width: 230px;
	border-top: 0px solid #fff;
}

.laatikko-sisalto {
	margin: 0 0 0 1px;
	padding: 8px 0 0 0;
	background-color: #fff;
	border-left: 5px solid #000000;
	border-bottom: 6px solid #000000;
	border-right: 5px solid #000000;
	width: 220px;
}

.laatikko-sisalto p {
	margin: 0;
	padding: 0 8px 5px 8px;
	font-size: 1.2em;
}

.laatikko-sisalto h1 {
	margin: 0;
	padding: 0 8px 5px 8px;
}

.laatikko-sisalto h1 {
	font-size: 1.3em;
	font-weight: bold;
	color: #bf1433;
}

p.marginaali {
	margin: 0 0 10px 8px;
	padding: 0;
	font-size: 1em;
}

.laatikko-sisalto img {
	margin: 0;
	margin: 0;
	border: 0px solid #cdcdcd;
}

/*------------------------ Taulukot ------------------------*/

table.bandilistaus {
        width: 80%;
        border-width: 0;
        margin: 0px 30px 0px 30px;
	font-size: 1.25em;
	line-height: 1.6em;
        }

table.bandilistaus td {
        border-color: #500000;
        border-width: 0;
        border-style: solid;
        margin: 0;
        padding: 2px;
        background-color: #fff;
        }

/*------------- Tapahtumaesittely ------------*/


div#tapahtumaesittely p.artikkelikuva {
	padding: 5px 40px 0 20px;
	margin: 0;
	float: right;
	}
	
div#tapahtumaesittely p.artikkelikuva img {
	display: block;
	clear: both;
	border: 0;
	text-align: center;
	margin: 0 auto 5px auto;
	font: 0.85em Georgia, "Times New Roman", Times, serif;
	}

div#tapahtumaesittely h2 {
        margin: 10px auto 5px auto;
        }

div#tapahtumaesittely a.bookmark {
	text-decoration: none;
	color: #FFF;
	}
	
div#tapahtumaesittely a:hover {
	text-decoration: underline;
	color: #000;
	}

.tapahtumakuva {
	padding: 5px 5px 5px 5px;
	background: #c3c3c3;
        border: 1px solid #000000;
        }




/*----------- SLIMBOX - galleria-----------*/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(http://www.corner-inn.fi/fi/images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(http://www.corner-inn.fi/fi/images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(http://www.corner-inn.fi/fi/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(http://www.corner-inn.fi/fi/images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*------------ MemberCard- ja palautelomake ------------*/

.zemContactForm {
	padding: 0 0 5px 30px;
	margin: 0px 50px 0px 30px;
        border: 1px solid #000;
        background: transparent;
        background-position: right top;
	background-repeat: no-repeat;
	}


.zemContactForm_member {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

.zemContactForm_palaute {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
        background: transparent url(../images/kartta.gif);
        background-position: right top;
	background-repeat: no-repeat;
	}

.zemContactForm p {
	margin: 5px 0px 5px -30px;
	}

.zemContactForm h1 {
	margin: 0 0 5px -30px;
        padding: 2px 2px 2px 30px;
	font-size: 1.4em;
	font-weight: bold;
	background-color: black;
	color: #FFF;	
        border-bottom: 1px solid #000;
	}


.zemContactForm ul.zemError {
	margin: 10px 0 0 10px !important;
	padding: 0;
	color: #C00;
	font-weight: bold;
	font-size: 1em;
	list-style: none;
	}

.zemThanks {
	margin: 30px 0 0 30px !important;
	padding: 0;
	color: #C00;
	font-weight: bold;
	font-size: 1.25em;
	list-style: none;
	}

form.zemContactForm fieldset {
	color: #000;
	margin-left: 0;
	margin-bottom: 1px;
	}

.zemContactForm label {
	margin: 0 0 0 0;
	}

.zemContactForm input {
	margin: 5px 0 5px 0;
	}

.zemSubmit {
        cursor:pointer;
        border:outset 1px #000;
        background:#999;
        color:#666;
        font-weight:bold;
        padding: 2px 2px;
        background:url(../images/formbg.gif) repeat-x left top;
        }

/*------------------------ Ravintolaesittelyt ------------------*/

#esittelypohja {
	margin-top: 20px;
	background-color: #f7f7f7;
	width: 680px;
}

#esittelypohja h1 {
	margin: 10px 0 0 15px;
	padding: 0;
	font-size: 1.3em;
	font-weight: bold;
}

#esittelypohja p {
	padding: 0 0 0 10px;
	margin-left: 1px;
	font-size: 1.25em;
	line-height: 1.6em;
}

#esittelypohja a img {
	padding: 3px;
	border: 1px solid #000;
	margin: 2px;
}

#esittelypohja a img:hover {
	border-color: #c00;
}

.esittelykuvat {
	padding: 10px 10px 10px 30px;
	float: left;
	width: 250px;
}

.esittelyteksti {
	padding: 0 0 10px 0;
	float: left;
	width: 350px;
}


/*------------------------ Muut ------------------------*/

.sisennys {
        margin: 10px 0 0 30px;
}

.kehysalle {
	border-bottom: 2px solid black;
        margin-bottom: 5px;
}

.memberlinkki {
	padding: 20px 0 0 0;
	border: 0px;
}

.otsikko h1 {
        margin: 0 30px 0 30px;
	padding: 30px 0 2px 0;
	font: bold 1.6em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
	color: #000;
	text-transform: uppercase;
        border-bottom: 3px double #bf1433;
}

.clear-all,
br.tyhjennys {
	clear: both;
	}


:focus {
	outline: 0;
}