/*
Theme Name: Rocoto
Theme URI: http://coldize.fi/
Description: Theme for Cold Ize
Version: 1.01
Author: Marko Ernvall
Author URI: http://ernvall.com/

*/

* { padding: 0; margin: 0; }

body {
 font-family: Tahoma, Helvetica, sans-serif;
 font-size: 13px;
 color: #000000;
 background: #FFFFFF url("bg.jpg") repeat-x top center;
 margin: 0px 0px 0px 0px;

}


/* General Links */
a:link { text-decoration : underline; color : #000000; border: 0px;}
a:active { text-decoration : underline; color : #000000; border: 0px;}
a:visited { text-decoration : underline; color : #000000; border: 0px;}
a:hover { text-decoration : underline; color : #000000; border: 0px;}

h1
{
color: #000000;
font-size: 22px;
font-weight: bold;
margin-bottom: 1em;


}

.entry {
	line-height: 1.4em;
	}

h2
{
color: #000000;
font-size: 14px;
font-weight: bold;
}

.wh
{
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
}

.nappi {
color: #ededed;
background: #000000;
font-size: 10px;
}

.free
{
color: #61ff77;
font-weight: bold;
}

.taken
{
color: #FF0000;
font-weight: bold;
}


th {
font-weight: bold;
}

#sisalto {
margin-left: 50px;
margin-right: 120px;
padding-top: 3px;
}


#wrapper {
 margin: 0 auto;
 width: 990px;
}
#header {
 width: 990px;
 color: #000000;
 background: url("header.jpg") no-repeat top center;
 padding: 0px;
 height: 148px;
 margin: 0px 0px 0px 0px;
}
#content {
 width: 990px;
 color: #090909;
 background: url("contentBG.jpg") repeat-y;
}
#content p {
margin-bottom: 1em;
}

#footer {
 color: #e0e0e0;
 width: 990px;
 height: 116px;
 font-size: 11px;
 background: #000000 url("footer.jpg") no-repeat top center;
 margin: 0px 0px 10px 0px;
 padding-top: 15px;

}
#footer a:link { text-decoration : underline; color : #e0e0e0; border: 0px;}
#footer a:active { text-decoration : underline; color : #e0e0e0; border: 0px;}
#footer a:visited { text-decoration : underline; color : #e0e0e0; border: 0px;}
#footer a:hover { text-decoration : underline; color : #f4fe09; border: 0px;}

/* ----- JS Menu ----- */

ul#menu {
		list-style:none;
		margin:0;
		padding:0;
                padding-left:0px;
	}


	/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
	
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background:url(/buttons.jpg) no-repeat scroll top left;
		display:block;
		height:123px;
		position:relative;
	}
	
	ul#menu li a.tuotteet {
		width:100px;
		background-position:-0px 0px;
	}
	
	ul#menu li a.ohjeet {
		width:86px;
		background-position:-101px 0px;
	}

	ul#menu li a.asiakkaita {
		width:85px;
		background-position:-188px 0px;
	}


	ul#menu li a.yhteys {
		width:83px;
		background-position:-273px 0px;
	}

	ul#menu li a.uutiset {
		width:83px;
		background-position:-354px 0px;
	}

/* Specify width and background position attributes specifically for the class: "join" */
	ul#menu li a.duuni {
		width:100px;
		background-position:-437px 0px;
	}


	
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(/buttons.jpg) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	

	ul#menu li a.tuotteet span {
		background-position:-0px -123px;
	}
	
	ul#menu li a.ohjeet span {
		background-position:-101px -123px;
	}

	ul#menu li a.asiakkaita span {
		background-position:-188px -123px;
	}

	ul#menu li a.yhteys span {
		background-position:-273px -123px;
	}

	ul#menu li a.uutiset span {
		background-position:-354px -123px;
	}

	ul#menu li a.duuni span {
		background-position:-437px -123px;
	}

	
 /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */


#conte{
		position:relative;
padding-left: 85px;
text-align: center;
		}

#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:714px;
	height:208px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left: 55px;
	top:71px;
	}	
#nextBtn{ 
	left:800px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(/images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(/images/btn_next.gif) no-repeat 0 0;	
	}