/*   

Theme Name: HighOffLife2010

Theme URI: http://www.HighOffLife.com/

Description: High Off Life, as envisioned by Elijah Don and the HighOffLife Consortium

Author: Elijah Don

Author URI: http://donthedesigner.com

Version: 1.1

.

ElijahDon did It

.

*/





/**************** HouseKeeping ****************/


* {

  margin: 0px;

  padding: 0px;

  border: none;

}



#clear {

  clear: both;

}



.clear {

  clear: both;

}



/**************** Universals ****************/

body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #000;

	height:100%;

	background-image: url(images/top_bg.jpg);

	background-repeat: no-repeat;

	background-position: top center;

	background-color:#CCC;

}



.h2 { 

	font-size:48pt;



	

}



a:link{

	color: #a00b0b;

}



a:hover {

	color: #cc3434;

}

a:visited {

	color:#363333;

}



a img:hover{

filter:alpha(opacity=75);

-moz-opacity: 0.75;

opacity: 0.75;

}



.center {

	text-align:center;

	margin:0 auto;

}

/**************** Main Containers ****************/

#wrapper {

	margin: 0 auto;

	width: 970px;

	background-color:#000;

	padding:0px;

	overflow: hidden;



}

#post-wrap {

	margin: 0 auto;

	width: 972px;

	background-color:#c2c2c2;

	padding:10px;

	overflow: hidden;

	height:100%;

}







/**************** Header ****************/



#top {

	background:#000;

	height:45px;

	width:972px;

	margin:0 auto;

	padding:0;

}



#banner {

	width:970px;

	height:278px;

	background-image:url(images/header.jpg);

	background-color:#000;

	top: 56px;

	overflow:hidden;

	margin:0 auto;

}



#fold {

	width:960px;

	background-image:url(images/featured.jpg);

	background-color:#000;

	background-repeat:no-repeat;

	background-position:center;

	height:300px;

	clear:both;

	margin:0 auto;

}



	

#feat {

	float:left;

	position:relative;

	height:286px;

	width:665px;

	background-color:#7F7F7F;

}



#feat-cont {

	background-image:url(images/feat_cont.png);

	width:500px;

	height:216px;

	margin:76px 0px 0px 10px;

	float:left;

	overflow:hidden;

	padding:0px;

} 



#highlight {

	background-image:url(images/highlight.png);

	background-position:center;

	width:398px;

	height:216px;

	margin:76px 10px 0px 0px;

	float:right;

	overflow:hidden;

	padding:0px;

}



.immac-concep {

	margin-left:5px;

        margin-top:3px;

}



#navcon {

	height:45px;

	margin:312px auto 20px auto;

	background-color:#000;

	width:100%;

	position:relative;

}



#nav{

	float:left;

}

	

ul#nav{

	text-align:center;

	padding:0;

	list-style-type:none;

	width:320px;

	position:relative;

	xbackground-image:url(images/nav-bg.png);

	background-repeat:repeat-x;

	display:block;

	height:45px;

	font-size:16px;

	font-weight:bold;

	top:10px;

}

#nav li{

	display:block;

	float:left;

	margin:0px;

	padding:0px;

	text-align:center;

	}

#nav li a{

	display:block;

	float:left;

	color:#FFF;

	text-decoration:none;

	padding:3px 10px 0px 10px;

	height:20px;

	}

	

#nav  li a:hover{

	xbackground-image:url(images/nav-bg-hover.png);

	height:45px;

	background-repeat:repeat-x;

	text-align:center;

	}

	

#search-nav{

	text-align:center;

	width:220px;

	position:relative;

	background-image:url(images/nav-bg.png);

	background-repeat:repeat-x;

	display:block;

	height:45px;

	font-size:16px;

	font-weight:bold;

	top:10px;

	float:right;

	padding-top:10px;



}	



#s{

	height:20px

	border:2px solid black;

	

}

	

/**************** Posts ****************/



#postwrapper {

	width:600px;

	float:left;

	display:inline;

	position:relative;

	background-color:#FFF;

	margin:00px 10px 10px 10px;

	border-color:#6C3;

	

}





