/*  
Theme Name: Tuning.fi 2010
Theme URI: http://www.tuning.fi/
Description: Tuning.fi -sivuston uusi layout
Author: Markku Ikonen
Author URI: http://www.viipalemediat.fi/
*/



/* PAAELEMENTIT */

body {
	margin: 0;
	padding: 0;
	background: #8296aa url(img/bg.gif) repeat-y top center;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
	font-size: small;
	text-align: center;
}

#holder {
	margin: 10px auto;
	width: 920px;
	background: #fff;
	text-align: left;
}

#content {
	margin: 0 0 10px 0;
	width: 770px;
	float: left;
	background: #fff;
	border-right: 1px solid #999;
	font-size: 90%;
}
#content div#gutter {
	width: 760px;
	background: #fff;
}


/* HEADER */

#header2010 {
	width: 760px;
	clear: both;
}
.topbanner {
	text-align: center;
}

#header2010 #logo a {
	width: 230px;
	height: 60px;
	display: block;
	background: url(img/tuningfi_logo.gif) no-repeat top left;
	float: left;
}
#header2010 #logo a span {
	display: none;
}

#headerhaku {
	padding: 20px 0 10px 0;
	float: right;
} 

#header2010 ul {
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	background: #000;
	color: #fff;
	float: left;
}
#header2010 ul li {
	list-style:none;
	display:inline;
	float: left;
}
#header2010 ul li a {
	display: block;
	padding: 4px 5px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;	
}
#header2010 ul li a:hover {
	background: #f90;
	color: #000;
}

/* ISO VALIKKO */

#menu {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
}
#menu li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 90%;
}
#menu li a {
	margin: 0;
	display: block;
	padding: 5px 10px 0 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 140%;
	background: #8296aa url(img/tab_vasen.gif) no-repeat top left;
}
#menu li a:hover, #menu li.valittu a {
	background: #444 url(img/tab_aktiivinen_vasen.gif) no-repeat top left;
}

/* OTSIKOT */

h1, h2, h3, h4, h5, p {
	margin: 0 0 6px 0;
	padding: 0;
	line-height: 1.3em;
}
h1 {
	font-size: 180%;
	color: #f90;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 0 20px;
	letter-spacing: 1px;
	background: url(img/ikoni_h1.gif) no-repeat center left;
}
h2 {
	font-size: 130%;
	font-weight: bold;
	color: #f90;
}
.entry h3 {
	font-size: 120%;
	margin: 6px 0;
}
p {
	clear: both;
}
a {
	color: #00c;
	text-decoration: underline;
}
a:hover {
	color: #c00;
	text-decoration: none;
}
h1 a, h2 a {
	text-decoration: none;
	color: #f90;
}



/* ETUSIVUN PALSTAT */

#palsta1, #palsta2, #palsta3 {
	width: 247px;
	float: left;
	margin-right: 9px;
}
#palsta3 {
	margin-right: 0;
}
a:visited {
	color: #000;
}
h1 a:visited {
	color: #f90;
}


/* ETUSIVUN ARTIKKELI- JA UUTISNOSTOT */

.nosto {
	margin: 0;
	padding: 0;
	width: 247px;
	float: left;
	background: #fff;
	clear: both;
}
.nostolevea {
	width: 510px;
	font-size: 110%;
}
.nosto dl {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
}
.nosto dt {
	margin: 0;
	padding: 0;
	width: 260px;
	float: right;
	font-weight: bold;
}
.nostolevea dt {
	width: 254px;
}
.nosto dt a {
	text-decoration: none;
	color: #000;
}
.nosto dt a:hover {
	text-decoration: underline;	
	color: #c00;
}
.nosto dd {
	margin: 0;
	padding: 0;
	color: #333;
	line-height: 1.3em;
}
.nosto dd a {
	text-decoration: none;
}
.nosto dd.nostokuva img {
	float: left;
	margin: 0 8px 0 0;
	border: 0;
}


/* ETUSIVUN PALSTOJEN TEKSTIT */

#palsta1 h2, #palsta2 h2, #palsta3 h2 {
	margin: 0 0 10px 0;
	padding: 8px 4px 4px 20px;
	background: #f90 url(img/bullet_h2.gif) no-repeat 4px 10px;
	color: #fff;
	font-size: 110%;
	text-transform: uppercase;
	clear: both;
}
#palsta3 h2 {
	padding: 7px 4px 3px 20px;
}
#palsta1 h2 a, #palsta2 h2 a, #palsta3 h2 a {
	color: #fff;
	text-decoration: none;
}
#palsta1 h2 a:hover, #palsta2 h2 a:hover, #palsta3 h2 a:hover {
	color: #000;
}
h3 {
	margin: 4px 0 0 0;
	font-size: 110%;
}
h3 a {
	text-decoration: none;
	color: #000;
}
h3 a:hover {
	text-decoration: underline;
}
#palsta1 h2, #palsta2 h2, #palsta3 p {
	line-height: 1.2em;
}
#palsta1 ul, #palsta2 ul, #palsta3 ul {
	margin: 0 0 9px 0;
	padding: 0;
	list-style: none;
}
#palsta1 p, #palsta2 p, #palsta3 p {
	margin-bottom: 12px;
}
#palsta1 img, #palsta2 img, #palsta3 img {
	border: 0;
}

