.fix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/**************************************
* BASIC SETTINGS          
***************************************/ 

h1 {
    font-size: 22px;
    color: #555;
    padding: 4px 10px 2px 10px;
    border-bottom: 1px dashed #ccc;
	background: #00b6e3;
    color: #fff;
}

h1 a {
	color: #fff;
	background-image: url("http://media.kokemuksia.fi/static/images/icons/star.png");
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0 5px;
}
h2 {
    font-size: 22px;
    color: #555;
    margin: 2px 0 2px 0;
    padding: 2px 10px 2px 10px;
}

h3 {
    font-size: 24px;
    color: #555;
    font-weight: normal;
    margin: 2px 0 2px 0;
    padding: 2px 10px 2px 10px;
}
h4 {
    font-size: 14px;
    color: #555;
    margin: 2px 0 2px 0;
    padding: 2px 10px 2px 10px;
}

p {
    font-size: 13px;
    line-height: 24px;
    color: #333;
    padding: 5px 10px 5px 10px;
    margin: 0;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

root { 
    display: block;
}

body * {
    font-family: "Trebuchet ms", verdana;
    letter-spacing: 1px;
}

code {
    font-family: Courier;
    padding: 10px;
    border: 1px solid #ccc;
    background: #eee;
    display: block;
    float: left;
    font-size: 12px;
}

body {
    text-align: center;
    padding: 0px;
    margin: 0px;
    background: #00b6e3;
    background-image: url("http://media.kokemuksia.fi/static/images/gui-bg-autumn.jpg");
    background-repeat: repeat-x;
    background-position: center top;
}

form {
	padding: 0;
	margin: 0;
}
fieldset {
	padding: 0;
	margin: 0;
	border: 0px;
}


ul {
	margin: 0;
	padding: 0;
}
label, legend, li {
	font-size: 13px;
	color: #333;
	margin: 0;
	padding: 5px 10px 5px 10px;
}

label {
	font-weight: bold;
}

.body_matkailu {
    background: aqua;
}

.body_autot {
    background: gray;
}

.body_viihde {
    background: orange;
}

.body_yritykset {
    background: olive;
}

.info {
    width: 100%;
    height: 100px;
    min-height: 60px;
    display: none;
    border-top: 3px solid #111;
    border-bottom: 3px solid #111;
}

.info:hover {
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

a {
	color: #3388cc;
    text-decoration: none;
}
a:visited {

}

a:hover {
	color: #332255;
}

img {
    border: 0px;
}


#container {
    text-align: left;
    width: 980px;
    margin: 5px auto 0 auto;
    background: #fff;
    padding: 0 10px 40px 10px;
    min-height: 600px;
    border: 2px solid #ccc;
}

#main {
    float: left;
    width: 100%;
}
#footer {
    width: 980px;
    margin: 0 auto 0 auto;
    border-top: 2px solid #eee;
    background: #fafafa;
    padding: 0 10px 40px 10px;
    border: 2px solid #ccc;
}

.loginStatus {
    float: right;
    width: 250px;
    margin: 10px 0 0 0;
    padding: 0px 0 0 0;
}

#header{
    width: 100%;
    height: 70px;
    float: left;
    background: url("http://media.kokemuksia.fi/static/images/fadebg-blue.png");
}
#header_left {
    float: left;
    height: 60px;
}
#header_center{
    width: 450px;
    float: left;
    height: 60px;
    padding: 10px;
    /*background-image: url("http://media.kokemuksia.fi/static/images/search-bg.png");*/
    background-repeat: no-repeat;
}

#header_right{
    width: 260px;
    float: right;
    height: 60px;
    /*background-image: url("http://media.kokemuksia.fi/static/images/user-bg.png");*/
    background-repeat: no-repeat;
}
#header_left img{
    display: block;
    float: left;
    margin: 10px;
}

.links {
    float: right;
}

#messages {
    margin: 5px 0 5px 0;
    float: left;
}

#afw_messages {
    float: left;
}

#afw_warnings {
    float: left;
}

#navi {

    padding: 10px 0 10px 0;
    width: 100%;
}

#container p {
}

#left {
    /*border-top: 4px solid #88eeff;*/
    width: 255px;
    float: left;
    min-height: 500px;
}

