/* ----------------------------------------------------------------------------------------- 
Ollie Kavanagh
http://www.olliekav.com
21 Beechcroft Road
Tooting Bec
London
SW17 7BX

Visual design copyright 2008. All Rights Reserved. 
XHTML/CSS released under a Creative Commons Attribution 2.5 licence.
----------------------------------------------------------------------------------------- */
html {
	font-size:100%;
}
body, html {
	height:100%;
	margin:0;
	padding:0;
  position:relative;
	width:100%;
}
body {
	background:url(../images/background-v1.jpg) top left no-repeat;
	font-size:75%; /* reset the body type size down to a standard 12px form 16px - 0.75 * 16px = 12px */
}
img {
	border:0;
}
h1, h2, h3 {
	margin:0;
	padding:0;
}
h1 {
	display:none;
}

/* Intro text */
p {
	color:rgba(0, 0, 0, 0.3);
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:2.3em;
	font-weight:bold;
	left:670px;
	letter-spacing:-2px;
	line-height:1.2em;
	position:absolute;
	top:460px;
	width:960px;
	z-index:50;
}
p:hover {
	color:rgba(0, 0, 0, 0.8);
	-webkit-transition: color 0.5s linear;
}
p a:link,
p a:visited {
	color:#000;
	color:rgb(36, 36, 36);
	color:rgba(0, 0, 0, 0.8);
	text-decoration: none;
	text-transform: uppercase;
}
p a:hover {
	text-decoration: underline;
}
/* we have a link to the flash version and a paragraph intor that sit position absolute */
a.flash:link,
a.flash:visited {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:3em;
	font-weight:bold;
	color:rgb(36, 36, 36);
	color:rgba(0, 0, 0, 0.3);
	letter-spacing:-3px;
	left:500px;
	position:absolute;
	top:17px;
	text-decoration: none;
}
a.flash:hover {
	color:rgba(0, 0, 0, 0.8);
	text-decoration: underline;
	-webkit-transition: color 0.5s linear;
}

/* generic hover styles for the red links - Aachen Font */
h2.blog a,
h2.lastfm a,
h2.linkedin a {
	display:block;
	text-indent:-99999px;
}
h2.blog a:hover,
h2.lastfm a:hover,
h2.linkedin a:hover {
	filter: alpha(opacity=80);
	opacity:0.8;
	-webkit-transition: opacity 0.5s linear;
}

/* Blog header */
h2.blog {
	height:370px;
	left:20px;
	position:absolute;
	top:23px;
	width:940px;
}
h2.blog a {
	background:url(../images/hd-blog.jpg) top left no-repeat;
	height:370px;
	width:940px;
}
/* LastFM header */
h2.lastfm {
	height:472px;
	left:98px;
	position:absolute;
	top:407px;
	width:478px;
}
h2.lastfm a {
	background:url(../images/hd-lastfm.jpg) top left no-repeat;
	height:472px;
	width:478px;
}
/* LastFM header */
h2.linkedin {
	height:311px;
	left:606px;
	position:absolute;
	top:568px;
	width:747px;
}
h2.linkedin a {
	background:url(../images/hd-linkedin.jpg) top left no-repeat;
	height:311px;
	width:747px;
}


/* generic hover styles for the black links - Babel Font */
h2.flickr a,
h2.portfolio a,
h2.delicious a {
	display:block;
	height:72px;
	opacity:0.8;
	text-indent:-99999px;
}
h2.flickr a:hover,
h2.portfolio a:hover,
h2.delicious a:hover {
	opacity:0.9;
	-webkit-transition: opacity 0.5s linear;
}

/* Flickr header */
h2.flickr {
	height:514px;
	left:18px;
	position:absolute;
	top:280px;
	width:183px;
}
h2.flickr a {
	background:url(../images/hd-flickr.png) top left no-repeat;
	height:514px;
	width:183px;
}
/* Portolfio header */
h2.portfolio {
	height:207px;
	left:224px;
	position:absolute;
	top:236px;
	width:924px;
}
h2.portfolio a {
	background:url(../images/hd-portfolio.png) top left no-repeat;
	height:207px;
	width:924px;
}
/* Delicious header */
h2.delicious {
	height:327px;
	left:554px;
	position:absolute;
	top:467px;
	width:78px;
}
h2.delicious a {
	background:url(../images/hd-delicious.png) top left no-repeat;
	height:327px;
	width:78px;
}
/* List of contact items */
ul {
	left:18px;
	list-style-type: none;
	margin:0 0 0 0;
	padding:0;
	overflow:hidden; /* Hide the list items */
	position:absolute;
	top:808px;
}
ul li {
	float: left;
	line-height:normal;
	height:72px;
	margin:0;
	padding:0;
}
ul li a {
	display:block;
	height:72px;
	opacity:0.8;
	text-indent:-99999px;
}
ul li a:hover {
	opacity:0.9;
	-webkit-transition: opacity 0.5s linear;
}
/* Contact */
ul li.contact {
	width:338px;
}
ul li.contact a {
	background:url(../images/contact.png) top left no-repeat;
	width:338px;
}
/* About */
ul li.about {
	position:relative;
	margin-right:8px;
	width:273px;
}
ul li.about a {
	background:url(../images/about.png) top left no-repeat;
	width:273px;
}
/* Twitter */
ul li.twitter {
	margin-right:8px;
	position:relative;
	width:344px;
}
ul li.twitter a {
	background:url(../images/twitter.png) top left no-repeat;
	width:344px;
}
/* VCard */
ul li.vcard {
	position:relative;
	width:205px;
}
ul li.vcard  a {
	background:url(../images/vcard.png) top left no-repeat;
	width:205px;
}