body	{
	min-width:750px;
	}
	

/* content
- - - - - - - - - - - - - - - - - - */
#main_content {
 	top:100px;
	margin:0 auto 20px auto;
	background: url(/static/images/buble_bottom.gif) 0 0 no-repeat;
	padding:20px 0 0 20px;
	}
	
#main_content.fiftyfifty {
	padding:20px 0 0 20px;
	}	

	

body.narrow #main_content {
	width:746px;
	}

	

#main_content h1, #main_content h2 {
	margin:0 0 .5em 22px;
	}

#main_content h1, #main_content h2	{
	text-transform:uppercase; color:#666; letter-spacing:.2em;
	}
	
#main_content h1 {
	font-size:150%;	
	}
	
#main_content h2 {
	font-size:100%;	
	}

/* layout
- - - - - - - - - - - - - - - - - - */

label {
	color:#666; font-size:90%;
	}

/* sets the default 50 50 two columns */
.col	{
	display:inline;
	width:335px; margin:0 20px 0 20px;
	}
	

#col_one	{
	float:left;
	}

#col_two	{
	float:right;
	margin-left:15px;
	}
	

/* makes a wider col_one, narrower col_two */

.sixtyforty #col_one	{
	width:385px;
	}
	
.sixtyforty #col_two	{
	width:285px;
	}
	



/* put's col_two on bottom */
.twobottom #col_one	{
	width:485px;
	float:none; clear:both; display:block;
	}
	
.twobottom #col_two	{
	width:480px; float:none; margin:1em 120px 0 20px; display:block
	}
	
	
.twobottom #col_one h4, .twobottom #col_one h3, .twobottom #col_one p, .twobottom #col_one label  	{
	padding-right:120px;
	}



/* other columns */
#col_three, #col_zero  {
	width:80%; margin-left:25px;
	}


#col_three, #col_zero  {
	width:80%; margin-left:25px;
	}

#col_zero  {
	display:block; width:auto;
	border:1px solid #111; border-width:1px 0 3px 0; padding:0; margin:0;
	background-color:#535353; 
	padding:10px 20px 20px 20px;
	}

#col_three {
	border:1px dotted #999; border-width:1px 0 0 0; margin-top:40px;  width:710px; 
	}
	


/* more like 50 50 for login */
.login .sixtyforty #col_one	{
	width:355px; min-width:355px;
	}
	
.sixtyforty #col_two	{
	width:275px;
	}



	
	
/* tiles
- - - - - - - - - - - - - - - - - - */
.tile	{
	margin:0 0 0 0;
	}
	

.tile h3, .tile h4	{
	color:#666; font-size:9px; letter-spacing:.4em; 
	text-transform:uppercase; font-weight:bold;
	padding-left:20px; 
	margin-bottom:10px;
	}

.tile h3	{
	letter-spacing:.4em; 
	text-transform:uppercase; font-weight:bold;
	padding-left:20px; 
	margin-bottom:10px;
	}


.tile h4	{
	border-top:1px dotted #666; margin:0 0 1em 0; padding-top:.5em;
	}
	
	
	
	
/* rounded corners
- - - - - - - - - - - - - - - - - - */
.north	{
	}

.east	{
	background: url(/static/images/east.gif) repeat-y right;
		}

.south	{
	background-color:#DFDFDF;
	}

.west	{
	background: url(/static/images/west.gif) repeat-y left;
	}

.northeast	{
	background: url(/static/images/northeast.gif) no-repeat top right; 
	}

.southeast	{
	background: url(/static/images/southeast.gif) no-repeat bottom right;
	}

.southwest 	{
	background: url(/static/images/southwest.gif) no-repeat bottom left;
	}

.northwest 	{
	background: url(/static/images/northwest.gif)  no-repeat top left;
	padding: 0 6px 0 6px;
	margin:0 0 0 0;
	}
	
	

	
	
/* form for login pages 
- - - - - - - - - - - - - - - - - - */
.login label {

	}

.login .tile	{
	padding:0 10px 20px 10px;
	}


.login textarea, .login input {
	width:250px;
	}


.login strong {
	color:#FF0000; font-weight:normal; 
	}

.login .ttile p {
	color:#333;
	}
	
button, .form_button, .btn {
	margin:.7em 5px .7em 0; cursor:pointer;
	}
	
.login .btn {
	width:auto; display:block;
	}
	
	
.login strong ul {margin-bottom:0; padding-left:20px; }
.login strong ul li {margin-bottom:.8em; }

.login strong ul li ul li {margin:0 0 .2em 10px; padding-left:0; }
.login strong ul li ul 	  {margin:0; padding-left:0; }


/* footer
- - - - - - - - - - - - - - - - - - */
#footer	{
	margin:45px; padding:2em 0;
	}
	
	
	
	





/* Page Specific Stuff
- - - - - - - - - - - - - - - - - - */

/* Home
- - - - - - - - - - - - - - - - - - */

