body { padding: 0; margin: 0; font-family: Verdana, sans-serif; font-size: 90%;}

/* padding margins and spacing */

blockquote {  margin: 10px 40px;  }

ul { margin: 10px 20px; }
ul ul { margin: 0 10px 5px 10px; font-size: 90%; }


.col h2, .col h3 { margin: 20px 20px 10px; letter-spacing: 0.25em;   }
.col p { margin: 10px 40px; }

dt, dd { margin: 0 60px 0 40px; }


#header {
	margin: 0;
	padding: 1em 1em 1em 1em;
} 

#header h3 { padding: 5px 20px; margin: 20px auto 0 auto; position: absolute; bottom: -10px; width: 300px; font-size: 12px;}

#header a.soundcloud-badge { position: absolute; right: 20px; bottom: 20px; }

.col1 { max-width: 50em; }
.col2 { max-width: 388px; }

#flickr-container { margin: 40px; }
#track-container, #tumblr-container { margin: 20px 40px 40px; min-height: 150px; }

#tumblr .tumble { margin: 0 10px 10px; }
#tumblr .tumble h3 { padding: 10px 20px 5px; margin: 0 0 10px 0; }
#tumblr .tumble h4 { margin: 5px 40px; } tumblr .tumble .video { margin: 10px auto; }
#tumblr .tumble .audio .player { background-color: #888; padding: 10px; margin: 10px 30px; width: auto; }
#tumblr .tumble .link { margin: 0 10px 10px 30px ; }
#tumblr .tumble .video { margin: 0 auto; }
#tumblr .tumble .image img.main-image { margin: 1em auto; display: block;}

ul.nav { margin: 10px 20px; padding:0 }
ul.nav li { margin: 5px 0; padding: 0; }
ul.nav a { padding: 2px 5px; }

.facebook { margin: 20px; height: 427px;}
.facebook iframe {height: 427px; }

#footer { margin: 40px 0 0 0; padding: 20px; }
#footer .nav {  margin: 0 20px 20px; }
	

/* Design elements */

#header {
	position: relative;	background-color: #666;	background-image: url(/images/skin1/header-bg.jpg);	background-position: center center;	background-repeat: no-repeat;	color: #eee;	border-bottom: 2px solid #000;
}

#header h1 { margin: 0; width: 50%; text-align: center; font-size: 400%; letter-spacing: 0.35em; line-height: 100%; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
#header h2 { margin: -1em 0 1em; width: 50%; text-align: center; font-size: 100%; color: #000; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#header h3 { background-color: #eee; color: #666; border: 1px solid #000; text-align: center; line-height: 100%;}

