@charset "UTF-8";
/* CSS Document */

body{
	margin:0px;
	font-family: courier, Arial, Helvetica, sans-serif, "Century Gothic";
	/*background-color:#ececec;
	
	background-image: url(images/background.jpg);
	background-position: center;
	
		background-image: url(images/grad_downup.jpg);
	*/
}

body.classic{
	background-color:white;
	background-image:none;
}


a img{
border:none;
}

#nav_frame{
width:100%;
	background-image: url(images/redheader.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	
	border-bottom:#000000 20px solid;
	padding-top:10px;
	padding-bottom:20px;
	margin-bottom:0px;
	background-color:#ab2d00;
	margin-bottom:20px;
	-moz-box-shadow:0 -2px 4px #000000 inset;
}

#navigation{

	margin-left:20px;

}

#navigation strong{
background-color:yellow;
color:#CC0000;
display:block;
float:right;
margin-right:4px;
padding:5px;
}



#credits{

}

#content{
width:1100px;
margin:30px auto 0;
}


#redbutton{
width:190px;
height:190px;
display:block;
background-image: url(images/SPRITE_button.jpg);
background-position:0px 0px;
margin-left:70px;
margin-top:10px;
}

#redbutton:hover{
background-position:380px 0px;
cursor:pointer;
}

#redbutton:active{

background-position:190px 0px;
}

#headline{
width:100%;
}

h1{
margin:0px;
padding:0px;
padding-top:20px;
}

#ads{
	position:fixed;
	bottom:0px;
	width:100%;
	background-image: url(grad_red.jpg);
	background-position: bottom;
	border:1px red solid;
	padding:20px;
}

#credits{
padding-top:8px;
font-size:12px;

}

#credits a{
color:yellow;
}

#debuggery a:hover{
text-decoration:none;
}

#navigation a{
	padding:6px;

	float:left;
	margin:2px;
	margin-right:4px;
	font-size:12px;

	color:white;
	
}

#navigation a:hover{
	background-image: url(images/grad_downup.jpg);
	color:red;
	-moz-box-shadow:1px 1px 8px #000000;
		text-decoration:none;
}

#navigation a.yellow{
	color:yellow;
}

#navigation a.yellow:hover{
	background-image: none;
	
	-moz-box-shadow:0px 0px 0px #000000;
	text-decoration:none;
}


#navigation a img:hover{
background-color:black;
border:0px;
}


#navigation a.active{
background-image:none;
background-color:#CC0000;
color:white;
}




.rimshot{
	color:red;
}

a:visited{
color:red;
}

#show_expand_sounds{
position:fixed;
top:0px;
left:0px;
background-color:white;
display:none;
}

#debuggery{
position:fixed;
background-color:black;
bottom:0px;
left:0px;
z-index:100;
width:100%;
padding:10px;
color:oldlace;
-moz-box-shadow:0px -10px 20px #888888;
}

#debuggery strong{
color:yellow;
}

a{
color:red;
}

.column{
width:146px;
border:#f1f1f1 2px solid;
float:left;
margin-left:20px;
padding:10px;
height:300px;
margin-bottom:20px;
background-color:white;
/*-moz-box-shadow:5px 3px 15px #888888;


background-color:#f6ff8c;
background-image:url("http://www.danevins.com/_wizardimages/old_paper.jpg");
background-position:center center;
*/
}

.wide_column{
width:340px;

float:left;
margin-left:20px;
padding:10px;
margin-bottom:20px;
/*
background-color:white;
border:#f1f1f1 2px solid;
-moz-box-shadow:5px 3px 20px #888888;
*/
}

#featured{
background-color:white;
text-align:center;
background-image:none;
/*-moz-box-shadow:5px 3px 30px #888888;
background-color:white;
*/
}

#featured:hover{

	
}

#disqus_thread{
/* background-color:#dae1ef;
-moz-box-shadow:5px 3px 10px #888888;
border:2px ridge #F1F1F1;
*/

border:solid 1px #f3ebcd;
background-color:#ffffe9;
color:black;

float:right;
margin-left:20px;
padding:20px 20px 20px 20px;
width:265px;

}

#iphone_soundlist{
margin-bottom:100px;
margin-left:100px;
margin-top:100px;
width:330px;
}

#iphone_soundlist a{
display:block;
margin-bottom:10px;
font-size:30px;
}

#iphone_soundlist .fancy{
display:none;
}