* {				margin: 0px; padding: 0px; border: 0px; }

body {				background: url('img/bg.jpg') repeat-x #f0e5cf;  text-align: center; font-family: Georgia, Arial; font-size: 13px; color: #362f2d;}

.clear {clear:both}
.main {			width: 663px; margin: 0px auto; text-align: center; background: url('') repeat-x; background-position: bottom; padding-left: 50px; padding-right: 50px; padding-bottom: 15px; }

a { text-decoration: none; }

.beta { position:absolute; right:100px; top:30px; background: url('img/beta.png'); width: 109px; height: 208px; background-repeat: no-repeat;}

.yla {			width: 663px; height: 187px; background-image: url('img/testi.png'); margin-top: 10px; text-align: left; padding-top: 115px;}

.comic {			width: 663px; margin-top: 10px; text-align: left;}
.comic h1 {			display: inline; font-family: Lucida Sans, Georgia, Arial; font-size: 16px; color: #423b38;}
.comic h1 a {			display: inline; font-family: Lucida Sans, Georgia, Arial; font-size: 16px; color: #423b38; text-decoration: none;}
.comic h1 a:hover {			display: inline; font-family: Lucida Sans, Georgia, Arial; font-size: 16px; color: #000; text-decoration: none;}
.comic h2 {			display: inline; font-family: Lucida Sans, Georgia, Arial; font-size: 12px; color: #998675;}
.comic h4 {			display: inline; font-family: Lucida Sans, Georgia, Arial; font-size: 16px; color: #3594e5;}
.comic h4 a {		text-decoration: none; display: inline; font-family: Lucida Sans, Georgia, Arial; font-size: 16px; color: #3594e5;}
.comic img {		margin-top: 5px; margin-bottom: 2px;}

.nextprev {			font-family: Lucida Sans, Georgia, Arial; font-size: 15px; color: #b4ac9b; text-decoration: none;  display: inline; font-weight: bold; }
.nextprev a {		font-family: Lucida Sans, Georgia, Arial; font-size: 15px; color: #0076a3; text-decoration: none;  display: inline; font-weight: bold;}
.nextprev a:hover {	font-family: Lucida Sans, Georgia, Arial; font-size: 15px; color: #23436f; text-decoration: none;  display: inline; font-weight: bold;}
.firstlast {			font-family: Lucida Sans, Georgia, Arial; font-size: 9px; color: #9e9e9e; text-decoration: none; display: inline; }
.firstlast a {		font-family: Lucida Sans, Georgia, Arial; font-size: 9px; color: #9e9e9e; text-decoration: none;  display: inline; }
.firstlast a:hover {	font-family: Lucida Sans, Georgia, Arial; font-size: 9px; color: #23436f; text-decoration: none; display: inline;  }

.comments {		 display: inline; font-family: Lucida Sans, Georgia, Arial; font-size: 12px; color: #ee326e; text-decoration: none; float: right;}
.comments a {		 display: inline; font-family: Lucida Sans, Georgia, Arial; font-size: 12px; color: #ee326e; text-decoration: none; float: right; }
.comments2 {		display: inline; font-family: Lucida Sans, Georgia, Arial; font-size: 10px; color: #ee326e; text-decoration: none;}
.comments2 a {		display: inline; font-family: Lucida Sans, Georgia, Arial; font-size: 10px; color: #ee326e; text-decoration: none;}
.kommentoija {	font-family: Lucida Sans, Georgia, Arial; font-size: 9px; color: #6c6c6c; text-decoration: none; }
.kommentoija a {	font-family: Lucida Sans, Georgia, Arial; font-size: 9px; color: #0076a3; text-decoration: none; }

.kommentit {	font-family: Georgia, Arial; font-size: 15px; color: #000; text-decoration: none; }

.kommenttiboxi {		width: 663px; padding-top: 10px; text-align: left; border-top: 0px solid #6c6c6c; font-family: Lucida Sans, Georgia, Arial; font-size: 12px; color: #000; }
.kommenttiboxi a {		font-family: Lucida Sans, Georgia, Arial; font-size: 12px; color: #39a9d3; text-decoration: none; }
.kommentti-input {	width: 263px; height: 25px; line-height: 25px; border: 1px solid #6c6c6c; font-family: Lucida Sans, Georgia, Arial; font-size: 18px; color: #000; margin-top: 5px; margin-bottom: 5px; margin-right: 5px;}
.kommenttiboxi textarea {	width: 463px; height: 125px; border: 1px solid #6c6c6c; font-family: Lucida Sans, Georgia, Arial; font-size: 12px; color: #000; margin-top: 5px; margin-bottom: 5px;}
.kommenttisubmit {	width: 170px; height: 25px; border: 1px solid #fff; font-family: Lucida Sans, Georgia, Arial; font-size: 12px; color: #fff; margin-top: 5px; margin-bottom: 5px; background-color: #deb98d; font-weight: bold;}


.newsfont {			font-family: Georgia, Arial; font-size: 13px; color: #362f2d;}
.news {			width: 330px; margin-top: 10px; text-align: left; float: left; font-family: Georgia, Arial; font-size: 13px; color: #362f2d;}
.news a {			font-family: Georgia, Arial; font-size: 13px; color: #63adac;}
.what {			width: 320px; margin-top: 10px; margin-left: 13px; text-align: left; float: left; font-family: Georgia, Arial; font-size: 13px; color: #362f2d; text-align: justify;}
.news h1 {			display: inline; font-family: Lucida Sans, Georgia, Arial; font-size: 16px; color: #790000;}
.news h2 {			display: inline; font-family: Lucida Sans, Georgia, Arial; font-size: 12px; color: #998675;}


.footer {			width: 663px; margin-top: 30px; margin-bottom: 30px; text-align: left; border-top: 1px solid #d3c7af; font-family: Georgia, Arial; font-size: 11px; color: #857c6b; padding-top: 15px; }
.footer a {			font-family: Georgia, Arial; font-size: 11px; color: #63adac; padding-top: 15px; text-decoration: none;}

input { font-family: verdana; text-decoration: none; color: #565B32; font-size: 15px; border: 1px solid #bfa26f; background: white; width: 300px; height: 30px;}
textarea { font-family: verdana; text-decoration: none; color: #565B32; font-size: 10px; border: 1px solid #bfa26f; background: white; width: 300px; height: 100px;}


/* Code for actual Rating-Bar */
.star-rating,
.star-rating span:hover,

.star-rating span:active,

.star-rating span:focus,
.star-rating .current-rating{
    background: url(img/ratingstars.png) left -1000px repeat-x;
    cursor:pointer;
}
.star-rating{

    position:relative;

    width:125px;

    height:25px;

    overflow:hidden;

    list-style:none;

    margin:0;

    padding:0;

    background-position: left top;

}

.star-rating li{
    display: inline;

}

.star-rating span,
.star-rating .current-rating{

    position:absolute;

    top:0;

    left:0;

    text-indent:-1000em;

    height:25px;

    line-height:25px;

    outline:none;

    overflow:hidden;
    border: none;
}
.star-rating span:hover,

.star-rating span:active,

.star-rating span:focus{
    background-position: left bottom;
}

.star-rating span.one-star{

    width:20%;

    z-index:6;

}

.star-rating span.two-stars{

    width:40%;

    z-index:5;

}

.star-rating span.three-stars{

    width:60%;

    z-index:4;

}

.star-rating span.four-stars{

    width:80%;

    z-index:3;

}

.star-rating span.five-stars{

    width:100%;

    z-index:2;

}

.star-rating .current-rating{

    z-index:1;

    background-position: left center;
}

.rating_confirm {
    font-style:italic;
    font-size:66%;
}

/* Code for showing the rating without possibility to vote */

.star-rating-showonly,
.star-rating-showonly span:hover,

.star-rating-showonly span:active,

.star-rating-showonly span:focus,
.star-rating-showonly .current-rating{
    background: url(img/ratingstars.png) left -1000px repeat-x;
}
.star-rating-showonly{

    position:relative;

    width:125px;

    height:25px;

    overflow:hidden;

    list-style:none;

    margin:0;

    padding:0;

    background-position: left top;

}

.star-rating-showonly li{
    display: inline;

}

.star-rating-showonly span,
.star-rating-showonly .current-rating{

    position:absolute;

    top:0;

    left:0;

    text-indent:-1000em;

    height:25px;

    line-height:25px;

    outline:none;

    overflow:hidden;
    border: none;
}


.star-rating-showonly span.one-star{

    width:20%;

    z-index:6;

}

.star-rating-showonly span.two-stars{

    width:40%;

    z-index:5;

}

.star-rating-showonly span.three-stars{

    width:60%;

    z-index:4;

}

.star-rating-showonly span.four-stars{

    width:80%;

    z-index:3;

}

.star-rating-showonly span.five-stars{

    width:100%;

    z-index:2;

}

.star-rating-showonly .current-rating{

    z-index:1;

    background-position: left center;
}