/** Tyylitiedosto.fi - style.css **/

/* // Basics // */

@font-face {
	font-family: MuseoSans;
	font-weight: normal;
	src: url('../imgv2/MuseoSans_500.otf');
	/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
}

@font-face {
	font-family: Museo;
	font-weight: normal;
	src: url('../imgv2/Museo500-Regular.otf');
	/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
}

body {
	background: #000 url('../imgv2/bodybg.jpg') no-repeat 100% 0;
	margin: 0;
	padding: 0;
	font-family: MuseoSans, "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #DFDFDF;
}

img { border: none; }

ul 	{ margin: 0; padding: 0; }
a 	{ outline: none; color: #CFCFCF; text-decoration: none;}
a:hover { color: #FFF; }
a.rsslink {
	color: #F28300;
}
a.rsslink:hover {
	color: #FFF;
}
a.twitterlink {
	color: #33CCFF;
}
a.twitterlink:hover {
	color: #FFF;
}
a.peek { 
	text-indent: -9999px;
	position: absolute; 
	height: 96px; 
	width: 41px; 
	left: 0; 
	top: 5px;
	background-repeat: no-repeat;
}

input { border: none; outline: none; padding: 0; margin: 0; }

/* // H2 // */

.tagshead { 
	height: 40px; 
	text-indent: -9999px; }
	
/* // LOGO // */

#logo a {
	display: block;
	width: 360px;
	height: 70px;
	margin: 40px 0 40px 0;
}
#logo h1 {
	text-indent: -9999px;
}
/* // TOP NAVIGATION // */
#topnav {
	width: 960px;
	height: 40px;
	margin-left: 40px;
}
#topnav ul {
	list-style: none;
	margin-left: 5px;
}
#topnav ul li {
	float: left;
}
#topnav ul a {
	display: block;
	width: 95px;
	height: 40px;
	text-indent: -9999px;
}

	/* /// COLOR THEMES */
	
	
	.blue 		#logo a 				{ background: url('../imgv2/logo_cyan.png') no-repeat; }
	.magenta 	#logo a 				{ background: url('../imgv2/logo_magenta.png') no-repeat; }
	.green 		#logo a 				{ background: url('../imgv2/logo_green.png') no-repeat; }
	.yellow 	#logo a 				{ background: url('../imgv2/logo_yellow.png') no-repeat; }
	.red 		#logo a 				{ background: url('../imgv2/logo_red.png') no-repeat; }
	.orange		#logo a 				{ background: url('../imgv2/logo_orange.png') no-repeat; }
	
	.blue 		.tags					{ width: 80px; background: url('../imgv2/blue.png') no-repeat; background-position: -128px -95px; }
	.magenta 	.tags 					{ width: 80px; background: url('../imgv2/magenta.png') no-repeat; background-position: -128px -95px; }
	.green 		.tags 					{ width: 80px; background: url('../imgv2/green.png') no-repeat; background-position: -128px -95px; }
	.yellow 	.tags 					{ width: 80px; background: url('../imgv2/yellow.png') no-repeat; background-position: -128px -95px; }
	.red 		.tags	 				{ width: 80px; background: url('../imgv2/red.png') no-repeat; background-position: -128px -95px; }
	.orange 	.tags	 				{ width: 80px; background: url('../imgv2/orange.png') no-repeat; background-position: -128px -95px; }
	
	.blue 		.pop					{ background: url('../imgv2/blue.png') no-repeat; background-position: -218px -96px; }
	.magenta 	.pop 					{ background: url('../imgv2/magenta.png') no-repeat; background-position: -218px -96px; }
	.green 		.pop 					{ background: url('../imgv2/green.png') no-repeat; background-position: -218px -96px; }
	.yellow 	.pop					{ background: url('../imgv2/yellow.png') no-repeat; background-position: -218px -96px; }
	.red 		.pop	 				{ background: url('../imgv2/red.png') no-repeat; background-position: -218px -96px; }
	.orange 	.pop	 				{ background: url('../imgv2/orange.png') no-repeat; background-position: -218px -96px; }
	
	.blue 		.search					{ background: url('../imgv2/blue.png') no-repeat; background-position: -126px -140px; }
	.magenta 	.search 				{ background: url('../imgv2/magenta.png') no-repeat; background-position: -126px -140px; }
	.green 		.search					{ background: url('../imgv2/green.png') no-repeat; background-position: -126px -140px; }
	.yellow 	.search					{ background: url('../imgv2/yellow.png') no-repeat; background-position: -126px -140px; }
	.red 		.search	 				{ background: url('../imgv2/red.png') no-repeat; background-position: -126px -140px; }
	.orange		.search	 				{ background: url('../imgv2/orange.png') no-repeat; background-position: -126px -140px; }
	
	.blue		#topnav ul a 			{ background: url('../imgv2/blue.png') no-repeat top left; }
	.magenta	#topnav ul a 			{ background: url('../imgv2/magenta.png') no-repeat top left; }	
	.green		#topnav ul a 			{ background: url('../imgv2/green.png') no-repeat top left; }
	.yellow		#topnav ul a 			{ background: url('../imgv2/yellow.png') no-repeat top left; }
	.red		#topnav ul a			{ background: url('../imgv2/red.png') no-repeat top left; }
	.orange		#topnav ul a			{ background: url('../imgv2/orange.png') no-repeat top left; }
		
		  		#topnav ul #all 		{ background-position: 0 0; }		
		  		#topnav ul #all:hover,		  		
		  		#topnav ul #all[class=active] { background-position: 0 -42px; }
		  		
		  		#topnav ul #suomi 		{ background-position: -95px 0; }	
		  		#topnav ul #suomi:hover, 
		  		#topnav ul #suomi[class=active] { background-position: -95px -42px; }
		  		
		  		#topnav ul #world 		{ background-position: -190px 0; }	
		  		#topnav ul #world:hover,
		  		#topnav ul #world[class=active] { background-position: -190px -42px; }
		  		
		  		#topnav ul #loved 		{ width: 125px; background-position: -285px 0; }	
		  		#topnav ul #loved:hover,
		  		#topnav ul #loved[class=active] { background-position: -285px -42px; }
		  		
		  		#topnav ul #suggest 	{ background-position: -410px 0; }	
		  		#topnav ul #suggest:hover,
		  		#topnav ul #suggest[class=active] { background-position: -410px -42px; }
		  		
		 		#topnav ul #pending 	{ background-position: -505px 0; }	
		 		#topnav ul #pending:hover,
		 		#topnav ul #pending[class=active] { background-position: -505px -42px; }
		 		
	.blue		.peek 					{ background: url('../imgv2/blue.png'); background-position: 0 97px; }
	.magenta	.peek 					{ background: url('../imgv2/magenta.png'); background-position: 0 97px; }	
	.green		.peek 					{ background: url('../imgv2/green.png'); background-position: 0 97px; }
	.yellow		.peek 					{ background: url('../imgv2/yellow.png'); background-position: 0 97px; }
	.red		.peek					{ background: url('../imgv2/red.png'); background-position: 0 97px; }
	.orange		.peek					{ background: url('../imgv2/orange.png'); background-position: 0 97px; }
	
	.blue		.peek:hover				{ background: url('../imgv2/blue.png'); background-position: -39px 97px; }
	.magenta	.peek:hover				{ background: url('../imgv2/magenta.png'); background-position: -39px 97px; }	
	.green		.peek:hover				{ background: url('../imgv2/green.png'); background-position: -39px 97px; }
	.yellow		.peek:hover				{ background: url('../imgv2/yellow.png'); background-position: -39px 97px; }
	.red		.peek:hover				{ background: url('../imgv2/red.png'); background-position: -39px 97px;}
	.orange		.peek:hover				{ background: url('../imgv2/orange.png'); background-position: -39px 97px;}
		 		
	
