img, div, input { behavior: url("/iepngfix/iepngfix.htc") }

/* BACKGROUND
------------------------------------*/

	#background{
		height:100%;
		width:100%;
		overflow:hidden;
		position:fixed;
		left:0px;
		top:0px;
		z-index:10;
	}
	
/* HOMEPAGE
------------------------------------*/	

	#homepage{
		position:absolute;
		height:462px;
		background-image:url(../images/homepage-bar.png);
		left:0px;
		top:50%;
		margin:-231px 0 0 0;
		width:100%;
		z-index:100;
	}
	#homepage-nav{
		position:absolute;
		z-index:100;
		left:50%;
		top:-26px;
		width:1000px;
		/*height:377px;*/
		height:507px;
		margin:0 0 0 -500px;
	}	
	#homepage-footer{
		position:absolute;
		z-index:100;
		bottom:-50px;
		left:50%;
		width:960px;
		height:50px;
		margin:0 0 0 -480px;
	}
	#homepage-footer .left{
		float:left;
	}	
	#homepage-footer .right{
		float:right;
	}
	#trailer{
	    width:960px;
	    height:436px;
	    background:#1a1a1a url(../images/trailer_bg.png) repeat-y top center;
		position:absolute;
		z-index:10000;
		top:36px;
		left:0;
		display:none;
		overflow:hidden;		
	}
	#trailer object {
	    display:block;
	    margin-left:102px;
		margin-top:10px;
		
	}

/* SUBPAGE
------------------------------------*/
	#scrollleft{
	    position:absolute;
	    top:195px;
	    left:15px;
	    width:50px;
	    height:50px;
	    background:transparent url(../images/arrow-left.png) no-repeat center center;
	    z-index:50000;
	}
	
	#scrollright{
	    position:absolute;
	    top:195px;
	    right:10px;
	    width:50px;
	    height:50px;
	    background:transparent url(../images/arrow-right.png) no-repeat center center;
	    z-index:50001;
	}
	
	#container{
		position:absolute;
		z-index:100;
		left:0px;
		top:50%;
		margin:-140px 0 0 0;
		padding-top:10px;
		background:transparent url(../images/black_bg.png) repeat-x top center;
		width:100%;
		height:452px;
	}
	
	#components-wrapper{
		width:100%;
		height:436px;
		overflow:hidden;
		position:relative;
	}
	
	#components{
		color:white;
		position:absolute;
		z-index:10;
		left:0px;
		top:0px;
	}
	#components p{
	    font-size:13px;
	    color:#ccc;
	    line-height:17px;
	}
	#components .block{
		width:377px;
		float:left;
		height:436px;
		overflow:hidden;
		border-right:1px solid #535353;
	}
	
	#components .block .block-inner {
		padding:20px 30px 0 30px;
	}
	
	#components .block h1 {
	    margin-top:15px;
	}
	
	.block h1 {
	    font-weight:normal;
	}
	.block h2 {
	    font-weight:bold;
	}
	
	.block h1, .block h2, .block h3, .block h4 {
	    margin-bottom:0px; padding:0;
	}  
	
	.block h1 + h2, .block h1 + h3, .block h2 + h3, .block h2 + p {
	    margin-top:5px;
    }
    
	.block h1 + p, .block h3 + p {
	    margin-top:15px;
	}
	
	#components .block img {
	    padding-top:10px;
	}
	
	#title{
		position:absolute;
		z-index:100;
		left:50%;
		top:-80px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:24px;
		margin:0 0 0 -480px;
		font-weight:normal;
	}
	#title h1{
		font-weight:normal;
		color:#131313;
	}
	
	#footer{
		width:960px;
		position:absolute;
		z-index:100;
		bottom:-70px;
		left:50%;
		margin:0 0 0 -480px;
		color:black;
	}
	#footer a{
		color:black;
		text-decoration:underline;
	}
	.f-right{
	    margin-top:12px;
	}
	
	.block a {
	    font-weight:normal;
	    color:#ccc;
	}
	
	.block a:hover {
	    color:white;
	    background-color:#333;
	}
	
	small {
	    font-size:0.85em;
	}
    
    img.headshot {
        float:left;
        padding:0;
        margin:-7px 20px 5px 0;
    }

