/* CSS document */
/* The Mute Eunuchs : http://mute-eunuchs.com */
/* design by PlatypusMan : http://platypusman.com */


@font-face {
font-family: 'FuturaStdBook';
src: url('../fonts/FuturaStd-Book.otf') format("opentype");
font-weight: normal;
}


@font-face {
font-family: 'FuturaStdHeavy';
src: url('../fonts/FuturaStd-Heavy.otf') format("opentype");
font-weight: bold;
}

body {
	margin: 0;
	/*font-family: Consolas, “Lucida Console”, Monaco, monospace;*/
	font-family: "FuturaStdBook", "Futura","Futura Std",FuturaStd-Medium,"Avant Garde","Avant Garde Std",AvantGardeStd-Regular,"Century Gothic","Century Gothic Std",CenturyGothicStd-Regular,"Twentieth Century","Twentieth Century Std",TwentiethCenturyStd-Regular,Corbel,"Lucida Sans Regular",Trebuchet MS,Helvetica,sans-serif;
	font-size: 14px;
	background-color: #FFCC00;
	/*font-size: 100%;*/
	font-size: 16px;
	color: #000;
	color: rgba(0,0,0,.9);
	min-width: 936px;
}

p { margin: 1em 0; line-height: 1.3em; }

.albumTitleCentered { text-align: center; }

a { color: #ffcc00; cursor: pointer; border: none; outline: none; }

a:visited { color: #660000; }

a:hover { color: #FF6600; }

a:active { color: #fff; }

h1, h2, h3, h4, h5, h6 { color: #fff; font-family: "FuturaStdHeavy", "Futura","Futura Std",FuturaStd-Medium,"Avant Garde","Avant Garde Std",AvantGardeStd-Regular,"Century Gothic","Century Gothic Std",CenturyGothicStd-Regular,"Twentieth Century","Twentieth Century Std",TwentiethCenturyStd-Regular,Corbel,"Lucida Sans Regular",Trebuchet MS,Helvetica,sans-serif; line-height: 1em; margin-top: 1em; margin-bottom: .5em; text-shadow: 1px 1px 1px #000; }

h1 { font-size: 55px; }
h2 { font-size: 34px; }
h3 { font-size: 21px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h1 { letter-spacing: -2px; }
h2 { letter-spacing: -1px; }
h1:first-child { margin-top: 0; padding-top: 0; }


input[type="submit"], input[type="button"] { cursor: pointer; }

#container { position: absolute; top: 50px; left: 50px; z-index: 10; }
/*#container a { color: #FF6600; }
#container a:visited { color: #660000; }
#container a:hover { color: #fff; }*/
.content { padding: 80px; }

#logoContainer { position: absolute; bottom: 0; z-index:10; background: url(../images/logo-bg-overlay.png) center bottom repeat-x; width: 100%; height: 352px; text-align: center; }
#logo { position: absolute; bottom: 0; width: 100%; height: 100px; margin-bottom: 20px; text-indent: -9999px; outline: none; }
#logo h1 { bottom: 0; width: 303px; height: 100px; margin: 0 auto; outline: none; border: none; text-decoration: none; background: url(../images/the-mute-eunuchs-logo-over.png) -9999px bottom no-repeat; }
#logo a { display: block; width: 303px; height: 100px; outline: none; border: none; text-decoration: none; cursor: pointer; background: url(../images/the-mute-eunuchs-logo.png) center bottom no-repeat; z-index: 99; }
#logo a:hover { background: url(../images/the-mute-eunuchs-logo-over.png) center bottom no-repeat; }

#footer { width: 900px; margin: 0 auto; font-size: 14px; height: 50px; }
#footer ul { padding: 0; }
#footer li { float: left; list-style: none; margin: 0; padding: 0 10px; border-left: 1px solid #000; height: 14px; line-height: 14px; }
#footer a, #footer a:visited { color: #db0b00; }
#footer a:hover, #footer a:active { color: #000; }
#footer ul.left { float: left; }
#footer ul li:first-child { padding-left: 0; border: none; }
#footer ul.right { float: right; }

#divLeft {
	float: left;
	text-align: center;
	padding-left: 60px;
}

#divRight {
	float: right;
	text-align: center;
	padding-right: 60px;
}


#back {
	text-align: center;
	text-decoration: none;
	width: 100%;
	height: auto;
	padding-top: 10px;
	bottom: 0px;
	margin-top: 10px;
}

#back a { text-decoration:none; }

.clear { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; visibility: hidden; outline: none; border: none; font-size: 1px; }

.parens {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: lighter;
}
.grid td { padding: 40px; }
.grid td.gridLeftCol { text-align: left; vertical-align: middle; padding-left: 0; }
.grid td.gridLeftCol img { border: 1px solid #242424; }
.grid td.gridRightCol { text-align: left; vertical-align: middle; padding-left: 40px; }



a.backLink { float: left; font-size: 55px; position: absolute; left: 50px; bottom: 10px; color: #ffcc00; text-decoration: none; }
a.backLink:hover { color: #FF6600; }

/* shadowbox CSS overrides */
body #sb-info, body #sb-title { background: url(../images/transpBlack90.png); padding: 10px; }
body #sb-title-inner, body #sb-info-inner, body #sb-loading-inner, body div.sb-message { 	font-family: inherit; }
body #sb-wrapper { border: 1px solid #333; }

body.lyrics { width: 400px; padding: 50px; overflow-x: hidden; }


body#contact #container { width: 900px; left: 0; margin: 0 auto; position: relative; box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -khtml-box-shadow: 0 0 10px #000; border: 1px solid #333; background: url(../images/transpBlack90.png); color: #fff; }
body#contact #containter a { color: #FF6600; }
body#contact .content { padding: 60px 80px; }

