/* ----- Font Definitions ----- */

/*
@font-face {
	font-family: BadaBoom;
	src: url('http://www.hooonwho.com/fonts/Baddaboom/BADABB__.TTF');
}
*/




@font-face {
	font-family: BadaBoom;
	src: url('http://www.hooonwho.com/fonts/Baddaboom/badabb__-webfont.eot');
	src: local('☺'), url('http://www.hooonwho.com/fonts/Baddaboom/badabb__-webfont.woff') format('woff'), url('http://www.hooonwho.com/fonts/Baddaboom/badabb__-webfont.ttf') format('truetype'), url('http://www.hooonwho.com/fonts/Baddaboom/badabb__-webfont.svg#webfontlav1AY3P') format('svg');
	font-weight: normal;
	font-style: normal;
}



a img {
 border:medium none;
 text-decoration:none;
}


/* ----- Main Layout Elements ----- */
body {
	background:			#ffffff;
	text-align:			center;
	padding:			0;
	margin:				0;
	font-family: 		Arial, Verdana, sans-serif;
}
#container {
	min-width:			760px;
	max-width:			960px;
	font-size:			12px;
	margin:				0 auto;
	text-align:			left;
	clear:				both;
top:-225px;
position:relative;
z-index:1;
}


ul.menuhoo {
    padding: 0;
    margin: 0;
}

ul.menuhoo li {
    list-style:none;
    display:block;
}
ul.menuhoo a , ul.menuhoo a:visited 
{
border: 0px;
text-decoration:	none;
border: none;
}


ul.menuhoo a img , ul.menuhoo a:visited img
{
border: 0px;
text-decoration:	none;
border: none;
}



#container {
	min-width:			760px;
	max-width:			960px;
	font-size:			12px;
	margin:				0 auto;
	text-align:			left;
	clear:				both;
top:-225px;
position:relative;
z-index:1;
}

#header {
	 
	background-color:	        #000000;
	height:				206px;
	margin:				0 auto;
	clear:				both; 
}
#headerinside {
        background-image: 	        url('../images/headers/rotate.php');
        background-color:	        #000000;
        min-width:			760px;
	max-width:			960px;
	margin:				0 auto;
	height:				177px;
	padding-top:		        0px;
	text-align:			center;
	clear:				both;

}

#headerinside h1 {

top: 20px;
}


#leftsidebarnarrow , #leftsidebarleftonly , #leftsidebar 
{

        position:                       relative;
        top:                            50px;
	float:				left;
	width:				20%; 
	overflow:			hidden;
} 

 
 
#mainnarrow {
         top:                            20px;
	float:				left;
	width:				60%;
	/*overflow:			hidden;*/
}

#mainrightonly , #mainleftonly 
{
         top:                            20px;
	float:				left;
	width:				80%;
	/*overflow:			hidden;*/
}


#mainwide {
         position:                       relative;
         top:                            20px;
	float:				left;
	width:				100%;
	/*overflow:			hidden;*/
}

#mainnarrow , #fireboard{
        position:                       relative;
        top:                            20px;

}
#mainleftonly #fireboard
{
        position:                       relative;
        top:                            20px;
}

#rightsidebar , #rightsidebarnarrow , #rightsidebarrightonly
{
        position:                       relative;
        top:                            50px;
	float:				left;
	width:				20%; 
	overflow:			hidden;
} 
 

#rightsidebarleftonly{
	float:				left;
	width:				0%; 
	overflow:			hidden;
} 
#footer {
	clear:				both; 
	text-align:			center;
	font-size:			10px;
	padding-top:		10px;
}
a, a:visited {
	color:				#b20a0a;
}
a:hover {
	color:				#890707;
}
#searchForm {
	padding-top:		10px;
}

/* ----- Hooie Head ----- */
#dhooie 
{
        position:                       relative;
	margin:				0;
        top:                            -101px;
        width:                          106px;
        height:                         217px;
        z-index:                        1;
	clear:				both;  
}



