body {
	background: transparent url(lib/i/body_bg.png) repeat-x top;
	text-align: center;
	}

html * {
	margin: 0;
	padding: 0;
	}

.null {
	position: absolute;
	top: -5000px;
	left: -5000px;
	}

.container {
	margin: 0 auto; 
	padding: 0 15px 0 40px;
	position: relative;
	text-align: left;
	width: 935px;
	}

/* Typography */

p {
	color: #555;
	font: 12px/24px "Trebuchet MS","lucida grande",verdana,sans-serif;
	margin: 7px 0;
	}

h1,h1 a {
	color: #111;
	font: 24px Georgia,times,serif;
	margin: 0;
	text-decoration: none;
	}

h2 {
	color: #3f6618;
	font: 14px "Trebuchet MS",verdana,sans-serif;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
	}

a img {
	border: 0 none;
	}

p a:link {
	text-decoration: underline;
	}

p a:visited,p a:hover {
	text-decoration: none;
	}

blockquote {
	font: 12px/24px "Trebuchet MS","lucida grande",verdana,sans-serif;
	padding: 10px 25px;
	border-top: 10px solid #eee;
	border-bottom: 10px solid #eee;
	}

/* Colour Coded */

#north .blog h1 a:hover,#north .blog h2,.blog p a { color: #598527; }
#north .gallery h1 a:hover,#north .gallery h2,.gallery p a { color: #0099ff; }
#header.about h2,#north .about h1 a:hover,#north .about h2,.about p a { color: #ed145a; }
#north .contact h1 a:hover,#north .contact h2 ,.contact p a{ color: #f9ae18; }

#south .blog ul a:hover {
color: #acf128;
}

#south .gallery ul a:hover {
color: #00aeef;
}

/* Header */

#patch { /* Hibiscus */
	position: absolute;
	top: -75px;
	left: 145px;
	}

#hibiscus {
/* No Styles Needed */
	}

#header{
	background: #fff url(lib/i/header_bg.jpg) no-repeat top left;
	margin: 0 auto;
	padding: 0 35px 20px 35px;
	position: relative;
	text-align: left;
	height: 210px;
	width: 930px;	/* 930 + 70 = 1000 */
	}

/* Starts X=535 [Contained] */

#splash { /* .about */
	float: right;
	margin: 5px 0 0 0; /* 15 W/out SIFR */
	width: 385px; /* 25 Gap + 525 Hibiscus + 370 = 1000 - 80 = 920 */
	}

/* Navigation */

#navigation {
	height: 75px;
	margin: 0 auto;
	text-align: center;
	width: 1000px;
	}

#navigation ul {
	float: right;
	padding: 0 15px 0 0;
	height: 75px;
	}

#navigation li {
	display: block;
	float: left;
	height: 75px;
	width: auto;
	}

#navigation li a {
	background: #333 url(lib/i/navigation_sprite.jpg) repeat-x top;
	color: #fff;
	font: 14px/46px "Trebuchet MS",verdana,sans-serif;
	display: block;
	margin: 0 3px 0 4px;
	padding: 10px 30px;
	text-decoration: none;
	height: 55px;
	}

#navigation li a span {
	visibility: hidden;
	}

#navigation a.home {	background-position: center 0;	}
#navigation a.blog {	background-position:  center -150px;	}
#navigation a.gallery {	background-position:  center -300px;	}
#navigation a.about {	background-position:  center -450px;	}
#navigation a.contact {	background-position:  center -600px;	}

#navigation a:hover {
	color: #000;
	}

#navigation ul li a.home:hover,.home #navigation .home {	background: #444 url(lib/i/navigation_sprite.jpg) repeat-x center -75px;	}
#navigation ul li a.blog:hover,.blog #navigation .blog {	background: #8dc63f url(lib/i/navigation_sprite.jpg) repeat-x center -225px;	}
#navigation ul li a.gallery:hover,.gallery #navigation .gallery {	background: #00aeef url(lib/i/navigation_sprite.jpg) repeat-x center -375px;	}
#navigation ul li a.about:hover,.about #navigation .about {	background: #ff0066 url(lib/i/navigation_sprite.jpg) repeat-x center -525px;	}
#navigation ul li a.contact:hover,.contact #navigation .contact {	background: #ffcc00 url(lib/i/navigation_sprite.jpg) repeat-x center -675px;	}

/* Link Lists */

#north ul {
list-style: none;
margin: 2px 0 0 0;
width: auto;
}

#north ul li {
border: 1px solid #eee;
border-width: 0 0 1px 0;
}

#north li a {
color: #777;
display: block;
padding: 7px;
font: 12px "Trebuchet MS",verdana,sans-serif;
text-decoration: none;
width: auto;
}

#north ul li a:hover {
background: #f5f5f5;
color: #555;
}

/* South */

#south ul {
list-style: none;
margin: 2px 0 0 0;
width: auto;
}

#south ul li {
border: 1px solid #333;
border-width: 0 0 1px 0;
}

#south li a {
color: #ccc;
display: block;
padding: 7px;
font: 12px "Trebuchet MS",verdana,sans-serif;
text-decoration: none;
width: auto;
}

