/*	Desc: *title* Screen Style Sheet
	Author: ad-rich
	Date: *last modified date*
	+ Colours
	- *colour hex* *colour name* (*purpose*)
=== === === === === === === === === === */
/*=STRUCTURE
=== === === === === === === === === === */
html, body {
height: 100%;
background-image:url(../cssimg/left_menuBG.gif);
background-repeat:no-repeat;
font-size:12px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
min-width:900px;
}


/*=COMMON
=== === === === === === === === === === */
* {
	padding: 0;
	margin: 0;
}
p,
li {
	line-height: 150%;
}

img {
	border: 0;
}


h1 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	font-size : 1.6em;
	color: #434343;
	padding: 3px 0px 5px 0px;	
	margin-bottom:15px;
	border-bottom:#CCCCCC solid 1px;
	}
	
h2 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	font-size : 1em;
	color: #434343;
	border-bottom:#CCCCCC solid 1px;
	padding: 3px 0px 3px 0px;	
	margin:0px 15px 5px 10px;
	margin-bottom:10px;
	}
	
	h4 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.3em;
	}
	
span{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	font-size : 1em;
	color: #434343;
	padding: 3px 0px 3px 0px;
	font-weight:bold;
}
h3{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	font-size : 1em;
	color: #434343;
	padding: 3px 0px 3px 0px;
	font-weight:bold;
}
	
	
.clear {
	clear:both;
}
.podcast-table {

border-top:#CAE8EA solid 1px;
border-bottom:#CAE8EA solid 1px;
border-left:#CAE8EA solid 1px;
}

.divider1
{
position: relative;
background: #fff url('../cssimg/border2.gif') repeat-x;
height: 14px;
margin: 1.5em 0em .5em 0em;
clear: both;
}	

/*=blocks
=== === === === === === === === === === */
.wrapper {
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */
}
div#header {
	width: 100%;
	background-color: #000000;
}
		div#logo {
			height:100px;
			width:200px;
			background-image:url(../cssimg/indie_logo.gif);
			background-repeat:no-repeat;
		}
		div#pick {
			position:absolute;
			right:30px;
			top:35px;
			height:32px;
			width:173px;
			background-repeat:no-repeat;
		}

div#container {
	position:relative;
	height: 100%;
}

	div#utility {
		position:absolute;
		width: 157px;
		padding-bottom: 40px;
		top:0px;
		left:0px;
		margin:auto;
	}

		div#middle-earth {
		margin: 10px 27% 0 167px;
		
	}
		div#middle-earth2 {
		margin: 10px 10px 0 167px;
		
	}
		div#middle-earth3 {
		margin: 10px 25% 0 167px;
		
		
	}
	
	
	div#sidebar {
	position:absolute;
	top:31px;
	right:2px;
	width:20%;
	padding-bottom: 10px;
	background-color:#f4f4f4;
	border:#ccc solid 1px;
	min-width:220px;
		
		
	}
		div#sidebar p {
		
		}
		
div#sidebar-txt {
	padding:5px;
	margin-left:10px;
}

		
.feature-on {
	border-bottom: dashed #CCCCCC 1px;
	padding-bottom:10px;
	min-height:100px;
	background:#f4f4f4;
}

.feature-off {
	min-height:100px;
	background:#fff;
	text-align:left;
}

.feature-off3 {
	height:120px;
	background:#fff;
	text-align:left;
	border:#666;
	background-color:#f4f4f4;
}
.feature-off3, feature-off3 p {
		padding:15px;
		margin:20px;
	}
.feature-off2 {
	background:#fff;
}
	.feature-tools {
		padding-top:5px;
		text-align:right;
		margin:5px;

	}
		.feature-tools p {
			color:#666;
		}
	
	.feature-on, feature-off p {
		padding:10px;
	}
	.feature-off, feature-on p {
		padding:10px;
	}
	
	.feature-tools a {
	   padding-right: 20px;
	   background: transparent url(../cssimg/bullet_go.gif) no-repeat center right;
	}

/*=NAVIGATION
=== === === === === === === === === === */
/* Top Nav */

