/*
 $Author: Justin $
 $Date: 2008/11/15 23:49:13 $
 $Revision: 1.1.1.1 $
*/


.faq h3 {
  margin: 0px;
  margin-bottom: 5px;
  margin-right: 20px;
  padding: .25em;
  font-family: Arial, sans-serif;
  font-size: 14px;
  background: #EEEEEE;
  border-top: 1px solid #AAAAAA;
  border-bottom: 1px solid #555555;
  border-left: 1px solid #AAAAAA;
  border-right: 1px solid #555555;
}
.howto h3 {
  margin: 0px;
  margin-bottom: 5px;
  margin-right: 20px;
  padding: .25em;
  font-family: Verdana, sans-serif;
  background: #EEEEEE;
  border-top: 1px solid #AAAAAA;
  border-bottom: 1px solid #555555;
  border-left: 1px solid #AAAAAA;
  border-right: 1px solid #555555;
}


a:link    {text-decoration: underline; color: #0000AA;}
a:visited {text-decoration: underline; color: #0000AA;}
a:active  {text-decoration: none; color: #777777;}
a:hover   {text-decoration: underline; color: #0000AA;}

a.menu:link    {text-decoration: none; color: #FFFFFF; padding: 2px; }
a.menu:visited {text-decoration: none; color: #FFFFFF; padding: 2px; }
a.menu:active  {text-decoration: none; color: #FFFFFF; padding: 2px; }
a.menu:hover   {text-decoration: none; color: #FFFFFF; background-color: #000000; padding: 2px; }

a.nav:link    {text-decoration: none; color: #F5F5F5;}
a.nav:visited {text-decoration: none; color: #F5F5F5;}
a.nav:active  {text-decoration: none; color: #000000;}
a.nav:hover   {text-decoration: none; color: #FFFFFF;}

a.search:link    {text-decoration: none; color: #000099;}
a.search:visited {text-decoration: none; color: #000099;}
a.search:active  {text-decoration: none; color: #000000;}
a.search:hover   {text-decoration: underline; color: #000099;}

a.msg:link    {text-decoration: underline; color: #000099; }
a.msg:visited {text-decoration: underline; color: #000099; }
a.msg:active  {text-decoration: underline; color: #666666; }
a.msg:hover   {text-decoration: underline; color: #0000FF; }

/*
a.img-link:link    {text-decoration: none; color: #FF0000; border: none;}
a.img-link:visited {text-decoration: underline; color: #000000; }
a.img-link:active  {text-decoration; underline; color: #000000; }
a.img-link:hover   {text-decoration: underline; color: #000000; }
*/

img {border-style: none;}


/* use with <div> */

#main {    
    width: 835px;
    background-color: #F2F2F2;
    padding: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    /*border: 1px solid #000000;*/
    font-family: Verdana, sans-serif;
    font-size: 12px;
    text-align: left;
}

#content {
    position: relative;
    height: 100%;
    background-color: #FFFFFF;
    background-image: url(../body_ds.jpg);
    background-repeat: repeat-y;
    /*width: 100%;*/
    padding: 20px;
    /*border: 1px solid #BBBBBB;*/
    font-family: Verdana, sans-serif;
    font-size: 12px;
    text-align: left;
}

#content ul {
    list-style-type: none;
    margin-left: 0px;
    padding: 0px;
    font-size: 12px;
    text-align: left;
}

#content-left {
    margin: 0px;
    left: 0px;
    top: 0px;
    /*background-color: transparent;*/
    background-color: #F2F2F2;
    
    width: 300px;
    padding: 0px;
    text-align: center;
    border: 1px solid #BBBBBB;  
	font-size: 12px; 
    text-align: left; 
}



.band-img img {
    /*width: 100%;*/
    max-width: 300px;
    /* IE hack */
    width:expression(document.body.clientWidth > 300? "300px": "auto" );
    /*height:expression(document.body.clientHeight > 400? "400px": "auto" );*/
    /*max-width: 300px;*/
    max-height: 400px;
}

.band-img-small img {
    /*width: 100%;*/
    max-width: 96px;
    /* IE hack */
    width:expression(document.body.clientWidth > 96? "96px": "auto" );
    /*height:expression(document.body.clientHeight > 96? "96px": "auto" );*/
    /*max-width: 300px;*/
    max-height: 96px;
}

#menu {
  width:835px;
  background-image:url(../menu_ds.jpg);
  text-align: left;
  padding-left: 0px;
}

/* menue link bar */
#menu ul {   
    margin-top: 0px;    
    margin-bottom: 0px;
    margin-right:20px;
    margin-left:18px;
    position: relative;
    padding: 5px;
    /*background-image: url(images/cellgrad.gif);*/
    /* background-color: #555555; */
    /* background-color: #D2FF00; */
    /*border: 1px solid #D2FF00;*/
	font-size: 12px;
}

#menu li {
    display: inline;
    list-style-type: none;
    padding-right: 4px;
	font-size: 12px;
}

#menu .welcome {
    padding-top: 7px;
    padding-bottom: 2px;
    padding-left: 10px;   
	font-size: 12px;
}

#downloadlink a {
    text-decoration:none;
    font-size:14px; 
    color:#777777; 
    font-weight:bold;
}

#featuredartist {
    width: 470px;
    margin: 0px;
    left: 0px;
    top: 0px;
    padding: 0px; 
    font-size: 12px; 
    text-align: left; 
    border: 1px solid #555555;
    background-image: url(../TheShells.JPG);
}

/*#featuredartist a {
   display: block;
}*/

#featuredartist a span {
    /*background: #fff url(../TheShells.JPG) no-repeat;*/
    display: block;
    text-decoration: none;
/*    width: 470px;*/
    height: 370px;
    visibility: hidden;
}

#featuredartist-list {
    /*width: 95%;*/
    margin: 0px;
    left: 0px;
    top: 0px;
    padding: 0px; 
    font-size: 12px; 
    text-align: left; 
    border: 1px solid #555555;
    background-image: url(../list_gradient.png);
    background-repeat: repeat-y;

}

#featuredartist-list {
    
}

#header {
    position: relative;
    background-color: #FFFFFF;
    background-image: url(../header_ds.jpg);
    width: 100%;
    background-repeat: no-repeat;
    height: 114px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000000;
}
#header h1 { margin: 0px; padding: 10px;}

/*
#header-left {
    position: absolute;
    width: 50%;
    text-align: left;
}

#header-center {
    position: absolute;
    background-color: #00FF00;
    width: 50%;
    right: 25%;
    left: 25%;
    text-align: center;
}

#header-right {
    position: absolute;
    width: 50%;
    right: 0%;
    text-align: right;
}
*/
#footer {
    position: relative;
    text-align: center;
    color: #000000;
    background-color: #F2F2F2;
    background-image: url(../footer_ds.jpg);
    background-repeat: no-repeat;
    height: 35px;
    width: 100%; 
    font-size: 12px;
}

#copyright {
    text-align: center;
    

    
    color: #333333;
    background-color: #F2F2F2;
    width: 100%; 
    font-size: 12px;
}

artist_bullet_bg {
background-image: url('http://www.audiovine.com/main_artist_bg.jpg');
}

.profile-side {
    color: #555555;
    width: 8em;
    text-align: right;
    padding-right: 1em;
}

.tdreg {    
    /*background-color: #F5F5F5;*/
    padding: 5px;
    text-align: left;
}

.tdbuttonreg {
    text-align: right;
    background-color: #F5F5F5;
}

.thmain {
    color: #FFFFFF;
    /*background-color: #330000;*/
    background-color: #F2F2F2;
    font-weight: bold;
    padding: 3px;
    text-align: center;
}

.thpro {
    font-size: 14px;
    font-weight: bold;
    color: #555555;
    text-align: left;
    border: 0px solid;
    padding-left: 5px;
    border-bottom-width: 3px;
    border-bottom-color: #000055;   

}

.main {
    border: 1px solid #9999bb;
    /*background-color: transparent;*/
    background-color: #F2F2F2;
    width: 100%;
    padding: 5px;
}

.profile {
    background-color: transparent;
    /*background-color: #F2F2F2;*/
    padding: 10px; /*border: 1px dashed gray;*/ }   

.bandinfo {    
    border: 1px solid #000000;
    vertical-align: text-top;
    font-weight: normal;
    /*background-color: transparent;*/
    background-color: #F2F2F2;
    text-align: left;
    /*width: 100%;*/
}

.login {

    border: 1px solid #000000;
    vertical-align: text-top;
    font-weight: normal;
    /*background-color: transparent;*/

    background-color: #F2F2F2;
    text-align: left;
    width: 100%;
}

#font_size {font-size: 12px; }

#login_index { width: 300px; margin: 0px; font-size: 12px;}
#login_index fieldset { margin: 0px; }
#login_index label {width: 6em; float: left; text-align: right; margin-right: 0.5em; display: block; font-size: 12px; }
#login_index .submit input {margin-left: 5em;}

#login { width: 300px; margin: 0px; font-size: 12px;}
#login fieldset { margin: 0px; }
#login label {width: 6em; float: left; text-align: right; margin-right: 0.5em; display: block; font-size: 12px; }
#login .submit input {margin-left: 5em;}

#form_band_reg label {width: 20em; float: left; text-align: right; margin-right: 0.5em; display: block; font-size:12px;}
#form_band_reg .submit input {margin-left: 5em;}
#form_band_reg fieldset {/*background-color: #F5F5F5;*/}

/*#form_browse_artists { width: 30em; float: left; text-align: left;  margin-right: 0.5em; font-size: 12px; }*/
#form_browse_artists fieldset {/* margin: 0px; */}
#form_browse_artists label {float: left; text-align: left; margin-right: 0.5em; display: block; font-size: 12px; }
#form_browse_artists .submit input {margin-left: 5em;}

#form_submit_email label {width: 20em; float: left; text-align: right; margin-right: 0.5em; display: block; font-size: 12px; }
#form_submit_email.submit input {margin-left: 5em;}

#form_edit_account {text-align: left;}
#form_edit_account label {width: 8em; float: left; text-align: right; margin-right: 0.5em; display: block; font-size: 12px; }
#form_edit_account .submit input {margin-left: 5em;}

#form_edit_members {text-align: left;}
#form_edit_members label {width: 16em; float: left; text-align: right; margin-right: 0.5em; display: block; font-size: 12px; }
#form_edit_members .submit input {margin-left: 5em;}
#form_edit_members tr:hover {background-color: #DDDDDD;}

#form_edit_band {text-align: left;}
#form_edit_band label {width: 20em; float: left; text-align: right; margin-right: 0.5em; display: block; font-size: 12px; }
#form_edit_band .submit input {margin-left: 5em;}

#form_news {text-align: left;}
#form_news label {width: 4em; float: left; text-align: right; margin-right: 0.5em; display: block; font-size: 12px; }
#form_news .submit input {margin-left: 5em;}

/*
#form_message {text-align: left;}
#form_message label {width: 8em; float: left; text-align: right; margin-right: 0.5em; display: block; font-size: 12px; }
#form_message .submit input {margin-left: 5em;}
*/

legend {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    /*border: 1px solid black;*/
}

form {
   margin: 10px;
}

/* Form Boxes */
fieldset { 
    margin: 10px; 
    padding: 10px;
    background-color: #F2F2F2;
}

div.error {
    margin-left:20px;
    margin-right:20px;
    margin-bottom:10px;
    color: #FF0000;
    background-color: #FFFFCC;
    border: 1px solid #F88017;
    /*width: 600px;*/
    width:  90%;
}

div.error li {
    padding: 5px; text-align: center;
}

.message {
    margin-left:20px;
    margin-right:20px;
    margin-bottom:10px;
    text-align: center;
    border: 1px solid #000000;
    background-color: #F5F5F5;
    width:  90%;
}
.message li { 
    padding: 5px; 
}

.submitbutton {
    color: #FFFFFF;
    background-color: #666666;
    font-family: Verdana, sans-serif;
    font-size: 10px;
}

.inputfield {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    background-color: #FFFFFF;
}

/*input {
    border: 1px solid gray;
    font-family: Verdana, sans-serif;
    margin: 2px;
}*/

textarea {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    border: 1px solid gray;
}

/*input:hover { 
    border: 1px solid #000000;
}*/

.about { 
    border: none;
}

.similar { 
    line-height: 150%; text-align: left;
}

h4 {
    margin: 0px;
}
h5 {
    margin: 0px; 
    font-size: 10px; 
    font-weight: normal; 
    color: #AAAAAA;
}
 
/* MAIN BACKGROUND */
body {
    font-family: Verdana, Helvetica, Arial, sans-serif;    
    font-size: 12px;
    background-color: #F2F2F2;
    text-align: center;
}

.submenu ul {
    margin: 0px;
    position: relative;
    padding: 5px;
    color: #0000DD;
    font-weight: bold;
}

.submenu li {
    display: inline; 
    list-style-type: none; 
    padding-right: 4px;
}

.horizontal ul {margin: 0px;}
.horizontal li {display: inline;}
 
#stats {
    font-size: 12px;
    text-align: left;
    width: 270px;
    color: #000000;
    border: 1px solid #BBBBBB;
    /* background-color: #F7F7F7; */
    background-color: #F2F2F2;
}

#stats li {list-style-type: none; padding-left: 5px;}
#stats ul {margin: 0px; margin-bottom: 8px; padding: 0px;}

#stats .heading {
    /*background-color: #DDDDDD;*/
    /*background-color: #C9C299;*/
    /*background-color: #003399;*/
    background-color: #555555;
    color: #FFFFFF;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 0px;
    font-weight: bold;
}

.info {background-color: #EEEEFF; border: 1px solid #BBBBCC; width: 310px;}
.info li {padding: 5px; margin: 5px;}

.log {position: absolute; right: 0px;}

.exit-error {
    font-weight: bold;
    font-size: 14px;
    color: #FF0000;
    background-color: #F5F5F5;
    border: 1px solid #CDCDCD;
    margin: 10px;
    padding: 10px;
}

.prop { height:500px; float:right; width:1px; background-color: #FF0000; }
.clear { clear:both; height:1px; overflow:hidden; background-color: #0000FF; }

/*.post { font-family: serif; font-size: 14px;}*/
.post { background-color: #f5f5f5;}
.post li { padding-left: 8px; padding-right: 8px;}
.post h4 { padding-top: 5px; font-size: 16px;}
.post ul { padding: 10px; border-bottom: 5px dotted black;}


.homelinks ul {
    margin: 0px;
    padding: 5px;
    color: #0000DD;
    font-weight: bold;
}

.homelinks li {display: inline; list-style-type: none; padding-right: 4px;}

.browse_result td {padding-left: 10px; font-size:12px;}

.message_cell {background-color: #cedff2; padding: 8px; text-align: left;}

.fine {font-size: 10px;}

.member_list { 
    background-color: transparent;    
}
.member_list td {
    background-color: transparent;
    padding: 5px;
}


/*

  $Log: lt.css,v $
  Revision 1.1.1.1  2008/11/15 23:49:13  Justin
  imported source

  Revision 1.4  2007-08-26 01:32:11  justin
  Only write song data to file

  Revision 1.3  2007-08-25 23:02:48  justin
  Compatible with IE 6.0

  Revision 1.2  2007-08-24 19:37:02  justin
  added the log to the end of all files and closed the php tag ? >


*/