/* ____________________________________
CSS authoring: Stu Olds Web Design 2006 for Mary Schneider dot com
_______________________________________ */

* {margin: 0; padding: 0;}
html, body {height: 100%;}

#container {
 width: 620px;
 background: url(b_cback.jpg) repeat-y;
 margin: 0 auto;
 padding: 0px;
 text-align: left;
}

body { background: #32479a; text-align:center; margin: 0px auto; padding: 0px; font: 10px verdana, arial, sans-serif; color: #63411e; line-height: 1.3em;}

/* __________  Page Titles    _____________*/

#top{  width:620px; height:250px; background:url(b_top.jpg) no-repeat; }
#main {  width:620px; height:300px; background:url(b_main.jpg) no-repeat; }
#titlebio {  width:575px; height:40px; margin-left: 25px; background:url(title_bio.jpg) no-repeat; }
#titlediscog {  width:575px; height:40px; margin-left: 25px; background:url(title_discog.jpg) no-repeat; }
#titlereviews {  width:575px; height:40px; margin-left: 25px; background:url(title_reviews.jpg) no-repeat; }
#titlepress {  width:575px; height:40px; margin-left: 25px; background:url(title_press.jpg) no-repeat; }
#titlegallery {  width:575px; height:40px; margin-left: 25px; background:url(title_gallery.jpg) no-repeat; }
#titleshop {  width:575px; height:40px; margin-left: 25px; background:url(title_shop.jpg) no-repeat; }
#titlecontact {  width:575px; height:40px; margin-left: 25px; background:url(title_contact.jpg) no-repeat; }
#titlelist {  width:575px; height:40px; margin-left: 25px; background:url(title_list.jpg) no-repeat; }

/* __________  Classes    _____________*/

.hide {
	display: none;
}
.clearer {
	clear: both;
}
.imgleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-top:3px;
}
.imgright {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-right: 0px;

}

.ppimgleft {
	float: left;


}


/* __________  Form Styles & Menu Tabs  _____________*/

.articleboxouter {
    width: 582px;
    padding: 0px 6px 0px 5px;
    clear: both;
    margin-left: 15px;
} 


.articleboxinner {
    width: 540px;
    line-height: 5px;
    color: #DD7CB4;
    padding: 15px 6px 0px 0px;
    background: #fbfbfb;
    border:1px solid #efefef;
    text-align: justify;
    height: 220px;
}


.userform {
    width: auto;
	height: 40px;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
    color: #ae7ea1;
    padding: 5px 0px 5px 3px;
    background: #fbfbfb;
    border:1px solid #e7d2e1;
    border-top: none;
    text-align: justify;
    margin-bottom: 1px;
}


.userform input {
    border: 1px solid #DDD;
    font-family: verdana;
    font-size: 10px;
    color: #ae7ea1;
    font-weight: bold;
}

.userform2 {
    width: auto;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
    color: #ae7ea1;
    padding: 5px 0px 5px 3px;
    background: #e7d2e1;
    border:1px solid #c49bb9;
    border-top: none;
    text-align: justify;
    margin-bottom: 1px;
}


.userform2 input {
    border: 1px solid #DDD;
    font-family: verdana;
    font-size: 10px;
    color: #ae7ea1;
    font-weight: bold;
}

#menuholder
{
    width: 620px; 
	height:33px; 
	margin-left: 20px;
}


#menu {
    float:left;
    width: 582px;
    background: transparent;
    font-size:93%;
    line-height:normal;
    border-bottom:1px solid #CCC;
}

#menu ul {
    margin:0;
    padding:10px 10px 0 5px;
    list-style:none;
}

#menu li {
    display:inline;
    margin:0;
    padding:0;
}

#menu a {
    float:left;
    background:url(tableft8.gif) no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
}

#menu a span {
    float:left;
    display:block;
    background:url(tabright8.gif) no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#fff;
    font-weight: bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
    /* End IE5-Mac hack */
    #menu a:hover span {
    color:#591333;
}

#menu a:hover {
    background-position:0% -42px;
}

#menu a:hover span {
    background-position:100% -42px;
    color: #c49bb9;
}

#menu #current a {
    background-position:0% -42px;
}
#menu #current a span {
    background-position:100% -42px;
    color: #c49bb9;
}


#content fieldset {
	background: #4E5C6D url(bg_info_top.gif) no-repeat 0px 0px;
	border-style: none;
	margin: 10px 20px;
}
#content form {
	background: url(bg_info_bottom.gif) no-repeat 0px 100%;
	padding: 15px;
}
#content form p {
	margin: 0;
}
#content label {
	float: left;
	width: 120px;
	font-size: 1.2em;
	color: #fff;
}
#content textarea {
	width: 300px;
	height: 155px;
}

/* __________  Footer Area  _____________*/

#foot {
	background: url(b_foot.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 99px;
	clear: both;

	position: relative;
}

