/*//////////////////////////////////////////////
  //						//
  //	 COPYRIGHT © STEFAN ERIKSSON 2007.	//
  //	 ALL RIGHTS RESERVED.			//
  //						//
  //	 eMAIL: stefan@graphiccomics.com	//
  //	 PHONE: +46 705159446 (SWEDEN)		//
  //						//
  //////////////////////////////////////////////*/

/***************************************************
  GENERAL

****************************************************/

body,html {
	margin: 0px;
	padding: 0px;
}

body {
	font-family : verdana, arial sans-serif;
	font-size : 12px;
	color : #000000;
	background: #EEEEEE;
}

a:link { color: #001168; text-decoration: none;}
a:visited { color: #001168; text-decoration: none; }
a:hover { color: #3366CC; text-decoration: none; }
a:link#current { color: #3366CC; text-decoration: none;}

#container {
	width: 700px;
	border: #000000 solid 0px;
	margin: 0 0 0 -350px;
	position: absolute; left: 50%;
	background: url('bilder/bg_main.gif') center center repeat-y;
}


/***************************************************
  MAIN CONTAINERS

****************************************************/

#header {
	width: 700px;
	height: 149px;
	border: solid 0px;
	background: #EEEEEE url('bilder/bg_header.gif') center bottom no-repeat;
	padding: 0px 0 0 0px;
	margin: 00px 0 0 0px;
}


/* spiritslipsen 
#special_header {
	width: 56px;
	height: 149px;
	border: solid 0px;
	background: url('bilder/special_header.gif') right bottom no-repeat;
	padding: 0px 0 0 0px;
	margin: 00px 0 0 0px;
	position: absolute; top: 42px; left: 600px; z-index: 9999;
}
*/

#meny {
	width: 700px;
	height: 38px;
	background: #EEEEEE url('bilder/bg_maintop.gif') center bottom no-repeat;
	text-align: center;
	margin: 0px 0 0 0px;
}

#main_content {
	width: 612px;
	height: auto;
	padding: 19px 43px 0px 45px;
	margin: 0px 0 0 0px;
	position: relative;
}


/***************************************************
  MENY

****************************************************/

#menu {
	width: 700px;
	height: 38px;
	background: #EEEEEE url('bilder/bg_maintop.gif') center bottom no-repeat;
	text-align: center;
	margin: 0px 0 0 0px;
	position: relative; z-index: 99;
}

#menu ul {
	margin: 7px 0 0px 0px;
	padding: 0px;
	float:left;
	position: relative; left: 30px;
}

#menu ul li {
	height: 20px;
	display: block;
	list-style-type: none;
	margin: 0 4px 0 0px;
	float:left;
}

#menu ul ul {
	margin: 0px 0 0px 0px;
	padding: 0px;
	position: absolute; top: 0; left:0;
	border: #666 solid 1px;
	position: absolute; left: -9999px; top: -9999px;
}

#menu ul ul li {
	height: 18px;
	padding: 2px;
	background: #FFF;
	text-align: left;
	list-style-type: none;
	margin: 0 0 0 0px;
	clear: left;
}

#menu ul ul li a {
	display: block;
	width: 100px;
	padding: 3px;
	font-size: 10px;
	
}

#menu li:hover ul {
	display:block;
	position:absolute; left:-7px; top:15px; 
}

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

#menu a:hover {visibility:visible; cursor:pointer; position:relative;}
#menu li:hover {position:relative; z-index:200;}


#menu ul ul li a:link {color: #000; text-decoration: none; }
#menu ul ul li a:visited {color: #000000; text-decoration: none; }
#menu ul ul li a:hover{ color: #FFF; text-decoration: none; background: #666; }
#menu a#current {color: #000000; font-weight: bold; text-decoration: none; }

#menu a:link {color: #000000; text-decoration: none; }
#menu a:visited {color: #000000; text-decoration: none; }
#menu a:hover{ color: #000000; text-decoration: none; }
#menu a#current {color: #000000; font-weight: bold; text-decoration: none; }


/***************************************************
  LEFT CONTENT

****************************************************/

#left_content {
	border: #ff0000 0px solid;
	width: 440px;
	height: auto;
	margin: 0px 0 25px 0px;
	padding: 0px;
	float: left;
	position:relative;
	
}

#left_content p {
	text-align: justify;
	margin: 10px 0 0px 0px;	
}

#left_content p.center {
	text-align: center;
	margin: 5px 0 0px 0px;	
}

#left_content div.clients {
	border-left: #666666 0px solid;
	margin: 5px 0 0px 15px;	
}

#left_content div.galleri {
	text-align: right;
	margin: 15px auto 0 auto;	
}

#left_content div.galleri img {
	border: #000000 solid 1px;
	margin: 0px auto 0px auto;	
}

#left_content div.galleri p.headline {
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	color: #4D4D4D;
	font-size: 10px;
	margin: 5px 0 0 0;	
}

#left_content div.galleri p.description {
	text-align: left;
	color: #4D4D4D;
	font-size: 10px;
	margin: 5px 0 0 0;	
}

