/* Site Layout Styles
 * Updated:  4 Apr 2009 @ 8.22pm
 * Author: Matthew Holmes <www.ivt.com.au>
 * ---------------------------------------------*/
 
 
 	/* -- RESET
 	---------------------------------------*/
 	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: inherit; list-style: none; }
 	
 	table { border-collapse: collapse; border-spacing: 0; }
 	
 	
 	/* -- FIX FLOATS
 	---------------------------------------*/
 	.clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; }
 	* html .clearfix { height: 1%; }
 	*+ html .clearfix { height: 1%; }
 	
 	
 	/* -- LINKS
 	---------------------------------------*/
 	a:link, a:visited, a:active { color: #be371d; text-decoration: underline; outline: none; }
 	a:hover { text-decoration: none; }
 	
 	
 	/* -- TYPOGRAPHY
 	---------------------------------------*/
 	h3 { padding: 0 0 7px; color: #fff; font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.125; text-transform: uppercase; }


	/* -- STRUCTURE
 	---------------------------------------*/
 	body { background: #2c2b2b url(../images/background.jpg) fixed center no-repeat; color: #555; font: 62.5%/1.6 "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }

		
		/* --- container */
 		#container { width: 970px; margin: 0 auto; }
			
			.date { font-size: 10px; color: #ccc; } 		
 		
 			
			/* --- links */
			#links { margin: 0 auto; padding: 9px 0 26px 0; text-align: left; border-bottom: 1px solid #666666; background: #000; -moz-opacity: 0.6; opacity: 0.6; }
			#links ul { margin: 0 auto; width: 970px; }
			#links li { float: right; margin: 0 20px 0 0; text-align: right; }
			

			/* --- header */
 			#header { position: relative; height: 155px; }
 			#header h1 { padding: 65px 0 10px; }
			
			#header ul { position: absolute; top: -3px; right: 0; background: #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding:  10px 8px 8px;  }
			#header li { float: left; margin: 0 8px 0 0; }
			#header li.end { margin: 0; }
			#header li a { float: left; display: block; padding: 3px; background: #be371d; color: #fff; font-size: 1em; text-decoration: none; }
			#header li a:hover { background: #fff; color: #be371d; }


 			
 			
 			/* --- project */
			#project { padding: 0 0 45px; border-bottom: 1px solid #413f3d; }
 			#project h3 { padding: 15px 0 7px; }
			#project h3 a { text-transform: none; font-size: .9em; padding: 0 0 0 15px; }
			#project .project_content { position: relative; padding: 20px; background: #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
			#project .project_content p { position: absolute; bottom: 20px; left: 40px; padding: 0; color: #fff; font-size: 1.5em; }

		
			/* --- twitter */
			#twitter { position: relative; padding: 38px 0 45px; border-bottom: 1px solid #413f3d; }
			#twitter h3 { padding: 7px 0; }
			#twitterIcon { position: absolute; top: 20px; right: 20px; }
			#twitter li { position: relative; background: #000; color: #fff; font-size: 1.5em; margin: 0 0 5px; padding: 10px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
			#twitter li a.link_status { position: absolute; top: 0; left: 0;  width: 15px; height: 6px; background: #be371d; display: block; text-indent: -999em; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in; }
			#twitter li a.link_status:hover { background: #fff; -webkit-transition-timing-function: ease-out; }
			#twitter div.small { float: left; padding: 5px 5px 8px 0; font-size: 10px; }
			#twitter div.small a { background: #be371d; color: #fff; text-decoration: none; padding: 3px; }
			#twitter div.small a:hover { background: #fff; color: #be371d; }


			/* --- flickr */
			#flickr { position: relative; padding: 45px 0; border-bottom: 1px solid #413f3d; }
			#flickr h3 a { text-transform: none; font-size: .9em; padding: 0 0 0 15px; }
			p#flickrIcon  { position: absolute; top: 18px; right: 20px; }
			.flickrBox { margin: 0; background: #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
			.flickr_badge_image { float: left; margin: 0; padding: 11px 10px 7px 10px; }
			.flickr_badge_image img { border: 1px solid #000; }


			/* --- delicious */
			#bookmarks { position: relative; padding: 45px 0; }
			#bookmarks h3 a { text-transform: none; font-size: .9em; padding: 0 0 0 15px; }
			p#deliciousIcon { position: absolute; top: 19px; right: 20px; }
			#bookmarks li { background: #000; color: #fff; font-size: 1.5em; margin: 0 0 5px; padding: 10px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
			#bookmarks div.small { float: left; padding: 5px 5px 8px 0; font-size: 10px; }
			#bookmarks div.small a { -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in; background: #be371d; color: #fff; text-decoration: none; padding: 3px; }
			#bookmarks div.small a:hover { background: #fff; color: #be371d; -webkit-transition-timing-function: ease-out; }


			/* --- footer */
			#footer { border-top: 6px solid #be371d; }
			#footer p.author  { float: left; width: 650px; padding: 20px; border-bottom: 1px solid #413f3d;  color: #fff; font-family: Georgia, Times, sans-serif; font-size: 1.3em; text-shadow: 1px -1px 1px #000; }
			#footer p.ivt { float: right; padding: 20px; }
			#footer p.copyright { float: left; padding: 20px; font-size: 1.1em; }