@charset "utf-8";
/* CSS Document */

/* structural */
body {
	text-align:center;
}

#wrapper {
	margin:10px auto;
	width:920px;
	position:relative;
}

#left_col_hands {
	float:left;
	width:150px;
	height:1020px;
}

#main_box {
	float:left;
	width:700px;
	margin-left:35px;
}

ul {
	list-style-type:none;
	float:left;
}


#main_navbar {
	width:auto;
	height:145px;
}

#main_navbar ul {
	margin:25px 0px 0px 70px;
}

#main_navbar li {
	float:left;
}


/* enables link since there is no content in the "a" for main navbar */
#main_navbar ul li a   {
	display:block;
	margin:15px 17px 0px 17px; 
	color:rgb(222,111,0);
	
}

/* swap image effect for main navbar and fixing margins due to differences in padding of pics*/
#main_navbar #home_icon {
	/*width:46px;
	height:71px;*/
	background: url(../img/home_one_small.png) top left no-repeat;
}

#main_navbar #home_icon:hover {
	/*width:46px;
	height:71px;
	margin:15px 18px 0px 16px;*/
	background: url(../img/home_two_small.png) top left no-repeat;
}


/* redbox icon */
#main_navbar #about_icon_redbox {
	/*width:48px;
	height:73px;
	margin:12px 16px 0px 14px;*/ 
	background: url(../img/about_redbox.png) top left no-repeat;
}
/* end redbox icon */

#main_navbar #music_icon {
	/*width:55px;
	height:70px;
	margin:16px 14px 0px 14px;*/
	background: url(../img/music_one_small.png) top left no-repeat;
}

#main_navbar #music_icon:hover {
	/*width:55px;
	height:70px;
	margin:17px 10px 0px 18px;*/
	background: url(../img/music_two_small.png) top left no-repeat;
}

#main_navbar #guitars_icon {
	/*width:61px;
	height:75px;
	margin:15px 8px 0px 8px;*/
	background: url(../img/guitars_one_small.png) top left no-repeat;
}

#main_navbar #guitars_icon:hover {
	/*width:61px;
	height:75px;
	margin:17px 8px 0px 8px;*/
	background: url(../img/guitars_two_small.png) top left no-repeat;
}

#main_navbar #media_icon {
	/*width:49px;
	height:71px;
	margin:16px 17px 0px 17px;*/
	background: url(../img/media_one_small.png) top left no-repeat;
}

#main_navbar #media_icon:hover {
	/*width:49px;
	height:71px;
	margin:15px 19px 15px 15px;*/
	background: url(../img/media_two_small.png) top left no-repeat;
}

#main_navbar #links_icon {
	/*width:46px;
	height:69px;
	margin:16px 17px 0px 13px;*/
	background: url(../img/links_one_small.png) top left no-repeat;
}

#main_navbar #links_icon:hover {
	/*width:46px;
	height:69px;
	margin:16px 16px 0px 14px;*/
	background: url(../img/links_two_small.png) top left no-repeat;
}

#main_navbar #contact_icon {
	/*width:60px;
	height:69px;
	margin:16px 14px 0px 12px;*/
	background: url(../img/contact_one_small.png) top left no-repeat;
}

#main_navbar #contact_icon:hover {
	/*width:60px;
	height:69px;
	margin:16px 17px 0px 10px;*/
	background: url(../img/contact_two_small.png) top left no-repeat;
}

/* END swap image effect for main navbar */



/*this is the title of page */ 
#subpage_title {
	margin:20px 0px 30px 100px;
	display:block;
	float:left; /*fix for IE 7 and 6 otherwise News div overlaps image*/
}


/* this is the bio box in the middle */

#middle_col_bio{
	margin:10px 0px 0px 10px;
	width: 495px;
	height: auto;
	text-align: left;
	line-height: 1.3em;
	float: left;
	display: inline;
}
	
img#bio_photo {
	height: 225px;
	margin: 15px 10px 10px 5px;
	float:right;
	
}
	
p#second_para {
	display:inline;
	text-align: left;
}
	
p#third_para{
	margin-top: 15px;
	}
	

#right_col_news {
	width:155px;
	height:640px;
	border: 1px solid brown;
	margin:-60px 0px 0px 30px;
	background-color: #FF6A19;
	float: left;
	text-align: left;
	font-family:"Times new roman";
	font-size: .9em;
}
	
	
img#news_title {
 	float: left;
 	width: auto;
	margin:10px 0px 0px 40px;
 }
 	
.story {
 	padding:16px 3px;
 	border-bottom: 1px dotted black;
 	width: 130px;
 	margin-left: 10px;
 	font-style: italic;
 
 }
 
#right_col_news .story a {
	color: rgb(129,0,0);
}
 	
#first_story {
 	margin-top: 40px;
}

#last_story {
 	border:none; 
}

.clear {
	clear:both;
}


/* copyright */
#copyright {
	margin-top:10px;
	position:absolute;
	bottom:15px;
	left:295px;
	font: bold .75em/1em "Lucida grande", arial;
	
}


/*color*/
body {
	background-color:rgb(86,0,0);
}

#wrapper, #main_box {
	background-color:rgb(222,111,0);
}

img {
	border:none;
}

a {
	text-decoration:none;
}

#left_col_hands {
	background:url(../img/diaz_hands_photo.png) top left #C00000 no-repeat;
	background-position:0px 105px;
	
}

/*typography*/
body {
	font:bold .9em/1em "Lucida grande", arial;
}

.links_i
{
width:55px;
height:70px;
}