/*Ron Yerby.com styles*/

body {
	background: #666666 url('../Images/background9.jpg') repeat;
	color:#cccccc; 
	font-family:Arial, Helvetica, Verdana, sans-serif; 
	overflow: auto; 
	font-size: 13px;
	margin:0; text-align:center;
	padding:0; 
	border: 0px solid blue; 
} 

#outer_bevel{
background:url('../Images/extra3.gif') repeat-y;
width:812px;
height:auto;
margin:0 auto;
border-bottom: 6px solid rgb(31,31,31);
border-top: 6px solid rgb(33,33,33);
}

#overall{
background-color: #000;
position:relative;
width: 800px; 
height: auto; text-align:center;
margin:0 auto; 
padding:16px 0 0 0;
border-bottom:1px solid #000; /*magically reduces gap on bottom */
} 

#overall2{
background-color:#000;
margin:0 auto; text-align:left;
width: 732px;
height: auto; 
min-height:675px;
position:relative;
border: 0px solid #FF6600; /* orange */
}

* html #overall2{
height:700px; /* IE6 hack to get min-height*/
}
#overall2 p {
text-align: left; 
} 

#topbar{
margin: 0 auto; text-align:center;
width:100%;
height:27px;
padding: 0;
background:url('../Images/leftbox5.gif') repeat-x;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 0px solid #ffcc66; /*pinkish*/
line-height: 27px;
}

#linksbox {
float: left;
width : 176px; 
height : 444px; 
background-color : rgb(33,33,33); 
background:url('../Images/leftbox13.gif') no-repeat;
margin:10px 0 0 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; 
border:1px solid #333; 
}

#linxleft {
position : static; 
width : 173px; 
height : auto; 
margin : 74px 0 0 0; 
border : 0px solid;
}

#linxleft p {
text-align:center;
}

#overall2 a{ /* all links unless they are over-ridden */
font-weight : normal; 
text-decoration : none; 
font-style : normal; 
font-family: "Trebuchet MS", Arial, sans-serif;
color: #6381a1; /*blue*/
} 

#overall2 a:hover {
color:rgb(235,235,175);  /*yellow*/
text-decoration:underline;
}

#overall2 .toplinks a, .toplinks a:active, .toplinks a:visited{ /* Top Nav links */
font-size:12px;
letter-spacing: 1px;
color: #CCCCCC;
padding-top:4px; 
padding-left:20px;
padding-right:20px;
}

.preload_img {
background:url('../Images/hover_arrow1.png') no-repeat; 
visibility:hidden;
}

#overall2 .toplinks a:hover{ /* Top Nav links */
color:#FFFFFF;
background:url('../Images/hover_arrow1.png') no-repeat center -2px;
}

#overall2 div p a, div p a:visited{
font-variant:normal;
letter-spacing:normal;
text-decoration:none;
}
 
h1 {
text-align :center; 
color : rgb(154, 255, 154); /*green*/
font-family:"Trebuchet MS", Verdana, Arial, sans-serif; 
font-size : 1.5em; 
letter-spacing : 2px; 
font-weight : lighter;
margin:0px 10px 18px 10px;
} 

h2 {
color:#8b0000; /*dark red*/
font-weight:normal;
font-size:large;
}

h3, h4 {
font-family:Arial, Helvetica, Verdana, sans-serif; 
text-align: left; 
font-size: 17px;
} 

h5{
font-family:Arial, Helvetica, Verdana, sans-serif; 
text-align: left; 
font-size: small;
} 

hr {
color: #6381A1;  /*blue*/
background-color: #6381A1; 
border: 0; 
height: 1px; 
width: 100%; 
}

#horizontal_bar{
width:100%;
height:17px;
margin:0;
padding:0;
background: url('../Images/gradient_horizontal.gif') repeat-x;
border: 0px solid #ffcc66; /*pinkish*/
}

ul{text-align:left;	line-height:18px;}

.music_bio{
width: 650px; 
height: auto; 
margin-left: auto; 
margin-right: auto;
text-align:left !important;
background:#333333 url('../Images/gradient_top.gif') repeat-x;
font-size: 12px; 
color:#999999;
line-height:18px;
padding:10px 10px 14px 14px !important;
border:1px solid #000;
margin-top:0px;
} 

#divSlide .music_bio a{ /* "Contact" link inside music bio */
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-variant:normal;
text-decoration:underline;
color:#999999;
line-height:18px;
} 

#toggle {
display:none;
}

.linkpage {
background-color:rgb(38,38,38);
font-size:smaller; 
border:0px solid green;
} 

#bio {
width : 650px; 
height : auto; 
padding :0;
margin-top:26px; 
border : 0px solid red;
} 

#movie{ /* Flash slideshow on home page */
float:left;
width:542px;
height:444px;
margin:11px 0 20px 12px;
border:0px solid #ffcccc;
}

#overall p.copyright {
text-align: center; 
font-size: 10px; 
color:#666666;
padding-bottom:10px;
} 

#overall2 #center table{
text-align: center; 
margin-left: auto; 
margin-right: auto;
}

html {  /* to prevent page shift on pages with no scrollbars - doesn't validate though */
overflow-y: scroll;
}