#left_content div.search_tags {
	border-left: #888 1px solid;
	padding: 0 0 0 8px;
	margin: 25px 0 0px 10px;	
}

#left_content div.search_tags p {
	color: #888;
	font-size: 10px;	
}

#left_content p.blog_headline {
	color: #4D4D4D;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	position: relative; top: 0px;
}

#left_content p.blog_date {
	color: #888;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px 0 8px 0;
	position: relative; top: 0px;
}

#left_content p.blog_spec {
	color: #888;
	font-size: 8px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 12px 0 0px 0;
	position: relative; top: 0px;
}

#left_content p.blog_spec {
	color: #888;
	font-size: 8px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 12px 0 0px 0;
	position: relative; top: 0px;
}

#left_content span.imgtext {
	font-size : 10px;
	letter-spacing: 1px;
	font-style: italic;
	color: #999999;
	padding: 0 0 0px 0;
	margin: 0 0 0px 5px;
	position: relative; top: -2px;
}

#left_content div.blog_index {
	margin: 10px 0 0px 0;
	padding: 10px 0 20px 0;
	/* border-bottom: #000 1px dashed; */
	position: relative; top: 0px;
}

#left_content div.blog_index img {
	margin: 5px 0 0px 0;
}

#left_content div.overlay {
	position: absolute; top: 48px; left: 344px; z-index: 9999;
}

#left_content p.prevnext {
	width: 440px;
	text-align: right;
}

#left_content span.prev {
	font-size: 10px;
	text-transform: uppercase;
	text-align: left;
}

#left_content span.next {
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
}

#left_content div.welcome_index {
	width: 366px;
	border: #999 dotted 1px;
	padding: 12px;
	margin: 0px auto 0px auto;	
}

#left_content .thumbnail {
	float: left;
	margin: 0px 6px 10px 0;	
}

#left_content div.posts {
	clear: left;
	margin: 20px 0px 15px 0;	
}

#left_content .blog_headline2 {
	color: #4D4D4D;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0 8px 0;
	position: relative; top: 0px;
}

#left_content .blog_date2 {
	color: #888;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 10px 0 0px 0;
	position: relative; top: 0px;
}

#left_content span.list_date {
	font-size : 10px;
	font-weight: normal;
	color: #999999;
	text-transform: lowercase;
	letter-spacing: 0px;
	margin: 0 0 0px 0;
	padding: 0;
	position: relative; top: -2px;
}

#left_content span.list_title {
	text-transform: uppercase;
	font-weight: normal;
	margin: 4px 0 0px 0;
	position: relative; top: 2px;
}

#left_content p.short_content {
	height: 45px;
	letter-spacing: 0px;
	margin: 10px 0 0px 0px;
	text-align: justify;
}

#left_content img.search_img {
	border: #000 solid 1px;
	margin: 0px 6px 8px 0;
}


/***************************************************
  RIGHT CONTENT

****************************************************/

#right_content {
	border: #ff0000 0px solid;
	width: 138px;
	margin: 0px 0 25px 0px;
	padding: 0px 0 23px 0px;
	float: right;
	position: relative;
	text-align: center;
}

#right_content p {
	margin: 0px 0 0px 0px;	
}

#right_content div.galleri {
	text-align:left;
	position: relative; left: 0px;
	margin: 0px 0px 30px 0px;
}

#right_content div.galleri img.galleri {
	border: #000 solid 1px;
	margin: 3px 1px 0px 0px;
}

#right_content div.galleri img.rubrik {
	margin: 0px 0 5px 0;	
}

#right_content div.searchbox {
	text-align: center;
	margin: 00px 0 0px 0;
}

#right_content div.searchbox form {
	margin: 0;
}

#right_content div.searchbox img.rubrik {
	margin: 0px 0px 8px 0px;	
}

#right_content div.searchbox input {
	border: #888 1px solid;
	width: 134px;
	margin: 0px 0 5px 0;
	position: relative; left: -1px;
}

#right_content div.searchbox p {
	text-align: left;
	font-size: 10px;
	margin: 5px 0 0px 0;
}

#right_content div.galleri p.headline {
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	color: #4D4D4D;
	font-size: 10px;
	margin: 3px 0 0 0;	
}

#right_content div.galleri p.description {
	text-align: left;
	color: #4D4D4D;
	font-size: 10px;	
}

#archive ul {
	width: 130px;
	padding: 4px;
	margin: 0px 0 5px 0px;
	position:relative; top: 0px;
}

#archive li {
	padding: 2px;
	list-style-type: none;
	margin: 0 0 0 0px;
}

#archive li.grey {
	color: #fff;
	padding: 2px;
	background: #4d4d4d;
	margin: 2px 0 2px 0px;
}

#archive a {padding:1px; }

#archive a:link {color: #000000; text-decoration: none; }
#archive a:visited {color: #000000; text-decoration: none; }
#archive a:hover{ color: #fff; text-decoration: none; background: #4d4d4d; }
#archive a#current {color: #000000; font-weight: bold; text-decoration: none; }





