ÿþ/*#############################################################

Name: Dirtylicious

Date: 2007-03-10

Description: A soft-colored, bright and somewhat dirty two-column template.

Author: Viktor Persson

URL: http://templates.arcsin.se



Feel free to use and modify but please provide credits.

#############################################################*/



/* standard elements  */

html {min-height: 100%;}



* {

	margin: 0;

	padding: 0;

}



a {color: #000000;}

a:hover {color: #000000;}

/* 181421 #444 4B68C4 */ 

body {

	background: #000c11 url('img/TNT-tiles-01a.jpg') repeat Left top;

	color: #010101;

	font: normal 62.5% Tahoma,sans-serif;

	padding-top: 64px;

}



p,code,ul {padding-bottom: 1.2em;}



li {list-style: none;}



h1 {font: normal 1.8em Tahoma,sans-serif;}

h2 {font: bold 1.4em sans-serif;}

h3 {font: bold 1em Tahoma,sans-serif;}





a.konsertlink {font-family: arial, Helvetica, sans-serif; color: #010101; text-decoration: none; font-size: 12px;}

A:hover {COLOR: #010101; TEXT-DECORATION: none;}



form,input {margin: 0; padding: 0; display: inline;}



code {

	background: #FFF;

	border: 1px solid #EEE;

	border-left: 6px solid #CCC;

	color: #666;

	display: block;

	font: normal 1em Tahoma,sans-serif;

	line-height: 1.6em;

	margin-bottom: 12px;

	padding: 8px 10px;

	white-space: pre;

}



blockquote {

	background: url(img/quote.gif) no-repeat;

	display: block;

	font-weight: bold;

	padding-left: 28px;

}



h1,h2,h3 {padding-top: 6px; color: #010101; margin-bottom: 4px;}



/* misc */

.clearer {clear: both; font-size: 0;}

.left {float: left;}

.right {float: right;}



/* structure  D7D7D2 */

.inner-container {

	border: 2px solid #D7D7D2;

	background: #FFF;

	font-size: 1.2em;

	margin: 0 auto;

	padding: 10px;

	width: 880px;

}



.outer-container {

	background: url('') no-repeat center bottom;

	padding-bottom: 64px;

}





/* headere & title */

.header {

	background: #222 url('img/banner04.jpg') no-repeat;

	height: 160px;

	margin-bottom: 5px;

	text-align: center;

}

.header .title {

	color: #FFF;

	padding-top: 120px;

}

.header .title .sitename a {

	border-bottom: 1px dashed #657382;

	color: #FFF;

	font: normal 3em sans-serif;

	padding-bottom: 2px;

	text-decoration: none;

}

.header .title a:hover {border-color: #F60;}

.header .title .slogan {

	font: normal 1.1em Verdana,sans-serif;

	padding-top: 6px;

}



/* band */

.band {

	background: #2e303f;

	color: #FFF;

	font: normal 1.1em Verdana,sans-serif;

	padding: 8px 12px;

	margin-bottom: 4px;

}

.band a {

	color: #FAFAFA;

	text-decoration: none;

}

.band a:hover {

	color: #FFE;

	font-weight: 900;

}



/* path #fafafa */

.path {

	background: #7b7883;

	color: #000000;

	font: normal 1.1em Verdana,sans-serif;

	padding: 8px 12px;

}

.path a {

	color: #FAFAFA;

	text-decoration: none;

}

.path a:hover {

	color: #FFE;

	font-weight: 900;

}



/* main */

.main {

	background: url(img/main2.gif) repeat-y;

	border-top: 4px solid #FFF;

	padding: 8px 12px 0 0;

}



/* content 11485d*/

.content {

	float: right;

	width: 638px;

}

.content .descr {

	color: #010101;

	font-size: 0.9em;

	margin-bottom: 6px;

}

.content li {

	list-style: url(img/li.gif);

	margin-left: 18px;

}

.content p {font-family: "Lucida Sans Unicode",sans-serif;}



/* navigation */

.navigation {

	float: left;

	width: 210px;

}

.navigation h2 {

	color: #010101;

	font: bold 1.1em Tahoma,sans-serif;

	line-height: 30px;

	margin: 0;

	padding-left: 12px;

}

.navigation ul {

	padding: 0;

	border-top: 1px solid #EAEADA;

}

.navigation li {border-bottom: 1px solid #EAEADA;}

.navigation li a {

	font-size: 1.1em;

	color: #010101;

	display: block;

	padding: 8px 0 8px 5%;

	text-decoration: none;

	width: 95%;

}

.navigation li a:hover {

	background: #F0F0EB;

	color: #654;

	font-weight: 900;	

}



/* footer */

.footer {

	background: #2e303f;

	color: #F7F7F2;

	font: bold 1em sans-serif;

	margin-top: 5px;

	padding: 10px 12px;

}

.footer a {

	color: #F7F7F2;

	text-decoration: none;

}

.footer a:hover {color: #FFC;}



<style type="text/css">

	dl.image_map {display:block; width:500px; height:620px; background:url(http://home.online.nouploaded_files/4201011291542347_splash-01b.jpg); position:relative; margin:2px auto 2px auto;}

	a.BLINK {left:498px; top:618px; background:transparent;}

	a.BLINK {display:block; width:202px; height:17px; overflow:hidden; position:absolute; font-size:0px;}

	a.BLINK:hover  {background:black; border:1px dashed white; color:white; font-size:9px;}

</style>



<dl class="image_map">

	<dd><a class="BLINK" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_4201011291542347">Mapped @ Image Mapper</a></dd>

</dl>



<!-- Image map text links - Start - If you do not wish to have text links under your image map, you can move or delete this DIV 

<div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:500px;">

	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://home.online.no/~kaawo/index_no.html" title="Norwegian language fro the Scandinavian release Engine">Norwegian language fro the Scandinavian release Engine</a>

 | 	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://home.online.no/~kaawo/index_en.html" title="English language for the Japanese & European release A Farewell To Arms">English language for the Japanese & European release A Farewell To Arms</a>

 | 	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/index.php?aff=mapped_users_4201011291542347" title="Image Map">Image Map</a> <style type="text/css">

	dl.image_map {display:block; width:500px; height:620px; background:url(http://home.online.nouploaded_files/4201011291542347_splash-01b.jpg); position:relative; margin:2px auto 2px auto;}

	a.BLINK {left:498px; top:618px; background:transparent;}

	a.BLINK {display:block; width:202px; height:17px; overflow:hidden; position:absolute; font-size:0px;}

	a.BLINK:hover  {background:black; border:1px dashed white; color:white; font-size:9px;}

</style>



<dl class="image_map">

	<dd><a class="BLINK" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_4201011291542347">Mapped @ Image Mapper</a></dd>

</dl>



<!-- Image map text links - Start - If you do not wish to have text links under your image map, you can move or delete this DIV -->

<div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:500px;">

	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://home.online.no/~kaawo/index_no.html" title="Norwegian language fro the Scandinavian release Engine">Norwegian language fro the Scandinavian release Engine</a>

 | 	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://home.online.no/~kaawo/index_en.html" title="English language for the Japanese & European release A Farewell To Arms">English language for the Japanese & European release A Farewell To Arms</a>

 | 	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/index.php?aff=mapped_users_4201011291542347" title="Image Map">Image Map</a>

</div>

<!-- Image map text links - End - -->



</div>

<!-- Image map text links - End - -->