#post-con {

	background-image:url(images/post-con_bg.jpg);

	background-color:#FFF;

	background-repeat:no-repeat;

	background-position:center top;

	width:641px;

	float:left;

	padding-top:90px;

	margin-left:5px;

	height:auto;

}

#search-con {

	background-image:url(images/post-search_bg.jpg);

	background-color:#FFF;

	background-repeat:no-repeat;

	background-position:center top;

	width:641px;

	float:left;

	padding-top:90px;

	margin-left:5px;

	height:auto;

}


#post-con-page {
	background-image:url(images/post-con-single_bg.jpg);
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:center top;
	width:641px;
        height:100%;
	float:left;
	padding-top:10px;
	margin-left:5px;

}


#post-con-single {
	background-image:url(images/post-con-single_bg.jpg);
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:center top;
	width:641px;
	float:left;
	padding-top:10px;
	margin-left:5px;

}



#postdate {

	color:#5e5e5e;

	position:relative;

	font-size:14px;

	padding-left:7px;

	padding-top:3px;

}



.title {

	padding:15px;

	margin:15px;

	color:#A00B0B;

	text-transform:uppercase;

}



#post-title a:link{

	color:#FFF;

	text-decoration:none;

}

#post-title a:hover {

	color:#A00B0B;

}

#post-title a:visited {

	color:#d3d3d3;

	text-decoration:none;

}



#post-title {

	color:white;

	text-indent:5px;

}



#post-top {

	background-image:url(images/post-title-_bg.jpg);

	height:119px;

	color:#A00B0B;

	height:32px;

	padding-top: 2px;

	padding-bottom:5px;

	background-repeat:no-repeat;

	height:60px;

	overflow:visible;

}



#subtitle {

	clear:both;

	font-weight:bold;

	text-indent:5px;



}

#post-auth {

	float:left;

	font-size:9pt;

	color:#000;

	width:100%;

	top:53px;

	text-indent:5px;

	position:absolute;

}

.auth {

	font-style:italic;

	}



#entry {

	padding:10px 15px 10px 15px;

	background-color:#FFF;

	clear:both;

	background-repeat:repeat-y;

}



#post-foot{

	background-image:url(images/post-foot_bg2.jpg);

	background-repeat:repeat-x;

	color:#999;

	font-size:14px;

	height:37px;

	padding:20px 5px 0px 5px;

	clear:both;

	text-align:center;

	margin:0 auto;

	background-position:bottom;

	margin-bottom:20px;

}



.cat {

	text-indent:20px;

	text-transform:none;

	margin-left:20px;

}



.month {

	margin:0;

	text-transform:uppercase;

	color:black;

	top:50%;

	font-size:18pt;

	font-weight:bold;

	}

.day {

	color:#CC0000;

	font-size:18pt;

	font-weight:bold;

	top:50%;

	}



blockquote {

	width:490px;

	font-size:.9em;

	clear:both;

	border-left:#CCC 2px solid;

	border-right#CCC 2px solid;

	margin:1em;

	padding:10px;

	background-color:#EFEFEF;

	}

	

/**************** Sidebar ****************/



#sidebar-wrap {

	display:inline;

	position:relative;

	overflow:hidden;

	float:right; 

	width:300px;

	height:auto;

	background-image:url(images/sidebar-top.jpg);

	background-repeat:no-repeat;

	background-color:#FFF;

	margin-right:5px;



}



#sidebar-bottom{

	display:inline;

	position:relative;

	overflow:hidden;

	float:right; 

	width:300px;

	height:auto;

	background-image:url(images/sidebar-bottom.jpg);

	background-repeat:no-repeat;

	background-color:#FFF;

	

}

#sidebar {

	width:300px;

	padding-top:0px;

	background-color:#FFF;

	clear:none;

}



#sidebar ul{

	list-style-type:none;;

	}





#twitter {

	width:300px;

}



#twitter li {

	margin-left:10px;

	list-style-type:none;

	display:inline;

	}