#right {
    width: 450px;
    float: left;
    min-height: 500px;
    /*border-top: 4px solid #88eeff;*/
}

#right_most {
    width: 255px;
    float: left;
    min-height: 500px;
    /*border-top: 4px solid #88eeff;*/
}

#experience_added {

}

#experience_addition_error {

}

#comments {
    width: 100%;

}

.comment {
    /*background-color: #eee;*/
    background-position: 40px 0px;
    /*background-image: url(static/images/triangle.gif);*/
    background-repeat: no-repeat;
    padding: 2px 0 0 0;
    border-top: 0px;
    border-bottom: 2px solid #eee;
    float: left;
    width: 100%;
}

.comment p {
    overflow: hidden;
    display: block;
    float: left;
    width: 100%;
}

.comment_body {
    width: 100%;
    display: block;
}
.comment_user{
}

.box {
    width: 100%;
}

.box-30 {
    width: 32%;
    float: left;
}

#replies {
    display: none;
    width: 100%;
    float: left;
    background: #ff1;
}

.experience_previews {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: px 0 5px 0;
    float: left;
}

.tagCloud {
}


.experience {
    width: 100%;
    padding: 10px 0 20px 0;
    background: url("http://media.kokemuksia.fi/static/images/fadebg-blue.png");
    background-color: #fff;
    background-repeat: repeat-x;
}

.experience-showcase {
    height: 250px;

}

#experience-showcase-content {

}

.adcontainer {
    float: left;
    text-align: center;
    padding: 20px 20px 20px 30px;
    margin: 5px;
}

.experience_mini {
    width: 100%;
    float: left;
    overflow: visible;
    /*border-top: 1px solid #ddd;
	border-bottom: 1px solid #bbb;*/
    margin: 2px 0 0 0;
}

.experience_mini p {
    padding: 0;
    margin: 0;
}

.experience_left {
    width: 5%;
    height: 34px;
    float: left;
}
.experience_right {
    width: 94%;
    height: 16px;
    float: left;

    /*border-left: 1px solid #ccc;*/
}

.experience_right_top {
    width: 100%;
    padding: 0px;
    height: 16px;
    float: left;
}

