/*
Theme Name: Voodoo Dolly
Theme URI: http://www.themelab.com/free-wordpress-themes/
Description: Design by <a href="http://www.raykdesign.net">Rayk Web Design</a>.  WordPressed by <a href="http://www.themelab.com">Theme Lab</a>
Version: 1.0
Author: Theme Lab
Author URI: http://www.themelab.com/
*/

/* 
culture shock: voodoo dolly v2.0
pogy366: http://www.raykdesign.net
Sept 2007
*/


body {
font-family:Arial, Helvetica, sans-serif;
font-size:.8em; 
color:#000000; 
margin:20px 0 -30px 0;
padding:0 0 0 0;
background:#ffffff;
}
p { margin-bottom:14px; }
strong { font-weight:bold; }
em { font-style:italic; }
ul, ol {
 margin:0 0 12px 0;
 padding:0;
}
li {
 margin:0 0 5px 15px;
 padding-left:15px;
 list-style:none; 
 background-repeat:no-repeat;
 color:#454545;
}
a { color:#6E312A; text-decoration:underline; }
a:hover { color:#999999; text-decoration:none; }
hr {
 color: #f7f7f7;
 background-color: #f7f7f7;
 height: 1px;
}

.left { float: left; }
.right { float: right; }
.center { text-align: center; }

/* Main Outer Container */
#pageWrap {
 margin:0 auto;
 padding:0;
 width:980px;
}

/* Header */
#header {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 width: 980px;
 // height: 135px;
 height: 135px;
 background-image: url('/img/header_v2.gif');
 background-position: 0 0;
 background-repeat: no-repeat;
}
#header h1 {
 margin:0;
 padding: 45px 0 0 150px;
 color:#ffffff;
 font-size:3em;
 font-weight:lighter;
}
#header h1 a {
 color:#ffffff;
 text-decoration:none;
}
#header h1 .gray {
 color: #eeeeee;
}
#header p {
 color: #eeeeee;
 font-family:Verdana, Arial, Helvetica, sans-serif; 
 margin:0;
 padding:5px 0 0 155px;
}



/* Main Navigation */
#navBar {
margin:0px 0px 14px 0px;
padding:0;
width:980px;
height:35px;
line-height:35px;
background: url('/img/navi-bg_v3.gif') no-repeat;;
}
#navBar ul{
font-weight: bold;
list-style-type:none;
margin-left:20px;
}
#navBar li{
margin:0;
padding:0;
list-style-type:none;
display:inline;
background-image:none;
}
#navBar li a{
margin:0 0 0 -5px;
padding:9px 20px 9px 20px;
color:#ffffff;
text-decoration:none;
font-size:1.1em;
}
#navBar ul li.navi1 a:hover{ background: url('/img/navi-bg-sin.gif') repeat-x; }
#navBar ul li.navi2 a:hover{ background: url('/img/navi-bg-lila.gif') repeat-x; }
#navBar ul li.navi3 a:hover{ background: url('/img/navi-bg-pun.gif') repeat-x; }
#navBar ul li.navi4 a:hover{ background: url('/img/navi-bg-oranki.gif') repeat-x; }
#navBar ul li.selected a { background: url('/img/navi-bg-vihr.gif') repeat-x; }
#navBar ul li.selected a:hover { background: url('/img/navi-bg-vihr.gif') repeat-x; }

#navBar li.first {
margin:0;
padding:0;
list-style-type:none;
display:inline;
background-image:none;
}
#navBar li.first a{
margin:0 0 0 -5px;
padding:9px 20px 9px 20px;
color:#ffffff;
text-decoration:none;
font-size:1.1em;
}
#navBar li.first a:hover{
color:#ffffff;
text-decoration:none;
}

#navBar .haku {
 float: right;
 margin: 0px 8px 0px 0px;
}
#navBar .haku input[type="text"] {
 border: 2px solid #d80202;
 padding-left: 2px; 
}


/* Content Container */
#container {
margin: 0;
padding: 0;
width:980px;
}




/* Left Content Column - heavy negative margin so center column can appear first in HTML */

#leftColumn {
 float:left;
 margin:0 0 0 -750px;
 padding:0;
 width:140px;
 color:#686868;
}
#leftColumn h2 {
 font-size:1.8em;
 color:#cc0000;
 letter-spacing: -1px;
 margin:0 0 10px 0;
}
#leftColumn ul, ol {
 font-size: 14px; 
 margin:0 0 12px 0;
 padding:0;
}
#leftColumn li {
 margin:5px 0 0 0;
 padding-left:15px;
 list-style:none;
 background-image:url(img/bulleted-li-bg-dark.gif);
 background-position:0 1px;
 background-repeat:no-repeat;
 color:#6E312A;
}



