@charset "UTF-8";
/* CSS Document */

html, body {
	/*height:100%;
	width:100%;
	overflow:hidden;*/
	margin:18px 18px 0 18px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#000000;
	z-index:1;
}

img {border:0;}

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

/*
body {
	margin:0;
	padding:0;
	font:0.8em Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
	z-index:0;
	overflow-y:hidden;
	background-color:transparent;
}
*/

#bg-image {
position:fixed !important;
position:absolute; /* IE6 only */
top:-18px;
left:-18px;
background-position:top left;
width:1200px;
height:800px;
z-index:1;
background-repeat:no-repeat;
}


#bg-overlay {
position:fixed !important;
position:absolute; /* IE6 only */
background-position:top left;
top:-18px;
left:-18px;
width:1200px;
height:800px;
z-index:2;
background-repeat:no-repeat;
}

#wrapper {
}

* html img#overlayImage {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/bg-overlay.png',sizingMethod='scale')
}

#logo {	
	background:url(../gfx/carbon-logo-white.png) no-repeat top;
	position:relative;
	z-index:3;
	width:200px;
	height:175px;
	text-align:center;
}

#logo-anim {
	position:relative;
	z-index:3;
	width:200px;
	padding-left:10px;
	height:175px;
	text-align:center;
}

/*#logo img, #logo-anim img {
margin-left:auto;
margin-right:auto;
}*/

* html #logo {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/carbon-logo-white.png',sizingMethod='image');
}


#front-title {
margin-top:10px;
}

#enter-text {
margin-top:120px;
}

#left-col {
position:relative;
width:220px;
margin-left:-15px;
float:left;
z-index:4;
text-align:left;
}

#side-bar {
position:relative;
width:180px;
padding-left:40px;
}

#side-bar ul {
margin-left:-40px;
}

#twitter {
position:relative;
color:#888;
margin-top:40px;
}

#right-col {
position:relative;
margin-left:220px;
/* float:right; */
z-index:5;
}

#nav {
position:absolute;
top:-12px;
font-size:13px;
text-align:left;
z-index:6;
}

/* IE specific rule as IE does not bump down the first line of a para as MZ browsers do */
* html #nav {
top:0;
}

#side-bar #nav {
position:relative;
font-size:13px;

}

#sub-nav {
position:absolute;
top:175px;
width:240px;
height:50px;
z-index:7;

}

#sub-nav-2 {
position:absolute;
top:175px;
left:255px;
width:200px;
height:50px;
z-index:8;

}

#sub-nav-3 {
position:absolute;
top:175px;
width:200px;
left:440px;
height:50px;
z-index:9;

}

#page-title {

}

#options {
position:absolute;
left:240px;
top:142px;
z-index:10;

}

#page-content {
position:relative;
padding-top:225px;
left:40px;
width:640px;
z-index:2;

}

#items {
position:relative;
width:640px;

}

#people1 {
position:relative;
float:left;
width:240px;
}

#people2 {
position:relative;
margin-left:240px;
width:340px;
}

#feature {
position:relative;
top:225px;
left:40px;
width:600px;
z-index:2;
}

#feature .body-text {
width:500px;
color:#EEE;
}

.body-text a:hover { text-decoration:underline; }

/*
.body-text span {
font-size:11px !important;
font-family:Arial, Helvetica, sans-serif !important;
color:#EEEEEE;
}*/

.text-left-col {
position:relative;
width:220px;
float:left;
}

.text-right-col {
position:relative;
margin-left:255px;
width:340px;
}

.thumb {
position:absolute;
/*overflow:hidden;*/
}

.textmode-item {
width:500px;
border-top:#444 solid 1px;
padding-top:5px;
}

#people2 .textmode-item {
width:420px;
}

.left{
float:left;
}
.right {
float:right;
}

.pad-left{
padding:0 0 5px 5px;
}
.pad-right{
padding:0 5px 5px 0;
}
.pad {
padding:5px;
}

.margin-5px{
margin:5px;
}
.margin-10px{
margin:10px;
}

.clear{
clear:both;
}

.item-title {
position:absolute;
padding:5px;
/*bottom:0;*/
display:inline;
background-image:url(../gfx/black-overlay.png);
background-repeat:repeat;
}

.item-title li {
padding:0;
margin:-5px 5px 5px -15px;
}

.item-info li {
padding:0;
margin:-5px 5px 5px -25px;
}

.item-info {
position:absolute;
padding:0;
width:0px;
height:0px;
padding:0px 5px 0px 5px;
/*height:auto;*/
overflow:hidden;
background-image:url(../gfx/black-overlay.png);
background-repeat:repeat;
z-index:11;
/*display:none;*/
}

.item-info-on {
position:absolute;
padding:5px 5px 5px 5px;
height:200px;
width:auto;
/*height:auto;*/
/*overflow:visible;*/
background-image:url(../gfx/black-overlay.png);
background-repeat:repeat;
z-index:11;
}

.thumb:hover, .thumb.over {
z-index:100;
}

.thumb:hover .item-info, .thumb.over .item-info {
/*display:inline;*/
}

.thumb:hover .item-title, .thumb.over .item-title {
display:none;
}

*html .item-title {
background-image:url(../gfx/black-overlay.gif);
background-repeat:repeat;
}

*html .item-info {
background-image:url(../gfx/black-overlay.gif);
background-repeat:repeat;
}

._thumb img {
position:absolute;
clip:rect(0px 200px 200px 0px);
} 

h1 {
font-size:18px;
font-weight:normal;
display:inline;
}

h2 {
font-size:16px;
font-weight:normal;
display:inline;
}

h3 {
font-size:13px;
font-weight:normal;
display:inline;
}

h4 {
font-size:12px;
font-weight:normal;
display:inline;
}

#nav h4 {
font-size:13px;
}

.enlarged {
font-size:12px;
}

.reg-size {
font-size:11px;
}

.invisible {
visibility:hidden;
}

.caption {
font-style:italic;
color:#999999 ;
font-size:12px;
}

#twitter .caption {
font-size:11px;
}

.thumb .caption {
font-size:11px;
}

.caption-lg {
font-style:italic;
color:#999999;
font-size:12px;
}

.knockout {
color:#CCC;
}

.caption a:hover { text-decoration:underline; }

.plain-white-text {
font-size:12px !important;
font-family:Arial, Helvetica, sans-serif !important;
color:#EEE !important;
}

.dark-theme {
color:#111;
}

.light-theme {
color:#FFF;
}
 
#twitter a:link {
color:#DDD;
} 

li { font-size:16px; line-height:100%; text-indent:-5px; margin-left:5px; }
li.size1 { font-size:20px; line-height:60%;}
li.size2 { font-size:18px; line-height:13px;}
li.size3 { font-size:12px; }

li.nobull { list-style:none; }

.textmode-item li {
list-style:inside;
}

a:link li { list-style-type:circle;color:#DDD; }
a:visited li { list-style-type:circle;color:#DDD; }
a:hover li { list-style-type:disc;color:#FFF;text-decoration:none !important; }


.dark-theme a:link li { color:#444; }
.dark-theme a:visited li { color:#444; }
.dark-theme a:hover li { color:#000; text-decoration:none !important; }