/*  
Theme Name: GregSmall dot NET
Theme URI: http://bbmad.com/
Description: WordPress theme for gregsmall.net based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Bruce Bertrand
Author URI: http://bbmad.com/

	GregSmall dot NET v1.0
	 http://gregsmall.net/

	This theme was designed and built by Bruce Bertrand,
	whose site you will find at http://bbmad.com/

*/


html, body, img, form, #nav li, h1 {margin:0;padding:0;border:none;background-repeat:no-repeat;}
p { margin: 0 35px 1em 15px; }
a { color:#c5c5c5; text-decoration:none; }
a:hover { text-decoration:underline; }


body { background: black; color: #828282; font-family: Verdana,sans-serif; }

/* Begin Home Page */
#GS_Home #wrapper{
	position:relative;
	margin: 0 auto;
	padding: 0;
	width: 990px;
	height:500px;

	}
#GS_Home #nav {display:block; list-style-type:none; padding:0; position:relative; height:300px; width:990px; margin:0; z-index:1; }
#GS_Home #nav li {
	padding:0;
	border:none;
	height:481px;
	position: absolute;
   z-index:2;
	}
#GS_Home #nav li a { display: block; height:481px; width: 100%; }
#GS_Home #nav li a span { display:none;}
#GS_Home #vert1, #GS_Home #vert2 {position: absolute; height:481px; width:7px; top:0px; left:342px; background: url('images/index_page_vertical.png'); }
#GS_Home #vert2 {left:643px; }
#GS_Home #piano {width:342px; background: url('images/index_page_piano.jpeg') no-repeat; }
#GS_Home #bio { width:294px; left:349px; background: url('images/index_page_face.jpeg') no-repeat; }
#GS_Home #trumpet { width:337px; left:650px; background: url('images/index_page_trumpet.jpeg') no-repeat; }

#GS_Home h1 {position:absolute; width:596px;height:104px;top:430px;left:203px; background: url('images/index_page_title.png'); padding:0; margin:0; z-index:3; }
#GS_Home h1 span { display:none; }

/* End Home Page */

/* Begin Main Page Template */
#wrapper { position:relative; width:999px; margin:0 auto; }
#header { position:relative; width:999px; height:154px; }
#header #title { position:absolute; top:10px; left:15px; width:320px; height:120px; background:url('images/header_title.jpeg'); }
#header #title a { display:block; width:320px; height:120px; }
#header #title span { display:none; }

#nav {
	padding:0; margin:0;
	position: absolute; 
	top:1.5em; left:0; 
	width:296px; height:600px; 
	z-index: 1; 
	list-style-type:none; 
	}
#Piano #nav, #Piano #XD2 { top: 113px; }
#Trumpet #nav, #Trumpet #XD2 { top: 70px; }
	
#nav li {display:block; height:130px; width:296px; margin:3px 0 5px;}
#nav1 {background: url('images/nav_bio.jpeg');}
#nav2 {background: url('images/nav_piano.jpeg');}
#nav3 {background: url('images/nav_trumpet.jpeg');}
#nav4 {background: url('images/nav_mail.jpeg');}
#nav5 {background: url('images/nav_album.jpeg');}
#nav li a {text-decoration: none; color:#828282; padding:0 .4em; display:block; height:130px; width:296px; }
#nav li a:hover {text-decoration: none; color:#828282; }
#nav li a:visited {text-decoration: none; color:#828282; }
#nav li a span {display:block; visibility:hidden; text-align:center; position:absolute; top: -1.5em; left:-.5em; height:1em; width:296px;}
#Bio #nav li a:hover span, #Contact #nav li a:hover span { visibility: visible; }

#main {position:relative;width:999px;padding-top:1em;}
#theContent { margin-left:296px; }

#XD1 {display:none;}

#XD2 {position: absolute; top:1.5em; left:0; width:296px; height:541px; }
#XD2 div { height:1px; width:296px; background: url('images/nav_HorizontalRule.png') ; position:absolute; left:0;}
#XD2_01 { top:0; }
#XD2_02 { top:135px; }
#XD2_03 { top:270px; }
#XD2_04 { top:405px; }
#XD2_05 { top:540px; }

#XSPF_Player {display:block; position: absolute; top: 0px; left:0px; margin:0; padding:0; }
#Piano #XSPF_Player {height:103px;}
#Trumpet #XSPF_Player {height:60px;}
#XSPF_Player * {margin:0; padding:0;}
/* End Main Page Template */

/* Begin Individual Pages */
#Bio #header { background:url('images/header_bio.jpeg'); }
#Piano #header { background:url('images/header_piano.jpeg'); }
#Trumpet #header { background:url('images/header_trumpet.jpeg'); }
#Contact #header { background:url('images/header_mail.jpeg'); }
#Album #header { background:url('images/header_album.jpeg'); }
/* End Individual Pages */