body#home #col_zero	{
	padding:0;
	background: url(/static/images/promo_grade.gif) #676767 0 0 repeat-x;
	}


#download_bug {
	display:realtive;
	float:left; margin:12px 0 0 6%; padding:0; width:200px;	
	}

	
#download_bug a {
	display:block; width:98px; height:173px;
	margin-left:45px;
	background: url(/static/images/goo_app_icon_reflect.png) 0 0 no-repeat;
	}
	
	
#download_bug p {
	color:#EEE; font-weight:bold; display:block; position:absolute; 
	font-size:85%; line-height:1.3em;
	top:120px; width:220px;
	}

* html #download_bug a
	{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/goo_app_icon_reflect.png',sizingMethod='scale'); }
	
	
	
#download_bug a:hover {
	text-decoration:none;
	}
	
	
#download_bug a span {
	display:none;
	}


#broadcasts .south	{
	background-color:#C8DDEA;
	}




/* faq
- - - - - - - - - - - - - - - - - - */
body#faq	{
	
	}
	
body#faq strong {
	border-color:#666666;
	border-style:dotted;
	border-width:1px 0pt 0pt;
	display:block;
	margin-bottom:-10px;
	margin-top:18px;
	padding:4px 0pt 0pt;
}



body#faq #main_content ul li ul li {
	margin-top:5px;
}	




/* Downloads
- - - - - - - - - - - - - - - - - - */

#download_windows a {
	display:block; width:202px; height:48px; text-decoration:none;
	background: url(../images/download_button_windows.gif) 0 0 no-repeat;
	}
	
#download_mac a {
	display:block; width:202px; height:48px; text-decoration:none;
	background: url(../images/download_button_mac.gif) 0 0 no-repeat;
	}

#download_windows, #download_mac {
	margin:8px 0 10px -5px;
	}
	
#download_windows a span, #download_mac a span  {
	display:none;
	}
	
#Download h4 {font-size:90%; }


#VersionHistory h4 {font-size:100%; }


#Download ol, #VersionHistory ol {margin-left:20px; padding-left:10px; }


#factsheet table, #factsheet td {border-width:0; } 


body#Downloads #col_one h1, body#Downloads #col_two h1, body#Downloads #col_three h1, body#Downloads #col_zero h1	{
	text-transform:uppercase; color:#666666; font-size:110%; letter-spacing:.2em;
	}



/* Radio
- - - - - - - - - - - - - - - - - - */

body#radio .xttile {
	background-color:#FFF;
	}




/* Radio
- - - - - - - - - - - - - - - - - - */
.contact_forms input {
	width:280px;
	}
	
.contact_forms textarea {
	width:280px; height:220px;
	}	

.contact_forms input.submit_button	{
	width:auto;
	}


.contact_forms td {
	padding-right:10px; padding-bottom:5px;
	}



#main_content h1 {
	font-size:110%;
	margin-left:0pt;	
	}
	
#main_content h2 {
	font-size:100%;
	letter-spacing:0pt;
	margin-left:0pt;
	text-transform:none;	
	}












/* FAQ */

#FAQ strong	{
	margin-bottom:-10px; display:block; border:1px dotted #666666; 
	border-width:1px 0 0 0; padding:4px 0 0 0; margin-top:18px;
	}

#FAQ #main_content  h1 {
	margin-top:20px;
	}

/* musicresources */
#musicresources #main_content  h1 {
	margin-bottom:10px;
	}


#musicresources img	{
	position:relative; float:right; display:inline; border-style:solid; border-color:#BBB #666 #666 #BBB; border-width:1px;
	margin:5px 0 10px 20px; 
	}
	
#musicresources .chunk	{
	margin-top:20px;
	border:1px dotted #666; border-width:0 0 1px 0;
	}
	


/* Downloads */
h1, h2, h3, h4, p {
	padding-left: 12px; 
	}

#download_windows a {
	display:block; width:202px; height:48px; text-decoration:none;
	background: url(../images/download_button_windows.gif) 0 0 no-repeat;
	}
	
#download_mac a {
	display:block; width:202px; height:48px; text-decoration:none;
	background: url(../images/download_button_mac.gif) 0 0 no-repeat;
	}

#download_windows, #download_mac {
	margin:8px 0 10px -5px;
	}
	
#download_windows a span, #download_mac a span  {
	display:none;
	}
	
#Download h4 {font-size:90%; }


#VersionHistory h4 {font-size:100%; }


#Download ol, #VersionHistory ol {margin-left:20px; padding-left:10px; }


#factsheet table, #factsheet td {border-width:0; } 




#tellafriend .sixtyforty #col_one, #feedback .sixtyforty #col_one {
	width:485px;
	}

* HTML .tile table {margin-right:-40px; padding-right:20px; }



#fallroundup {background-color:#FFF; }



#roles	{
	border:1px dotted #999; border-width:1px 0;
	margin:10px 20% 0 0;
	}
	
	
