@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:''}
a{outline:none}
input, textarea{outline-style:none}
body {text-align: center;}

body a:active, body a:focus, body input:active, body input:focus { border: none transparent; outline: none 0 transparent }
/* Mozilla border and outline hack */
input::-moz-focus-inner { border: none; outline: none }
.wrapper { width: 940px;	margin: 0 auto;	text-align: left; position:relative; }
.clear { clear: both }

/* Fix slider CSS positioning w/o JavaScript */
.home #slider ul li { position: absolute }
#sliderSelect { z-index: 100 }

/* Extra div header element fix for Share button. Pushed nav bar content down. */
#atffc { display:none }

#branding {	position: relative; height: 130px }
	body.page-id-2 #branding { height:140px }
#navMain { z-index: 2 }
#content { position:relative }
	#slider { margin-bottom: 15px; }
#contentSub { position: relative }
	body.home #contentSub { min-height: 300px }
	.page-id-2 #contentSub {min-height: 400px }
	#articlesIntro, #servicesIntro, #welcomeIntro { width: 300px; position: absolute }
	#welcomeIntro a.more { padding-left: 0 }
		#welcomeIntro p { padding-bottom: 10px }
	#articlesIntro { left: 320px }
	#servicesIntro { left: 640px; background: #212121; -moz-border-radius: 20px; -webkit-border: 20px; border-radius: 20px; -moz-box-shadow: 0 0 7px #212121; box-shadow: 0 0 7px #212121; -webkit-box-shadow: 0 0 7px #212121 }
		#servicesIntro h4 { margin: 10px 10px 0 10px; border-color: #fff }
		#servicesIntro h4 a { color: #fff }
		#servicesIntro ul { margin: 10px 10px 0 12px}
		#servicesIntro a:hover { color: #fff }
		#servicesIntro a.more { margin: 0 10px 0 12px; display: block }
		
	

/* 2 column layout */
.clearfix.twoColumn #contentMain, .page-id-18 #contentMain, .blog #contentMain, .single #contentMain, .archive #contentMain, .error404 #contentMain, .search #contentMain  {float: left; width: 620px }
.clearfix.twoColumn #contentSub, .page-id-18 #contentSub, .blog #contentSub, .single #contentSub, .archive #contentSub, .error404 #contentSub, .search #contentSub { float: right; width: 300px }

	
	
#footer { padding-top: 30px }
	#footerAboutMe, #footerContactMe, #footerVisitMe, a#footerHire, p#footerRSS, a#footerWordPress, p#copyright { position:absolute }
		#footerVisitMe, #footerAboutMe, #footerContactMe { width: 220px; top: 0; }
			#footerVisitMe { left: 0 }
			#footerAboutMe { left: 240px }
			#footerContactMe { left: 480px }
	
/* CSS Sticky footer from cssstickyfooter.com */
html, body, .wrapper {height: 100%;}
body > .wrapper {height: auto; min-height: 100%;}
#content {padding-bottom: 340px;}
.home #content {padding-bottom: 300px;}  /* must be same height as the footer */
#footer {position: relative;
	margin-top: -290px; /* negative value of footer height */
	height: 270px;
	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 */

/* Easy Slider configuration, Easy slider based upon http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{ display:block; overflow:hidden; text-indent:-8000px; }
#slider li { 
	/* define width and height of list item (slide)	entire slider area will adjust according to the parameters provided here */ 
	width:602px; height:282px;	overflow:hidden;}	
#prevBtn, #nextBtn,	#slider1next, #slider1prev{ display:block;	width:43px; height:90px; position:absolute;	left:-43px;	top:190px; z-index:1000;	}	
	#nextBtn, #slider1next{ left:620px}									
	#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative;	width:43px;	height:90px; 
	background: url(style/images/slider.png) no-repeat 0 0 }	
	#nextBtn a, #slider1next a{ background-position: -43px 0 }		
	#prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* End Easy Slider configuration */

/* comment form bug fix */
.single #respond li {list-style: none }

/* Portfolio demo */
body.page-id-758 #content img { float: left; margin-right: 20px }
body.page-id-758 #content li { margin-bottom: 40px }
/* End portfolio demo */ 

/* Fun with CSS 3 shadows */
.shadow { float: left; margin: 0 15px 15px 0; padding: 0 }
	.shadow a { text-decoration: none; padding: 10px; margin: 0;	display:block }
		.shadow a:hover { color: #212121 }

.shadowRegular { box-shadow: -3px -3px 10px #212121; -moz-box-shadow: -3px -3px 10px #212121; -webkit-box-shadow: -3px -3px 10px #212121 }
.shadowInset { box-shadow: 0 0 10px #212121 inset; -moz-box-shadow: 0 0 10px #212121 inset; -webkit-box-shadow: 0 0 10px #212121 inset }

.shadowOne { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 10px #212121; box-shadow: 0px 0px 10px #212121; -webkit-box-shadow: 0px 0px 10px #212121 }
.shadowTwo { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: inset 0 0 10px #212121 }
.shadowUltimate { float: left; padding: 0; margin: 0 15px 15px 0; background:#999; -moz-box-shadow: 0 0 10px #000000; box-shadow: 0px 0px 10px #000000; -webkit-box-shadow: 0px 0px 10px #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px }
.shadowUltimate a { display: block; color: white; padding: 8px; text-decoration: none; -moz-box-shadow:inset 0 0 10px #212121; -moz-border-radius: 10px }
	.shadowUltimate a:hover { color:white }
/* End CSS 3 shadows */