/*
Theme Name: Earwax
Theme URI: http://www.earwaxaudio.com/
Description: The beautiful dark and sexy Earwax theme
Author: Leigh Hathaway
Author URI: http://www.hathdesigns.com/
Tags: dark, custom header, 960, two columns
*/



/* TYPOGRAPHY */

body {
	background: black;
	color: #fff;
        font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
	}

h1, h2 {font-weight: bold;}

h1 {font-size: 1.8em;}

h2 {font-size: 1.6em;}

h3 {
	font-family:verdana, arial, sans-serif; 
	font-size: 12pt; 
	color: #ff33cc; 
        padding-bottom:0;
        margin-bottom:0;
        }

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:hover, h2 a:visited {
	text-decoration: none;
	color: white;
	}

.faq h2 { margin-bottom:0;}

.biggreensubhead {
	font-family:verdana, arial, sans-serif; 
	font-size: 16pt; 
	color: #CCFF00; 
	font-weight:bold;
	text-transform:uppercase;
	margin-top:20px;
        margin-bottom: 0;		
	}

a {	
        color: #3399FF;
	text-decoration: none;
        outline:none;
        border:0;
	}

a:hover {
        color: #ffffff;
	text-decoration: underline;
        outline:none;
	}

.keyword {
        color:#3399FF;
        margin-bottom:0;
        padding-bottom:0;
        } 

.keyword img{
        margin-right:10px;
        margin-left:0;
        } 

.clients {
        text-align:left;
        margin-bottom:40px;
        }

.title {
        font-size: small;
        margin:10px 0 10px 0;
	color: #FFFFFF; 
	text-transform: uppercase;
	font-weight:bold;
	}

.pagetemplate h2 {
        color:#CCFF00;
        font-size:16px;
        }

.pagetemplate p {
        margin:10px 0;
        }

ul, li{
        list-style:none; 
        margin:0; 
        padding:0;
        }

.post ul, .post li, .pagetemplate ul, .pagetemplate li, {
        list-style:disc; 
        margin:0 0 0 5px; 
        padding:0 0 0 5px;
        }
ol li{
        list-style:decimal;        
        margin:0 0 0 5px; 
        padding:0 0 0 5px;
        }

.wordtube{margin-bottom:20px;}

#footer p {font-size: 9pt;}

#footer li, #footer a {
        color:#ffffff; 
        text-decoration:none;
        font-size: 9pt;
        }

#footer li {line-height:21px;}

#footer a:hover {color:#3399FF;}

.greenborder{ 
        border-right: solid 2px #CCFF00; 
        height:150px;
        }

.box1 {margin-left:30px;}
.box3 {margin-left:20px;}
.box3 img {padding-top:8px;}
.list2 {margin-left:-5px; margin-top: 25px;}

/* END TYPOGRAPHY */





/* STRUCTURE */

body {
	margin: 0;
	padding: 0;
	}

#header {
	background: black url(images/banner.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
	height: 500px;
	width: 100%;
	}

#header-normal {
	background: black;
	margin: 0;
	padding: 0;
	height: 100px;
	width: 100%;
	}

#callouts {
	margin: 0;
	height: 150px;
	width: 100%;
        }

.box {
        position:relative;
        float:left;
	margin: 0 16px;
	padding: 0;
	width: 160px;
        }

.post {
	text-align: justify;
	color:#CCC;
	font-weight:normal;
  	background:#000000;
  	border:1px solid #CCFF00;
  	padding:10px;
        margin-bottom:20px;
	}

.pagetemplate {
	text-align: left;
	color:#fff;
	font-weight:normal;
  	background:#000000;
	}

.post hr {display: block;}

.postmetadata {clear: both;}

.clear {clear: both;}

#footer {
        background: url(images/footer.jpg) no-repeat;
        height: 403px;
	padding-top: 10px;
	margin: 0 auto;
	clear: both;
	border: none;
	}

#designedby {
	padding: 150px 0 0 5px;
	margin: 0px auto;
	clear: both;
        text-align:right;
	}

#designedby p{color:#CCC; font-size: 10px;}
#designedby a{color:#CCFF00; font-size: 10px;}

/* END STRUCTURE */




/* ROLLOVER NAVIGATION */

#menus {
	margin: 0;
	padding: 0;
	width: 100%;
	height:35px;
}

div#menus ul {
	list-style: none;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}

div#menus li {
	list-style-type:none;
	display:inline;
}

#butthome a {  
        background:  url(images/butthome.gif) top;  
        width: 85px;  
        height: 42px;  
        float:right;
        outline:none;
}

#butthome a:hover {background:  url(images/butthome.gif) no-repeat bottom;}

#buttbook a {  
        background:  url(images/buttbook.gif) top;  
        width: 102px;  
        height: 42px;  
        float:right;
        outline:none;
}

#buttbook a:hover {background:  url(images/buttbook.gif) no-repeat bottom;}

#buttclients a {  
        background:  url(images/buttclients.gif) top;  
        width: 67px;  
        height: 42px;  
        float:right;
        outline:none;
}

#buttclients a:hover {background:  url(images/buttclients.gif) no-repeat bottom;}

#buttcontacts a {  
        background:  url(images/buttcontacts.gif) top;  
        width: 75px;  
        height: 42px;  
        float:right;
        outline:none;
}

#buttcontacts a:hover {background:  url(images/buttcontacts.gif) no-repeat bottom;}

#buttfaq a {  
        background:  url(images/buttfaq.gif) top;  
        width: 54px;  
        height: 42px;  
        float:right;
        outline:none;
}

#buttfaq a:hover {background:  url(images/buttfaq.gif) no-repeat bottom;}

#buttrates a {  
        background:  url(images/buttrates.gif) top;  
        width: 55px;  
        height: 42px;  
        float:right;
        outline:none;
}

#buttrates a:hover {background:  url(images/buttrates.gif) no-repeat bottom;}

#buttsamples a {  
        background:  url(images/buttsamples.gif) top;  
        width: 77px;  
        height: 42px;  
        float:right;
        outline:none;
}

#buttsamples a:hover {background:  url(images/buttsamples.gif) no-repeat bottom;}

/* END NAVIGATION */





/* IMAGES  */

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {float: right; padding-left:10px;}

.alignleft {float: left;}

/* END IMAGES */






/* MISC TAGS & CLASSESS */

.center {text-align: center;}

.hidden {display: none;}

a img {	border: none;}

.quote {
        font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
        font-size: 11px;
        background-image: url(images/quotepink.png);
        background-repeat: no-repeat;
        background-position: top left;
        text-indent:40px;
        margin-bottom:0;
        padding-bottom:0;
        padding-top:15px;
        margin-top:10px;
}

.quotee{
        font-weight:bold;
        color: #3399FF;
        margin-top:0;
        padding-top:0;}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

/* END MISC TAGS & CLASSESS*/