.sprite-hooie { background-position: 0 0; width: 106px; height: 217px; } 
.sprite-marty { background-position: 0 -267px; width: 108px; height: 264px; } 

#container li {
   background: url(csg-4c5efa6f95521.png) no-repeat top left;
}


/* ----- Marty Head ----- */
#mhooie {
float : right;
position:relative;
margin:0;
width:108px;
height:264px;
/*top: -172px;*/
z-index:1;
margin:				0;
clear:both;
top:-143px;
z-index:1;
}

/**/
.countdown_daycount
{
color:#0250c1;
font-weight:bold;
}

.countdown
{
 background-image: 	        url('../images/eventsBG.png');
}

.countdown_dney
{
color:#000000;
}

/* ----- Twitter Stylings  ----- */
#twitterfeedallitemsdiv
{

}

#twitterfeedallitemsdiv .twitterfeeditem
{
/*border-bottom-width:3px;
border-color:black;
margin-bottom:5px;
padding-bottom:10px;
*/
border-bottom:1px solid #EEeeEE;
line-height:16px;
padding:10px 0 8px;
position:relative;
}


/* ----- Top Menu ----- */
#topmenu {
        position:                       relative;
        left:                           0px;
        top:                            0px;
        height:                         29px;
        background-image: 	        url('../images/ScarfBG.png');
        margin:				0 auto;
        /*height:			139px;*/
	text-align:			center;
	padding-top:		        0px;
	clear:				both;
        max-width:                      960px;
        min-width:                      760px;
}
#topmenu .moduletable {
	border: 			0;
	padding: 			0;
	margin:				0 auto;
        
}
#topmenu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
	
}
#topmenu li {

display:inline;
margin:0;
padding:0;
        /*position: relative; */
        /*top: -1px;*/ 
	/*display: 			inline;*/
        /*float : left;*/
	/*margin: 			0;*/
        /*padding-top: 	         	10px;*/
        /*padding-bottom: 	        10px;*/
	/*padding: 			0;*/
       
}
#topmenu a, #topmenu a:visited {

        font-family:            BadaBoom, sans-serif;
        font-size: 18px;
	font-weight:bold;
	padding-right: 		10px;
	padding-left:		10px;
	/*padding-bottom:		11px;*/
	color:			#000000;
       	text-decoration:	none;
        /*display: block;*/
        line-height: 29px;
        display:inline-block; 
}



#topmenu a[href="http://www.hooonwho.com/Joomla"]
{
        /*Store Link*/
        background-color:	#c73a33;
}

#topmenu a[href="/Joomla/index.php/podcasts"]
{
        /*Podcast Link*/
        background-color:	#d5c7b3;
}

#topmenu a[href="/Joomla/index.php/links"]
{
        /*Podcast Link*/
        background-color:	#926710;
}
#topmenu a[href="/Joomla/index.php/contact"]
{
        /*Store Link*/
        background-color:	#c73a33;
}

#topmenu a[href="http://258536.spreadshirt.com/us/US/Shop/"]
{
        /*Store Link*/
        background-color:	#5B2766;
}

#topmenu a[href="/Joomla/index.php/blog"]
{
        /*Blog Link*/
        background-color:	#D8AA05;
}

#topmenu a[href="http://www.hooonwho.com/Joomla/index.php?option=com_fireboard&Itemid=65"]
{
        /*Forum Link*/
        background-color:	#4b693f;
}

#topmenu a[href="/Joomla/index.php/downloads"]
{
        /*Download Link*/
        background-color:	#7c8c96;
}

#topmenu a:hover {
	text-decoration:	underline;
}