/* // PAGE CONTENT // */

#pagewrap {
	width: 960px;
	margin: 0 auto;
}

#contentwrap {
	overflow: hidden;
	width: 960px;
}

/* // THUMBNAILS // */

#thumbs {
	position: relative;
	float: left;
	height: 550px;
    overflow: hidden;
	width: 660px;
	padding-left: 40px;
}
#thumbswide {
	position: relative;
	float: left;
	height: 405px;
    overflow: hidden;
	width: 920px;
	margin-left: 40px;
	background: url('../imgv2/thumbbg.png');
}
#thumbs .thumb {
	background: url('../imgv2/thumbbg.png') repeat-y center;
	margin: 1px;
	padding: 1px;
	position: relative;
	float: left; 
	width: 125px;
	height: 125px;
	border: solid 1px transparent;
	overflow: hidden;
}
#thumbs .thumb .img {
	position: absolute;
	top: 0;
	left: 0;
	height: 125px;
	width: 125px;
}
#thumbs .thumb .details {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 125px;
	width: 125px;
	border: solid 1px #000;
	background: #000;
	color: #AFAFAF;
}

#thumbs .thumb .details p {
	font-family: MuseoSans, Arial, Helvetica, sans-serif;
	color: #EFFEFF;
	font-size: 1.4em;
	margin-top: 0;
	float: left;
	padding-left: 15px;
}
#thumbs .thumb .details a {
	display: block;
	width: 160px;
	padding: 25px 15px 5px 15px;
	font-size: 0.9em;
	font-weight: bold;
	background: url('../imgv2/runs.png') no-repeat 20% 40%;
}

#thumbs .thumb .details .katso {
	background: url('../imgv2/eye.png') no-repeat;
	text-indent: -9999px;
}
#thumbs .thumb .details .lookmatags {
	background: url('../imgv2/tags.png') no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
#thumbs .thumb .details ul {
	list-style: none;
	padding: 0 15px 0 0;
	width: 125px;
	clear: left;

}
#thumbs .thumb .details ul li {
	float: left;

}
#thumbs .thumb .details ul li a {
	display: block;
	height: 10px;
	width: 10px;
}
.bigthumb {
	width: 395px;
	height: 395px;
	overflow: hidden;
	float: left;
	padding: 5px;
	background: url('../imgv2/thumbbg.png') repeat-y center;
}