#guestbox_huv {
	width: 432px;
	border: 1px solid #AAAAAA ;
	color: #FFFFFF ;
	background-color: #AAAAAA ;
	margin: 25px 0px 0px 0px;
	padding: 4px;
}

#guestbox_main {
	width: 432px;
	border: 0px solid #AAAAAA ;
	color: #000000 ;
	background-color: #FFFFFF ;
	text-align: justify ;
	margin: 5px 0px 0px 0px;
	padding: 4px;
}

#guestbox_main a { text-decoration: none; color: #FF0000; }
#guestbox_main a:visited { text-decoration: none; color: #000000: }
#guestbox_main a:active { text-decoration: none; color: #000000; }
#guestbox_main a:hover { text-decoration: underline; color:#000000; }

#guest_form {	
	width: 176px;
	border: 0px solid #AAAAAA;
	margin: 0px 0px 0px -0px; 
	padding: 0px;
}

#guest_form p {
	font-size: 10px;
}

p.guest {
	padding: 0px 0px 5px 0px;
}

#guestbox_main div.line {
	border-top: #000 dashed 1px;
	margin: 10px 0px 5px -0px;
}

.guest_num {
	font-size: 10px;
	position: relative; top: 0px; left: 297px ;
}

.guest_button {	
	COLOR:#000000;
	FONT-SIZE:9pt;
	border: 1px solid black;
	BACKGROUND-COLOR:#FFFFFF;
	FONT-FAMILY:Verdana, Geneva, Arial, Sans-serif;
}

.TextField {
	width: 138px;
	COLOR:#000000;
	FONT-SIZE:9pt;
	BACKGROUND-COLOR:#FFFFFF;
	FONT-FAMILY:Verdana, Geneva, Arial, Sans-serif;
	border: 1px solid #000000;
	margin: 0 0 5px 0;
	}

.red_alert {
	color: #FF0000;
}

#right_content div.admin_bar {
	border: grey solid 1px;
	text-align:left;
	position: relative; left: 0px;
	margin: 30px 0px 30px 0px;
	padding: 0 0 5px 0;
}

#right_content div.admin_bar p.headline {
	width: 128px;
	background: grey;
	color: white;
	margin: 0px;
	padding: 4px;
}

#right_content div.admin_bar p {
	margin: 5px 0 0 5px;
	padding: 0px;
}


/***************************************************
  COMMENTS

****************************************************/

#comments {
	margin: 35px 0 0px 0px;
}

#comments img {
	margin: 0px;
	padding: 0;
}

#comments h3 {
	border-top: 1px solid;
	font-size : 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	margin: 0 0 10x 0;
	padding: 7px 0 0 0;
}

.comment_div {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #f6f6f6;

	margin: 0 0 10px 0;
	padding: 5px;
}

#comments p.comment_message {
	font-size: 10px;
	margin: 8px 0 6px 0;
	padding: 0px;
}

#comments span.message_date {
	font-size: 8px;
	color: #999999;
	letter-spacing: 0px;
	margin: 0 0 10px 0;
	padding: 0px;
}

#comments span.message_name {
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin: 5px 0 0px 0;
	padding: 0px;
	position: relative; top: 4px;
}

#comments span.message_country {
	font-weight: normal;
	font-size: 10px;
	letter-spacing: 0px;
	margin: 5px 0 0px 0;
	padding: 0px;
	position: relative; top: 4px;
}

#comments p.message_website {
	font-size: 10px;
	margin: 0px 0 6px 0;
	padding: 0px;
}

h3.postcomments {
	border-top: 1px solid;
	font-size : 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	margin: 0 0 10x 0;
	padding: 7px 0 0 0;
}


/***************************************************
  FOOTER

****************************************************/

#footer {
	width: 700px;
	height: 50px;
	background: #EEEEEE url('bilder/bg_mainbottom.gif') center top no-repeat;
	text-align: center;
	margin: 25px 0 0 0px;
	clear: both;
}

#footer p {
	margin: 0px;
	font-size: 9px;
	color: #888;
	text-transform: uppercase;
	position: relative; top: 15px;
}


/***************************************************
  MISC

****************************************************/

img {
	border: 0px;
}

span.headline {
	font-size: 16px;
	color: #4D4D4D;
	margin: 0 0 3px 0;
	font-weight: bold;
}

span.fotnot {
	font-size: 9px;
	color: #4D4D4D;
	margin: 0 0 0px 0;
	font-weight: normal;
}

span.censored {
	color: #000;
	background: #000;
}

div.specs {
	font-size: 10px;
	border: #AAA 1px solid;
	color: #4D4D4D;
	padding: 5px 5px 5px 7px;
	margin: 10px 40px 10px 40px;
	font-weight: normal;
	text-align: left;
}

div.specs img {
	margin: 0 5px 5px 0;
	float: left;
}

div.specs span {
	font-weight: bold;
}

div.specs h3 {
	margin: 0 0 -10px 0;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	font-style: normal;
}