/*
 __ __ __                                 __
|  |__|  |                               |  |
|  |__|  |__     __ ______    _____    __|  |   ____  ____
|  |  |  |  \  /  /|   _  \ /  _   \ /  _   |  / ___|/ __ \
|  |  |  |\  \/  / |  |_/  |  |_|   |  \_|  |__\___ \  ___/
|__|__|__| \_   /  |  ____/ \____|__|\______(__)____/\____|
            /  /   |  |
           /__/    |__|
		   
		Hi there! I see that you are sneaking around in my code!
	Please feel free to check it out, but dont steal it, its bad karma.
		
*/

/* -------------------------------------------------------
				Grunden
-------------------------------------------------------- */
*, head {
		outline: none;
		}
		
body	{
		background: #eeeee6 url('.png') top left no-repeat;
		width: 100%;
		margin: 0px;
		padding: 0px;
		font: italic 14px georgia;
		}
	
img 	{
		border: 0px solid #000;
		}
	
/* -------------------------------------------------------
				Logotypen
-------------------------------------------------------- */
h1#logo {
		width: 97px;
		height: 60px;
		top: 0px;
		position: absolute;
		left: 588px;
		z-index: 7;
}

a#logotype {
		font: 40px Arial;
		text-indent: -9999px;
		width: 97px;
		height: 60px;
		position: absolute;
		
		background: url('../09/logoBar.png') top left no-repeat;
		z-index: 7;
		}
		
a#logotype, img {
		border: none;
		margin: -7px 0px;
		z-index: 7;
		float: left;
		}
	
/* -------------------------------------------------------
				Portfoliot och Jobben/Introt
-------------------------------------------------------- */

.work {
		position: absolute;
		margin: 10px 10px 0px 10px;
		font: 15px/27px verdana;
		color: #f2e5c7;
		border: 1px solid #111;
		z-index: 1;
		}
		