.bigdetails {
	position: relative;
	float: left;
	margin-left: 50px;
}

.bigdetails ul {
	list-style: none;
}
.bigdetails ul .expires {
	color:#7F7F7F;
	font-size: 0.7em;
	padding-top: 5px;
}
.bigdetails h2 {
	font-size: 4em;
	margin-bottom: 10px;
	width: 400px;
}
.bigdetails .viewcounts {
	position: absolute;
	font-size: 6em;
	top: 160px;
	left: 5px;
	padding-right: 20px;
	font-family: Museo, Georgia, "Times New Roman", Times, serif;
	background: url('../imgv2/runs.png') no-repeat right;
}

/* // SIDEBAR & TAGS // */

#sidebar {
	float: left;
	width: 240px;
	padding: 0 0 0 20px;
}

	.tagwidget {
		
		padding: 0 0 20px 5px;
	
	}
	
	.dosearch #keywords,
	.dosearch #submit {
		margin-top: 7px;
		background: none;
		float: left;
		padding-left: 8px;
	}
	
	.dosearch #keywords {
		width: 150px;

	}
	.dosearch #submit {
		width: 35px;
		cursor: pointer;
	}
	.dosearch #wrapform {
		height: 30px;
		width: 200px;
		background: url('../imgv2/searchformbg.png') top no-repeat;
	}


/* // PAGINATION // */

#pagination ul {
	float: right;
	list-style: none;
	clear: both;
	margin-right: 10px;
}
#pagination ul li {
	float: left;
}
#pagination li a, 
#pagination li a:link {
	color: #6F6F6F;
	font-size: 0.7em;
	display: block;
    text-align:center;
	width:35px;
    height:20px;
    padding-top:6px;
	background: url(../imgv2/pagination.png) no-repeat;
}
#pagination li a:hover,
#pagination li a.current { 
	color:#FFF;
	background-position: 0 -26px;
}
#nextprevlinks {
	position: relative;
}
#nextprevlinks ul {
	position: absolute;
	top: 370px;
	left: 445px;
	list-style: none;
}
#nextprevlinks ul li {
	float: left;
}
#nextprevlinks ul li a {
	padding: 3px 10px;
	display: block;
}

/* // FOOTER // */
#footer {
	text-transform: uppercase;
	padding-top: 8px;
	margin: 15px 0 20px 20px;
	height: 50px;
	font-size: 0.7em;
}
#footer ul {
	list-style: none;
}
#footer ul li { 
	float: left;
}
#footer ul li a {
	display: block;
	padding: 10px 5px;
}

#footer .minilogo {
	display: block;
	float: left;
	padding-right: 10px;
	padding-top: 6px;
}


/* // FORM // */


#form {
    width:630px;
	height: 225px;
	overflow: hidden;
	margin: 0;
	padding:40px 15px 25px 10px;
	background: url('../imgv2/formbg.png') bottom left no-repeat;
}
#form_intro {
        margin:0 30px;
        float:left; 
        width:250px;
}
#form .suggesthead {
		width: 150px;
		height: 23px;
		background: url('../imgv2/suggesthead.png') no-repeat;
		text-indent: -9999px;
	
}
#suggest_form {
        padding-top:10px;
        width:270px;
        float:left;
}

#form fieldset {
	border: none;
}

#form label { 
	display: block;
	width: 50px;
	height: 12px;
	float: left; 
	margin-right: 12px;
	margin-top: 8px;
	cursor: pointer;
}
#form .row {
	float: left;
	width: 250px;
}
#form .lbl_field_id_7 {
	background: url('../imgv2/suggestformlabels.png') no-repeat;

}
#form .error_field_id_7 {
	background: url('../imgv2/suggestformlabels.png') no-repeat;
	background-position: 0 -12px;
}
#form .lbl_field_id_8 {
	background: url('../imgv2/suggestformlabels.png') no-repeat;
	background-position: 0 -24px;
}
#form .error_field_id_8 {
	background: url('../imgv2/suggestformlabels.png') no-repeat;
	background-position: 0 -36px;

}
#form input {
	float: left;
	background: url('../imgv2/inputbg.png') no-repeat;
	border: none;
	padding: 6px;
    margin:10px 0;
	color: #4d4d4d;
	width: 240px;
	height: 20px;
	outline: none;
}
#form #submitbutton {
	margin-top: 2px;
        mar
	padding: 1px 0;
	background: url('../imgv2/submit.png') no-repeat;
	width: 41px;
	height: 27px;
        float:right;
}
#form #submitbutton:hover {
	background-position: 0 -27px;
	cursor: pointer;
}

#checking { padding:0 15px;}



/* // OFFLINE // */

#offlinenote {
	padding: 200px;
}

/* // MISC // */




#ads { width: 900px; margin: 22px 0 0 47px; padding: 3px 0 0 0; }
#ads ul {list-style:none;}
#ads ul li { float: left; margin-left: 5px; height: 100px; width: 100px; }
.branchrLink { font-size: 0.7em; text-transform: uppercase; }
.strike { text-decoration: line-through;}
.hidden { display: none;}
.clear { clear: both; }