body
{
	font: 60.5% helvetica, arial, sans-serif;
	background: #fff;
	color: #111;
        margin: 8px auto;
}

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

.post a
{
	text-decoration:none;
	color: #666;
        background: url(http://www.pisto.fi/images/theme/dot.gif) repeat-x left bottom;
}

a:visited
{
	color: #666;
}

a:hover
{
	color: #ccc;
	background: url(http://www.pisto.fi/images/theme/dot.gif) repeat-x left bottom;
}


.articleimg 

{
	border: 0;
        display:inline;
        float:left;
        margin: 0px 15px 5px 0px;
}

a img

{
	border: 0;
}

#wrap
{
	clear:both;
	font-size: 1.4em;
	margin: 0px auto;
        width: 800px;
}

#main
{
	background: transparent;
	width: 800px;
	margin: 0px auto;
	padding: 0;
}

#header
{
        margin: 0px auto 4px auto;
	background: #fff url(http://www.pisto.fi/images/theme/pistologo.jpg) no-repeat;
	height: 250px;
        width: 500px;
	border: none;
        text-indent: -1000em;
        overflow: hidden;
        display: block;
}

#header h1 a {
        padding: 0;
	margin: 0;
        width: 900px;
        height: 254px;
        text-indent: -1000em;
        overflow: hidden;
        display: block;
        outline: none;
        text-decoration: none;
        border: none;
}

#content
{
        clear: both;
	width: 500px;
	margin: 0px auto 30px auto;
        font-weight:normal;
	font-size: 1.0em;
	font-family: palatino, "times new roman", serif;
}

.post
{
	width: 490px;
	padding: 0px 5px 0px 5px;
}


h3, h3 a
{
	text-transform: capitalize;
	font-weight:normal;
	font-size: 1.3em;
	font-family: palatino, "times new roman", serif;
}


#footer
{
	padding: 0;
	margin: 25px auto 0px auto;
}

#footer p
{
        text-transform: uppercase;
        font: 0.8em helvetica, arial, sans-serif;
        color: #ADADAD;
        margin: 10px auto 10px auto;
        text-align: center;
}

#menu
{

        margin: 25px auto 25px auto;
        clear: both;
}

#menu a:hover
{
       background: url(http://www.pisto.fi/images/theme/dot.gif) repeat-x left bottom;
}

ul.nav {
  	display: block;
	text-transform: uppercase;
	height: 22px;
        width: 400px;
	background: transparent;	
        letter-spacing: 0.1em;
        margin: 10px 35px 20px 165px;
}

ul.nav li {
	display: block;
        list-style: none;
	float: left;
	height: 14px;
	padding: 5px 12px;
	color: #666; 
	position: relative;  
}

ul.nav li a {
	color: #222; 
}

#show  {
	
        margin-left: 20px;
        height: 680px;
}


.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

.slideshow-images {
	height: 600px;
	width: 449px;
}
		
.slideshow-images-visible { 
	opacity: 1;
}	

.slideshow-images-prev { 
	opacity: 0; 
}

.slideshow-images-next { 
	opacity: 0; 
}

.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

.slideshow-thumbnails {

	height: 75px;
	left: 0;
	position: absolute;
	width: 440px;
        margin: 10px 8px 10px 4px;
}

.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 75px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
        float: left;
	list-style: none;
	margin: 4px 4px 4px 0;
        position: relative; 
}

.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 4px;
        position: relative; 
}

.slideshow-thumbnails a:hover {
	background-color: #fff !important;
        background-image: none;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #f0f0f0;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #fff;
	opacity: .4;
}