#twitter h2 {

	font-size:26pt;

	color:#333;

	

}





.twit-name {

	font-size:26pt;

	color:#333;

	float:left;

	}

.twitat {

	float:right;

	margin:40px 0px 0px 25px;

	font-size:14pt;

	color:#999;

	}

	

.twitlogo{

	float:left;

	margin-left:25px;

	}

	

.staff {

	height:49px; 

	background-image:url(images/staff.gif);

	background-repeat:no-repeat;

}

#twitter li{

	display:block;

	float:left;

	margin:0;

	padding:0;

	text-align:center;



	}

	

#twitter li.left {

	margin-left:20px;

	margin-right:5px;

	

}



#twitter ul{

	margin-bottom:50px;

}





	





.widget {

	margin-bottom:15px;

	background-repeat:no-repeat;

	background-color:#FFF;

	width:300px;

}



.widgettitle {

	color:#FFF;

	background:#000;

	clear:both;

	background-image:url(images/sidebar-header2.jpg);

	font-size:18pt;

	padding:32px 0px 10px 0px;

	text-indent:27px;		

}



.widget-con {

	width:290px;

	margin-left:10px;

}

	





.blogroll {

	color: #000;

	margin-bottom:20px;

}



.blogroll ul{

	}

	

.blogroll li{

	

	list-style-type:none;

	width:100%;

	position:relative;

	height:16px;

}



blogroll.a:link{

	color: #a00b0b;

}



blogroll .li, .a:hover {

	color: #ccc;

}

blogroll.a:visited {

	color:#363333;

}



blogroll.a img:hover{

filter:alpha(opacity=50);

-moz-opacity: 0.50;

opacity: 0.50;

}





#boxes li{

	display:block;

	float:left;

	margin:0;

	padding:0;

	text-align:center;



	}

	

#boxes li.left {

	margin-left:20px;

	margin-right:5px;

	

}



#boxes ul{

	margin-bottom:50px;

}



/**************** Footer ****************/

#pagenavi {

	margin:auto 0;

	position:relative;

	text-align:center;

	padding-top:20px;

	width:970px;

}



#footer {

	font-family: Arial, Helvetica, sans-serif;

	margin:0 auto;

	font-size: 10pt;

	clear:both;

	color: #FFF;

	background-image:url(images/footer_bg.jpg);

	background-repeat: no-repeat;

	background-position: bottom center;

	background-color:#A8A8A8;

	width:100%;

	height:300px;

	position:absolute;

	margin:0 auto;

	}

	

#footcon{

	margin:0 auto;

	width:972px;

	padding:20px;

	



}



#fp{

	float:left;

	padding:0px;

}



ul#fp{

	text-align:center;

	margin-top:40px;

	list-style-type:none;

	width:100%;

	position:relative;

	bottom:0px;

	display:block;

	height:162px;

	font-size:24px;

	top:50%;

	vertical-align:bottom;

	

	padding-bottom:0;

	

}

#fp li{

	display:block;

	float:left;

	margin:0;

	padding:0;

	text-align:center;

	

	}

#fp li a{

	display:block;

	float:left;

	text-decoration:none;

	padding:3px 20px 0 20px;

	height:45px;

	}



#footlinks {

	float:right;

	height:122px;

	position:relative;

	margin-right:40px;



}





ul#footlinks {

	list-style-type:none;

	font-size:12pt;

	color:black;		

	background:url(images/8pxbg.jpg) repeat-y;

	padding-left:15px;

	margin-top:50%;

	margin-right:auto;

}



a#footlinks {

	color:#000;

}

#copyright {

	clear:both;

	margin:auto 0;

	position:absolute;

	bottom:30px;

	text-align:center;

	width:100%;

}



/**************** Projects ****************/

#dub-proj {

	margin:10px auto 0px auto;

	width:585px;

	float:left;

}



#phene-proj {

	margin:10px auto 0px auto;

	width:585px;

	float:left;

}



