/* HW Physics CSS */

html {
	height: 100%;
	margin: 0px;
	padding: 0px;}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: center;}

a img { border: none; }
a img:hover {border: none; }

a:link		{ color: #FFFFFF; font-weight: bold; text-decoration :none; }
a:visited	{ color: #FFFFFF; font-weight: bold; text-decoration :none; }
a:hover		{ color: #5B6F88; font-weight: bold; background: #FFFFFF; }
a:active	{ color: #0A469C; font-weight: bold; background: #FFFFFF; }

.overlay {
	color: #555555;}
	
.overlay a:link {
	color: #555555;
	background: none;}
	
.overlay a:visited {
	color: #555555;
	background: none;}
	
.overlay a:hover {
	color: #FFFFFF;
	background: #555555;}
	
.overlay a:active {
	color: #555555;
	background: #555555;}

.overlay h3 {
	color: #555555;
	font-size: 24px;}

label {
	float: left;
	width: 100px;
	text-align: right;
	vertical-align: top;}

h1 {
	margin: -15px 30px 0px 0px;
	color: #0A469C;
	font-size: 78px;
	font-weight: bold;
	letter-spacing: -4px;}
	
h2 {
	margin: -15px 23px 0px 0px;
	color: #5B6F88;
	font-size: 52px;
	font-weight: bold;
	letter-spacing: -1px;}

h3 {
	margin-bottom: 22px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 17px;}

#hidden {
	position: fixed;
	margin-top: -100000px;}

#background {
	position: fixed;
	top: 0px;
	height: 100%;
	width: 50%;
	margin-left: 50%;
	background: #5b6f88;
	z-index: -10;}

#cell {
	min-height: 100%;
	width: 746px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: url('media/background.gif');}

	#left-column {
		min-height: 100%;
		position: absolute;
		top: 0px;
		width: 495px;
		text-align: right;
		background: #FFFFFF;}
		
		#hw-logo {
			padding-top: 150px;
			padding-right: 30px;}
		
		#links {
			margin-top: 30px;
			margin-left: 200px;
			text-align: center;
			line-height: 35px;
			font-size: 15px;
			font-weight: bold;}
		
			#links a {
				display: block;
				height: 35px;
				width: 270px;
				margin-bottom: 10px;
				background: url('media/button.gif');
				background-position-y: 0px;}
				
			#links a:hover {
				color: #FFFFFF;
				background-position-y: -35px;}

	#right-column {
		min-height: 600px;
		width: 175px;
		margin-left: 530px;
		text-align: left;}
		
		#description {
			padding-top: 160px;}
		
		#feed {
			margin-left: -9px;}
			
			#feed p {
				margin-top: 14px;
				margin-bottom: 25px;
				margin-left: 10px;
				color: #FFFFFF;}
			
			#feed p.first-tweet {
				margin-bottom: 0px;}
			
		#footer {
			margin-top: 45px;
			margin-left: 1px;
			padding-bottom: 15px;}


/* Modal Windows */

#facebox .b {
  background:url(media/facebox/b.png);
}

#facebox .tl {
  background:url(media/facebox/tl.png);
}

#facebox .tr {
  background:url(media/facebox/tr.png);
}

#facebox .bl {
  background:url(media/facebox/bl.png);
}

#facebox .br {
  background:url(media/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 470px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}