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

body{
	background-color:#000000;
	color:#FFFFFF;
	padding-bottom:20px;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	}
#load-cover{
	width:100%;
	height:100%;
	background-color:#000000;
	position:fixed;
	z-index:10;
}
#ie-load{
	display:none;
	width:400px;
	margin-top:50px;
	float:right;
}
#ie-load a{
	display:block;
}
#ie-load a img{
	border:none;
}
#main-header{
	position:absolute;
	z-index:20;
	top:50px;
}
#main-header h1{
	font-size:900%;
	margin-bottom:0;
}
#main-pagewrap{
	width:1000px;
	margin:0 auto;
}
#main-content{
	float:right;
	width:500px;
}
#main-footer{
	padding-top: 398px;
	}
#loaded-content{
	border:solid 1px #232323;
	margin:0 45px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	
	padding-bottom:20px;
	height:350px;
	overflow:auto;
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;	

	}
#loaded-content > *{
	margin-left:20px;
	margin-right:20px;
	}
#loaded-content .content{
	display:none;
	}
a{
	font-variant:small-caps;
	color:#FFFFFF;
	}
.valuable-flair .userInfo .username a {
    color:#000000;
}
.content.sites > .content-load-container > a{
	display:block;
	height:70px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:70px;
	
}
.content.sites > .content-load-container > a:hover{
	text-decoration:none;
}
.content-button{
	width:70px;
	height:70px;
	float:right;
	background-image:url(/images/icons-sprite.jpg);
	background-position:-145px -80px;
}
.content h2{
	font-size:200%;
}
#main-nav{
	margin-top:50px;
	position:relative;
	}
#main-nav ul{
	display:inline-block;
	}
ul li a{
	display:inline-block;
	width:100%;
	height:100%;
}
#main-nav li, #main-footer li{
	background-image:url(/images/icons-sprite.jpg);
	list-style:none;
	width:65px;
	height:65px;
	text-indent:-9999px;
	display:inline-block;
	float:left;
	cursor:pointer;
	position:relative;
	z-index:50;
}
#main-footer li{
	text-indent:0;
	}
#main-footer li a, #main-footer li a:hover, #main-footer li a:focus{
	outline:none;
	}
li .main-link-title{
	position:absolute;
	top:-30px;
	left:5px;
	background:#ffffff;
	text-indent:0;
	color:#000000;
	padding:5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	display:none;
	z-index:1000;
	
}
li .bottom-arrow{
	position:absolute;
	bottom:-20px;
	left:20px;
	background-color:#fff;
	height:0;
	width:0;
	border:10px solid #fff;
	border-color: #FFFFFF #000000 #000000;

}
.content-load-container{
	height: 220px;
    overflow-y: auto;
	overflow-x: hidden;
	padding-right:20px;
	width:97%;
	}
#iphone-app-subnav{
	float:right;
	margin-bottom:15px;
}
#iphone-app-subnav img, #iphone-app-subnav > div{
	padding:10px;
	border:solid 1px #232323;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	behavior: url(/js/PIE.htc);
	margin-right:10px;
	cursor:pointer;
	float:left;
}
 #iphone-app-subnav > div{
 	height:75px;
	padding:0 10px;
	border:none;
	}
#iphone-app-subnav > div > div{
	margin-top:28px;
	}
#iphone-app-subnav img:hover, #iphone-app-subnav img.selected{
	border-color:#002a55;
}
#iphone-app-subnav img.selected{
	cursor:default;
}
.iphone .app-info, .iphone h2 span{
	display:none;
	}
.iphone .app-info img{
	border:none;
	}

/* staff */

#staff-subnav{
	float:right;
	width: 560px;
	margin-bottom:15px;
}
#devin-staff{
}
#staff-subnav img, #staff-subnav > div{
	padding:5px;
	border:solid 1px #232323;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	behavior: url(/js/PIE.htc);
	margin-right:5px;
	cursor:pointer;
	float:left;
}
#staff-subnav > div{
 	height:200px;
	padding:0 10px;
	border:none;
	}
#staff-subnav > div > div{
	margin-top:28px;
	}
#staff-subnav img:hover, #staff-subnav img.selected{
	border-color:#feb2a7;
}
#staff-subnav img.selected{
	cursor:default;
}
.staff .staff-info, .staff h2 span{
	display:none;
	}
.staff .staff-info img{
	border:none;
	}
.contributions .calc-icon	{
	background-image:url(/images/icons-sprite.jpg);
	width:65px;
	height:65px;
	display:inline-block;
	position:relative;
	background-position:-145px -9px;
	float:left;
	padding:3px;
	outline:none;
}
.contributions .calc-icon:hover{
	background-position:-145px -264px;
}
#staff-nav{background-position:-8px -78px;}
#staff-nav:hover, #staff-nav.selected{background-position:-8px -333px;}
#cms180-nav{background-position:-76px -80px;}
#cms180-nav:hover, #cms180-nav.selected{background-position:-76px -335px;}
#iphone-nav{background-position:-282px -82px;}
#iphone-nav:hover, #iphone-nav.selected{background-position:-282px -337px;}
#jobs-nav{background-position:-8px -150px;}
#jobs-nav:hover, #jobs-nav.selected{background-position:-8px -405px;}
#sites-nav{background-position:-76px -150px;}
#sites-nav:hover, #sites-nav.selected{background-position:-76px -405px;}
#contributions-nav{background-position:-145px -150px;}
#contributions-nav:hover, #contributions-nav.selected{background-position:-145px -405px;}
#nav-back-button{
	height:65px;
	width:65px;
	text-align:center;
	position:absolute;
	right:0px;
	top:0px;
	
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	behavior: url(/js/PIE.htc);
	display:none;
	
	margin-right:40px;
	cursor:pointer;
}

#nav-back-button div{
	margin-top:38px;
	position:relative;
	}
#nav-back-button:hover{
	border-color:#CCCCCC;
}
#footer-nav{
	padding-left:0;
	margin-left:7px;
	}
#twitter-nav{background-position:-8px -9px;}
#twitter-nav:hover{background-position:-8px -264px;}
#blog-nav{background-position:-76px -9px;}
#g-plus{background-position:-76px -9px;}
#blog-nav:hover{background-position:-76px -264px;}
#g-plus:hover{background-position:-76px -264px;}
#pgp-key-nav{background-position: -281px -9px;}
#pgp-key-nav:hover{background-position: -281px -264px;}
#ssl-nav{background-position:-213px -80px;}
#ssl-nav:hover{background-position:-213px -335px;}
.valuable-flair {float:right;margin-left:30px;margin-top:20px;}