/* Soundarchive Screen CSS Document */



/* General */

body, html {
margin:0;
padding:0;
text-align: center; /* compatibility */
background:#F5F5F5;
font-family: arial, helvetica, sans-serif;
font-size:0.9em;
color:#555;
}

table {
font-size:1em;
}

#wrap {
margin: 0 auto;
padding:0 13px;
width:990px;
text-align: left; /* change back to left again */
background:#fff url(../img/shadow.jpg);
border-bottom:100px #F5F5F5 solid;
}


/* main Cols */

#left {
width:453px;
margin:0;
padding:10px 10px 20px 22px;
float:left;
}

#right {
width:453px;
padding:10px 22px 20px 0px;
margin:0;
float:right;
}







/*   page contents - main*/


img {
border:none;
padding:0;
margin:0;
}

h1, h2, .h1 {
font-size:1.6em;
font-weight: bold;
font-family: arial narrow, arial, sans-serif;
color:#555;
padding:0 0 0 0;
margin:4px 0 2px 0;
border-bottom: #CCC solid 1px;
}

h2 {
font-family:arial, helvetica, sans-serif;
font-size:1.4em;
border:none;
padding:0;
margin:1em 0 0 0;
}

.noborder, a:visited.noborder, a:hover.noborder{
border-bottom:1px #fff solid;
}

.border_bottom, p.border_bottom {
border-bottom: #CCC solid 1px;
}

p.border_bottom {
padding-bottom:0.7em;
}

.nobackground {
background:none;
}

a{
color:inherit;
color:#555; /* IE 6*/
text-decoration:none;
border-bottom:1px solid #555;
}

a:focus, a:active{
/* Click or Tab through...*/
background: #C4F23A;
color:#000;
}

a:hover{
color:inherit;
color:#555; /* IE 6*/
text-decoration:none;
border-bottom:1px solid #9C0;
}

p {
padding: 0; 
margin:0.3em 0 .3em 0;
}

ul {
    margin-top:0.3em;
}

pre {
font-family:Arial, helvetica, sans-serif;
}

input[type=text]:hover, label:hover{
background:#E0FAA5;
}

/* IE stretched button bug workaround */
input.button {
    padding: 0 .5em;
    width: 0; /* for IE only */
    overflow: visible;
}

input.button[class] { /* IE ignores [class] */
    width: auto;
}


input[type=text]:focus{
background:#D8F779;
}

input[type=text]:active, label:active{
background:#BBEF1D;
color: #000;
}

.small_text{
font-size: 0.85em;
}

.bt_search_now {
float:right;
position:relative;
top:6px;
display:block;
}

object#flashsliders{
margin-left:-6px;
}

.align_right {
text-align:right;
}

.align_center {
text-align:center;
}

.float_left {
float:left;
}

.float_right {
float:right;
}

.clear_left {
clear:left;
}

.clear_right {
clear:right;
}

.highlight_green{
background:#C4F23A;
padding: 0 2px 0 2px; 
}

.border_green {
border: solid 1px #C4F23A;
padding: 0 2px 0 2px; 
}

.prevnext{
color:#99CC00;
font-weight:bold;
font-size:1.1em;
}

.small {
font-size:smaller;
}



/* Left hand side - explanations */

#left.info ul li {
margin-bottom:1em;
line-height:1.1em;
list-style:circle;
}


/* Register */

.small_print {
clear:both;
color:#777777;
font-size:0.85em;
padding:10px 25px;
}

/*  Footer  */
#footer {
text-align:center;
clear:both;
padding:2.5em 40px 1.7em 40px;
margin: 1em -13px 0 -13px;
color:#ccc;
background:transparent url(../img/shadow_bottom.jpg) bottom no-repeat;
}

#footer div {
margin-top:0.5em;
margin-bottom:1em;
border-top:1px solid #eee;
padding-top:0.4em;
color:#999;
font-size:.9em;
}

#footer div a{
color:#999;
}

#footer a{
border-bottom:none;
}

#footer a:hover{
border-bottom:1px solid #99CC00;
}





/* Used on Home Page and on Quick Links */

#quick_links {
clear:both;
float:left;
padding:0;
margin:0;
}


#quick_links li {
display: inline;
padding-right:1em;
font-size:1.3em;
font-weight:bold;
}






/* Home page */

