/* richie_lawrence.css */

body {
background:#d2d1b2;
text-align:center;
}

/* ---------------------
   this styles any links
   ----------------------*/
a:link {
color: #F00;
text-decoration: none;
}

a:visited {
color: #FF0000;
text-decoration: none;
}

a:hover {
color: #009999;
text-decoration: none;
}

a:active {
color: #FF0000;
text-decoration: none;
}





/* ------------------------------------------------------------------------------------
  Wireframing - outline:1px to place borders around all div elements during development
  ------------------------------------------------------------------------------------- */
/*div {
margin:0;
padding:0;
outline:1px solid #F00;
}*/

/* -------------------------------------
   container for the entire display area 
   -------------------------------------*/
#container {
width:900px;
height:572px;
margin:60px auto 20px auto;
background:#ffffff;
}

/*------------------------
  background for home page
  ------------------------*/
#homeContainer {
width:900px;
height: 500px;
background: url(assets/richie_home_big_sky2.jpg);
text-align:left;
}




/* ------------------------------------
   Navigation (navhead) and descendants
    ------------------------------------ */
#navhead {
height:73px;
background-color: #000000;
}
#navhead ul {
list-style-type:none;
margin:0px 0px;
padding:20px;
text-align: left;
}
#navhead li {
font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
font-weight: normal;
display:inline;
margin:0 30px 0 0;
padding:0;
}
#navhead li a:link, #navhead li a:visited {
color:#3399FF;
font-size:1.2em;
text-decoration:none;
}
#navhead li a:hover {
color:#FFFFFF;
}
 /*Highlight the current page */
 
#home #navhead a.home { 
border-bottom:2px solid #3399ff;
}
#about #navhead a.about { 
border-bottom:2px solid #3399ff;
}
#bio #navhead a.bio { 
border-bottom:2px solid #3399ff;
}
#listen #navhead a.listen { 
border-bottom:2px solid #3399ff;
}
#reviews #navhead a.reviews { 
border-bottom:2px solid #3399ff;
}
#contacts #navhead a.contacts { 
border-bottom:2px solid #3399ff;
}
#showdates #navhead a.showdates { 
border-bottom:2px solid #3399ff;
}



 /*-----------------------------------------------------------------------------
   The left column and descendants
   --------------------------------------------------------------------------------*/

#sidebar_left_about {
float: left;
width:300px;
height: 500px;
background: url(assets/left_column_aboutv2.jpg);
text-align:left;
}

#sidebar_left_bio {
float: left;
width:300px;
height: 500px;
background: url(assets/left_column_biov2.jpg);
text-align:left;
}
#sidebar_left_listen {
float: left;
width:300px;
height: 500px;
background: url(assets/left_column_listenv2.jpg);
text-align:left;
}
#sidebar_left_reviews {
float: left;
width:300px;
height: 500px;
background: url(assets/left_column_reviews.jpg);
text-align:left;
}
#sidebar_left_contacts {
float: left;
width:300px;
height: 500px;
background: url(assets/left_column_contactsv2.jpg);
text-align:left;
}
#sidebar_left_showdates {
float: left;
width:300px;
height: 500px;
background: url(assets/left_column_showdates.jpg);
text-align:left;
}

/*--------------------------------------------------
"richie lawrence melancholy waltz name logo"
-------------------------------------------------*/

#name_logo {
width: 78%;
text-align: left;
position: relative;
top: 48px;
left: 64px;
font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
font-size:1.7em;
font-weight: bold;
color: #FFFFFF;
line-height: 78%;
}

/* ------------------------------------------------------------------
  don't need this now, When I put individual graphic elements in this is the posistioning
  -----------------------------------------------------------------------------------------*/
/*#aboutPiano {
position: relative;
top: 160px;
text-align: center;
background: url(assets/melancholy_waltz_cd.jpg);
} */

/* ------------------------------
ends left column and descendants
--------------------------------*/

/*----------------------
  "mainCol" content area 
  ----------------------*/

#mainCol {
clear: right;
/*outline:1px solid blue;*/
width:580px;
/*height: 100px;*/
float: right;
line-height:115%;
color:#000000;
text-align:left;
}

#mainCol p {
font-family: Georgia, Times, serif;
font-size: 14.6px;
width:540px;
color: #333333;
}

#mainCol dl {
font-family: Georgia, Times, serif;
font-size: 14.2px;
color: #333333;
}

#coming_showdates {
width:600px;
height:500px;
/*outline:1px solid blue;*/
margin-left:-20px;
background:url(assets/coming_showdates_backgrnd.jpg);
}

/* THIS FOR COMING SOON TEXT #coming_showdates_txt {
/*outline:1px solid blue;
padding-top: 120px;
font-family: Impact, Helvetica, sans-serif;
color: #002D4b;
text-align: center;
font-size: 2.6em;
line-height: 1em;


}*/