.experience_right_low {
    width: 100%;
    padding: 0px;
    height: 12px;
    float: left;
}
.experience_title{
    float: left;
    width: 70%;
}
.experience_viewed{
    background-image: url(http://media.kokemuksia.fi/static/images/icons/eye.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    float: left;
    padding-left: 20px;
}
.experience_comments{
    background-image: url(http://media.kokemuksia.fi/static/images/icons/comment.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    float: left;
    padding-left: 20px;

    margin: 0;
}
.experience_approval{
    background-image: url(http://media.kokemuksia.fi/static/images/icons/accept.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    float: left;
    padding-left: 12px;
    width: 30px;
    margin: 0;
}
.experience_relevance{
    background-image: url(static/images/icons/shape_align_bottom.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    float: left;
    padding-left: 20px;
    width: 30px;
}
.experience_username {
    float: left;
    margin: 0 5px 0 0;
}

.experience_date {
    float: left;
    width: 90px;
}

.experience-category-image {
    width: 64px;
    height: 64px;
    margin: 10px 10px 6px 10px;
    float: left;
    background-image: url("http://media.kokemuksia.fi/static/images/cats/default.png");

}

.experience_type_1 {
    /*background-image: url(static/images/kokemus-tausta-mini.png);*/
    background-repeat: no-repeat;
    background-position: 2px 2px;
}

.experience_type_2 {
    /*background-image: url(static/images/kokemus-tausta-mini-keltainen.png);*/
    background-repeat: no-repeat;
    background-position: 2px 2px;
}

.experience_type_3 {
    /*background-image: url(static/images/kokemus-tausta-mini-punainen.png);*/
    background-repeat: no-repeat;
    background-position: 2px 2px;
}

.experience_flag {
    height: 20px;
    margin: 4px 0 0 0;
}
/* Good */
.flag_type_1 {
    background-image: url(static/images/icons/flag_green.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* Neutral */
.flag_type_2 {
    background-image: url(static/images/icons/flag_yellow.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* Bad */
.flag_type_3 {
    background-image: url(static/images/icons/flag_red.png);
    background-repeat: no-repeat;
    background-position: center;
}


/*
Heading colors 
*/
.good {
    color: #3f3;
}

.bad {
    color: #f33;
}

.neutral {
    color: #eee;
}


.search {

}

.search input{
    font-size: 12px;
}

#mainSearch{
    float: left;
}


#searchContainer {
    position: absolute;
    display: none;
}

#searchResults {
    display: none;
    background: #fff;
    overflow: hidden;
    position: absolute;
    width: 700px;
    height: auto;
    padding: 10px;
    border: 2px solid #3589fc;
}

#searchResults p, #searchResults h3,#searchResults h2{
    float: left;
    clear: both;
    display: block;
    font-size: 12px;
}

input {
    font-size: 14px;
    padding: 5px;
    height: 30px;
	margin: 10px;
}

textarea {
    font-size: 14px;
    padding: 5px;
    overflow: auto;
	margin: 10px;
}

select {
    font-size: 14px;
    padding: 5px;
	margin: 10px;

}

table .td1 {
    width: 300px;
}

table .td1 p {
	font-weight: bold;
}

table .td2 {
    width: 600px;
}

tr {
    border-top: 1px solid #eee;

}

br {
    margin: 10px;
    display: block;
}


.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { font-size: 14px; float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; width: 100%; float: left; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(static/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(static/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(static/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(static/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(static/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #88cc44; background: #ccf9aa; color: #363636; width: 1002px; float: left; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; width: 100%; float: left; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }



/** ADSENSE **/

.ad_giantbanner {
    padding: 10px;
    width: 728px;
    height: 90px;
}

.ad_banner {
    padding: 10px;
    width: 468px;
    height: 60px;
}
.ad_square {
    padding: 10px;
    width: 125px;
    height: 125px;
}
.ad_bigtower {
    padding: 10px;
    width: 160px;
    height: 600px;
}
.ad_bigrect {
    width: 250px;
    height: 250px;
    margin: 10px 0 10px 10px;
	display: block;
	position: relative;
}

.ad_giantbanner-test {
    padding: 10px;
    width: 728px;
    height: 90px;
    background: #eee;
}

.ad_banner-test {
    padding: 10px;
    width: 468px;
    height: 60px;
    background: #eee;
}
.ad_square-test {
    padding: 10px;
    width: 125px;
    height: 125px;
    background: #eee;
}
.ad_bigtower-test {
    padding: 10px;
    width: 160px;
    height: 600px;
    background: #eee;
}
.ad_bigrect-test {
    padding: 10px;
    float: left;
    margin: 10px;
    width: 336px;
    height: 280px;
    background: #eee;
}

/** EXPERIENCES v2 **/

.expv2{
    float: left;
    width: 100%;
}

.expv2-small{
    float: left;
    width: 100%;
    margin: 0 0px 2px 0;
}

.expv2-small p {
    margin: 0;
    padding: 0 5px 0 5px;
}



.expv2-question{
    background-image: url("http://media.kokemuksia.fi/static/images/qmark.png");
    background-repeat: no-repeat;
    background-position: right;
}

.expv2-registered{
    background-image: url("http://media.kokemuksia.fi/static/images/star-big.png");
    background-repeat: no-repeat;
    background-position: right;
}

.expv2-point-plus {
    padding: 0px 0 0 20px;
    background-color: #efffbf;
    border: 1px solid #99aa66;
    background-image: url("http://media.kokemuksia.fi/static/images/icons/add.png");
    background-position: left 5px;
    background-repeat: no-repeat;
    margin: 0 5px 0 10px;
	color: #1c1;
}

.expv2-point-plus:hover {
    background-color: #bfffbf;
}
.expv2-point-minus {
    padding: 0px 10px 0 20px;
    background-color: #ffcfbf;
    border: 1px solid #aa9966;
    background-image: url("http://media.kokemuksia.fi/static/images/icons/delete.png");
    background-position: left 5px;
    background-repeat: no-repeat;
	color: #c11;
}
.expv2-point-minus:hover {
    background-color: #ff9f4f;
}


.expv2-content {
    float: left;
    width: 100%;
}

.expv2-rating {
    float: left;
    width: 105px;
}

.expv2-date {
    float: left;
    width: 80px;
}

.expv2-rating form {
    padding: 0;
    margin: 0 10px 0 10px;
}

.expv2-short-title-rating {
    float: left;
    width: 100%;
}

.expv2-short-rating {
    width: 100%;
    margin: 0 0 5px 0;
}

.expv2-body {
    
}

.expv2-short-title-rating  form {
    float: left;
    height: 32px;
    margin: 0;
    padding: 0;
}

.expv2-short-title-rating  input {
    float: left;
    height: 1px;
    margin: 0;
    padding: 0;
}

.expv2-rating form input {
    padding: 0;
    margin: 0;
}

.expv2-title {
    float: left;
    width: 100%;
    clear: right;
}

.expv2-viewed {
    background-image: url(http://media.kokemuksia.fi/static/images/icons/eye.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    float: left;
    width: 50px;
    padding-left: 12px;
}

/** COMMENTS **/

#commv2 {
    width: 100%;
    float: left;
    border-top: 3px solid #eee;
}

.comment {
    background-position: 40px 0px;
    background-repeat: no-repeat;
    padding: 2px 0 0 0;
    border-top: 0px;
    border-bottom: 2px solid #eee;
    float: left;
    width: 100%;
}

.comment p {
    overflow: hidden;
    display: block;
    float: left;
    width: 80%;
}

.comment_body {
    width: 100%;
    display: block;
}
.comment_user{
}

.comment-textarea {
    width: 80%;

}


/* GENERIC FORMATTING */


.expv2-button {
    /*background: #b8ff3b;
	background-image: url("http://media.kokemuksia.fi/static/images/buttonbg.jpg");
	color: #fff;
	font-weight: bold;
	background-repeat: repeat-x;
	float: left;
	margin: 0 5px 0 0px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #fff;*/
    background: #eeffcc;
    color: #300;
    font-size: 14px;
    background-repeat: repeat-x;
    float: left;
    margin: 0 5px 0px 0px;
    display: block;
    padding: 5px 10px 5px 10px;
    border: 1px solid #99aa66;
}




.expv2-button:hover {
    border: 1px solid #3f3;
}

.big-button{
    background: #eeffcc;
    color: #300;
    font-size: 14px;
    background-repeat: repeat-x;
    float: left;
    margin: 0 5px 0px 0px;
    display: block;
    padding: 5px 10px 5px 10px;
    border: 1px solid #99aa66;
}

#main-navi {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    /*border-bottom: 2px solid #99aa66;
	border-top: 2px solid #99aa66;*/
}

#main-navi .big-button {
    float: left;
}

.big-button img {
    vertical-align: middle;
}

.big-button:hover {
    background: #fd3;
    color: #222;
}

.main-categories {
    margin: 5px 0 0 0;
    padding: 0;
}

.main-categories a {
    color: #333;
    font-weight: bold;
    font-size: 12px;
    background-repeat: no-repeat;
    float: left;
    display: block;
    padding: 5px 3px 5px 6px;
    margin: 0 1px 0 0;
    background-image: url("http://media.kokemuksia.fi/static/images/cat-bg.png");
    background-position: bottom left;

}

.main-categories a:hover {
    background-color: #3cf;
    color: #111;
}

.wide-alt {
    float: left;
    width: 100%;
    border-top: 5px solid #ccc;
    margin: 20px 0 0 0;
}

.edit_area{

}

.edit{

}




/******
Buttons
****/

.button-navi {
    color: #300;
    font-size: 14px;
    background-repeat: repeat-x;
    float: left;
    margin: 0 5px 0px 0px;
    width: 180px;
    display: block;
    padding: 5px 10px 5px 10px;
    border: 1px solid #99aa66;
}

a.button-navi:hover {
    text-decoration: none;
    background: #eee;
}

.button-kokemukset{

}

.button-noste{
    background: #44cccc;
}

.button-tori{

}

.button-pelit{

}

.button-keskustelu{

}

/**
-------------------------------
KOKEMUKSIA 10 / 2009 EDITION
-------------------------------
**/

/**
-----------
COMMON ELEMENTS
-----------
**/

.container {
    text-align: left;
    width: 1002px;
    margin: 0px auto 40px auto;
    padding: 0 0px 0px 0px;
    min-height: 600px;
}

.small {
    width: 238px;
    float: left;
    margin: 10px 0 0 10px;
    padding: 0px 0 10px 0;
	background-color: #fff;
	border: 1px solid #ccc;
}
.normal {
    width: 740px;
    float: left;
    margin: 10px 0 0px 10px;
    padding: 0 0 10px 0;
	background-color: #fff;
	border: 1px solid #ccc;
}

.normal h1{
	margin: 12px 2px;
}

.medium {
    width: 350px;
    float: left;
    min-height: 420px;
    margin: 10px 0 0 10px;
    padding: 0 0 10px 0;
    border: 1px solid #ccc;
	background-color: #fff;
}

.medium-normal {
    width: 480px;
    float: left;
    min-height: 420px;
    margin: 10px 0 0 10px;
    border: 1px solid #ccc;
	background-color: #fff;
}

.medium h1, .medium-normal h1, .small h1, .normal h1 {
    margin: 2px;
    background: #00b6e3;
    color: #fff;
}

.wide {
    float: left;
    width: 100%;
    margin: 0px 0px 0 0;
    
}

.wide:after, .normal:after, .small:after, .container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/**
-----------
HEADER & FOOTER
-----------
**/

.kokemuksia-header {
    width: 1002px;
	background-image: url("http://media.kokemuksia.fi/static/images/gui-top-rev.png");
    /*background: url("http://media.kokemuksia.fi/static/images/fadebg-blue.png");*/
	background-repeat: no-repeat;  
	background-position: 0px -14px;
    height: 56px;
    /*background-color: #4eb0c8;*/
}

.kokemuksia-header-bottom {
    width: 1002px;
    background-image: url("http://media.kokemuksia.fi/static/images/gui-top-rev.png");
    /*background-image: url("http://media.kokemuksia.fi/static/images/fadebg-blue.png");*/
    background-position: top;
    background-repeat: no-repeat;  
    height: 72px;
    margin: 0px 0 0 0;
}

.kokemuksia-header-bottom div {
	margin: 5px 0 0 0;
}

.kokemuksia-header-mid {
    width: 1002px;
    height: 100px;
    padding: 5px 0 0 10px;
    margin: 0px 0 0 0px;
    /*background-color: #4eb0c8;*/
}

.kokemuksia-logo {
    float: left;
	margin: 0 0 0 20px;
}

.kokemuksia-info {
    float: right;
	margin: 0 10px 0 0;
}

.kokemuksia-info p, .kokemuksia-info a {
	margin: 8px 0 0 0;
    color: #666;
    font-weight: bold;
}

.kokemuksia-user {
    width: 232px;
    float: left;
    height: 90px;
}

.kokemuksia-user p {
    margin: 0 10px 0 10px;
    padding: 0;
    color: #333;
}

.kokemuksia-navi {
    float: left;
    height: 40px;
    margin: 0;
}

.kokemuksia-list {
	list-style-type: none;
	margin: 10px;
}
.kokemuksia-list li {
}

.kokemuksia-haku {
    float: right;
    height: 40px;
	padding: 5px 10px 0 0;
}

.kokemuksia-footer {
    width: 100%;
    padding: 0 0px 0px 0px;
    height: 48px;
    float: left;
    width: 1002px;
    background-image: url("http://media.kokemuksia.fi/static/images/gui-top-rev.png");
    /*background-image: url("http://media.kokemuksia.fi/static/images/fadebg-blue.png");*/
    background-position: top;
    background-repeat: no-repeat;  
    height: 72px;
    margin: 10px 0 0 0;
}

/**
-------------------------------
KOKEMUKSIA BUTTONS
-------------------------------
**/

.kokemuksia-button {
    padding: 0;
    margin: 2px 0 0 0;
    background: transparent url('http://media.kokemuksia.fi/static/images/bg_button_a.gif') no-repeat scroll top right;
    color: #efefef;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 32px;
    margin-right: 6px;
    overflow:hidden;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

.kokemuksia-button span {
    background: transparent url('http://media.kokemuksia.fi/static/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 7px 0 11px 10px;
}

.kokemuksia-button img {
    vertical-align: top;
}

a.kokemuksia-button:hover {
    background-position: right -32px;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.kokemuksia-button:hover span {
    background-position: left -32px;
    /*padding: 9px 0 9px 18px;*/ /* push text down 3px */
}

/**
-------------------------------
GOOGLE SEARCH BOX
-------------------------------
**/

#cse-search-results{
	width: 500px;
}

.search {
    margin: 10px 0;
}

#google-q {
    width: 180px;
}

/**
-------------------------------
TEST LAYERS
-------------------------------
**/

.test-ad-wide {
    width: 728px;
    height: 90px;
    float: left;
}

/**
-------------------------------
KOKEMUKSIA PELIT
-------------------------------
**/

.kokemuksia-peli{
	width: 150px;
	float: left;
	margin: 10px;
	display: block;
	height: 230px;
}

.kokemuksia-peli p {
	font-size: 12px;
	float: left;
}

.kokemuksia-peli br {
	height: 0;
	margin: 0;
	padding: 0;
}

.kokemuksia-peli p img{
width: 100%;
	float: left;
	clear: both;
	border: 3px solid #00b6ef;
}

.kokemuksia-peli-description{
	float: left;
	width: 100%;
}

.kokemuksia-peli a {

}

/**
-------------------------------
KOKEMUKSIA EXPERIENCES
-------------------------------
**/

.exp-blog {
	margin: 2px 0 5px 0;
	overflow: hidden;
	width: 100%;
}

.exp-blog h2 {
	margin: 0;
	padding: 0;
	font-size: 16px;
}

.exp-blog h2 a {
width: 97%;
	padding: 3px;
	float: left;
	background: #eee;
	border: 1px solid #ccc;
	margin: 2px;
}

.exp-blog h2 a:hover {
	float: left;
	background: #adf;
}

.exp-blog table { float: left; }

/**
* The experience rating star-form
**/
.exp-rating, .exp-rating * {
	margin: 0;
	padding: 0;
}


/*******************
Forum
********************/

.forum-header {
    margin: 0;
}

.forum-main-header {
    background: #ccff66;
    margin: 0;
    width: 100%;
}



.forum-category {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px;
}

.forum-thread {
    float: left;
    width: 100%;
    margin: 0;
background: #fff;

}

.forum-thread-preview {
    margin: 5px 0 0 0px;
}

.forum-thread-mini-box {
	width: 210px;
	height: 90px;
	overflow: hidden;
	padding: 5px;
	margin: 5px 5px 0 0px;
	border: 1px solid #ccc;
	float: left;
	display: block;
}

.forum-category-description {
	float: left;
	background: #eee;
width: 440px;
	margin: 5px 15px 0 0;
}
.forum-header-text {
	width: 270px;
	float: left;
}
.forum-start-new-thread {
	font-size: 14px;
	font-weight: normal;
text-align: right;
float: right;
width: 180px;
}

.forum-thread h3 {

}

.forum-category .forum-thread h3 {

}

.forum-category .forum-thread h4 {
    display: block;
    width: 250px;
}

.forum-post {
    margin: 0 3px 5px 3px;
    float: left;
	background: #f9f9f9;
	border: 1px solid #ccc;
	width: 470px;
}

.forum-post-body  p embed{ width: 450px;}

.forum-post-info{
    float: left;
    width: 100%;
}

.forum-post-info p {
	color: #444;
border-bottom: 1px solid #ccc;
background: #eee;

}

.forum-post-username {
	width: 150px;
	padding: 0 2px 0 2px;
}

.forum-post-time {
	font-size: 10px;
}

.forum-post-body{
    float: left;
    width: 100%;
}

.forum-post-modify{

}
.forum-post-modify textarea {
    width: 450px;
    height: 200px;
}

.forum-post-modify label {
	width: 100%;
	float: left;
}
.forum-post-modify fieldset {
	width: 100%;
	float: left;
	padding: 10px;
}

.forum-sidebar {
    margin: 0 10px 0 10px;
}

.forum-categories-toggle {
	height: 300px; 
	width: 470px; 
	position: relative; 
	display: none; 
	background: #fff;
	border: 5px solid #ccc;
	
}

.forum-categories-toggle-list {
	margin: 0 0 0 0px;
	padding: 0;
}
.forum-categories-toggle-list li {
	display: block;
	float: left;
	width: 200px;
	margin: 0;
}

.forum-categories-toggle-list li a {
	display: block;
	float: left;
	width: 200px;
	background: #cef;
	margin: 2px;
	padding: 4px;
}