html{
	background:			#010A57;
}

.main{
	background:			inherit;
	color:				#333;
	font-family:		'Droid Sans', arial, sans-serif;
	font-size:			18px;
	margin:				0px 40px;
}

/* Element redefinitions */
.main p{
	line-height:		24px;
	margin:				16px 24px 16px 24px;
}

/* Standard links */
.main a:link, .main a:visited, .main a:active{
	color:				#036;
	font-weight:		bold;
	text-decoration:	none;
}

.main a:hover{
	color:				#56ffbd;
}

/* This is the main container for the site.*/
.main .container{
	margin:				40px auto 40px auto;
	width:				924px;
}

.main .centeredImage{
	text-align:			center;
}

.main .contentContainer{
	background:			#39F url('images/gradients/contentContainerGradient.png') repeat-x;
	background:			-webkit-gradient(linear, 50% 0%, 50% 300, from(#7FBFFF), to(#39f));
	background:			-moz-linear-gradient(0% 300px 90deg, #39f, #7FBFFF 100%);
	clear:				both;
	margin:				0px auto 0px auto;
	min-height:			250px;
	overflow:			auto;
	padding:			30px 35px 20px;
}

.main .contentContainer #entries{
	overflow: 			auto;
}

/* Footer */
.main .footerContainer{
	background:			#038 url("images/gradients/footerContainerGradient.png") repeat-x bottom left;
	background:			-webkit-gradient(linear, 50% 0%, 50% 100%, from(#038), to(#002566));
	background:			-moz-linear-gradient(0% 75% 90deg, #002566, #038 100%);
	clear:				both;
	line-height:		26px;
	overflow:			auto;
	padding:			0px 20px 20px;
}

.main .footerContainer h4{
	color:				#fff;
	margin: 			1.33em 0px 6px;
	text-shadow:		2px 2px 0px #222;
}

.main .footerContainer .section{
	float:				left;
	padding:			0px 20px;
	width:				254px;
}

.main .footerContainer .info{
	width:				154px;
}

.main .footerContainer .about{
	width:				354px;
}

.main .footerContainer .friends{
	width:				224px;
	margin-left:		30px;
}

.main .footerContainer .section ul,
.main .footerContainer .section p{
	font-size:			0.7em;
	margin:				0px;
	padding:			0px;
	text-shadow:		2px 2px 0px #222;
	color:				#ccc;
}

.main .footerContainer .section p{
	word-spacing: 0.2em;
}

.main .footerContainer .section li{
	list-style:			none;
}

.main .footerContainer .friends ul.left{
	float:				left;
	margin-right:		40px;
}

.main .footerContainer a:active,
.main .footerContainer a:link,
.main .footerContainer a:visited{
	color:				#ccc;
}

/* Footer links (such as the email link) */
.main .footerContainer a:link,
.main .footerContainer a:visited,
.main .footerContainer a:active{
	color:				inherit;
	font-weight:		normal;
}

.main .footerContainer a:hover{
	color:				#56ffbd;
}

/* Footer container divisions */
.main .footerContainer .footer1{
	float:				left;
}

.main .footerContainer .footer2{
	float:				right;
}

/* Standard header (used instead of hX tags) */
.main .header{
	font-size:			36px;
	font-weight:		bold;

	display: block;
	text-align: center;
}

/* Navigation section container */
.main .navContainer{
	background:			#038 url("images/gradients/navContainerGradient.png") repeat-x bottom left;
	background:			-webkit-gradient(linear, 50% 0%, 50% 100%, from(#038), to(#002566));
	background:			-moz-linear-gradient(0% 75% 90deg, #002566, #038 100%);
	color: 				#0062EA;
	font-size:			26px;
	padding: 			3px 14px 5px;
	text-align:			right;
	text-shadow:		2px 2px 0px #222;
}

/* Navigation links */
.main .navContainer a:link, .main .navContainer a:visited, .main .navContainer a:active{
	color:				#5682FF;
	font-weight:		normal;
	text-decoration:	none;
}

.main .navContainer a:hover{
	color:				#56ffbd;
}

/* Page Title */
.main .navContainer .pageTitle{
	font-size:			46px;
	position:			relative;
	right:				0px;
	top:				-8px;
}

/* Title container */
.main .titleContainer{
	font-family:		'Raleway', arial, sans-serif;
	font-size:			72px;
	font-weight:		normal;
	padding:			12px 16px 4px 16px;
}

.main .titleContainer .name,
.main .titleContainer a:link,
.main .titleContainer a:visited,
.main .titleContainer a:active,
.main .titleContainer a:hover{
	color:				#FFA245;
	font-weight:		bold;
	text-shadow:		2px 2px 0px #222;
}

.main .titleContainer .title{
	color:				#1CB261;
	font-size:			44px;
	margin-left:		10px;
}

/* Used to show UBP in code instead of an image*/
.main .ubpLogoContainer{
	background:			#fff url('images/gradients/ubpLogoContainerGradient.png') repeat-x bottom;
	color:				#888;
	font-family:		helvetica, sans-serif;
	font-size:			40pt;
	font-weight:		bold;
	margin:				0px auto 0px auto;
	padding:			8px 8px 8px 8px;
}

.safari .main .ubpLogoContainer{
	padding-top:		0px;
}

.main .webWorkEntry{
	border-bottom:		solid 2px #000;
	margin:				20px 0px 20px 0px;
	padding:			18px 18px 9px 18px;
}

.main #entries .intro{
	padding-top:		0px;
}

.main .webWorkEntry .imageContainer{
	margin:				20px auto 20px auto;
	width:				600px;
}

.main ul.gallery-menu{
	float: 				left;
	list-style: 		none;
	padding: 			22px 0px 0px;
	position: 			relative;
	margin: 			0px;
	width: 				240px;
}

.main ul.gallery-menu li{
	clear: 				left;
	cursor: 			pointer;
	font-size: 			0.8em;
	float: 				left;
	margin: 			0px 0px 12px;
}

.main ul.gallery-menu li.selected{
	font-weight: 		bold;
}

.main .gallery-content{
	float: 				left;
	overflow: 			hidden;
	width: 				600px;
}

.main .gallery-content .webWorkEntry{
	border: 			none;
	margin: 			0px;
	padding: 			0px;
}

.main .gallery-content .header{
	font-size: 			32px;
	height: 			46px;
}

.main .gallery-content p{
	font-size: 			0.8em;
	margin: 			8px 0px 18px;
}