a.soundcloud-badge:hover {background-position: bottom left !important;}
*html a.soundcloud-badge {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.sndcdn.com/images/badges/fmonsc/horizontal/white.png?5de909b)', sizingMethod='crop') !important;}
a.soundcloud-badge {
	text-align: left; display: block; margin: 0 auto 4px auto; width: 246px; height: 27px; font-size: 11px; padding: 36px 0 0 104px; background: transparent url(http://a1.sndcdn.com/images/badges/fmonsc/horizontal/white.png?5de909b) top left no-repeat; color: #ffffff; text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; line-height: 1.3em; outline: 0;
}
a.soundcloud-badge span {
	display: block; width: 230px; white-space: nowrap; height: 20px; margin: 0 0 0 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #000;
}


a { color: #000; text-decoration: underline; font-weight: bold; }


blockquote { background-color: #ccc; padding: 1em; border: 1px solid #888; }

#container { overflow: hidden; }

.col { }
.col1 { float: left; width: 60%;}
.col2 { float: right; width: 35%;}

dt { border-bottom: 1px solid #666; }
dd { margin-bottom: 1em; }

#tumblr { font-size: 80% }
#tumblr .tumble { border: 1px solid #eee; background-color: #eee; }
.tumble h3 { border-bottom: 1px solid #ddd; background-color: #bbb; }
.tumber h3 a { text-decoration: none; }
.tumble h4 { text-align: right; font-size: 70%; }
.tumble .video { width: 250px; } 

#flickr-container { width: 500px;  }


ul.nav li { background-color: #eee; border: 1px solid #000; list-style-type: none; }		
ul.nav a:link, ul.nav a:visited, ul.nav a:active, ul.nav a:hover { display: block;   color: #000; font-weight: bold; text-decoration: none; letter-spacing: 0.25em; }
ul.nav a:hover { color: #fff; background-color: #666; }

ul.nav li { background-image: url(/images/skin1/nav-bg.jpg); }

ul.nav li:nth-child(8n+1) { background-position: 0px 20px  }
ul.nav li:nth-child(8n+2) { background-position: 0px 40px; }
ul.nav li:nth-child(8n+3) { background-position: 0px 60px; }
ul.nav li:nth-child(8n+4) { background-position: 0px 80px; }
ul.nav li:nth-child(8n+5) { background-position: 0px 100px; }
ul.nav li:nth-child(8n+6) { background-position: 0px 120px;  }
ul.nav li:nth-child(8n+7) { background-position: 0px 140px;  }
ul.nav li:nth-child(8n+8) { background-position: 0px 140px;  }


#footer { background-color: #666; color: #fff; background-image: url(/images/skin1/footer-bg.jpg); background-position: right center; background-repeat: no-repeat;}
#footer .nav { text-align: center;}
#footer .nav li { display: inline; background-color: transparent; background-image: none; border: 0 none; }
#footer .nav li a { display: inline; background-color: transparent; font-size: 80%; }
#footer p { font-size: 70%; }

#weapons-pic { position: relative; float: right; width: 252px; height: 383px; margin: 20px 0 0 20px; }
#weapons-pic img, #weapons-pic li { position: absolute; left: 0; top: 0; }
#weapons-pic img { border: 1px solid #000; }
#weapons-pic .hotspots li { border: 1px solid #000; background-color: #ccc; opacity: 0.8; list-style-type: none; width: 100px; height: 100px; font-size: 12px; text-align: center; line-height: 150%;}

.hoverspots { display: none; }

#weapons-pic .hotspots { margin: 0; padding: 0} 
#weapons-pic .hotspots li.mixer { left: 30px; top: 20px; height: 80px }
#weapons-pic .hotspots li.a4k { left: 30px; top: 120px; height: 20px; }
#weapons-pic .hotspots li.bfc2k { left: 30px; top: 140px; height: 20px }
#weapons-pic .hotspots li.rm1x { left: 10px; top: 160px; }
#weapons-pic .hotspots li.kaoss { left: 70px; top: 270px; }
#weapons-pic .hotspots li.rnc { left: 150px; top: 160px; width: 80px; height: 40px;}
#weapons-pic .hotspots li.x0xb0x{ left: 175px; top: 70px; height: 50px; width: 70px; }

#weapons-pic .hotspots li, #weapons-desc li { display: none; }


#weapons-desc ul.desc { display: none; position: absolute; left: -231px; width: 230px; height: 381px;  margin: 0; padding: 0; background-color: #fff; }
#weapons-desc ul.desc li { display: block; position: absolute; left:0; top: 0; width: 210px; height: 360px; margin: 10px; padding: 0; border: 1px solid #888; background-color: #ccc;}
#weapons-desc { font-size: 12px; }
#weapons-desc ul.desc h3 { font-size: 80%; text-align: center; margin: 0 0 1em 0; padding: 0.25em; border-bottom: 1px dotted #666; background-color: #999; }
#weapons-desc ul.desc p { margin: 5px; }
#weapons-desc dl { position: absolute; left: 0; bottom: 0; width: 210px; margin: 0; padding: 0; border-top: 1px solid #444;}
#weapons-desc dl dt { margin: 0; padding: 5px; background-color: #aaa; }
#weapons-desc dl dd { margin: 0; padding: 5px 5px 10px; border-bottom: 1px solid #888; }