body {
	background: #1e6bac url('/assets/images/bg.jpg') center top no-repeat;
	color: #1e6bac;
	margin: 40px 0 40px 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #1e6bac;
	text-decoration: none;
}

a:hover {
	color:#000;
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

em {
	font-style: oblique;
}

#wrapper {
	position: relative;
	width: 700px;
	margin: 0px auto;
	background-color: #4283b9;
	border: 1px #fff solid;
	overflow: hidden;
}

#header {
	padding-top: 10px;
}

#portfolio-bg {
	background: url( '/assets/images/portfolio-bg.gif' ) repeat-x;
	height: 36px;
}

#portfolio-bg img {
	position: relative;
	float: left;
}

#content {
	padding: 20px 0 0 20px;
	overflow: hidden;
}

#about {
	border: 4px #fff solid;
	margin: 0 20px 20px 0;
	padding: 20px;
}

#about a {
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#about:hover a {
	text-decoration: none;
	color: #db8c3f;
}

#about a:hover {
	text-decoration: underline;
}

#mb_social {
	display: none;
}

#mbCenter em {
	color: #666;
}

#mbCenter strong {
	color: #1e6bac;
}

#networks a {
	display: block;
	width: 99%;
	padding: 2px;
}

#networks a:hover {
	color: #fff;
	background-color: #1e6bac;
	text-decoration: none;
}

#tag-bar {
	padding: 3px;
	background-color: #e1ecf4;
	border-top: 4px #fff solid;
	border-left: 4px #fff solid;
}

#featuredOff, #allOn, #twoThousandTenOn, #twoThousandNineOn, #twoThousandEightOn, #twoThousandSevenOn {
	display: inline;
}

#featuredOn, #allOff, #twoThousandTenOff, #twoThousandNineOff, #twoThousandEightOff, #twoThousandSevenOff {
	display: none;
}

#tag-bar button {
	border-style:none;
	margin-right: 3px;
	cursor: pointer;
}

.tagOff:hover, .tagOn:hover {
	color: #fff;
	background-color: #4283b9;
}

.tagOff {
	background-color: #1e6bac;
	font-weight: bold;
	color: #fff;
}

.tagOn {
	background-color: #e1ecf4;
	color: #1e6bac;
	font-weight: normal;
}

.section { 
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}

.section-image {
	position: relative;
	float: left;
	border: 4px #fff solid;
}
 
.section li {
	overflow: hidden;
	position: relative;
	float: right;
	display: block;
	width: 416px;
	height: 100px;
}

.section li:hover {
	overflow: visible;
}

.section .subsection {
	height: 22px;
	font-size: 14px;
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
	width: 411px;
}
 
.odd {
	background-color: #fff;
}

.even {
	background-color: #e1ecf4;
}

.title {
	position: absolute;
	top: 8px;
	left: 4px;
}

.link {
	position: absolute;
	top: 80px;
	left: 4px;
	font-weight: bold;
}

.info {
	position: absolute;
	top: 32px;
	left: 4px;
	color: #618aac;
	font-style: italic;
	font-size: 90%;
}

.construction {
	font-weight: bold;
	color: #db8c3f;
}

.date {
	font-weight: bold;
}

.category {
	height: 100px;
	width: 16px;
	position: absolute;
	right: -16px;
}

.pro {
	background: url('/assets/images/tag-pro.gif');
}

.personal {
	background: url('/assets/images/tag-personal.gif');
}

.academic {
	background: url('/assets/images/tag-academic.gif');
}

#footer {
	clear: both;
	color: #77a6cc;
	background-color: #4283b9;
	padding: 1em 0 2em 0;
	font: italic 9px Verdana, sans-serif;	
	text-align: center;
}

#footer:hover {
	color: #fff;
}

#footer a {
	color: #77a6cc;
	text-decoration: none;
}

#footer:hover a {
	color: #fff;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
	color: #000;
}