.work_contact {
		position: absolute;
		margin: 0px;
		font: 15px/27px verdana;
		color: #f2e5c7;
		z-index: 1;
		}
		
		.w0 {border: 0px solid #000; width: 377px; height: 520px; padding: 0px 0px 0px 40px; color: #f6d8cc; z-index: 0;}
			p.hello {
					background: url('../images/helloBg.png') top left no-repeat;
					width: 69px;
					height: 41px;
					padding: 22px 0px 0px 17px;
					font: italic 17px Georgia;
					color: #f1b1b1;
					}
					
			.w0 p 	{
					width: 377px;
					font: italic 17px Georgia;
					color: #f3c3a9;
					margin: 30px 0px 0px 0px;
					}

		.w1 {background: url('../images/work_variouslogos.png') top left no-repeat; width: 823px; height: 520px; text-align: right;}
		.w2 {background: url('../images/work_ooba.png') center center no-repeat; width: 823px; height: 520px; text-align: right;}
		.w3 {background: url('../images/work_nordicfighter.png') top left no-repeat; width: 823px; height: 520px; text-align: right;}
		.w4 {background: url('../images/baten.png') top left no-repeat; width: 823px; height: 520px; text-align: right;}
		.w5 {background: url('../images/resan09.jpg') top left no-repeat; width: 823px; height: 520px; text-align: right;}
		.w6 {background: url('../images/ensamhet09.jpg') top left no-repeat; width: 823px; height: 520px; text-align: right;}
		.w7 {background: url('../images/landet.jpg') top left no-repeat; width: 823px; height: 520px; text-align: right;}
		.w8 {background: url('../images/deathtolife.jpg') top left no-repeat; width: 823px; height: 520px; text-align: right;}
		.w9 {background: url('../images/work_whale.png') top left no-repeat; width: 823px; height: 520px; text-align: right;}
		.w10 {background: url('../images/work_cssocean.png') top left no-repeat; width: 823px; height: 520px; text-align: right;}
		.w11 {background: url('../images/work_gtfjhn.png') top left no-repeat; width: 823px; height: 520px; text-align: right;}
		.w12 {background: url('../images/work_cm.png') top left no-repeat; width: 823px; height: 520px; text-align: right;}
		.w13 {width: 823px;}

/* -------------------------------------------------------
				Bakgrunden(färgen)
-------------------------------------------------------- */
.cerityBarBgBot {
		background: url('/images/pBg.png') top left no-repeat #1c1c1c;
		width: 100%;
		height: 540px;
		z-index: -5;
		}
		
.cerityBarBg {
		background: url('/images/pBgBot2.png') top left repeat-x #eeeee6;
		width: 100%;
		height: 355px;
		}
		
/* -------------------------------------------------------
				Thumbsen och baren
-------------------------------------------------------- */
.cerityBar {
		background-color: #1c1c1c;
		width: 100%;
		height: 45px;
		z-index: 5;
		}
		
.menu {
		background: url('../images/mbg.gif') top left no-repeat;
		width: 354px;
		height: 34px;
		margin: 7px 0px 0px 39px;
		float: left;
}

.menu a {
		font: 18px Georgia;
		color: #d6c3a9;
		margin: 6px 22px 0px 13px;
		text-decoration: none;
		float: left;
}

.menu a:hover {
		color: #fff;
		text-decoration: none;
}


		
.item {
		margin: 
		width: 68px;
		height: 68px;
		float: left;
		}
		
.num 	{
		background: url('../09/page.png') top left no-repeat;
		width: 38px;
		height: 17px;
		margin: 2px 0px 0px 2px;
		padding: 3px 0px 0px 6px;
		font: italic 12px Gerogia, sans-serif;
		color: #95886d;
		float: left;
		}
		
.hidework {
		float: right;
		}
		
.topBot {
		background: url('../images/cerityBarEnd.png') top left repeat-x;
		width: 100%;
		height: 10px;
		margin-top: -3px;
		z-index: -5;
		float: left;
		}

a.thumb1 {display: block; background: url('../thumbs/thumb.png') top left no-repeat; width: 34px; height: 34px; margin: 17px; float: left;}
a.thumb1:hover { background-position: 0px -34px;}
a.thumb2 {display: block; background: url('../thumbs/thumb.png') top left no-repeat; background-position: -40px 0px; width: 34px; height: 34px; margin: 17px; float: left;}
a.thumb2:hover { background-position: -40px -34px;}
a.thumb3 {display: block; background: url('../thumbs/thumb.png') top left no-repeat; background-position: -80px 0px; width: 34px; height: 34px; margin: 17px; float: left;}
a.thumb3:hover { background-position: -80px -34px;}
a.thumb4 {display: block; background: url('../thumbs/thumb.png') top left no-repeat; background-position: -120px 0px; width: 34px; height: 34px; margin: 17px; float: left;}
a.thumb4:hover { background-position: -120px -34px;} 
a.thumb5 {display: block; background: url('../thumbs/thumb.png') top left no-repeat; background-position: -159px 0px; width: 34px; height: 34px; margin: 17px; float: left;}
a.thumb5:hover { background-position: -159px -34px;} 
a.thumb6 {display: block; background: url('../thumbs/thumb.png') top left no-repeat; background-position: -198px 0px; width: 34px; height: 34px; margin: 17px; float: left;}
a.thumb6:hover { background-position: -198px -34px;} 
a.thumb7 {display: block; background: url('../thumbs/thumb.png') top left no-repeat; background-position: -237px 0px; width: 34px; height: 34px; margin: 17px; float: left;}
a.thumb7:hover { background-position: -237px -34px;} 
a.thumb8 {display: block; background: url('../thumbs/thumb.png') top left no-repeat; background-position: -276px 0px; width: 34px; height: 34px; margin: 17px; float: left;}
a.thumb8:hover { background-position: -276px -34px;} 
a.thumb9 {display: block; background: url('../thumbs/thumb.png') top left no-repeat; background-position: -315px 0px; width: 34px; height: 34px; margin: 17px; float: left;}
a.thumb9:hover { background-position: -315px -34px;} 
a.thumb10 {display: block; background: url('../thumbs/thumb.png') top left no-repeat; background-position: -354px 0px; width: 34px; height: 34px; margin: 17px; float: left;}
a.thumb10:hover { background-position: -354px -34px;} 
a.thumb11 {display: block; background: url('../thumbs/thumb.png') top left no-repeat; background-position: -396px 0px; width: 34px; height: 34px; margin: 17px; float: left;}
a.thumb11:hover { background-position: -396px -34px;} 
a.thumb12 {display: block; background: url('../thumbs/thumb.png') top left no-repeat; background-position: -436px 0px; width: 34px; height: 34px; margin: 17px; float: left;}
a.thumb12:hover { background-position: -436px -34px;} 
a.thumb13 {display: block; background: url('../thumbs/thumb.png') top left no-repeat; background-position: -400px 0px; width: 34px; height: 34px; margin: 17px; float: left;}
a.thumb13:hover { background-position: -480px -34px;} 
a.thumb14 {display: block; background: url('../thumbs/thumb.png') top left no-repeat; background-position: -440px 0px; width: 34px; height: 34px; margin: 17px; float: left;}
a.thumb14:hover { background-position: -520px -34px;} 


a.prev 	{
		display: block;
		background: url('../thumbs/arrows.png') top left no-repeat;
		width: 7px;
		height: 11px;
		margin: 2px 3px 3px 2px;
		float: left;
		}
		
a.next {
		display: block;
		background: url('../thumbs/arrows.png') top left no-repeat;
		background-position: -22px 0px;
		width: 5px;
		height: 11px;
		margin: 2px 12px 0px 0px;
		float: right;
		}
		
.container {
		width: 765px;
		}
		
#work 	{
		width: 1000px;
		}
		
