/*
Theme Name: Demon United May 2010
Theme URI: http://www.demonunited.com
Description: Wordpress theme that serves as a portal for two other sites along with a centralized blog.
Version: 1.0
Author: Brandon Buttars
Tags: snowboard, bike, dark, black, purple

Demon United theme was designed by Demon United and coded by Brandon Buttars.
*/

@import url('reset.css');
@import url('basic.css');

/* ====== INLINE BLOCK ELEMENTS ====== */
.ib,.bottom li{
	display:inline-block;
	*display:inline;
	zoom:1;
	_height:1%;
	vertical-align:top;
}

/* ====== CONTAINERS/LAYOUT ELEMENTS ====== */
#top{
	position:fixed;
	top:0;
	height:10px;
	background:#000;
	width:100%;
}
#wrapper{
	width:1000px;
	position:fixed;
	background:url(images/background-tile.png) repeat center 10px;
	height:100%;
	left:50%;
	margin-left:-500px;
}
	#wrapper > div{
		position:relative;
		height:100%;
		width:100%;
	}
		#left{
			position:absolute;
			height:100%;
			width:300px;
			left:0;
			top:0;
		}
			#left .bottom,#right .bottom{
				width:300px;
				bottom:0;
				left:0;
				position:absolute;
				background:#000 url(images/bottom-gradient.png) repeat-x center top;
				border-left:1px solid #231F20;
				border-top:10px solid #000;
				height:80px;
			}
			#left .bottom{
				left:0;
				border-left:1px solid #231F20;
			}
		#right{
			position:absolute;
			height:100%;
			width:300px;
			right:0;
			top:0;
		}
			#right h3{text-align:right;}
			#right .bottom{
				right:0;
				border-right:1px solid #231F20;
				text-align:right;
			}
			#left .bottom.active,#right .bottom.active{
				height:auto;
			}
#main{
	background:#fff;
	width:400px;
	left:50%;
	margin-left:-200px;
	position:fixed;
	top:0;
	height:100%;
}
#content{
	width:400px;
	left:50%;
	margin-left:-200px;
	position:absolute;
	top:0;
	height:100%;
}
	#content > div{
		padding:100px 20px 20px;
		text-align:justify;
	}
/* IMAGES */
h1#demon_united{
	height:100px;
	margin:0;
	padding:0;
	background:url(images/content-top.png) repeat-x center top;
	width:396px;
	position:fixed;
	top:-1px;
	left:50%;
	margin-left:-198px;
}
	#demon_united a,#demon_united a:hover{
		background:url(images/demon-united.png) no-repeat center;
		height:90px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		text-decoration:none;
		border:0;
	}
	#content_bottom{
		width:396px;
		position:fixed;
		bottom:0;
		left:50%;
		margin-left:-198px;
		height:40px;
		background:url(images/content-bottom-fade.png) repeat-x center top;
	}
#demon_snow a,#demon_snow a:hover{
	height:150px;
	display:block;
	background:url(images/demon-snow.png) no-repeat center bottom;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	border:0;
}
#snowboarder{
	height:375px;
	/*background:url(images/snowboarder.png) no-repeat center top;*/
	margin:20px 0 0;
	position:relative;
}
	a#snowboarder_link{
		height:306px;
		background:url(images/snowboarder.png) no-repeat center top;
		margin:20px 0 0;
		position:relative;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
	}
	a:hover#snowboarder_link{
		background-image:url(images/snowboarder-hover.png);
	}
#demon_dirt a,#demon_dirt a:hover{
	height:150px;
	display:block;
	background:url(images/demon-dirt.png) no-repeat center bottom;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	border:0;
}
#biker{
	height:375px;
	/*background:url(images/biker.png) no-repeat center top;*/
	margin:20px 0 0;
	position:relative;
}
	a#biker_link{
		height:324px;
		background:url(images/biker.png) no-repeat center top;
		margin:20px 0 0;
		position:relative;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
	}
	a:hover#biker_link{
		background-image:url(images/biker-hover.png);
	}
/* ICONS */
a.twitter,a.youtube,a.facebook,a:hover.twitter,a:hover.youtube,a:hover.facebook{
	background:url(images/social.png) no-repeat left top;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	width:28px;
	display:block;
	text-decoration:none;
	border:0;
}
	a.twitter,a:hover.twitter{background-position:-28px top;}
	a.youtube,a:hover.youtube{}
	a.facebook,a:hover.facebook{width:29px;background-position:right top;}
	
	#left .twitter{bottom:26px;left:99px;}
	#left .youtube{bottom:60px;left:65px;}
	#left .facebook{bottom:65px;left:145px;}
	
	#right .twitter{bottom:7px;left:185px;}
	#right .facebook{bottom:27px;left:108px;}
/* MISC */
.bottom > div{padding:10px 20px 20px;}
.bottom.active{height:auto;min-height:80px;}
.bottom ul{margin:0;padding:0;}
.bottom li{padding:0 10px 0 0;font-size:0.9em;}
.bottom a{color:#63666F;text-decoration:none;border:0;}
.bottom a:hover{color:#66249D;border-color:#66249D;}
/* ===== BLOG SPECIFIC STYLES ===== */
/* == POSTS == */
.title{}
.date{float:right;padding:3px 0 0 30px;color:#63666F;font-weight:bold;}
.post{border-bottom:1px solid #E4E2E2;font-size:12px;padding:1em 0 0;}
.meta,.categories{color:#63666F;font-size:0.8em;margin:0 0 1em;}
/* TEASERS */
/* PAGINATION */
.pagination{text-align:center;padding:1em 0 2em;}
.pagination a{}
/* COMMENTS */
#comments{border-bottom:1px solid #E4E2E2;padding:1em 0 1em;}
#commentlist{margin:0;padding:0;border-top:1px solid #9645DF;}
#commentlist li{margin:0;padding:10px;list-style:none;font-size:12px;border-bottom:1px solid #9645DF;min-height:45px;}
#commentlist li div{font-size:12px;}
#respond{clear:both;padding:0 0 1em;}
#respond h2{border-bottom:1px solid #E4E2E2;padding:0.75em 0;margin:0 0 1em;}
.comment-body p{padding:1em 0;margin:0;position:relative;}
.thread-odd{background:#EFDFFF;color:#000;}
.thread-even{background:#CA8FFF;color:#000;}
img.avatar{float:right;margin:0 0 10px 10px;border:1px solid #66249D;padding:5px;background:#fff;}
.comment_text{padding:0 50px 0 0;}
#commentlist .cite{font-size:10px;}