/* Center Content Column */
#centerColumn {
 border-left:1px dashed #cccccc;
 color:#000000;
 float:left;
 font-size: 1.1em;
 margin:0 30px 0 145px;
 min-height: 350px;
 padding: 0px 6px 6px 10px;
 width:568px;
}
#centerColumn h2 {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 2.0em;
 color: #cc0000;
 letter-spacing: -1px;
 margin:0 0 10px 0;
 padding:0;
}
#centerColumn h3 {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 1.6em;
 color: #cc0000;
 margin: 20px 0 10px 0;
}
#centerColumn h2 a, #centerColumn h3 a { color: #cc0000; text-decoration: none; }
#centerColumn h2 a:hover, #centerColumn h3 a:hover { color: #cc0000; text-decoration: underline; }
#centerColumn p {
 line-height: 1.4em;
}
#centerColumn td { text-align: center; }
#centerColumn .related_lista li { margin-left: 0px; padding-left: 0px; }

#centerColumn div {
 margin: 10px 0px 10px 0px;
}
#centerColumn .lehdenkansi {
 background: #f7f7f7;
 border: 1px solid #cccccc;
 float: left;
 font-size: 12px;
 margin: 3px 15px 10px 0px;
 padding: 5px;
 text-align: center;
}
.metatiedot {
 border: 1px solid #cccccc;
 margin-top: 10px;
}
.meta1 { background: #eeeeee; }
.meta2 {background: #f7f7f7; }
.meta1,
.meta2 { 
 font-size: 13px;
 margin: 0px !important; padding: 8px; 
}
#centerColumn form {
 margin: 0px 0px 0px 3px;
}
.hakutulos {
 font-size: 0.9em;
}
.hakutulos table { }
#centerColumn .hakutulos td { text-align: left; padding: 7px; vertical-align: top; }

#centerColumn .lahjakuva {
	vertical-align: top;
	float:left;
	margin: 0px 10px 10px 0px;
}

#centerColumn .lahjakuva img {
	border:1px solid #cccccc;
	}

/* Right Content Column */
#rightColumn {
 color:#646464;
 float:right;
 margin:0;
 margin-top: -6px;
 padding: 0px 0px 12px 0px;
 width:200px;
}
#rightColumn h2 {
 /* background: #e00101 url(img/tahti.gif) no-repeat 5px 6px; */
 background-color: #e00101;
 color: #fff;
 font-size: 1.0em;
 font-weight: bold; 
 margin: 5px -5px 10px -5px;
 padding: 5px 0px 5px 10px;
 text-transform: uppercase;
}
#rightColumn li {
 background:none;
 padding:0;
 margin:5px 0 5px 0;
}
#rightColumn .sidebar-element {
 background:#f7f7f7;
 border:1px solid #ccc;
 margin-bottom: 10px;
 padding: 0px 10px 10px 10px;
}
#rightColumn .sidebar-element div {
 line-height: 1.2em;
 margin-top: 8px;
}
#rightColumn .sidebar-element img {
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
}




/* Footer */
#footer {
 height: 105px;
 background-image: url('/img/footer_v2.gif');
 background-position: 0 0;
 background-repeat: no-repeat;
 color: #fff;
 font-weight: bold;
 margin: 30px 0px 0px 0px;
 padding: 30px 0px 0px 0px;
 width:980px;
}

#footer div {
 color: #fff;
 margin: 10px 0px 0px 0px;
 text-align: center;
}

#footer a {
 color: #fff;
 text-decoration:none;
}

#footer a:hover {
 color:#fff;
 text-decoration:underline;
}


/* Clears nested floats */
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.commentlist {
 margin: 0; padding: 0;
}
.commentlist li {
 background: #f7f7f7 url('/img/lainaus.gif') no-repeat 5px 5px;
 border: 1px solid #ccc;
 margin: 0px 0px 10px 0px;
 padding: 7px 14px 0px 85px;
}

.alignleft { float:left;}
.alignright { float:right;}

/* Nappuloita */
#hae { 
 background: #cc0000 url('/img/nappi-hae.gif') no-repeat;
 border: 0;
 height: 24px;
 width: 39px;
}
#submit {
 background: #fff url('/img/nappi-lisaa-arvostelu.gif') no-repeat;
 border: 0;
 color: #000;
 height: 30px;
 width: 145px; 
}
textarea { border: 2px solid #cccccc; padding: 2px; }
textarea:focus { border: 2px solid #cc0000; }
input[type="text"]:focus { border: 2px solid #cc0000; } 

#facebook { float: left; }
#googleplus { float: right; }