/*  
Theme Name: JHSpace
Theme URI: http://www.jhspace.com/
Description: A custom theme for Joshua Harrison's JHSpace
Version: 1.0
Author: Ash Blue Web Design
Author URI: http://www.ashbluewebdesign.com/

All rights reserved by JHSpace and its owner Joshua Harrison.

*/

@import "style/css/color.css";
@import "style/css/type.css";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
ol, ul{list-style:none}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
caption, th{text-align:left}
q:before, q:after{content:''}
.clear{clear:both}
a{outline:none}
input, textarea{outline-style:none}

body { text-align: center; }
.wrapper { width: 940px;	margin: 0 auto;	text-align: left; position:relative; }
.clear { clear: both }


#branding {	position: absolute; }
#nav_main {	position: relative;	height: 140px; }
#content { position:relative; margin-bottom: 80px;}
	#slideshow { position: relative; width: 938px; height:400px; margin-bottom: 20px; }
		#slideshow img { position:absolute; z-index:8; }
			#slideshow img.active { z-index:10; }
			#slideshow img.last-active { z-index:9; }
	#content_sub { position: relative; }
	#about_intro, #gallery_intro { height: 220px; width: 460px; }
		#gallery_intro { position:absolute; left:480px; top:0;}

/* pade-id-17 = Contact page, page-id-2 = About */
body.page-id-66 #content_main, body.page-id-2 #content_main, body.page-id-2 #content_sub { float: left; width:620px;}
body.page-id-66 #content_sub { float: right; width:300px;}

/* CSS Sticky footer from cssstickyfooter.com */
html, body, .wrapper {height: 100%;}
body > .wrapper {height: auto; min-height: 100%;}
#content {padding-bottom: 150px;}  /* must be same height as the footer */
#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	z-index: 0} 
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* End sticky footer */

/* Image fade technique from http://greg-j.com/static-content/hover-fade-redux.html */
.fadeThis {	position:relative;	display:block;	height: inherit; width: inherit; }
.fadeThis * { display: none;	}
.fadeThis span.hover { position: absolute; top: 0; left: 0; display: block; height: inherit;	width: inherit }
/* End image fade technique */

/* WordPress gallery configuration */
body .gallery .gallery-item img, body.gallery .gallery-item img.thumbnail { max-width: none; padding: 0; }
.gallery-icon { margin-bottom: 10px; }
#sb-title-inner { text-indent: -9999px }
/* End WordPress gallery configuration */