/*
Theme Name: Kuraloota
Theme URI: http://kuraloota.com
Description: Kuraloota-teema
Version: 1.0
Author: Atte Rankinen
Author URI: http://kuraloota.com
Tags: atte, rankinen, kuraloota, vihanti, alpua, oulu

    Kuraloota

*/

/* Pohjat */

html, body, div, span, p, h1, a, ul, li, img, input, textarea, button, form, fieldset, table, tr, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	background: #001115 url(bg.png) repeat-x;
	color: #fff;
	font: normal 0.8em/1.3em "Myriad Pro", Arial Narrow, Tahoma, helvetica, "Trebuchet MS", sans-serif;
	text-align: center;
}

p {
margin: 10px 0;
}

h1 {
color: #8cdf16;
font: bold 1.8em/1.3em Century Gothic, Arial Black, Tahoma;
margin: 5px 0 10px 0;
}

h2 {
color: #3f9cb6;
font-size: 1.45em;
font-weight: bold;
margin: 5px 0 10px 5px;
padding: 0 0 2px 0;
}

h3 {
color: #edd50e;
font: bold 1.2em/1.3em Century Gothic, Arial Black, Tahoma;
margin: 5px 0 10px 25px;
padding: 0 0 2px 0;
}

a {
color: #e9113f;
text-decoration: none;
}

a:hover {
color: #e99511;
}

.sivulink {
font-size: 1.25em;
font-weight: bold;
float: right;
}

/* Sisältö */

#header {
background: url(stripe.png);
border-bottom: 7px solid #051f24;
height: 120px;
width: 100%;
}

#banner {
background: url(banner.png) no-repeat;
display: block;
height: 150px;
margin: 0 auto;
width: 210px;
}

#bannerfake {
background: url(banner.png) no-repeat -212px 0;
display: none;
height: 150px;
width: 210px;
}

#wrapper {
text-align: left;
width: 800px;
margin: 30px auto;
}

#nav li {
display: inline;
list-style: none;
}

#nav ul li a {
display: block;
float: left;
margin: 0 -1px 0 0;
}

#etusivu {
background: url(etusivu.png) no-repeat;
height: 49px;
width: 175px;
}

#etusivufake {
background: url(etusivu.png) no-repeat -175px 0;
display: none;
height: 49px;
width: 175px;
}

#cv {
background: url(cv.png) no-repeat;
height: 49px;
width: 129px;
}

#cvfake {
background: url(cv.png) no-repeat -130px 0;
display: none;
height: 49px;
width: 129px;
}

#portfolio {
background: url(portfolio.png) no-repeat;
height: 42px;
width: 160px;
}

#portfoliofake {
background: url(portfolio.png) no-repeat -160px 0;
display: none;
height: 42px;
width: 160px;
}

#info {
background: url(info.png) no-repeat;
height: 41px;
width: 140px;
}

#infofake {
background: url(info.png) no-repeat -140px 0;
display: none;
height: 41px;
width: 140px;
}

#yhteystiedot {
background: url(yhteystiedot.png) no-repeat;
height: 49px;
width: 200px;
}

#yhteystiedotfake {
background: url(yhteystiedot.png) no-repeat -200px 0;
display: none;
height: 49px;
width: 200px;
}

#content {
float: left;
margin: 20px 0 0 0;
}

#left {
float: left;
text-align: justify;
width: 400px;
}

#left span {
color: #8cdf16;
}

#right {
background: url(rightbg.png) no-repeat;
float: left;
min-height: 323px;
width: 400px;
}

#rightbox {
background: #011a21;
margin: 50px 40px 0 40px;
padding: 20px;
text-align: justify;
width: 280px;
}

#footer {
background: url(footer.png) no-repeat;
color: #fff;
clear: both;
font: normal 0.75em/1em Century Gothic, Tahoma, helvetica, "Trebuchet MS", sans-serif;
height: 75px;
letter-spacing: 0.1em;
margin: 0 auto;
padding: 75px 0 0 0;
text-align: center;
width: 790px;
}

#footer a {
color: #fff;
font-family: Century Gothic, Tahoma, helvetica, "Trebuchet MS", sans-serif;
text-decoration: underline;
}

#footer a:hover {
color: #efb812;
}

/* Listat */

#left ul {
margin: 5px 0 5px 25px;
list-style: square;
}

/* Lomake */

#lomakelink {
background: #063a46;
padding: 5px 10px;
}

#lomake{
font-size: 0.95em;
}

textarea {
background: #fff;
border: 0;
color: #000;
height: 75px;
margin: 2px 0 0 0;
overflow: auto;
padding: 5px;
width: 270px;
}

input {
background: #fff;
border: 0;
color: #000;
height: 17px;
margin: 5px 0 0 0;
overflow: auto;
padding: 2px 5px;
width: 270px;
}

button {
background: #fff;
border: 0;
color: #000;
height: 25px;
margin: 2px 0 0 0;
overflow: auto;
padding: 2px 0;
width: 70px;
}

input:hover, textarea:hover, button:hover {
background: #c4f2fe;
}

/* Taulukko */

table {
border-collapse: collapse;
empty-cells: hide;
width: 100%;
margin: 0 0 10px 0;
}

td {
border-bottom: 1px solid #09353d;
min-width: 175px;
padding: 5px 10px;
}

tr.tr2 {
background: #001f28;
}