#topnav {
   float:left;
   width:100%;
   background: #000000;
   font-size:93%;
   line-height:normal;
   border-bottom: 0px;
}
#topnav ul {
   margin:0;
   padding:0px 10px 0 157px;
   list-style:none;
}
#topnav li {
   display:inline;
}  
#topnav a {
   float:left;
   background: url(../cssimg/tab01.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#topnav a span {
   float:left;
   display:block;
   background: url(../cssimg/tab02.gif) no-repeat right top;
   padding:5px 15px 4px 6px;
   margin:0px 5px 0px 0px;
   color:#CCCCCC;
}
	  
#topnav a span {float:none;}
	
/* End IE5-Mac hack */
 #topnav a:hover span {
    color:#444444;	       
}
#topnav a:hover {
   background-position:0% -42px;
}
#topnav a:hover span {
   background-position:100% -42px;
}
#topnav #current a {
   background-position:0% -42px;
}
#topnav #current a span {
   background-position:100% -42px;
}

#topnav #active2 {
background-position:0% -42px;

}
#topnav #active2  span{
   background-position:100% -42px;
color:#444444;
}

/* left nav */

#leftnav UL {
	BORDER-TOP: #e5e5e5 1px solid;
	FONT-SIZE: 11px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none
	}
	#leftnav LI {
	MARGIN: 0px;
	BORDER-BOTTOM: #e5e5e5 1px solid
	}
	#leftnav A {
	BORDER-RIGHT: #f1f1f1 6px solid;
	PADDING-RIGHT: 23px;
	DISPLAY: block;
	PADDING-LEFT: 23px;
	FONT-WEIGHT: normal;
	PADDING-BOTTOM: 10px;
	WIDTH: 104px;
	COLOR: #555555;
	PADDING-TOP: 10px;
	BACKGROUND-COLOR: #f8f8f8;
	TEXT-DECORATION: none
	}
	#leftnav A:hover {
	BORDER-RIGHT: #000000 6px solid;
	COLOR: #ffffff;
	BACKGROUND-COLOR: #000000;
	}
	
#leftnav #active  {
BORDER-RIGHT: #000000 6px solid;
	COLOR: #ffffff;
	BACKGROUND-COLOR: #000000;
	}
/*=CONTENT
=== === === === === === === === === === */
/* Home page styles */
.thinborder{
  float:left;
  border:solid 1px #999;
  padding:5px;
  margin-right:10px;
  background-color: #fff;
}
.thinborderVIDEO{
  border:solid 1px #999;
  background-color: #000;
  text-align:center;
  color:#FFFFFF;
  padding:5px;
}
.thinborder2{
  float:left;
  padding:0px 5px 5px 5px;
  margin-right:10px;
  background-color: #fff;
}
.sidebar-img{
  float:left;
  border:solid 1px #999;
  padding:5px;
  margin-right:10px;
  background-color: #fff;
}

/* Sub-pages */
div#left-floaty {
	float:left;
	width:47%;
	margin:auto;
	margin-right:5px;
}
div#right-floaty {
	float:right;
	width:50%;
	margin:auto;
}
.status-txt {
	font-size : 1.3em;
	color: #434343;
	margin-bottom:15px;
}
	div#status-img {
		padding-bottom:72px;
	}
	
.tab {
	Margin-left:30px;
	padding:10px;
	margin-bottom:10px;
}
#profile_logo {
text-align:center;
background-color:#000000;
padding:10px;
margin-bottom:10px;
}


/*tabular data */
.table {
	width: 100%;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0; 
	font: italic 11px;
	text-align: right;
}

th {
	font: bold 11px;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

/*=FOOTER
=== === === === === === === === === === */
.footer {
	height: 6em;/* .push must be the same height as .footer */
	background-color: #000000;
	color:#FFFFFF; 
	clear:both;
}
	.footer p {
		padding-top:20px;
		margin-left:15px;
	}
	
	.footer a {
		color:#FFFFFF; 
		font-size:10px;
	}

.push {

	height: 4em;
	clear:both;/* .push must be the same height as .footer */
}