/* ------ NOTES ---------------------------------------------------------------

Master Screen Style for http://www.jimmynordlund.se.

--------- UPDATE INFO ---------------------------------------------------------

Last updated: April 5 2006
Last update made by: Jimmy Nordlund (jimmy@digitalvenues.se)

--------- CONTENTS ------------------------------------------------------------

1: BODY AND UNIVERSAL RESET
2: PAGE STRUCTURE
3: LISTS
4: TYPOGRAPHY
5: MISC
	
---------------------------------------------------------------------------- */




/* 1: BODY AND UNIVERSAL RESET
============================================================================ */

body {
	width: 7530px;
	height: 600px;
	margin: 0;
	padding: 0;
	background: #fff url(../img/bg-body.gif) top left repeat-x;
	color: #fff;
	font-family: "Helvetica Neue", Arial, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	line-height: 16px;
	}

* {margin: 0; padding: 0;}


/* 2: PAGE STRUCTURE
============================================================================ */

#content {height: 600px;}

#intro {
	float: left;
	width: 455px;
	background: url(../img/bg-intro.gif) top right no-repeat;
	}
#intro img {float: right; margin: 20px 55px 0 0;}

#hi {
	float: left;
	width: 280px;
	margin: 0 0 80px 120px;
	padding: 11px 11px 0;
	background: #1c2122;
	text-shadow: 0 0 1px #000;
	}

p {margin: 0 0 11px;}

.project {
	float: left;
	margin: 0 0 0 30px;
	padding: 0 37px 0 0;
	background: url(../img/bg-project.gif) top right no-repeat;
	}
.project img {float: left; clear: left;}
.project img.new {position: relative; margin: -425px 0 0 598px;}

.details {
	float: left;
	clear: both;
	margin: 10px 0 20px 22px;
	color: #767676;
	text-shadow: none;
	border-collapse: collapse;
	}
.details td {padding-right: 20px; vertical-align: top;}

#contact {
	float: left;
	width: 350px;
	margin: 160px 0 0 50px;
	text-shadow: 0 0 1px #000;
	}
#contact p {color: #6d8286;}

.vcard {margin-bottom: 20px;}

#elsewhere {
	list-style: none;
	float: left;
	width: 350px;
	margin: 0 0 40px;
	}


/* 4: TYPOGRAPHY
============================================================================ */

/* a) Links */

a:link, a:visited {
	color: #00a0b3;
	text-decoration: none;
	}
a:hover {background: #00a0b3; color: #fff;}
a.img {border: none; background: none;}

/* b) Headers */

h1#h1 {
	display: block;
	float: left;
	width: 354px;
	height: 68px;
	margin: 50px 0 30px 50px;
	background: transparent url(../img/h1.gif) no-repeat;
	text-indent: -9999px;
	}

h2 {
	padding: 78px 0 25px;
	margin-left: 20px;
	font-size: 26px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
	font-weight: 300;
	text-shadow: 0 0 1px #000;
	}
h2 span {color: #616465; margin-right: 15px;}

h3 {font-size: 13px; margin: 0 0 10px;}


/* MISC
============================================================================ */

.clearall {
	display: block;
	clear: both;
	height: 1px;
	margin: 0;
	font-size: 1px;
	line-height: 1px;
	}

.hide {display: none;}