/*
Theme Name: Hype
Theme URI: http://wordpress.org/
Description:	A theme built especially for Hype  FM
Version: 1.0
Author: Nick Taylor
Author URI: http://www.tangerineworks.com
Tags: dark



text colour : #535353
link colour  : #FFF

Box heading colour : #FFF
Box link colour  : #535353

Banner background #101010

http://www.thehype.fm/wp-content/themes/hype/


*/


/* reset.css */

*{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

html { font-size: 100.01% }
a img {border:none;}

a:active, a:focus {outline: 0;}


/* 
global colours / styles 
These are reversed for the boxes... ie: links become grey
*/

body{
	font-size: 62.5%; /* Resets 1em to 6px */
	font-family: Arial, Verdana, Sans-Serif;
	background: #171717 url('http://www.thehype.fm/wp-content/themes/hype/images/bg.jpg') no-repeat;
	color:#535353;
	line-height:1.5; 
}

.Home{
	background: #000000 url('http://www.thehype.fm/wp-content/themes/hype/images/bgHome.jpg') no-repeat;
}


a{color:#fff; text-decoration:none;}
a:hover{color:#FFF;}

.clear{clear:both;}
.padding{	margin-top:5px;margin-left:10px}


/* main elements */

#content{float:left;}



#logo{
	position:absolute;
	top:150px;
	left:8px;
}

#clickTitles{
	position:absolute;
	top:230px;
	left:135px;
}

#clickTitles .boxTitle{
font-size:12px !important;

}


#logoInner{
	background: #000 url('http://www.thehype.fm/wp-content/themes/hype/images/logo.gif') no-repeat /*bottom center*/;
	width:132px;
	height:40px;
	font-size:0px;
	color:#000;
	text-indent:-1000px;
}


#banner{
	height:96px;
	background-color:#101010;
	width:100%;
}



/* comment list */


.commentlist{
		list-style-type:none;
font-size:13px;
font-weight:normal;
	}

	.commentlist li{
		list-style-type:none;
		color:#ccc;
		margin-bottom:50px;
		background-color:#111;
		padding:10px;
	}

	.commentlist cite a{
		font-weight:bold;
		color:#ccc;
	}

	.commentlist .commentmetadata a{color:#535353;line-height:30px;}


/* top menu */


.menuBar{
	height:28px;
	background-color:#000;
	width:100%;
	font-size:12px;
	position:relative;
}
.menu ul{height:20px;}

.menu li{
	margin-top:4px;
	float:left;
	list-style-type:none;
}

.menu li a{
	color:#535353;
	margin-left:10px;
	margin-right:10px;
}

.menu li a:hover{
	color:#FFF;
	border-bottom:1px dotted #CCC
}

.menu .current_page_item a{
	color:#fff;
	border-top:1px solid #fff;
	padding-top:4px;
}



.socialLinks{
	margin-top:4px;
	float:right;
	padding-right:30px;
}




.socialLinks #supportUs{
	background:url('http://www.thehype.fm/wp-content/themes/hype/images/support.gif') no-repeat;
	width:85px;
	height:20px;
	float:left;
}

.socialLinks #mySpace{
	background:url('http://www.thehype.fm/wp-content/themes/hype/images/myspace_logo.gif') no-repeat;
	width:120px;
	height:20px;
	float:left;
}

.socialLinks #facebook{
	background:url('http://www.thehype.fm/wp-content/themes/hype/images/facebook_logo.gif') no-repeat;
	width:70px;
	height:20px;
	float:left;
}

.socialLinks #twitter{
	background:url('http://www.thehype.fm/wp-content/themes/hype/images/twitter_logo.gif') no-repeat;
	width:80px;
	height:20px;
	float:left;
}

#banner{text-align:center;}








/* Post stuff */

.blogColumn{
	margin-left:43px;
	width:540px;
}

.multiPost{margin-top:217px;}
.singlePost{margin-top:90px;}
.titleContainer{width:100%;height:80px;}



.entry{
	background-color:#000;
	font-size:12px;
	font-weight:normal;
	width:500px;
padding-top:10px;
padding-bottom:10px;
}