.korostus {
	background: url(img/bg_korostus1.gif) no-repeat top left;
}
.korostus div {
	padding: 2px 5px 5px 10px;
	display: block;
	background: url(img/bg_korostus2.gif) no-repeat bottom right;
}
.korostus div h3 {
	margin-bottom: 2px; 
}
.paivamaara, .paivamaara a {
	color: #999;
}
.artikkelin_metadata {
	margin-bottom: 10px;
}

/* ETUSIVUN INTRO */

.etusivuintro {
	margin-bottom: 10px;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #999;
}
.etusivuintro h1 {
	margin: 0;
	padding: 15px 0 5px 0;
	background: none;
	color: #000;
	font-size: 140%;
}
.etusivuintro p {
	margin: 0;
	padding: 0;
	font-size: 110%;
	line-height: 1.4em;
}


/* ARTIKKELISIVUJEN UUTISNOSTOT */

.artikkelinosto {
	margin: 10px 0 0 0;
	padding: 0;
	width: 620px;
	float: left;
	background: #fff;
}
.artikkelinosto dl {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
}
.artikkelinosto dt {
	margin: 0;
	padding: 0;
	width: 462px;
	float: right;
	font-size: 120%;
	font-weight: bold;
}
.artikkelinosto dd {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}
.artikkelinosto dd.nostokuva img {
	float: left;
	margin: 0 9px 9px 0;
}
.artikkelinosto img {
	border: none;
}


/* BLOGIARKISTO */

.navigation {
	margin: 0 0 10px 0;
	padding: 4px;
	float: left;
	border: 1px solid #999;
	background: #ddd;
}
.navigation a {
	color: #000;
}
.postmetadata {
	padding: 4px;
	background: #ddd;
}


/* SISALTOPALSTA */

#leveapalsta {
	width: 520px;
	float: left;
	background: #fff;
}
#kokoleveyspalsta {
	width: 760px;
	float: left;
	background: #fff;
}
h3 {
	clear: both;
}
.entry a img {
	border: none;
}
.entry p {
	margin-bottom: 1em;
	font-size: 110%;
	line-height: 150%;
}

/* SISALTOSIVUJEN SIVUPALKKI */

#sidebar {
	width: 230px;
	background: #eee;
	float: right;
}
#sidebar div {
	padding: 0 5px 5px 5px;
}
#sidebar dl {
	list-style: none;
}
#sidebar dt, dd {
	font-size: 90%;
	margin: 0 0 4px 0;
	border: none;
}
#sidebar dt {
	padding: 4px;
	background: #888;
	color: #fff;
	font-weight: bold;
}
#sidebar a {
	color: #000;
	border: 0;
	text-decoration: none;
}
#sidebar dt a {
	color: #fff;
}
#sidebar a:hover {
	text-decoration: underline;
}
#sidebar p {
	line-height: 1.1em;
	margin-top: 4px;
}
#sidebar ul {
	margin: 0;
	padding-left: 14px;
}

/* KOMMENTIT */

.commentlist {
	margin: 0 0 8px 0;
	padding: 0;
}
.commentlist li {
	list-style: none;
	padding: 4px;
}
.commentlist .alt {
	background: #eee;
}


/* TAULUKOT */

#mediatiedot {
	margin-bottom: 8px;
	padding: 0;
	width: 450px;
}
#mediatiedot td {
	font-size: 90%;
	text-align: center;
	padding-bottom: 8px;
}
#mediatiedot img {
	padding: 0;
	border: 0;
}


/* BANNERIPALSTA */

#mainospalsta {
	width: 140px;
	float: right;
}

#mainospalsta a img, #mainospalsta div {
	margin-bottom: 8px;
}
#vannehaku {
	margin:10px 0;
	padding:4px 0;
	width:140px;
	text-align:center;
	border:1px solid #333;
}
#vannehaku_iframe {
	width: 100%;
	height: 150px;
	border:0px;
	background:transparent;
	overflow:hidden;
}
#vannehaku_footer {
	margin:0;
	padding:0;
	font-size:9px;
}
/* FOOTER */

#footer {
	padding: 5px 0 5px 0;
	clear: both;
	border-top: 1px solid #999;
	text-align: center;
	font-size: 80%;
	color: #666;
}
#footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	color: #000;
	text-decoration: underline;
}


/* KUVAT */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}


/* LOMAKKEET */

form {
	margin: 0 0 10px 0;
	padding: 0;
}
form.kehys {
	border: 2px solid #fc0;
	padding: 4px;
}
.input0, .input1, .input2, .input3, .button, .button_sis {
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	border: 1px solid #999;
}
.input0 {
	width: 300px;
}
.input1 {
	width: 200px;
}
.input2 {
	width: 100px;
}
.input3 {
	width: 80px;
}
p.lomake {
	padding: 4px;
	background: #fff url(/wp-content/themes/tuningfi2007/img/bg_lomake.gif) repeat-x top left;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.puuttuvatieto {
	color: #c00;
	font-weight: bold;
}
.virheilmoitus {
	padding: 4px;
	border: 2px solid #c00;
}
p.lomake label {
	margin-left: 5px;
}
label {	
	display: block;
	float: left;
	width: 160px;
}
.button, button_sis {
	margin: 10px 0 10px 0;
	padding: 3px 20px;
	background: #000;
	font-size: 130%;
	color: #fff;
}
.button_sis {
	margin-left: 150px;
}
.pakollinen {
	color: #f00;
	font-weight: bold;
	font-size: 120%;
}
.selite {
	padding-left: 15px;
	color: #777;
	font-width: 90%;
}

/* PAGENAVI */

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}