/*
Theme Name: Brian Nozny.com
Theme URI: http://briannozny.com
Description: The main theme for the Brian Nozny website
Version: 1.0
Author: Justin Belcher
Author URI: http://gravitywins.com
Tags: dark, wood, one column
*/

* { padding: 0; margin: 0; }
body { font: 15px "Trebuchet MS", "Lucida Grande", sans-serif; background: #000 url(img/bg.jpg) left top repeat-x; border-top: 6px solid #3e879e; }
p { line-height: 1.4em; margin-bottom: 1.4em; }
a { color: #3e879e; outline: none; }

#head { position: relative;  height: 150px; width: 892px;  }
	#head h1 { position: absolute; top: 33px; left: 0; width: 350px; height: 84px; background: url(img/logo.png) left top no-repeat; }
		#head h1 a { display: block; text-indent: -9999px; height: 84px;  }
	#head #main-nav { list-style: none; position: absolute; top: 10px; right: 0; width: 197px; height: 136px; }
	#head #main-nav li { height: 30px; margin-bottom: 4px; }
		#head #main-nav li a { height: 30px; display: block; text-indent: -9999px; }
		#head #main-nav li#nav-about a { background: url(img/main_nav.png) 100% 0 no-repeat; }
		#head #main-nav li#nav-about a:hover, #about #head #main-nav li#nav-about a { background-position: 100% -136px; }
		#head #main-nav li#nav-up a { background: url(img/main_nav.png) 100% -34px no-repeat; }
		#head #main-nav li#nav-up a:hover, #upcoming #head #main-nav li#nav-up a { background-position: 100% -170px; }
		#head #main-nav li#nav-work a { background: url(img/main_nav.png) 100% -68px no-repeat; }
		#head #main-nav li#nav-work a:hover, #works #head #main-nav li#nav-work a { background-position: 100% -204px; }
		#head #main-nav li#nav-chimes a { background: url(img/main_nav.png) 100% -102px no-repeat; }
		#head #main-nav li#nav-chimes a:hover, #chimes #head #main-nav li#nav-chimes a { background-position: 100% -238px; }
#home { background: #000 url(img/nozny_main.jpg) 20px 0 no-repeat; height: 500px;}
	#home #content { width: 390px; padding-left: 500px; padding-top: 150px; text-align: right; color: #bbb; }
		#home #content h2 { margin-bottom: 0.8em; color: #fff;  }
		#home #content small { display: block; font-size: 0.7em; color: #333; }
		#home #content h2#welcome { background: url(img/welcome.png) right top no-repeat; text-indent: -9999px; height: 30px; width: 390px; }
		#home #content h2#welcome span { display: none; }
#page { background-color: #000; padding: 30px 20px; color: #ccc; }
	#page #links { font-family: "Myriad Pro", "Lucida Grande", Arial, sans-serif; float: left; width: 150px; list-style: none;  }
		#page #links a, #page #links strong { display: block; text-decoration: none;  background-color: #111; width: 130px; padding: 4px 10px; margin-bottom: 10px;  }
		#page #links strong { font-weight: normal; color: #999; }
		#page #links a:hover { background-color: #333; }
		#page #links span { color: #ccc; padding-right: 6px; }
	#page #content { padding-left: 170px; width: 700px; }
	#works #page #content { padding-left: 20px; width: 850px; }
		#page #content h2 { font: normal 1.5em  "Myriad Pro", "Lucida Grande", Arial, sans-serif; margin-bottom: 0.3em; letter-spacing: 3px; color: #3e879e; border-bottom: 1px solid #333;  }
		#page #content ul { margin-top: 10px; }
		#page #content li { list-style-type: square; margin-left: 2em; margin-bottom: 0.5em; }
#foot { padding-top: 33px; }
	#foot #contact { text-indent: -9999px; width: 350px; height: 40px; background: url(img/con.png) left top no-repeat; }