#south ul li a:hover {
background: #303030;
color: #eee;
}

/* North West (Content) Lists */

#north .west li {
	font: 12px "Trebuchet MS",verdana,sans-serif;
	color: #555p;
	padding: 7px 10px;
	}

/* Structure */

#north {
	clear: both;
	}
	
#south {
	clear: both;
	}

/* Right Column */

.east {
	float: right;
	width: 400px;
	}

.west { /* Stagger */
	margin: 0 435px 0 0;
	/* Width ~ 500 */
	}

/* Post SIFR Paddings */

#north .east,#north .west {
	padding: 0 0 15px 0;
	}
	
#south .east,#south .west {
	padding: 15px 0 20px 0;
	}

/* The Dark Side */

#south {
	background: #222 url(lib/i/footer_bg.jpg) repeat top;
	clear: both;
	min-height: 700px;
	}

#south .blog h1,#south .blog h1 a { color: #acf128; }
#south .gallery h1,#south .gallery h1 a { color: #00aeef; }
#south .about h1,#south .about h1 a { color: #ed145a; }
#south .contact h1,#south .contact h1 a { color: #f9ae18; }

#south p {
	color: #ccc;
	}

#south .west .left {
margin: 0 200px 0 0;
}

#south .west .right {
float: right;
width: 175px;
}

/* Footer */

#footer {
	background: transparent url(lib/i/footer_home.jpg) no-repeat bottom left;
	display: block;
	position: absolute;
	bottom: 0;
	margin: 0;
	right:  25px;
	height: 100px;
	width: 600px;
	}

#south .east,#south .west .right {
	padding-bottom: 150px; /* To clear footer */
	}

#footer span {
	display: none;
	}

/* SifR */

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

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

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	display: block;
	height: 45px;
	}

#north .sIFR-hasFlash h2 {
	visibility: hidden;
	}

/* Blog Only */

.blog #south ul ul {
	display: none;
	}

.blog #south ul li {
	width: 285px;
	float: left;
	margin: 0 10px 0 0;
	}

.blog #south ul {
	width: 590px;
	overflow: hidden;
	}

.blog #footer {
	background: transparent url(lib/i/footer_blog.jpg) no-repeat bottom right;
	width: 310px;
	height: 175px;
	bottom: 0;
	}

.blog .east,.about .east,.contact .east {
	width: 325px;
	}

.blog .west,.about .west,.contact .west {
	margin-right: 345px;
	}

/* Gallery Padding Fix (Since no East/West) */

.gallery #north {
	padding: 20px 0;
	}

#flickr_badge_uber_wrapper {text-align:center; width:410px; padding: 0 45px 0 0;float: left;}
#flickr_badge_uber_wrapper h1{float: left;clear: right;}
#flickr_badge_wrapper {padding:10px 0 10px 0;float: left;}
.flickr_badge_image {margin:0 10px 10px 0px; float: left;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#33CCFF;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#CCCCCC !important;}

.gallery #footer {
	background: transparent url(lib/i/footer_gallery.jpg) no-repeat bottom right;
	bottom: -27px;
	width: 410px;
	height: 100px;
	}

.gallery #south .east {
	width: 420px;
	}

.gallery #south .west {
	margin-right: 445px;
	}

.gallery #south {
	overflow: hidden;
	}

/* About & Contact -  Blog Dimensions */

.about #footer {
	background: transparent url(lib/i/footer_blog.jpg) no-repeat bottom right;
	width: 310px;
	height: 175px;
	bottom: 0;
	}

.contact #footer {
	background: transparent url(lib/i/footer_blog.jpg) no-repeat bottom right;
	width: 310px;
	height: 175px;
	bottom: 0;
	}

.contact input,.contact textarea {
	background: #fff;
	color: #777;
	border: 1px solid #ccc;
	display: block;
	padding: 5px;
	margin: 0 0 5px 0;
	}

.contact textarea,.comments textarea{
	color: #777;
	font: 12px "trebuchet MS",verdana,sans-serif;
	width: 500px;
	}

.comments input,.comments textarea {
	background: #fff;
	color: #777;
	border: 1px solid #ccc;
	padding: 5px;
	}

.comments input:focus,.comments textarea:focus {
	color: #444;
	border-color: #acf128;
	}

.comments input:hover,.comments textarea:hover {
	border-color: #8dc63f;
	}

.comments .entry {
	background: #eee url(lib/i/entry_top.jpg) repeat top left;
	}
	
.comments .entry p {
	color: #333;
	padding: 15px;
	}

.comments .posted a:link,.comments .posted a:visited {
	color: #ccc;
	text-decoration: underline;
	}

.comments .posted a:hover,.comments .posted a:visited {
	text-decoration: none !important;
	}

.posted {
	background: #333 url(lib/i/entry_bottom.jpg) repeat top left;
	color: #bbb;
	font: 12px "Trebuchet MS",verdana,sans-serif;
	margin: 0 0 15px 0;
	padding: 5px 15px;
	}