/* Layout */
body { background:#1e4292 url("../images/bg.jpg") top left repeat-x; padding:10px 0 0 0; }
	#decoration { width:960px; margin:0 auto; height:30px; background:url("../images/glow-top.png") bottom center no-repeat; }
	#container { width:880px; padding:40px 40px 0 40px; margin:0 auto; background:#fff url("../images/bg-int.jpg") top left repeat-x; border:2px solid #fff; border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; }
	#header { margin-bottom:40px; }
		#logo { float:left; }
	#content {  }
		#portfolio-featured, #portfolio-large { width:900px; height:320px; overflow:hidden; margin:0 -10px 20px -10px; padding-bottom:20px; border-bottom:1px solid #eee; }
			#portfolio-featured ul { margin:0; }
			#portfolio-featured li { width:900px; height:320px; overflow:hidden; }	
			#portfolio-featured img, #portfolio-large img { border:10px solid #e0e0e0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

		#sections-home { padding-bottom:20px; }
			#sections-home .item { float:left; width:280px; margin-right:20px; }
			#sections-home .last-child { margin-right:0; }	

		.showcase {  }
			.showcase .item { float:left; width:280px; margin:0 20px 20px 0; }
			.showcase .last-child { margin-right:0; }
			.showcase .item img { border:10px solid #eee; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
			
		#portfolio-details { float:left; width:559px; padding-right:20px; margin-bottom:20px; border-right:1px solid #eee; }
			#portfolio-info { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee; }
	
		#extras #portfolio-extra-images { border-bottom:0; margin-bottom:0; padding-bottom:0; }
			#portfolio-extra-images img { margin-bottom:15px; border:10px solid #eee; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
	
		#page { float:left; width:559px; padding-right:20px; border-right:1px solid #eee; margin:10px 0 20px 0; }
		
			.post { border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:10px; }
				.last-child { border:0; margin:0; padding-bottom:0; }
			.blog-image { margin-bottom:15px; border-bottom:2px solid #00adee; }
		
			#comments { }
				.comment { padding:15px 20px 5px 20px; background:#eeeeee; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
				.comment-meta { background:url("../images/cite.gif") 60px 0 no-repeat; }
					.gravatar { border:1px solid #838383; float:left; margin:10px; }
					.comment-meta cite { float:left; padding:20px 0 0 10px; }
		
			#ackbar { float:right; margin-left:20px; }
		
		#extras { float:left; width:280px; padding-left:20px; margin:10px 0 20px 0; }
			#extras .item { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee; }
			#extras .last-child { margin-bottom:0; border-bottom:0; }
			
			#twitter { width:280px; min-height:100px; display:block; }
	
	#footer { background:url("../images/paint.gif") top center no-repeat; height:400px; display:block; margin-top:-20px; }	
		#footer-links { width:880px; margin:20px auto 0 auto; border-top:1px solid #eee; clear:both; padding-top:20px; }

	
/* Navigation */	
#navigation { float:right; width:271px; margin:-20px 0 0 0; list-style-type:none; }
	#navigation li { float:left; margin-right:10px; }
		#navigation li a { padding-top:70px; height:0px; overflow:hidden; display:block; background:url("../images/navigation-sprites.png") 0 0 no-repeat; }
		
		#navigation #nav-portfolio a { width:99px; background-position:0 0; }
		#navigation #nav-portfolio.selected a,
		#navigation #nav-portfolio.selected a:hover { background-position:0 -140px; }
		#navigation #nav-portfolio a:hover { background-position:0 -70px; }
		
		#navigation #nav-blog a { width:58px; background-position:-111px 0; }
		#navigation #nav-blog.selected a,
		#navigation #nav-blog.selected a:hover { background-position:-111px -140px; }
		#navigation #nav-blog a:hover { background-position:-111px -70px; }
		
		#navigation #nav-contact { margin-right:0; }
		#navigation #nav-contact a { width:88px; background-position:-183px 0; }
		#navigation #nav-contact.selected a,
		#navigation #nav-contact.selected a:hover { background-position:-183px -140px; }
		#navigation #nav-contact a:hover { background-position:-183px -70px; }


/* Forms */
form {}

	#comment_form { margin-bottom:20px; }
	form div {  }
	
	.text { padding:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #ddd; color:#aaa; background:#fafafa; }
		.text:focus { color:#000; background:#fff; }
	
	.non-registered-details { float:left; width:170px; margin-right:20px; }
		.last-details { margin-right:0; }
		#comment_name, #comment_email, #comment_url { width:164px; }
		#comment { width:550px; height:110px; font:1.1em "Helvetica Neue", Helvetica, Arial, Sans-serif; }
		#captcha { float:left; margin:2px 10px 0 0; }
		fieldset { margin-bottom:10px; }

/* Typography */
body { font:67%/1.5 "Helvetica Neue", Helvetica, Arial, Sans-serif; color:#000; }

	#content { font-size:1.2em; }
		#page, #portfolio-details { font-size:1.1em; }
	#footer-links { text-align:center; }
		#footer img { margin:0 20px; }

	ul, ol { margin:0 0 1em 1.4em; }
		#comments { margin:0; list-style-type:none; font-size:0.9em; color:#838383; }
			cite { font-style:normal; font-size:0.9em; color:#838383; }
		#portfolio_categories { list-style-type:square; color:#838383; margin-bottom:0; }
		.tags { margin:0; font-size:0.85em; }
			.tags li { float:left; margin-right:10px; }
			
		#twitter_update_list { margin:0 0 10px 0; list-style-type:none; }
			#twitter_update_list li {  }
			#twitter_update_list li span { display:block; background:#eee; padding:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
			#twitter_update_list li a { display:block; background:url("../images/twitter.gif") 0 0 no-repeat; padding:10px 0 13px 70px; }
			#twitter_update_list li span a { display:inline; background:none; padding:0; }
			
		#social_media { margin:0; list-style-type:none; font-size:0.85em; text-transform:uppercase; }
			#page #social_media { margin-bottom:20px; }
			#social_media li { float:left; width:90px; margin:0 5px 5px 0; }
				#page #social_media li { width:auto; padding:2px 4px; }
			#social_media li.last-in-row { margin-right:0; }
			#social_media img { vertical-align:middle; }

	p { margin:0 0 1em 0; }
		.item p { margin:0; }
		.comment-moderation { font-size:0.9em; color:#838383; }
		.post-meta { font-size:0.8em; color:#838383; text-transform:uppercase; }
		#twitter p { font-size:0.85em; }
		.pagination { text-align:center; }
			.pagination strong, .pagination a { border:1px solid #eee; padding:4px 8px }
			.pagination strong { background:#efefef; color:#aaa; }
		.shorturl { font-size:0.85em; color:#aaa; }

	blockquote { }
		blockquote p { font-size:1.8em; line-height:1.1; color:#757575; margin:0 0 5px 0; font-family:georgia,times; font-style:italic; }
		blockquote cite { font-size:0.5em; color:#838383; font-family:"Helvetica Neue", Helvetica, Arial, Sans-serif; }
		
	.hir2 { padding-top:25px; height:0; overflow:hidden; }
		
	h1, .post h2 { font-size:2.9em; color:#757575;  font-weight:bold; text-transform:uppercase; letter-spacing:-0.05em; line-height:0.8; margin:0 0 0.2em 0; }
	h2 { font-size:1.3em; color:#757575; text-transform:uppercase; letter-spacing:-0.05em; line-height:0.8; margin:0 0 0.2em 0; }
		h2 span { font-weight:normal; }
		#portfolio-extras h2 { margin-bottom:20px; }
		#h2-about { background:url("../images/h2-about.gif") 0 0 no-repeat; }
		#h2-currently { background:url("../images/h2-currently.gif") 0 0 no-repeat; }
		
	h3 { font-size:1.3em; color:#757575; text-transform:uppercase; letter-spacing:-0.05em; line-height:0.8; margin:0 0 10px 0; }
		.showcase .item h3 { padding-left:10px; }
	h4 {}
		h4.strapline, .item h4 { font-weight:normal; font-size:3.3em; color:#838383; text-transform:uppercase; letter-spacing:-0.05em; line-height:0.8; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #eaeaea; }
		.item h4 { font-size:1.3em; margin-bottom:10px; padding-bottom:0; border-bottom:0; }
	h5, h6 { font-size:1em; }

	/*
	.strapline { font-size:2.95em; color:#838383; text-transform:uppercase; letter-spacing:-0.05em; line-height:0.8; padding-top:50px; height:0; overflow:hidden; margin-bottom:20px; border-bottom:1px solid #eaeaea; display:block; }
		#strapline-home { background:url("../images/strapline-home.gif") 0 0 no-repeat; }
		#strapline-blog { background:url("../images/strapline-blog.gif") 0 0 no-repeat; }
		#strapline-portfolio { background:url("../images/strapline-portfolio.gif") 0 0 no-repeat; }
	*/
	
/*  Links  */	
a			{ color:#00adee; font-weight:bold; text-decoration:underline; }
a:visited, a:visited:hover	{ color:#00adee; } 
a:hover		{ color:#00adee; text-decoration:none; }
a:active	{ color:#00adee; text-decoration:none; }

h1 a			{ color:#757575; font-weight:bold; text-decoration:none; }
h1 a:visited	{ color:#757575; } 
h1 a:hover, h1 a:visited:hover	{ color:#00adee; text-decoration:none; }
h1 a:active	{ color:#757575; text-decoration:none; }

.post h2 a			{ color:#757575; font-weight:bold; text-decoration:none; }
.post h2 a:visited	{ color:#757575; } 
.post h2 a:hover, .post h2 a:visited:hover	{ color:#00adee; text-decoration:none; }
.post h2 a:active	{ color:#757575; text-decoration:none; }

.strapline a			{ color:#757575; font-weight:normal; text-decoration:none; }
.strapline a:visited { color:#757575; } 
.strapline a:hover, .strapline a:visited:hover	{ color:#00adee; text-decoration:none; }
.strapline a:active	{ color:#757575; text-decoration:none; }

.showcase a			{ color:#757575; font-weight:bold; text-decoration:none; }
.showcase a:visited	{ color:#757575; } 
.showcase a:hover, .showcase a:visited:hover	{ color:#00adee; text-decoration:underline; }
.showcase a:active	{ color:#757575; text-decoration:none; }

.shorturl a			{ color:#aaa; font-weight:bold; text-decoration:none; }
.shorturl a:visited	{ color:#aaa; } 
.shorturl a:hover, .shorturl a:visited:hover	{ color:#00adee; text-decoration:underline; }
.shorturl a:active	{ color:#aaa; text-decoration:none; }


cite a			{ font-size:1.1em; font-weight:bold; text-decoration:none; }
cite a:visited{  } 
cite a:hover, .item a:visited:hover	{ text-decoration:underline; }
cite a:active	{ text-decoration:none; }

#twitter_update_list a			{ color:#00adee; font-weight:bold; text-decoration:none; }
#twitter_update_list a:visited	{ color:#00adee; }
#twitter_update_list a:hover, #twitter_update_list a:visited:hover	{ color:#00adee; text-decoration:underline; }
#twitter_update_list a:active	{ color:#00adee; text-decoration:none; }

#social_media a			{ color:#aaa; font-weight:bold; text-decoration:none; border:1px solid #eee; padding:5px; display:block; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#social_media a:visited	{ color:#aaa; } 
#social_media a:hover, #social_media a:visited:hover	{ color:#aaa; background:#eee; text-decoration:none; text-shadow:#fff 1px 1px 1px; }
#social_media a:active	{ color:#aaa; text-decoration:none; }
	
/*  Clearing  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { zoom:1; }
.clearfix { display: block; }
/* End hide from IE-mac */