#fam-proj {

	margin:10px auto 0px auto;

	width:585px;

	float:left;



}

#dub-top-proj{

	height:57px;

	width:100%;

	background-image:url(images/dub-projects.jpg);

	background-repeat:no-repeat;

	background-position:center top;

}



#phene-top-proj{

	height:57px;

	width:100%;

	background-image:url(images/phene-projects.jpg);

	background-repeat:no-repeat;

	background-position:center top;

}



#fam-top-proj{

	height:57px;

	width:100%;

	background-image:url(images/fam-projects.jpg);

	background-repeat:no-repeat;

	background-position:center top;

}

#covers {

		margin-top:10px;

		position:relative;

}

#covers li{

	float:left;

	margin:0;

	padding:5px;

	text-align:center;

}

	

#covers li.left {

	margin-left:20px;

	margin-right:5px;

	

}



#covers ul{

	display:block;

	list-style-type:none;

	padding:10px;

	height:100%;

	position:relative;

	margin-left:50px;

}



.cov-clear{

	clear:both;

	text-align:center;

}



.proj-titles {

	font-weight:bold;

	font-size:1.125em;

}





/**************** jscroll ****************/



.jScrollPaneContainer {

	position: relative;

	overflow: hidden;

	z-index: 1;

}



.jScrollPaneTrack {

	position: absolute;

	cursor: pointer;

	right: 0;

	top: 0;

	height: 100%;

	background: #aaa;

}

.jScrollPaneDrag {

	position: absolute;

	background: #666;

	cursor: pointer;

	overflow: hidden;

}

.jScrollPaneDragTop {

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden;

}

.jScrollPaneDragBottom {

	position: absolute;

	bottom: 0;

	left: 0;

	overflow: hidden;

}

a.jScrollArrowUp {

	display: block;

	position: absolute;

	z-index: 1;

	top: 0;

	right: 0;

	text-indent: -2000px;

	overflow: hidden;

	/*background-color: #666;*/

	height: 9px;

}

a.jScrollArrowUp:hover {

	/*background-color: #f60;*/

}



a.jScrollArrowDown {

	display: block;

	position: absolute;

	z-index: 1;

	bottom: 0;

	right: 0;

	text-indent: -2000px;

	overflow: hidden;

	/*background-color: #666;*/

	height: 9px;

}

a.jScrollArrowDown:hover {

	/*background-color: #f60;*/

}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {

	/*background-color: #f00;*/

}



/**************** Coversthickbox ****************/



#tracklist {

	width:600px;

	background:#FFF;

	margin:0 auto;

	padding:20px;

	

}



#tracklist img {

	padding:5px;

	border:2px #CCC solid;

	text-align:center;

	margin-bottom:5px;

}



#tracklist li{

	list-style-position:inside;

}



.download-button {

	font-size:1.25em;

}

#d404 {
	width:600px;
	height:488px;
	background-image:url(images/404.jpg);
	float:left;
        margin-top: 20px;
        margin-left: 10px;
	padding-top:280px;
	text-align:center;
	font-size:24pt;
	background-repeat:no-repeat;
}

input#s {
  width:175px;
  height:25px;
  font-size:18px;
  border:1px solid #A00B0B;
}


/**************** wp-pagenavi ****************/
.wp-pagenavi {
        margin-bottom:5px;
        margin-left:10px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #A00B0B;
	color: #A00B0B;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #A00B0B;
	color: #A00B0B;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #A00B0B;
	color: #A00B0B;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
        display:none;

}	/**************** Featured Posts ****************/#featured {border:2px solid #3D81BB;height:260px;padding:4px 2px 2px;width:627px;background:none repeat scroll 0 0 #EEFFEE;}#geekcell {list-style:none;margin:0;padding:0;}#geekcell li {float:left;padding:2px;margin-left:2.5px;border:1px solid #3D81BB;min-height:250px;}.feat-title {color:#333333;font-weight:600;overflow:hidden;padding:1px 2px 0;width:195px;}.feat-title:hover {color:#CC0000;}

.sidead {margin:0 auto;}