/* 
Theme Name: Black Nebulae 
Theme URI: http://www.tmw-webdesigns.com/
Description: Website Design for Less!
Version: 3.0
Author: Tad Ward
Author URL: http://www.tmw-webdesigns.com/
*/

/* Site Styles */

body {background: #000 url(images/bg2.jpg) fixed top center repeat-x}

.layout {margin: 0 auto; width: 960px}
.spacer {height: 50px}

#header {width: 100%; height: 100px; overflow: hidden; background: transparent url(images/header-bg2.jpg) fixed top center repeat-x}
	#logo {margin: 18px 0 0 25px; width: 257px; float: left; display: inline}
	#navbar {margin: 0; width: 663px; float: left; display: inline}
		#navbar ul {width: 663px;}
		#navbar ul li {display:inline}	
		#navbar ul li a {width: 132px; height: 100px; float: left; overflow: hidden}
		#navbar ul li a:hover {width: 132px; float: left; display: inline; text-indent: -132px}

#content {margin: 0 auto; padding: 0; width: 960px; min-height: 800px; overflow: hidden; background: transparent url(images/content-bg2.png) scroll top center repeat-y}
	#slogan {margin: 20px 25px;}
	
	#welcome {width: 660px; float: left; display: inline; overflow: hidden; clear: left}
		#welcome p, #welcome form label {padding: 10px 30px 0; font: 0.75em/1.5 Arial, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #9c9b9b; text-align: left}
		#welcome p a {color: #9c9b9b; border-bottom: 1px dotted #9c9b9b}
		#welcome p a:hover {color: #fff; border-bottom: 1px solid #fff}
		#welcome p.sub {padding: 10px 0 15px 40px}
		
		#welcome input, #welcome textarea {margin: 3px 0 0 30px; padding: 3px; clear: left; float: left; width: 200px; font: 0.75em/1.5 Arial, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #fff; background-color: transparent; border: 1px solid #9c9b9b}
		#welcome #submitinput {margin-top: 10px; width: 52px; height: 20px}
		#welcome #messageinput {height: 100px}
		
		#welcome dl {padding: 10px 30px 0; font: 0.75em/1.5 Arial, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #9c9b9b; text-align: left}
		#welcome dd {padding-bottom: 10px}
		#welcome dl dt a {color: #9c9b9b; border-bottom: 1px dotted #9c9b9b}
		#welcome dl dt a:hover {color: #fff; border-bottom: 1px dotted #fff}
		
	#featured {width: 300px; float: left; display: inline; overflow: hidden}
		#featured p {padding: 0 20px 5px; font: 0.75em/1.5 Arial, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #9c9b9b; text-align: left}
		#featured p a {color: #9c9b9b; border-bottom: 1px dotted #9c9b9b}
		#featured p a:hover {color: #fff; border-bottom: 1px solid #fff}
		#featured p.sub {padding: 0 30px 15px; font: 0.75em/1.5 Arial, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #9c9b9b; text-align: left}
		#featured p.images a {border: 0}
		#featured p.images a:hover {border: 0}
		
		#skills-left, #skills-right {width: 100px; float: left; display: inline; overflow: hidden}
			#skills-left, #skills-right ul {margin: 0 0 20px}
			#skills-left, #skills-right ul li {padding: 0 0 0 30px; font: 0.75em/1.5 Arial, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #9c9b9b; text-align: left}
		
	#services {width: 420px; float: left; display: inline; overflow: hidden}
		#services p {padding: 10px 0 0 30px; font: 0.75em/1.5 Arial, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #9c9b9b; text-align: left}
		#services p a {color: #9c9b9b; border-bottom: 1px dotted #9c9b9b}
		#services p a:hover {color: #fff; border-bottom: 1px solid #fff}
	#resume {width: 240px; float: left; display: inline; overflow: hidden}		
	#contact {width: 300px; float: left; display: inline; overflow: hidden}
		#resume p, #contact p, #contact form label {padding: 10px 0 0 10px; font: 0.75em/1.5 Arial, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #9c9b9b; text-align: left}
		#resume p a, #contact p a {color: #9c9b9b; border-bottom: 1px dotted #9c9b9b}
		#resume p a:hover, #contact p a:hover {color: #fff; border-bottom: 1px solid #fff}
		
		 #services p.sub {padding: 10px 0 15px 40px}
		 #resume p.sub, #contact p.sub {padding: 10px 0 15px 20px}
		
		#contact form {padding-left: 10px}
		label {width: 200px; clear: left; float: left}
		input, textarea {margin: 3px 0 0 10px; padding: 3px; clear: left; float: left; width: 200px; font: 0.75em/1.5 Arial, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #fff; background-color: transparent; border: 1px solid #9c9b9b}
		textarea {height: 50px}
		#submitinput {margin-top: 10px; width: 52px; height: 20px}		
		
		
#footer {width: 100%; height: 49px; overflow: hidden; background: transparent url(images/footer-bg2.jpg) scroll bottom center repeat-x}
	#copyright {padding: 10px 0 0; width: 480px; float: left; display: inline; font: 0.6875em/1.5 Arial, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #9c9b9b; text-align: left; text-indent: 10px}
	#valid {padding: 10px 0 0; width: 480px; float: left; display: inline; font: 0.6875em/1.5 Arial, Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #9c9b9b; text-align: left; text-indent: 350px}
	#copyright a, #valid a {color: #9c9b9b; text-decoration: none}
	#copyright a:hover, #valid a:hover {color: #fff; text-decoration: none}
	
/* End Site */