/* ------------------------------------------------------------------------
Basic Style Sheet - Sponge New Media

Author: Oliver Coningham
Website: http://www.spongenewmedia.co.uk/
Email: oliver@spongenewmedia.co.uk
-------------------------------------------------------------------------*/


/* =General
-------------------------------------------------------------------------*/

*
	{
	margin: 0;
	padding: 0;
	}


.highlight
	{
	background-color: #eaeaea;
	padding: 3px;
	}

body
	{
	background: #2b2b2b url('../images/painted-bg.jpg') no-repeat top left; 
	color: #595957;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	}
	
#container
	{
	background: url('../images/container-bg.gif') repeat-y top left; 
	margin: auto;
	overflow: hidden;
	width: 770px;
	}
	
#content
	{
	background: url('../images/content-bg.jpg') no-repeat top left; 
	float: right;
	width: 730px;
	}

.hide
	{
	display: none;
	}


/* =Links
-------------------------------------------------------------------------*/

a
	{
	color: #595957;
	outline: none;
	}

a:hover
	{
	color: #2b2b2b;
	}

a.add-address
	{
	background: url('../images/hcard-icon.gif') no-repeat 0 50%;
	padding: 3px 0 5px 34px;
	}
		

/* =Navigation
-------------------------------------------------------------------------*/

#nav
	{
	background: url('../images/nav-bg.gif') no-repeat top left; 
	float: left;
	height: 418px;
	list-style: none;
	width: 40px;
	}
	
#nav a
	{
	display: block;
	height: 103px;
	text-indent: -25000px;
	width: 40px;
	}
	
#nav a:hover
	{
	background-position: 0 -103px;
	}
	
#nav .selected a
	{
	background-position: 0 -206px;
	}
	
#nav-welcome a
	{
	background: url('../images/welcome-tab.gif') no-repeat top left; 
	margin-top: 109px;
	}
		
#nav-blog a
	{
	background: url('../images/blog-tab.gif') no-repeat top left; 
	}

#nav-portfolio a
	{
	background: url('../images/portfolio-tab.gif') no-repeat top left; 
	}
	
#nav-contact a
	{
	background: url('../images/contact-tab.gif') no-repeat top left; 
	}
		
	
/* =Header
-------------------------------------------------------------------------*/

#header
	{
	background-color: #333;
	height: 193px;
	width: 730px;
	}
	
h1
	{
	background: url('../images/logo.jpg') no-repeat top left; 
	float: left;
	height: 193px;
	text-indent: -25000px;
	width: 312px;
	}
	
h1 a
	{
	display: block;
	height: 52px;
	margin: 90px 0 0 40px;
	width: 233px;
	}
	
h2
	{
	background: url('../images/tagline.jpg') no-repeat top left; 
	float: right;
	height: 193px;
	text-indent: -25000px;
	width: 418px;
	}
		
			
/* =Blog
-------------------------------------------------------------------------*/

#blog
	{
	display: inline;
	float: left;
	margin-left: 40px;
	width: 405px;
	}

#blog .date 
	{
	color:#999999;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-bottom: 0;
	}
		
#blog h3
	{
	border-bottom: 1px #e9e9e9 solid;
	font: normal 13px Arial, sans-serif;
	height: 23px;	
	line-height: 0;
	margin-bottom: 10px;
	}
	
#blog p
	{
	font-size: 95%;
	line-height: 1.75em;
	margin-bottom: 1.25em;
	}
		
#blog .info 
	{
	border-bottom: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
	padding: 10px 0;
	}

#blog .aztec 
	{
	background-color: #e9e9e9;
	font-size: 80%;
	text-align: center;
	padding: 10px;
	}
	
#blog .written-by
	{
	background: url('../images/page-icon.gif') no-repeat 0 50%; 
	padding: 2px 0 2px 21px;
	}

#blog .written-on
	{
	background: url('../images/clock-icon.gif') no-repeat 0 50%; 
	padding: 2px 0 2px 21px;
	}

#blog .contact-me
	{
	background: url('../images/contact-icon.gif') no-repeat 0 50%; 
	padding: 2px 0 2px 21px;
	}

#blog ul
	{
	font-size: 95%;
	line-height: 1.75em;
	list-style: inside;
	margin: 0 0 1.25em 30px;
	}
			
	
/* =Sidebar
-------------------------------------------------------------------------*/

#sidebar
	{
	display: inline;
	float: right;
        font-size: 90%;
	margin-right: 50px;
	width: 205px;
	}

#sidebar p
	{
	margin-bottom: 1.25em;
	}
	
#rss-feed a
	{
	background: url('../images/rss-feed.jpg') no-repeat top left;
	display: block; 
	height: 98px;
	text-indent: -25000px;
	width: 205px;
	}
	
#rss-feed a:hover
	{
	background-position: 0 -98px;
	}
	
#twitter
	{
	background: url('../images/quotemarks.gif') no-repeat bottom right;
	margin-top: -6px;
	}

#my_twitter_status_time
	{
	color: #2b2b2b;
	font-weight: bold;
	}
	
#flickr-thumbs img 
	{ 
	border: 3px solid #ccc; 
	height:55px; 
	margin: 0 7px 3px 0; 
	width: 55px; 
	}

#flickr-thumbs img:hover
	{ 
	border: 3px solid #999; 
	}


/* =Archives
-------------------------------------------------------------------------*/

.archives-list
	{ 
	list-style: none; 
	}

.archives-list li
	{ 
	background: url('../images/page-icon.gif') no-repeat 0 50%; 
	padding: 2px 0 2px 21px;
	}

	
/* =Footer
-------------------------------------------------------------------------*/

#footer
	{
	background: url('../images/footer-bg.jpg') no-repeat top left; 
	clear: both;
	height: 130px;
	text-indent: -25000px;
	width: 770px;
	}
	
#footer hr
	{
	display: none;
	}
	

/* =sIFR - Do not modify these standard sIFR styles
-------------------------------------------------------------------------*/

.sIFR-flash 
	{
	visibility: visible !important;
	margin: 0;
	}

.sIFR-replaced 
	{
	visibility: visible !important;
	}

span.sIFR-alternate 
	{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
	
.sIFR-hasFlash h3, .sIFR-hasFlash h4
	{
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 17px;
	line-height: 1em;
	}

.sIFR-hasFlash #blog .date
	{
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 14px;
	line-height: 1em;
	}
		  
#sidebar h4
	{
	border-bottom: 1px #2b2b2b solid;
	font: normal 13px Arial, sans-serif;
	height: 17px;	
	line-height: 0;
	margin: 30px 0 10px 0;
	}


/* =Form
-------------------------------------------------------------------------*/

input, textarea 
	{
	background-color: #fcfbf7;
	border: 1px solid #ccc;
	color: #595957;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 95%;
	margin-top: 5px;
	padding: 10px;
	width: 300px;
	}

#submit
	{
	border: 0;
	cursor: pointer;
	padding: 0;
	height: 45px;
	width: 172px;
	}


/* =Portfolio
-------------------------------------------------------------------------*/

#portfolio-list
	{
	list-style-type: none;
	padding-left: 15px;
	}