.entry ul{margin:20px;}
.entry a{color:#fff !important;}



.boxDate{
	margin-bottom:10px;
	color:#535353;
}

.post img{ margin-bottom:10px;}


.postmetadata{
	border-top:#333 dotted 1px;
	padding-top:10px;
	margin-top:10px;
	font-size:11px;
	color:#fff;
	}

	.postmetadata a{color:#fff !Important;}

	.postmetadata .listedUnder{color:#535353}


.pageLinks .sliderBox{	margin-bottom:10px;}

.navigation{margin-left:100px;margin-top:40px;}
.navigation .boxTitle{font-size:12px;}
.navigation span a{color:#fff;}

.bigSpace{padding-bottom:200px;}


.byUs{margin-left:190px;margin-bottom:40px;}
.byUs div{font-size:10px;line-height:9px;}
.byUs .boxContent{padding-bottom:6px !important;}

.topLink{color:#535353;}






/* boxes */


.box {

	font-size: 16px;
	font-weight: bold;
	line-height: 15px;
	margin-bottom:18px;
	float:left;
	clear:both;
}

.box .boxContent{
	background-color:#000;
	color:#fff;
	padding:2px;
	padding-left:15px;
	padding-right:15px;
	position:relative;

}

.box .corner{
	background-image:url('http://www.thehype.fm/wp-content/themes/hype/images/boxBG.gif');
	height: 6px;
	font-size:2px;
}


.box .top-left {
	margin-right: 6px; /* clip right corner */

}

.box .top-right {
	margin-top: -6px; /* to level of top-left corner */
	margin-left: 6px; /* clip left corner */
	background-position: 100% 0; /* show bg-image starting at the right */
}

.box .bottom-left {
	margin-right: 6px; /* clip right corner */
	background-position: 0 -6px; /* show under half of the image */
	clear:both;
}

.box .bottom-right {
	margin-top: -6px; /* to level of bottom-left corner */
	margin-left: 6px; /* clip left corner */
	background-position: 100% -6px; /* under half, right side */
}


.box .box-tag, .menuBar .box-tag{
	background-image:url('http://www.thehype.fm/wp-content/themes/hype/images/boxCorner.gif');
	background-repeat:no-repeat;
	width: 18px;
	height: 17px;
	position:absolute;
	left:16px;
	bottom:-23px;
	font-size: 2px;
}


.menu-tag{
	bottom:-17px !Important;
}


 .box h3, .box h2{
	color:#fff;
	font-size:30px;
	line-height: 30px;
	font-weight:bold;
	padding-bottom:10px;
}

.box .first{text-decoration:underline;}
.box h3 a, .box h2 a{color: #FFF;}
.box h3 a:hover, .box h2 a:hover{color: #535353;}

.box a{color: #535353}
.box a:hover{color:#FFF;border-bottom:1px dotted #CCC;}

.box .first  h2 a:hover{border:0 !important}

.boxTitle{
	color:#fff !Important;
	font-size:15px;
}




/* side bar */


#sidebar {
	margin-top:94px;
	margin-left:20px;
	width:230px;
	float:left;
}

#sidebar .boxTitle{
	font-size:12px;
}


#sidebar li,#sidebar ul{
	width:230px;
	list-style-type:none;
}




#sidebar .box{
	width:260px;
	font-size: 12px !important;
}


li.categories {
	margin-bottom:14px;
}

#sidebar .boxContent{
	padding-top:8px;
	padding-bottom:8px;
	}



.searchBox .boxContent{
	padding-top:4px !important;
	padding-bottom:0px !important;
	}

#searchform .boxTitle{
	padding-bottom:6px;
}

	#searchform #s{
		background-color:#333;
		color:#ccc;
		width:98%;
		margin-bottom:4px;
		font-size:15px;
		padding:2px;
	}

	#searchform #searchsubmit{
		background-color:#000;
		color:#535353;
		float:right;
}


#sidebar .square .box{
width:330px;
}

#sidebar .square .boxContent{
width:300px;
}

.advert{
	width:190px !important;
	margin-top:10px;
	margin-left:0px;
	}

	.advert iframe{}
	.advert .boxContent{padding-top:10px !Important;}


.categories{color:#fff;}
.categories li{margin-bottom:0px !important;}





/* comment form */

#commentform {
font-size:12px;
}

#commentform textarea{
	width:99%;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#535353;
	color:#fff;
	padding:3px;
}

#commentform input{
	background-color:#535353;
	color:#fff;
}

#commentform #submit{
	margin-left:400px;
}



/* search */

.searchHeader{margin-bottom:20px;}
.searchResults .box{margin-bottom:20px;}
.searchResults .post{clear:both;}
.searchResults .searchHeader{margin-top:-70px !important;}



/* Home Page Stuff*/


#homeLogo{
	background: url('http://www.thehype.fm/wp-content/themes/hype/images/logo.png') no-repeat;
	background-position:-30px -20px;
	width:572px;
	height:774px;
}



.imageLinks div a{position:absolute;}

.imageLinks #cd a{
	background: url('http://www.thehype.fm/wp-content/themes/hype/images/cd.png') no-repeat; 
	width:326px;
	height:428px;
	top:138px;
	left:360px;
}

.imageLinks #vinyl a{
	background: url('http://www.thehype.fm/wp-content/themes/hype/images/vinyl.png') no-repeat; 
	width:225px;
	height:228px;
	top:350px;
	left:610px;
}

.imageLinks #tv a{
	background: url('http://www.thehype.fm/wp-content/themes/hype/images/tv.png') no-repeat; 
	width:330px;
	height:355px;
	top:250px;
	left:740px;
}

.imageLinks #tvFrame{
	width:212px;
	height:168px;
}


.imageLinks #tv iframe{
margin-top:100px;
margin-left:30px;
}

.imageLinks #map a{
	background: url('http://www.thehype.fm/wp-content/themes/hype/images/laptop.png') no-repeat; 
	width:428px;
	height:302px;
	top:340px;
	left:1040px;
	z-index:1;
}