.about {
		background: #1c1c1c;
		width: 277px;
		position: relative;
		top: -1px;
		left: 824px;
		font: 11px/20px verdana;
		color: #cac4b4;
		text-align: left;
		}

.about b {
		font: 11px verdana;
		font-weight: bold;
		color: #f4eedb;
		margin-bottom: 4px;
		}

.about p {
		margin-bottom: 10px;
		}
		
.about h2 {
		margin: 0px;
		font: italic 17px georgia;
		color: #b3d5eb;
}

h2.infowork {
		margin: 0px;
		font: italic 17px georgia;
		color: #b3d5eb;
}

/* -------------------------------------------------------
				Tooltip(tools)
-------------------------------------------------------- */
#undermenu {
	display: block;
	position: absolute;
	float: left;
	z-index: 5;
}

.dropdown {
/*	visibility: hidden; */
	position: absolute;
	top: 2px;
	left: -32px;
	width: 140px;
	padding: 4px 10px 7px 9px;
	background: #282828;
	border: 1px solid #444;
	z-index: 5;
}

.dropdownWorks {
/*	visibility: hidden; */
	position: absolute;
	top: 2px;
	left: -32px;
	border: 1px solid #444;
	float: left;
	z-index: 5;
	
	background: #1c1c1c url('../images/rutnet.png') top left no-repeat;
	width: 276px;
	height: 206px;
}

.tools {
	background: url('../images/icon09/tools.png') top left no-repeat;
	width: 60px;
	height: 21px;
	margin: 14px 29px 0px 109px;
	float: left;
	cursor: pointer;
}

/* -------------------------------------------------------
				Footer
-------------------------------------------------------- */
.leftPosition {
		margin-left: 30px;
		
		}
		
		.left 	{
				margin: 30px 30px 0px 0px;
				width: 240px;
				border-right: 2px solid #222;
				font: Italic 14px Cambria, serif;
				letter-spacing: normal;
				font: 12px Verdana, serif;
				letter-spacing: normal;
				line-height: 1.6em;
				color: #555;
				float: left;
				}
				
				.left img {
						margin: -1px 3px 0px 0px;
						}
				
				.left h2 {
						font: italic 17px georgia;
						color: #5f9dc1;
						}
						
				.left a {
						text-decoration: none;
						width: 214px;
						height: 16px;
						padding: 6px 8px 9px 8px;
						color: #555;
						float: left;
						}
						
				.left a:hover {
						padding: 5px 8px 8px 7px;
						text-decoration: none;
						background-color:#000;
						color: #888;
						border: 1px solid #333;
						}
						
				.left a.galleries {
						text-decoration: none;
						width: 21px;
						height: 16px;
						padding: 7px 7px 10px 8px;
						color: #8d661a;
						}
						
				.left a.galleries:hover {
						text-decoration: none;
						background-color:#111;
						padding: 6px 6px 10px 7px;
						border: 1px solid #444;
						color: #e2b660;
						}
						
				p.more {
						margin: 0px 0px 0px 8px;
						padding-top: 8px;
						font: italic 14px georgia;
						color: #5f9dc1;
						float: left;
						}
						
