/*
Theme Name: Reality Hip Hop	
Theme URI: http://www.realityhiphop.net
Description: holy hip hop radio 
Version: 3.0
Author: Zach i
Author URI: http://www.teamtreetops.com
*/

 /*
 _____    _____       ___   _       _   _____  __    __       _   _   _   _____        _   _   _____   _____  
|  _  \  | ____|     /   | | |     | | |_   _| \ \  / /      | | | | | | |  _  \      | | | | /  _  \ |  _  \ 
| |_| |  | |__      / /| | | |     | |   | |    \ \/ /       | |_| | | | | |_| |      | |_| | | | | | | |_| | 
|  _  /  |  __|    / / | | | |     | |   | |     \  /        |  _  | | | |  ___/      |  _  | | | | | |  ___/ 
| | \ \  | |___   / /  | | | |___  | |   | |     / /         | | | | | | | |          | | | | | |_| | | |     
|_|  \_\ |_____| /_/   |_| |_____| |_|   |_|    /_/          |_| |_| |_| |_|          |_| |_| \_____/ |_|  
                 need a site done right? visit http://www.teamtreetops.com for an appraisal and sample work. 
*/   
/* random elements */ 
body{
	text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #FFF;
	background-color: #100f0b;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10%;
	background-attachment: scroll;
	background-image: url(images/body_bg.png);
	background-repeat: repeat;
	background-position: left top;
}
div#container {
	float: left;
	height: auto;
	width: 900px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
}
a:link {
	color: #ff9933;
	text-decoration: none;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #FFFFFF;
}
a:visited{
	color: #ff9933;
	text-decoration: none;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #FFFFFF;
}
a:hover{
	color: #FFF;
	text-decoration: none;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #ff9933;
}
a:active{
	color: #ff9933;
	text-decoration: none;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #FFFFFF;
}
div#knockout{
	position: absolute;
	visibility: hidden;
}
div#usefirefox{
	background-image: url(images/diag_bg.gif);
	background-repeat: repeat;
	float: left;
	height: auto;
	width: 100%;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border: thin solid #FF6600;
        text-align: left;
}
.center {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 60px;
	text-align: center;
}
font#font{
    color: #ff9933;
	text-decoration: none;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #FFFFFF;
}

/* /random elements */
/* main area */

div#main {
	padding: 0px;
	height: auto;
	width: 560px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	display: inline;

}
div#header{
	background-image: url(images/main_header.png);
	background-repeat: no-repeat;
	height: 238px;
	width: 560px;
	text-align:left;
}
div#nav{
	margin: 0px;
	padding: 0px;
	width: 6em;
	position: relative;
	text-align: right;
	left: 40px;
	top: 88px;
	z-index: 200;
	height: auto;
}
div#nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 200;
}

div#nav ul ul{
	position: absolute;
	top: 0;
	left: 100%;
	width: 20em;
	background-color: #FFFFFF;
	background-image: url(images/diag_bg.gif);
	background-repeat: repeat;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF6600;
	border-right-color: #FF6600;
	border-bottom-color: #FF6600;
	border-left-color: #FF6600;
	display: none;
	text-align: left;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 200;
}
div#nav ul li:hover ul {
    display: block;
    z-index: 200;
}

div#nav a:link {
	color: #ff9933;
	text-decoration: none;
	font-size: 14px;
}
div#nav a:visited{
	color: #ff9933;
	text-decoration: none;
	font-size: 14px;
}
div#nav a:hover{
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
}
div#nav a:active{
	color: #ff9933;
	text-decoration: none;
	font-size: 14px;
}
div#navigation {
	float: left;
	height: 15em;
	width: auto;
	z-index: 199;
	background-color: #33CC66;
}
div#news{
	background-image: url(images/main_tile.png);
	background-repeat: repeat-y;
	height: auto;
	width: auto;
	text-align: left;
	padding-top: 1px;
	padding-right: 57px;
	padding-bottom: 1px;
	padding-left: 67px;
}
div#news h2 a:link {
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div#news h2 a:visited{
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div#news h2 a:hover{
	text-transform: uppercase;
	color: #ff9933;
	text-decoration: none;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div#news h2 a:active{
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div#post{
	padding: 0px;
	float: left;
	height: auto;
	width: 560px;
	overflow: visible;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
div#footer{
	background-image: url(images/main_footer.png);
	background-repeat: no-repeat;
	height: 165px;
	width: 560px;
}
.time{
	position: relative;
	top: -15px;
}
.post{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	position: relative;
	top: -40px;
}
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* /main area */
/* bar area */

div#side-bar {
	padding: 0px;
	margin: 0px;
	height: auto;
	width: 273px;
	text-align: center;
	overflow: visible;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: inline;
}
div#statement{
	background-image: url(images/mission.png);
	background-repeat: no-repeat;
	height: 301px;
	width: 263px;
	z-index: 1;
	float: left;
	color: #000000;
	display: inline;
	text-align:left;
}
div#flashcontent{
	text-align: center;
	height: 155px;
	width: 203px;
	position: relative;
	left: 31px;
	top: 43px;
	right: 0px;
	bottom: 0px;
}
div#john{
	background-image: url(images/1john.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 273px;
	z-index: 1;
	float: left;
	display: inline;
}
div#sticker{
	background-image: url(images/rhh_sticker.png);
	background-repeat: no-repeat;
	height: 338px;
	width: 216px;
	z-index: 1;
	float: right;
	display: inline;
}

/* /bar area */
/* ie hacks... blah */

#ie #container #main #header{
	background-image: url(images/main_header_ie.png);
	background-repeat: no-repeat;
	height: 238px;
	width: 560px;
	text-align:left;
}
#ie #container #main #news{
	background-image: url(images/main_tile_ie.png);
	background-repeat: repeat-y;
	height: auto;
	width: auto;
	text-align: left;
	padding-top: 1px;
	padding-right: 57px;
	padding-bottom: 1px;
	padding-left: 67px;
}
#ie #container #main #footer{
	background-image: url(images/main_footer_ie.png);
	background-repeat: no-repeat;
	height: 165px;
	width: 560px;
}
#ie #container #side-bar #sticker{
	background-image: url(images/rhh_sticker_ie.png);
	background-repeat: no-repeat;
	height: 338px;
	width: 216px;
	z-index: 1;
	float: right;
	display: inline;
}
#ie #container #side-bar #statement{
	background-image: url(images/mission_ie.png);
	background-repeat: no-repeat;
	height: 301px;
	width: 263px;
	z-index: 1;
	float: left;
	color: #000000;
	display: inline;
	text-align:left;
}
#ie #container #side-bar #john{
	background-image: url(images/1john_ie.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 273px;
	z-index: 1;
	float: left;
	display: inline;
}

/* /ie hacks */

/* comments */

input, textarea { 
        width: 100%; 
        background: #333333;
        color: #ffffff; 
        border: 1px solid #ffffff;  
}

input[type=submit] { 
        width: 100%; 
}

.comment { 
        width: 100%; 
        border-bottom: 3px solid #4D4840; 
}

.author { background: #CCCCCC; padding: 5px; width: 100%; }
.author img { border: 1px solid #BBBBBB; }
.comment_text { }
.comment_meta { width: 100%; border-top: 1px solid #CCCCCC; }
.author .comment_meta { border-top: 1px solid #BBBBBB; }
.comment_meta p {  }
.comment_meta img {  }

/* /comments */