/* Tyylit */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin:0;
	color: #fff;
	background: url('../img/bg_body.jpg') no-repeat center top #000;
}

p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	font-family: arial, helvetica, sans-serif;
	color: #e5c091;
	font-weight: bold;
	text-decoration: none;
}

/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	font-family: arial, helvetica, sans-serif !important;
	color: #e5c091 !important;
	font-weight: bold !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
}

a.menu, a.menu:visited, a.menu:link, a.menu:active {
	font-family: 'lucida sans unicode', 'lucida grande', sans-serif;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;	
	display: block;
	float: left;
	padding: 4px 2px;
}

a.menu_active, a.menu_active:visited, a.menu_active:link, a.menu_active:active {
	color: #eec889;
	text-decoration: underline;	
}

a.news, a.news:link, a.news:visited { }
td { }
.login { }
input, select, textarea { }

.text{
	width:100%;
}

h1 {
	font-family: calibri, 'trebuchet ms', arial;
	font-size: 36px;
	color: #fff;
	text-transform: uppercase;
}
h2 {
	font-family: calibri, 'trebuchet ms', arial;
	font-size: 22px;
	color: #fff;
	text-transform: uppercase;
}
h3 {
	font-family: calibri, 'trebuchet ms', arial;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
}
h4 {
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
}
h5 {
	text-transform: uppercase;
	color: #fff;
	font-size: 13px;
}
h6 {
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
}

.error_message{
	color:#ffffff;
	margin:10px 0 20px 0;
	padding: 10px;
	border: 2px solid #fff;
}
.success_message{
	color:#368b1c;
	margin:10px 0 20px 0;
}

.clear {
	clear: both;	
}

#toolbar_top {
	background: url(../img/contest/bg_toolbar.jpg) repeat-x left top;
	height: 35px;
}

#toolbar_top_inner {
	margin: 0 auto;
	padding-top: 10px;
	text-align: right;
	width: 860px;
	font-size: 12px;
	color: #fff;
}

#wrapper {
	width: 860px;
	margin: 0 auto;	
	text-align: left;
}

#menu {
	padding: 15px 0px;
}

#login_top {
	text-align: right;
	margin-top: 5px;
	font-weight: bold;	
}

.login_top {
	border: 1px solid #aeaeae;
	padding: 3px;
	background: #fff;
	color: #7f7f7f;
}

#content {
	margin-top: 35px;
}

#front_top_content {
	margin-top: 8px;
	float: left;
	width: 430px;
	height: 270px;
	overflow: hidden;	
}

#front_content_bottom {
	padding-top: 40px;
}

.front_content_box {
	float: left;
	margin-left: 10px;	
}

#footer {
	margin-top: 40px;
	border-top: 1px solid #894119;
	padding-top: 10px;	
}

#footer_content_left {
	float: left;
	width: 575px;
	color: #eeca86;
	font-weight: bold;
	font-size: 12px;
}

#footer_content_left a {
	color: #fff;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;	
}

#footer_content_right {
	float: right;
	text-align: right;
	width: 270px;
}

.sitenews_revolver_topic{
	display:block;
	position:absolute;
	height:100%;
}

/* ###### KILPAILUN TYYLIT #######  */

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

label.contest_form {
	color: #eec889;
	font-weight: bold;
	font-size: 12px;
}

label.lbl_error {
	color: #ab0000;
}

.contest_form_row {
	padding: 5px 0;	
}

.contest_form_left {
	width: 230px;
	float: left;
}

.contest_form_right {
	width: 415px;
	float: left;
}

#smoke_gallery {
	width: 620px;
	float: left;		
}

.smoke_gallery_item {
	float: left;
	background: url(../img/contest/bg_gallery.png) repeat;
	width: 190px;
	margin-left: 25px;
	margin-bottom: 13px;
	font-size: 12px;
	min-height: 270px;
	/*overflow: hidden;*/
}

.smoke_gallery_item h2, #shout_box h2 {
	margin: 0;
	padding: 5px 0 10px;
	font-size: 20px;
}

#vote_count {
	background: url(../img/contest/bg_vote_count.png) no-repeat;
	width: 63px;
	height: 18px;
	text-align: center;
	color: #222;
	font-weight: bold;
	font-size: 11px;
	float: left;
	margin-left: 10px;
	margin-top: 1px;
}

#shout_box {
	float: left;
	width: 210px;
	margin-left: 30px;
	margin-top: 31px;
	background: url(../img/contest/bg_gallery.png) repeat;
}

.shout_box_item {
	border-bottom: 1px solid #fff;
	padding: 10px 0;
}

span.shoutbox_nick {
	text-decoration: underline;
	font-family: arial, helvetica, sans-serif;
	color: #e5c091;
	font-weight: bold;
}

span.shoutbox_date {
	color: #c6c6c6;
}

input.shoutbox {
	font-size: 14px;
	color: #444444;
	padding: 3px;
	border: none;
	background: #fff;
	width: 96%;
	margin: 6px 0;
}

a.shoutbox_count_link {
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
}

small {
	font-size: 11px;
}

#fb_like {
	padding-top: 35px;	
}

.contest_admin_table {
	border-collapse: collapse;
	width: 100%;
}

.contest_admin_table th{
	background: #343434;
	color: #fff;
	font-weight: bold;
	padding: 7px 4px;
	text-align: left;
	font-size: 12px;
	border: 1px solid #aeaeae;
}

.contest_admin_table td{
	padding: 4px 6px;
	text-align: left;
	font-size: 12px;
	border: 1px solid #aeaeae;
	color: #343434;
}

.contest_admin_table td a {
	color: #343434;
}