/* MENU
------------------------------------*/

	#content_id_1 #menu{
		top:-50px;
	}
	#menu {
		position:absolute;
		z-index:1000;
		left:50%;
		top:-150px;
		width:960px;
		text-align:center;
		margin:0 0 0 -480px;
	}
	
	#homepage_menu {
		position:absolute;
		z-index:1000;
		left:50%;
		top:-50px;
		width:960px;
		text-align:center;
		margin:0 0 0 -480px;
	}
	
	#menu ul, #homepage_menu ul {
		margin:0 auto;
		padding:0;
		width:960px;
		background-image:url(../images/menu-off.png);
		background-repeat:repeat-x;
		background-position:bottom;
	}
	#menu ul li, #homepage_menu ul li{
		list-style:none;
		/*display:inline;*/
		display:inline-block;
		padding:0 20px;
		*display:inline;
	}
	#menu ul li a, #homepage_menu ul li a{
		display:block;
		/*line-height:30px;*/
		height:25px;
		font-size:15px;
		text-align:center;
		padding:0 5px;
		margin-right:1px;
		float:left;
		color:black;
		font-weight:normal;
		text-decoration:none;
	}
	#menu .selected, #homepage_menu .selected {
			
	}
	#menu .selected a, #homepage_menu .selected a{
		font-weight:bold;
		background-image:url(../images/menu-on.png);
		background-repeat:repeat-x;
		background-position:bottom;
	}
	#submenu{
		position:absolute;
		z-index:100;
		width:960px;
		left:50%;
		top:-17px;
		margin:0 0 0 -480px;
	}
	#submenu ul{
		position:absolute;
		z-index:10;
		right:0px;
		top:0px;
		list-style:none;
	}
	#submenu ul li{
		float:left;
		line-height:1.5;
	}
	#submenu ul li a{
		float:left;
		display:block;
		background-color:#555;
		padding:0 20px;
		height:26px;
		line-height:26px;
		text-decoration:none;
		margin:0 0 0 1px;
	}
	#submenu ul li a:hover, #submenu ul li.level2_selected a{
		background-color:#1a1a1a;
	}	
	
/* COLUMNS
------------------------------------*/	

	#main{
		color:white;
		float:left;
		width:550px;
		margin:0 40px 0 100px;
	}
	#sidebar{
	    padding-top:20px;
		float:left;
		width:230px;	
	}
	
	
/* BLOG
------------------------------------*/	
    p.feed{
        position:relative;
    }
    
    p.feed a {
        position:absolute;
        top:-15px;
        left:2px;
        display:block;
        height:20px;
        width:20px;
        margin-left:-5px;
        text-decoration:none;
        background: transparent url(../images/rss.png) no-repeat top left;
    }
    p.feed a:hover {
        background-position:bottom right;
    }
    p.feed a span {
        display:none;
    }
    
	.post{
		position:relative;
		margin:0 0 20px 0;
	}
	.post .date{
	    line-height:1.2;
	    color:#777;
		position:absolute;
		z-index:10;
		left:-70px;
		top:0px;
		width:50px;
		text-align:center;
		line-height:22px;
	}
	.post .date .day{
	    display:block;
		font-size:24px;
		font-weight: bold;
		margin-bottom:-2px;
	}
	.post .date .month{
	    display:block;
		font-size:13px;
		text-transform:uppercase;
		margin-bottom:1px;
	}
	.post .date .year{
	    display:block;
		font-size:11px;
	}
	.comments{
		color:#666;
		font-size:11px;
	}
	.comments a{	
		color:#666;
		font-weight:normal;
		text-decoration:none;
		border-bottom:1px solid #1a1a1a;
	}
	
	.comments a:hover {
		border-bottom:1px solid #333;
	}
	
	h2.comments-header {
	    margin-top:40px;
	    padding-top:20px;
	    border-top:1px solid #222;
	}
	.post {
	    padding-bottom:15px;
	    border-bottom:1px solid #222;
	}
	.post h2 {
	    margin-top:10px;
	    border-bottom:0;
	    font-weight:bold;
	    font-size:20px;
	    border-bottom:1px solid #555;
	    padding-bottom:5px;
	}
		
	.post h2 a{
	    text-decoration:none;
	}
	
	.post p {
	    font-size:13px;
	    line-height:1.5;
	    color:#eee;
	    margin-bottom:7px;
	}
	
	#sidebar h2 {
	    font-weight:bold;
	    margin-top:15px;
	    padding-top:10px;
	    border-top:1px solid #222;
	}
	
	#sidebar ul li, #sidebar ul li a {
	    font-weight:normal;
	    text-decoration:none;
	    color:#ccc;
	}
	#sidebar ul li {
	    color:#333;
	    padding-left:10px;
	}
	
	.list{
		margin:0;
		padding:0 0 10px 0;
		list-style:none;
		line-height:1.7;
		color:#ccc;
	}
	
/* DOWNLOAD BUTTON
------------------------------------*/

    .block a.download {
        display:block;
        float:left;
        margin-top:20px;
        height:43px;
        width:216px;
        background:transparent url(../images/download.png) no-repeat top left;
    }
    .block a.download:hover {
        background:transparent url(../images/download.png) no-repeat bottom left;
    }
    .block a.download:active {
        background:transparent url(../images/download.png) no-repeat center left;
    }
    .block a.download span {
        display:none;
    }
    

/* EXTRAS
------------------------------------*/

	dl{
		margin:0;
		padding:0;
	}
	dt{
		margin:0;
		padding:0 0 5px 0;
	}
	dd{
		margin:0;
		padding:0 0 15px 0;		
	}

	.clear{clear:both;}
	.off{display:none;}
	.on{}
	ins{display:none;}