/*
Theme Name: Haidabo
Theme URI: http://middleEARmedia.com
Description: Is it big? Is it fun? Is it good? Is it free? Haidabo, whatever you want it to be.
Version: 1 (WP 2.8.6)
Author: Obadiah Metivier
Author URI: http://middleEARmedia.com
Tags: Haidabo, Obadiah, Middle EAR Media, elegant, simple
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*
	 light-blue bg: #B0EAFB
	 page-title: #660066
	 sub-title: #CC00CC
	 text: #330033
	 link: #330033
	 link:hover: #660066
	 border: #990099

	 light-purple: #CC00CC
	 light-medium-purple: #990099
	 dark-medium-purple: #660066
	 dark-purple: #330033
	 rust-red: #660000
	 light-orange: #FF9900
	 medium-orange: #FF6600
	 dark-orange: #FF3300
	 light-green: #66FFCC
	 medium-blue: #66CCFF
*/

/* UTILITIES*/
*									{ margin: 0; padding: 0; }
body								{ color:#330033; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; line-height:1.4em; width:100%; background: url(../../../images/bg-header.png); background-repeat: repeat-x; background-color:#B0EAFB;}

.clear 								{ clear: both; }
.hide {text-indent:-99999px;}
/* TYPOGRAPHY*/

blockquote {
background:transparent url(../../../images/quote.png) no-repeat scroll 0 0;
color:#990099;
font-size:1.5em;
min-height:90px;
line-height:1.2em;
padding:20px 0 10px 110px;
}

p {margin-bottom:10px;}
a 									{color:#330033; text-decoration:none; outline:none;}
a:hover								{text-decoration:none; color:#660066; }

h1 {background: url(../../../images/sprite.png); background-position: 1020px 720px; width:550px; height:270px; text-indent:-99999px; position:absolute; top:85px;}
h2 {color: #660066; font-family:Arial, Helvetica, sans-serif;}
.page-title { 
color:#660066;
font-size:1.4em;
letter-spacing:0.05em;
margin:0 0 15px;
text-transform:uppercase;
}
h3 {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1.15em;	
	background-color: #006666;  	
	color: #660066;
	}
h4 {color: #660066;}

ul {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	list-style-type: square;	
	list-style-position: outside
	}
	
/* STRUCTURE*/
#page-wrap { margin:0px auto; width:960px;}
#header { background-image:url(../../../images/header.png); height:320px;}
#tag-line {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../../images/sprite.png) repeat scroll 420px 590px;
height:160px;
position:absolute;
right:0px;
text-indent:-99999px;
top:60px;
width:420px;
}
#content {
margin:15px 0 0 240px;
}
#footer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../../images/sprite.png) repeat scroll 720px 110px;
height:110px;
margin:10px 0 0 243px;
position:relative;
}
.footerContent {
font-size:0.8em;
padding:0 0 100px;
position:absolute;
right:10px;
top:95px;
}

/*	Navigation Styles	*/
#nav {
margin:0 auto;
position:absolute;
right:0px;
top:10px;
width:430px;
}
#catNav								{ padding: 0px 0px 0px 0px; overflow: hidden; margin: 0 0 0px 0; line-height:0;}
#catNav li							{ display: block; margin-right:10px;}
#catNav li a						{ display: block; width: 100px; height: 60px; text-indent: -99999px;
	                                  background: url(../../../images/sprite.png); float: left;
	 								  border: none; padding: 0; margin:0 15px;}
#catNav li a:hover                  { cursor:pointer; }									  

#catNav li a#list-one-button		{ background-position: 410px 650px; }
#catNav li a#list-one-button:hover { background-position: 410px 710px; }

#catNav a#list-two-button			{ background-position: 270px 650px; }
#catNav li a#list-two-button:hover { background-position: 270px 710px; }	

#catNav a#list-three-button			{ background-position: 140px 650px; width:130px;}
#catNav li a#list-three-button:hover { background-position: 140px 710px; width:130px; }

/*	site-feed Styles  */
 
#site-feeds {
background:transparent url(../../../images/sprite.png) repeat scroll 1020px 400px;
float:left;
margin:0 5px 20px;
width:350px;
}

#site-feeds ul {
border-top:1px solid #990099;
}

#site-feeds ul li {
border-bottom:1px solid #990099;
border-left:1px solid #990099;
border-right:1px solid #990099;
padding:3px 5px;
}
#site-feeds ul li:hover {
background:url(../../../images/bg-list-h.png) repeat;
}

/*
#site-feeds > ul li a {background: url(../../../images/sprite.png) repeat scroll 20px 420px;}
#site-feeds > ul li a:hover {background: url(../../../images/sprite.png) repeat scroll 20px 400px;}
*/

/*	site-feed TITLES  */
.middleearmedia-title {background:transparent url(../../../images/sprite.png) repeat scroll 400px 425px; text-indent:-99999px; height:40px;}
.computermilk-title {background:transparent url(../../../images/sprite.png) repeat scroll 400px 385px; text-indent:-99999px; height:40px;}
.terracotta-title {background:transparent url(../../../images/sprite.png) repeat scroll 400px 345px; text-indent:-99999px; height:40px;}
.bourbonsprawl-title {background:transparent url(../../../images/sprite.png) repeat scroll 400px 305px; text-indent:-99999px; height:40px;}

/*	site-feed META  */
.feed-meta { border-top:0 none!important; }
.feed-meta li { float:left; padding:3px 5px; border:0 none!important;}
.feed-meta li a {height:35px; text-indent:-99999px; display:block;}
.feed-meta li a.feed {background:transparent url(../../../images/sprite.png) repeat scroll 662px 400px; width:40px; height:35px;}
.feed-meta li a.feed:hover {background:transparent url(../../../images/sprite.png) repeat scroll 662px 360px;}
.feed-meta li a.contact {background:transparent url(../../../images/sprite.png) repeat scroll 622px 400px; width:50px; height:35px;}
.feed-meta li a.contact:hover {background:transparent url(../../../images/sprite.png) repeat scroll 622px 360px;}
.feed-meta li a.visit {background:transparent url(../../../images/sprite.png) repeat scroll 572px 400px; width:75px; height:35px; margin:0 0 0 0px; padding-right:0!important;}
.feed-meta li a.visit:hover {background:transparent url(../../../images/sprite.png) repeat scroll 572px 360px;}
.li-meta {height:40px; }
.li-meta ul li:hover { background:transparent!important;}

/*	RSS Widget Title  */
.widgettitle { }

/*	Pics  */
.about-pic {
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
background-color:#ffffff;
border:30px solid #660066;
float:right;
margin:0 10px;
padding:5px;
}

/*	Contact List  */
#contacts {
background:transparent url(../../../images/sprite.png) repeat scroll 1020px 400px;
margin:0 5px 20px;
width:350px;
}
#contacts ul {border-left:1px solid #990099;
border-right:1px solid #990099;
border-top:1px solid #990099;}
#contacts ul li {
border-bottom:1px solid #990099;
padding:3px 5px;
}
#contacts ul li:hover {
background:url(../../../images/bg-list-h.png) repeat;
}