.imageLinks #mobile a{
	background: url('http://www.thehype.fm/wp-content/themes/hype/images/iphone.png') no-repeat; 
	width:100px;
	height:201px;
	top:430px;
	left:1440px;
	z-index:2;
}

.imageLinks #squareBanner{
	position:absolute;
	top:200px;
	left:1580px;
}

.imageLinks #squareBanner .boxContent{
	width:300px;
	height:250px;
	padding-top:10px;
	padding-bottom:12px;

}

.affiliates{
position:absolute;
top:490px;
left:370px;

display:block;
}

.affiliates a{
float:left;
height:42px;
}

.affiliates #amazon{
width:92px;
background: url('http://www.thehype.fm/wp-content/themes/hype/images/amazon.gif') no-repeat; 
}
.affiliates #juno{
width:87px;
background: url('http://www.thehype.fm/wp-content/themes/hype/images/juno.gif') no-repeat; 
}
.affiliates #itunes{
width:74px;
background: url('http://www.thehype.fm/wp-content/themes/hype/images/itunes.gif') no-repeat; 

}
.affiliates #ringtone{
width:68px;
background: url('http://www.thehype.fm/wp-content/themes/hype/images/ringtone.gif') no-repeat; 

}



/* tip boxes for image links */

.tipBox{
	color:#fff;
	position:absolute;
	line-height:14px;
	padding:4px;
	padding-bottom:6px;
	font-weight:bold;
	z-index:10;
}
.tipBox .boxContent{
	height:30px !important;
}

.tipBox a{position:relative !important;}

.launchStreamBox{top:232px;left:340px; } 
.TVBox{top:262px;left:790px;width:200px;} 
.eventsBox{top:472px;left:1440px;width:230px;} 
.eventsBox .boxContent{width:70px;} 
.feedBox{top:142px;left:990px;width:240px;} 

.launchStreamBox .seperator{color:#535353}

.creditBox {
		top:542px;left:1550px;
	} 
	.creditBox .boxContent{
		width:120px;
		font-size:11px;
	} 



.flatText a{
	position:relative !important;
	color:#535353;
}

.flatText a:hover{color:#FFF;border-bottom:1px dotted #CCC;}


.homeFooter{
	margin-bottom:50px;
	margin-top:-260px;
	font-size: 11px;
	padding-left:20px;
	padding-top:6px;
	padding-bottom:4px;
	line-height:22px;

}

.homeFooter img{
	vertical-align:middle;
}

li.all a{
color:#fff;
text-decoration:underline;

}

li.all{
margin-top:-14px;
}



/* page stuff*/

.page h2{
	padding-top:2px;
	width:300px;
	text-decoration:underline;
}

.page #content{
	margin-top:184px;
}

.page .entry{
	color:#535353;
	min-height:400px;
}


.searchBox{margin-top:44px;}
li.rss{margin-top:-41px;}

.page .searchBox{margin-top:84px;}
.page li.rss{margin-top:-80px;}






/* EVENT STUFF */

#dbem-location-map{
    width: 506px !important;
    height: 300px !important;
}


.events{
	list-style-type:none;
	margin-left:-10px;
	padding-bottom:6px;
	margin-bottom:6px;
	border-bottom:#ccc dotted 1px;
	}

	.events .time{float:right;}
	.events .date{float:left;}
	.events .details{
		width:330px;
		margin-left:100px;
	}



/* AFFILIATE PAGE STUFF */

.affiliatesPageLinks{
	margin-top:-10px !important;
}


.affiliatesPage{

	list-style-type:none;
	margin-left:-10px;
	padding-bottom:0px;
	margin-bottom:9px;
	border:1px solid #000;
	border-bottom:#ccc dotted 1px;
	}


	.affiliatesPage img{
		float:left;
		margin-right:8px;
	}



.affiliatesPage .name{

}


/* post boxes on home page */

.postBoxes{
	position:absolute;
	top:140px;
	left:200px;
}

.postBoxes a{
font-size:11px;
font-weight:normal;
}

#postBox0{
	top:210px;
	left:940px;
}

#postBox1{
	top:280px;
	left:1100px;
}

#postBox2{
	top:170px;
	left:1250px;
}

#postBox3{
	top:230px;
	left:1300px;
}



.postBoxes .boxContent{
	white-space:nowrap;
	font-size:12px;
	line-height:14px;
}


iframe {
	overflow-x: hidden;
	overflow-y: hidden;
}

#playlist{
	position:absolute;
	top:300px;
	left:370px;
	width:320px !Important;
	z-index:100;
}

#playlist .boxTitle{
	font-size:11px !important;
	padding-bottom:6px;
	padding-left:6px;
}

#playlist #fullPlaylist{
	color:#fff;
	margin-left:260px;
	font-size:11px;
}

#playlistFrame2{
	display:none;
}


/* archive stuff */

.archive{
margin-top:160px;
}


.tvControl{
	position:absolute;
	width:50px;
	height:50px;
	z-index:1000;
	left:1000px;
	cursor:pointer;
}

#mute{top:410px;}
#popupTV{top:464px;}



/* share this */
.stbutton{
	margin-top:9px;
	float:right;
}