#footer {
	font-size: 10px;
	width: 570px;
	border-top: 2px solid #63411e;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 20px;
	color: #fff;
	padding: 3px;
}
#footer p {
   text-align:right;
   line-height:1em;
   color:#a96029;
   font: 10px Verdana, Arial, Helvetica, sans-serif;
   margin:0;
   padding-right: 20px;
}
#footer span {
   color:#888;
}
#footer a {
   color:#888;
}
#footer a:hover {
   color:#fff;
}



/* __________  Main Page Content  _____________*/

#content {

   text-align: left;
   width: 560px;
   margin-right: 20px;
   margin-left: 20px;
   margin-top: 5px;
   padding-left: 10px;
   padding-right: 10px;
}
#content p {
   color: #ae7ea1;
   font-size: 12px;
   margin: 0 0 12px 0;
}

.block        {
	margin:  0;
	padding:  5px 5px;
	line-height: 13px;
	font-size: 12px;
	color: #ae7ea1;
	background: transparent;
                }
.block p     {
   font-weight: normal;
   font-size: 12px;
   text-align:left;
                }
				
.block li {
	list-style: none;
	margin-left: 40px;
}
.block a {
	padding: none;
}
.block a:link, .block a:visited {
	color: #ae7ea1;
	BORDER-BOTTOM:#ae7ea1 1px dotted; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
.block a:hover, .block a:active, .block a:focus {
	color: #fff;
	BACKGROUND-COLOR: #ae7ea1; 
	TEXT-DECORATION: none;
}

.block2        {
	margin:  0;
	padding:  5px 5px;
	line-height: 13px;
	font-size: 12px;
	color:#c49bb9;;
	padding: 15px 6px 15px 0px;
    background: #fef2fb;
    border:1px solid #fef2fb;
	padding-left: 15px;
                }
.block2 p     {
   font-weight: bold;
   font-size: 11px;
   text-align:left;
                }
				
.block2 li {
	list-style: none;
	margin-left: 40px;
}
.block2 a {
	padding: none;
}
.block2 a:link, .block2 a:visited {
	color: #ae7ea1;
	BORDER-BOTTOM:#ae7ea1 1px dotted; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
.block2 a:hover, .block2 a:active, .block2 a:focus {
	color: #fff;
	BACKGROUND-COLOR: #ae7ea1; 
	TEXT-DECORATION: none;
}


blockquote {
	border-left: 4px solid #63411e;
	display: block;
	margin: 10px;
	padding: 10px;
	text-align: left;
}

.blockfooter   {
                color:#c49bb9;
                font-size:11px;
				font-weight:normal;
                text-align:left;
                margin-bottom:3px;
                margin-top:5px;
                }
.blockfooter  {
                    margin-top:15px;
                    }
		

h1, h2, h3, h4, h5, h6 {
	font-family: helvetica, arial, verdana, sans-serif;
	padding-left: 2px;
}

p, td {
	font: 11px helvetica, arial, verdana, sans-serif;
	color:#ae7ea1;
	margin-bottom:10px;
	font-weight: normal;
	margin-top:6px;
	padding:0;
	text-align:left;
}
 
h1 {
	margin-top: 0;
	font-size: 218%;
	font-variant:small-caps;
	line-height: 1em;
	color:#ae7ea1;
	border-bottom:1px solid #ae7ea1;
}
 
h2 {
	font-style: normal;
	font-size: 125%;
	line-height: 20px;
	color:#c49bb9;
	padding: 15px 6px 15px 0px;
    background: #fef2fb;
    border:1px solid #fef2fb;
	padding-left:15px;
}

h2 a:link, h2 a:visited {
	color: #8C856B;
	BORDER-BOTTOM:#8C856B 1px dotted; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
h2 a:hover, h2 a:active, h2 a:focus {
	color: #fff0d1;
	BACKGROUND-COLOR: #bf8351; 
	TEXT-DECORATION: none;
}

h2 li {
	list-style-image: url(point.jpg);
}
 
h3 {
	font-size: 130%;
	color:#ae7ea1;
	margin:10px 0px;
	line-height: 20px;
	border-bottom:1px solid #63411e;
}


h3 li {
	list-style-image: url(point2.gif);
}
h3 a {
	padding: 1px;
}
h3 a:link, h3 a:visited {
	color: #8C856B;
	BORDER-BOTTOM:#8C856B 1px dotted; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
h3 a:hover, h3 a:active, h3 a:focus {
	color: #fff0d1;
	BACKGROUND-COLOR: #bf8351; 
	TEXT-DECORATION: none;
}

h3 li {
	list-style-image: url(point2.jpg);
}
 
h4 {
	font-family: helvetica, arial, verdana, sans-serif;
	color:#ae7ea1;
	font-weight: bold;
	font-size: 110%;
	margin:4px 0px 0px 0px;
}

h5 {
	font-family: helvetica, arial, verdana, sans-serif;
	color:#c49bb9;
	font-weight: bolder;
	font-size: 115%;
	margin:4px 0px 0px 0px;
	padding-left:15px;
}

/* __________  Miscellaneous  _____________*/

acronym {
	cursor:help;
	border-bottom:1px dotted #ddd;
}