/* Homepage redesign Sep 08*/

#home h2 {
font-size: 1.8em;
font-family: arial;
letter-spacing: -0.01em;
margin-top:0.2em
}

#home p.intro {
font-size: 1.4em;
line-height:1.35em;
margin:11px 0 24px 0;
}

#home #intro_video {
float:left;
clear:left;
}

#home #start_search{
clear:right;
float:left;
padding: 60px 0 0 86px;
}


#home #start_search a{
text-decoration: none;
border: 0;
}

#home #left a:hover {
background: #ECFABC;
color: #333;
}

#home #left{
width: 680px;
margin-right:34px;
padding-left:14px;
padding-bottom: 0;
}

#home #right {
width:252px;
float:left;
padding-right:0;
margin-right:0;
padding-bottom: 0;
}

#home #testimonials {
margin-top: 8px;
width: 250px;
background: #eee; 
height: 420px;
}

/* just temporary*/
#home #testimonials p {
font-size:2.6em;
padding:160px 50px 0 50px;
color: #777;
line-height: 1em;
font-family: georgia;
text-align:center;
border:1px solid darkgrey;
height:258px;
letter-spacing:-0.01em;
}

/* just temporary*/
#intro_video{
background: #eee;
}

/* End Homepage redesign Sep 08 */



#home #trailer{
margin: 0 1.2em 0.5em 0;
float:left;
}

#home #intro {
padding-top:1.2em;
padding-bottom:0.2em;
}

#home #intro p{
display:inline;
}

#home #intro p.block{
display:block;
font-size:80%;
}

#home p#newsletter{
clear:both;
float:left;
font-size:150%;
padding-top:0.7em;
}

#home p#newsletter a{
text-decoration:underline;
}


#home #intro br{
margin-bottom:1.2em;
display:block;
}

#home #intro h2{
display:inline;
padding-right:0.1em;
}

#home p {
margin-top:0;
}










/* Track Details */

div#details_tools {
float:left;
width: 100%;
clear:right;
padding: .7em 3px .9em 10px;
border-bottom:#CCC solid 1px;
margin-bottom:.7em;
width: auto;
}

.track_details table {
width:auto;
}
.track_details td{
padding:.3em 20px 0 0;
}





/* License */

#license td{
padding:4px 5px 4px 0;
margin:0;
}

#license th{
text-align:left;
}


#license th.first{
width:16px;
}

#license .border_bottom{
border-bottom: 1px dotted #ccc;
}

#license p.border_bottom input[type=text]{
margin-right: 9px;
}

#license #length_seconds {
float:left;
margin-right:.8em;
}

#license #length_seconds_label {
display:block;
float:left;
background:#C4F23A;
visibility:hidden;
margin-top:0.2em;
}

#license #length_seconds_display {
background:#C4F23A;
font-weight:bold;
float:left;
margin-top:0.2em;
padding-left:.3em;
}






/* Confirm */

#cou_id {
width:11em;
}

#confirm #right table p{
width:30em;
}

#confirm #right table td,
#register #right table td{
    padding:4px 2px;
}








/* Contact */
#contact #right input[type=text], textarea {
width: 350px;
}
#contact #right input.button, 
#contact #right #email,
#contact #right #newsletter {
width:auto;
margin-left: 0;
}






/* What's Up 
(about, news, press) */

#about h1.noborder{
width:50%;
position:relative;
}
div.h1_nav{  
text-align:right;
position:relative;
top:-23px;
background:white;
z-index:100;
margin-bottom:-15px;
padding-bottom:0;
}

#about img{
float:left;
padding: 0 1em 1em 0;
}

#about_index {
width:140px;
padding: 10px 10px 0 0;
position:fixed;
float:left;
}

#about_index ul{
background:#fff;
list-style:none;
padding:0;
margin:0;
}

#about_index li{
margin-bottom:0.3em;
}

#about_info{
float:right;
margin:0pt;
padding:0pt;
width:300px;
text-align:justify;
}
#about_info h2#production_music{
margin-top: 0.4em;
}

#about #right {
text-align:justify;
}






/* Mylist */

#mylist input.client {
width:11em;
}

#mylist input.project{
width:16em;
}



/**** sIFR ****/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #wrap h1{
visibility: hidden;
font-size:20px;
font-family:"arial narrow";
color:#555;
font-weight:bold;
}