/* ----- Left Sidebar Elements ----- */
#leftsidebar ul {
	margin:				0px;
	padding-left:		20px;
	padding-top:		5px;
}
#leftsidebar ul li {
	margin:				0px;
	padding:			0px;
	list-style-type:	square;
}
#leftsidebar ul li a {
	text-decoration:	none;
}
#leftsidebar ul li a:hover {
	text-decoration:	underline;
}
#leftsidebar h3 {
	margin:				0px;
	padding:			0px;
	padding-top:		10px;
	border-bottom:		1px solid #777777;
	font-size:			16px;
}


/* ----- Right Sidebar Elements ----- */
 
#rightsidebarnarrow .moduletable, #rightsidebarnarrow .moduletable_text, #rightsidebarrightonly .moduletable, #rightsidebarrightonly .moduletable_text 

{
	border:				1px solid #000000;
background-color:white;
	margin-top:			10px;
	padding:			5px;

}
 
#rightsidebarnarrow .moduletable h3, #rightsidebarnarrow  .moduletable_text h3 ,#rightsidebarrightonly .moduletable h3, #rightsidebarrightonly .moduletable_text h3 
{
	margin:				-5px;
	margin-bottom:		5px; 
	padding:			2px;
	padding-left:		18px;
	color:				#ffffff;
	background-color:	#000000;
	border-bottom:		1px solid #777777;
	font-size:			16px;
	background-image:	url('../images/moddeco.png');
	background-repeat:	no-repeat
}
 
#rightsidebarnarrow  p {
	margin-top:			0px;
	margin-bottom:		10px;
}


/* Additional markups */
.pagenavcounter, .pagenav {
	font-size:			10px;
} 
.contenttoc {
	padding:			5px;
}

div.componentheading {	/* Component heading */
	font-size:			16px;
	border-bottom:		1px solid #777777;
	font-weight:		bold;
	margin-top:			10px;
	border-bottom:		1px solid #cccccc;
}
td.contentheading {		/* Post titles/headings */
	font-size:			16px;
	font-weight:		bold;
	clear:				both;
	padding-top:			10px;	
}
table.contentpaneopen {	/* Table wrapping posts */
	margin:				0;
	padding:			0;
}
#form-login-remember {	/* Small 'remember me?' text in login form */
	font-size:			12px;
	padding-bottom:		5px;
}
#form-login {
	text-align:			center;
}
#form-login ul, #form-login-username, #form-login-password, #form-login-remember {
	text-align:			left;
}
fieldset.input {
	border:				0;
}
#form-login #form-login-remember {
	text-align:			center;
}
form {
	margin:0;
}
td.sectiontableentry1 {}	/* Alternating rows for polls */
td.sectiontableentry2 {		/* Alternating rows for polls */
	background-color:	#f9f9f9;
}	
.button {
	background-color:	#ddecf3;
	font-size:			12px;
	font-family:		verdana, arial;
	border-top:			1px solid #e7f7ff;
	border-left:		1px solid #cde4ef;	
	border-bottom:		1px solid #000000;
	border-right:		1px solid #245167;
}
.buttonheading img {
	border: 			none; 
	margin: 			0;
	padding:			0;
}
span.small { 		/* Small text underneath post title, i.e. 'Written by...' */
	font-size:			10px;
	margin:				0;
	padding:			0;
}
td.createdate {		/* Small date under post titles */
	font-size:			10px;
	text-align:			left;
	color:				#999999;
}
td.modifydate { 	/* The 'Last Updated' date under posts/modules. */
	font-size:			10px;
	text-align:			right;
	font-style: 		italic;	
}
a.readon { 			/* The 'Read More...' link under posts/modules. */
	font-size:			10px;
	float:				right;
	text-align:			right;
}
td.article_column {
	padding-right:		10px;
}
table.pollstableborder {
	text-align:			left;
	width:				100%;
}
p {
	margin:				0;
	padding:			0;
}
span.breadcrumbs  {
	font-size:			10px;
	color:				#666666;
}
.crumbbg {
	background-color:	#dedefa;
}
div.bannerheader {
	font-size:			10px;
}