/* Defines default font sizes. */
@import url("fonts.css");

/* Global Tag Definitions */
@import url("globals.css");

/* layout
----------------------------------------------*/
body {
    text-align: center;
	background: #E7E8EA url(../images/body-bg.jpg) repeat-x left top ;
	color: #333333;
}
#wrapper {
     width: 799px;
     margin: 0 auto;
     text-align: left;
     background: url(../images/wrapper-bg.gif) repeat-y 2px top;
}
#header {
     height: 113px;
     margin: 0 0 20px 0;
     background: url(../images/header-bg.gif) no-repeat 2px top;
}
#content-container {
     width: 559px;
     float: right;
     clear: right;
}
#content {
     margin: 0 20px 40px 8px;;
}
#left-col-container {
     width: 240px;
     float: left;
}
#left-col {
     margin: 0 15px 40px 29px;
}
#footer {
	clear: both;
}

/* Nav 
----------------------------------------------*/
ul#nav {
     clear: both;
     margin: 0;
     padding: 9px 9px 10px 238px;
     white-space: nowrap;
}
ul#nav li {
     float: left;
     list-style-type: none;
}
ul#nav a:link, ul#nav a:visited {
     display: block;
     font-size: 15px;
     padding: 7px 0;
     color: #CC0066;
     text-decoration: none;
     text-align: center;
}
ul#nav li#nav-home {
     width: 71px;
}
ul#nav li#nav-submissions {
     width: 110px;
}
ul#nav li#nav-mugshots {
     width: 125px;
}
ul#nav li#nav-faqs {
     width: 60px;
}
ul#nav li#nav-about {
     width: 91px;
}
ul#nav li#nav-contact {
     width: 82px;
}
ul#nav a:hover, ul#nav a.current {
     text-decoration: none;
}
ul#nav li#nav-home a:hover, ul#nav li#nav-home a.current {
     background: url(../images/nav/home.gif) no-repeat 0px 0px;
}
ul#nav li#nav-submissions a:hover, ul#nav li#nav-submissions a.current {
     background: url(../images/nav/submissions.gif) no-repeat 0px 0px;
}
ul#nav li#nav-mugshots a:hover, ul#nav li#nav-mugshots a.current {
     background: url(../images/nav/foxymugshots.gif) no-repeat 0px 0px;
}
ul#nav li#nav-faqs a:hover, ul#nav li#nav-faqs a.current {
     background: url(../images/nav/faqs.gif) no-repeat 0px 0px;
}
ul#nav li#nav-about a:hover, ul#nav li#nav-about a.current {
     background: url(../images/nav/about-us.gif) no-repeat 0px 0px;
}
ul#nav li#nav-contact a:hover, ul#nav li#nav-contact a.current {
     background: url(../images/nav/contact.gif) no-repeat 0px 0px;
}
/* login
----------------------------------------------*/
#login {
	width: 256px;
	height: 54px;
	margin: 8px 37px 0 0;
    padding: 12px 0 0 15px;
    float: right;
    background: url(../images/login-bg.gif) no-repeat left top;
}
#login label {
	float: left;
	clear: both;
}
#login #password, #login #username {
	margin-right: 50px;
}
#login #password label {
	margin-top: 5px;
}
#login #username input, #login #password input {
    width: 120px;
	float: right;
}
#login #password input {
	margin-top: 5px;
	clear: right;
}
#go {
	clear: both;
	float: right;
	margin: -30px 15px 0 0;
}
/* Left col rounded box 
----------------------------------------------*/

/* set the image to use and establish the lower-right position */
.featured, .featured_body, .featured_head, .featured_head h2 {
     background: transparent url(../images/left-col-box.gif) no-repeat bottom right;
}
.featured {
     width: 190px;
	 width: 186px; /* IE Win = width - padding */ 
	 padding-right: 4px; /* the gap on the right edge of the image (not content padding) */ 
	 margin: 0 0 40px 0 ; /* use to position the box */
}
/* set the top-right image */
.featured_head {
     background-position: top right;
     margin-right: -4px; /* pull the right image over on top of border */ 
	 padding-right: 14px; /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.featured_head h2 {
     background-position: top left;
     margin: 0; /* reset main site styles*/ 
	 border: 0; /* ditto */ 
	 padding: 10px 0 5px 14px; /* padding-left = image gap + interior padding ... no padding-right */ 
	 height: auto ;
     height: 1%; /* IE Holly Hack */
	 text-decoration: none;
}
/* set the lower-left corner image */
.featured_body {
     background-position: bottom left;
     margin-right: 10px; /* interior-padding right */ 
	 padding: 0px 0 20px 14px; /* mirror .cssbox_head right/left */
}
.featured p {
	margin: 0;
	padding: 0;
}
.featured .artist {
	font-size: 114%;
	margin: 0 0 2px 0;
}
.featured .album-name {
	font-size: 114%;
}
.featured .album-description {
	font-size: 85%;
}
.featured .more {
	margin: 10px 0 0 0;
	font-weight: bolder;
	color: #000000;
}
.featuredsignup {
	margin: 5px 0 0 0;
}

/* Footer
----------------------------------------------*/
#footer {
	height: 24px;
	background: url(../images/footer-bg.gif) no-repeat 17px 0px;	 

}
#footer ul {
     padding: 3px 0 0 0;
	 margin: 0;
	 text-align: center;
}
#footer li {
	display: inline;
	padding: 0 5px;
}

/* Home Page
----------------------------------------------*/
h1#home-heading {
	font-size: 182%;
	margin: 0 0 0 30px;
}

ul#benefits {
	margin: 10px 20px 40px 60px;
}
ul#benefits li {
	list-style: url(../images/bullet.gif) none;	
	margin: 0;
	padding: 0 0 0 0;
	font-size: 136%;
	font-weight: bold;
}
ul#benefitsthin li {
	list-style: url(../images/bullet.gif) none;	
	margin: 0;
	padding: 0 25px 7px 0;
	font-size: 136%;
	
}
h2#who {
	font-size: 174%;
	margin: 0 0 15px 30px;
}

/* Faq
----------------------------------------------*/

.question {
	font-weight: bold;
}
.answer {

}

/* Services
----------------------------------------------*/

#stores img {
	padding: 5px;
}

/* Forms 
----------------------------------------------*/

input[type=text], input[type=password], textarea {
    border: 1px solid #333;
    color: #000;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
    border: 1px solid #333;
    color: #000;
}
/* Links
----------------------------------------------*/

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