/*  special1.css
    Copyright 2008, Bee-Squared Computing / Alien Goatee Division

    The standard definitions for the Goatee style.
*/

*
{
	margin:0;
	padding:0;
	border: none;
}

body
{
	font:0.8em verdana, arial, sans-serif;
	/* background-color:rgb(37,29,40); */
    margin:0;
    padding:0;
    background:rgb(37,29,40); /* url(image/galaxy01.jpg) right top no-repeat; */
	color:rgb(207,221,243);
}


/* ======================== */
/* OK, how do things look when there is no specification */


h1, h1 a, h2, h2 a, h3, h3 a 
{
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	color: #AAFF00;
	background-color:Transparent;
	letter-spacing:normal;
}

h1 
{
	letter-spacing: -3px;
	font-size: 1.7em; /* 2.6em; */
}

h2 
{
	letter-spacing: -2px;
	font-size: 1.3em;  /* 2em; */
}

h3 
{
	margin-bottom:.5em;
	font-size: 1em;
	font-weight: bold;
}

p, ol, ul 
{
	margin: 0 0 2em 0;

    padding-top:0;
	background-color:Transparent;
}

ol, ul 
{
	line-height: 200%;
}
ul
{
    margin-left:4em;
    list-style-type:disc;
}

li
{
    line-height:normal;
}

blockquote 
{
	margin: 0 0 0 1.5em;
	padding-left: 1em;
	border-left: 5px solid #DDDDDD;
}

a, a:visited, a:active 
{
	color: #AAFF00;
	text-decoration:none;
	background:transparent url(image/blueflameudrln.jpg) bottom left repeat-x;
}

a:hover 
{
	text-decoration: none;
	color: #FFF;
	background:transparent url(image/redflameudrln.jpg) bottom left repeat-x;
}








/* ======================== */
/* Now for the specific sections */



/* ======================== */
/* What the content area that everything is on look like */

#bodyback
{
/*
	min-width:780px;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background:url(image/gray2.jpg) no-repeat top left rgb(37,29,40);
*/
    margin:0;
    padding:0; 
    background:transparent url(image/hdrbtm3.jpg) left top repeat-x; /* for the header area */
}

#bodybling
{
    margin:0;
    padding:0;
    background:transparent url(image/galaxy04.jpg) right top no-repeat;  /* extra flash */
}

#bodyarea
{
    margin:0;
    padding:0;
    background:transparent;
    min-width:650px;
	max-width:960px;
	min-height:442px;
	text-align:left;
}


/* ======================== */
/* The top header area, where everyone knows what site they are at. */

#pageheader
{
    position:absolute;
    top:0;
    left:0;
    
    /* padding:8px 0 0 8px;
	padding:4px 4px 4px 72px; */
	height:96px;
	width:100%;
	min-width:400px;
    /* background:transparent url(/images/logo/alien064_blk.gif) left top no-repeat; */
    background-color:transparent;  /* url(image/hdrbtm1.jpg) left top repeat-x; */
	color: #AAFF00;
}

#pageheader h1
{
    margin-top:12px;
    font-size:32px;
}

#pageheader h2
{
    font-size:20px;
}

#pageheader img.logo
{
    float:left;
    margin:8px;
}



/* ======================== */

#mainmenu
{
	padding:0;
	margin:0;
	width:100%;
	min-width:650px;
	height:30px;
	line-height: normal;	
	position:absolute;
	top:97px;
	left:0;	
}


#mainmenu li
{
	display: block;
	padding:0;
	float: left;
	margin-right: 1px;
	height:30px;
	text-align:center;
	background: transparent url(image/unsel02.jpg) repeat-x;
	overflow:hidden;
}

#mainmenu li a,
#mainmenu li
{
	width:10em;
}

#mainmenu li.currenturl
{
	background: transparent url(image/sel02.jpg) repeat-x;
	color:rgb(255,0,0) !important;
}
#mainmenu li.currenturl a,
#mainmenu li.currenturl a:link, 
#mainmenu li.currenturl a:visited
{
	text-decoration: none;
	color:rgb(147,14,14) !important;
	cursor:default !important;
}
#mainmenu li.currenturl a:hover
{
	color:maroon !important;
	cursor:default !important;
}

#mainmenu li a
{
	height:28px;  /* 24px; */

	display: block;
	float: left;

	padding: 5px 0 0 0;
	text-decoration: none;
    
}

#mainmenu li a, 
#mainmenu li a:link, 
#mainmenu li a:visited
{
	text-decoration: none;
}


#mainmenu li a:hover
{
	color:navy;
}

#mainmenu li a:active
{
	color:yellow;
	border:none;
	padding: 8px 0 0 0;
	background:transparent url(/style/goatee/image/clicksel06.jpg) left top repeat-y;
}