/* -------------------------------------------------------
				Kontakta mig
-------------------------------------------------------- */
.contact {
	background: url('../images/contact_bg.png') top left no-repeat;
	width: 323px;
	height: 332px;
	padding: 17px;
	margin: 80px 0px 0px 35px;
	float: left;
}

.contact h2 {
	font: italic 27px georgia;
	color: #d37542;
	margin: 3px 0px 14px 9px;
	font-weight: normal;
}

input {
	background: #fff;
	padding: 7px;
	margin: 6px 0px 6px 9px;
	border: none;
	width: 278px;
	height: 16px;
	font: italic 11px Georgia;
	color: #856f23;
}

textarea {
	background: #fff;
	width: 278px;
	height: 116px;
	margin: 0px;
	padding: 7px;
	border: none;
	margin: 6px 0px 6px 9px;
	font: italic 11px Georgia;
	color: #856f23;
}

.submit {
	background: url('../09/submit.png') top left no-repeat;
	width: 130px;
	height: 17px;
	margin: 17px 0px 0px 14px;
	text-indent: -9999px;
	float: left;
}

.submit:hover {
	background: url('../09/submit_hover.png') top left no-repeat;
	cursor: pointer;
}


		
		.demos {color: #fff; width: 77px; height: 21px; float: left; list-style-type:none;}
		.demos .box{list-style-type:none; cursor: pointer;}
		
		
		
		
.all {
	width: 821px;
	float: left;
}
#content {
	background: url('images/blog_bg.png') top left no-repeat;
	margin: 27px 0px 0px 43px;
	width: 540px;
	height: 578px;
	float: left;
	clear: both;
}

#left {
	padding: 21px 0px 0px 23px;
	width: 498px;
	float: left;
}

#left p {
	font: 12px/18px verdana;
	color: #fff;
	float: left;
}

#sidebar ul li {
	list-style-type: none;
}

hr {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 1px solid #22252d;
	width: 517px;
	margin-bottom: -1px;
}

.infobox {
	background: url('images/side_bg.png') top left no-repeat;
	width: 204px;
	height: 162px;
	margin-top: 68px;
	padding: 8px 17px 12px 17px;
	float: left;
}

.infobox p {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font: 12px/23px verdana;
}

.right {
	float: right;
}

#sidebar ul li {
	margin: 0px;
	padding: 14px;
}

#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
}

h2 {
	font: normal 23px georgia;
	color: #fff;
	margin: 4px 0px;
}

h2 a {
	font: normal 23px georgia;
	color: #fff;
	text-decoration: none;
	margin: 4px 0px;
	float: left;
}

h2.infowork {
		margin: 0px;
		font: italic 17px georgia;
		color: #b3d5eb;
}

.h2 {
	width: 517px;
	height: 41px;
	margin-left: 23px;
	border-bottom: 1px solid #22252d;
	float: left;
}

span.numb {
	margin: 0px;
	padding: 3px 10px 7px 8px;
	width: 23px;
	height: 31px;
	background: #2b2b2b;
	color: #515151;
	font: 21px arial;
	float: right;
}

span.numb2 {
	margin: -4px 0px 0px 3px;
	font: 10px arial;
	text-transform: uppercase;
	float: left;
}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

#sidebar ul {
	padding: 0px;
	margin: 0px;
}

#sidebar
{
	width: 228px;
	}

/* End Sidebar */