#menu b 
{
	display: block;
	float: left;
	cursor: hand;	
}

#mainmenu li.active 
{
}

#mainmenu li.active a 
{
	color: rgb(196,12,12);
}

#mainmenu li.active b 
{
    font-weight:bold;
}










/* ======================== */

#contentarea
{
    margin-top:162px;  /* the height of the page header plus 4 */
    
	/* background:url(images_pres/faux_left.jpg) repeat-y top left; */
	position:relative;
}

#contentarea2
{
	background:transparent url(image/gray4.jpg) top left no-repeat;  /*  rgb(37,29,40); */
	min-height:440px;
	
	background-color:transparent;
	/* background:url(images_pres/faux_right.gif) repeat-y top right; */
	position:relative;
}



/* ======================== */


/* ================== */
/* Column Definitions */
/* ================== */

#column1
{
	padding:8px;
	margin:0;
	float:left;
	width:250px;
	min-height:1024px;
	display:inline;
	background-color:Transparent;
}

#column2
{
	float:left; 
	width:350px;
	min-height:466px;
	display:inline;
	background:Transparent url(image/monitor_middle2.jpg);
	border-top:rgb(71,70,78) solid 1px;
	border-bottom:rgb(71,70,78) solid 1px;
}

#column3
{
	padding:1em;
	float:left;
	width:150px;
	background-color:Transparent;
}



/* ================== */
/* What is in Columns */
/* ================== */


#column1 h1
{
    padding-bottom:1em;
    font-weight:bold;
    font-size:2em;
    letter-spacing:normal;
}


#column1 h2
{
    font-size:1.3em;
    margin-top:370px;
    letter-spacing:normal;
    border-top:rgb(207,221,243) solid 2px ;
}


#column2 p
{
    margin-left:.5em;
    margin-right:.5em;
}

#column2 .ct 
{
    margin:0;
    padding:0;
	height: 14px;
	background: transparent url(image/monitor_top.gif) no-repeat left top;
}

#column2 .ct .l 
{
    margin:0;
    padding:0;
}

#column2 .ct .r 
{
    margin:0;
    padding:0;
}

#column2 .cb 
{
    margin:0;
    padding:0;
	height: 14px;
	background: transparent url(/monitor_bottom.gif) no-repeat left top;
}

#column2 .cb .l 
{
    margin:0;
    padding:0;
}

#column2 .cb .r 
{
    margin:0;
    padding:0;
}


#column2 #column2content
{
	padding:1em;
	width:95%;
	height:100%;
}

#column2 #column2content p
{
	margin:.5em 0 .5em 0;
	font-size:1em;
	padding:1em;
}

#column2 #column2content p em
{
	color:Red;
	font-style:italic;
}

#column2 #column2content div#podcastdescription
{
    margin:2em 1em 2em 1em;
    color:Maroon;
    font-family:Arial, Sans-Serif;
}


div#column3 .secondarylinks,
div#column3 div#businesslinks,
div#column3 div#podcastproduce
{
    color:White;
}

div#column3 .secondarylinks ul,
div#column3 div#businesslinks ul,
div#column3 div#podcastproduce ul
{
    /* list-style:none; */
}

div#column3 .secondarylinks ul a,
div#column3 div#businesslinks ul a,
div#column3 div#podcastproduce ul a
{
    color:White;
    text-decoration:none;
}

div#column3 .secondarylinks ul a:link, 
div#column3 .secondarylinks ul a:visited,
div#column3 div#businesslinks ul a:link, 
div#column3 div#businesslinks ul a:visited,
div#column3 div#podcastproduce ul a:link, 
div#column3 div#podcastproduce ul a:visited
{
	font-weight:bold;
	color:white;
	text-decoration:none;
}

div#column3 .secondarylinks ul a:hover,
div#column3 div#businesslinks ul a:hover,
div#column3 div#podcastproduce ul a:hover
{
    color:lime;
	font-weight:bold;
	text-decoration:none;
    /* FILTER: Glow(Color=#ff0000, Strength=8); */
}

li.curselection
{
    /* list-style-type:square; */
    color:red;
}
li.curselection a
{
    /* color:#AAFF00 !important; */
    color:red !important;
}

div#column3 h3
{
    font-size:1.1em;
    font-weight:bold;
	color: #AAFF00;
    font-family:Arial, Sans-Serif;
    margin-top:1em;
}




div#footer
{
    color:lime;
	background-color:rgb(37,29,40);
	text-align:center;
	padding-top:6px;
	font-size:.8em;
}

/* ======================== */


/* Begin Aslett Clearing */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}
/* backslash hack hides from IE mac \*/
* html .clearfix{height:1%}
.clearfix {display:block;}
/* end backslash hack */
/* End Aslett Clearing */