/*
-----------------------------------------------
Within Bounds screen master
Author:   John Marstall
Version:  1.0
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Lucida Grande", Verdana, Sans-serif;
	font-size: 12px;
	color: #4f5763;
	background: #91979e url(img/shadow_mb.gif) top center repeat-y;
}

img {
	border-style: none;
}

a {
	outline: none;
}

a:link {
	color: #4f5763;
	text-decoration: none;
}

a:visited {
	color: #4f5763;
	text-decoration: none;
}

a:hover {
	color: #4f5763;
	text-decoration: none;
}

a:active {
	color: #4f5763;
	text-decoration: none;
}

p a:link {
	border-bottom: 1px dotted #4f5763;
}

p a:visited {
	border-bottom: 1px dotted #4f5763;
}

p a:hover {
	border-bottom: 1px solid #4f5763;
}

p a:active {
	border-bottom: 1px solid #4f5763;
}

#wrap {
	text-align: center;
	margin: 0 auto;
	background-color: white;
	width: 780px;
	background: url(img/shadow_mb.gif) top left repeat-y;
	position: relative;
}

#wrap2 {
	background: url(img/bkgd_mb.gif) top left repeat-y;
	width: 740px;
	text-align: center;
	margin: 0 20px 0 20px;
	overflow: hidden;
}

#header {
	width: 740px;
	height: 118px;
	background: url(img/header_mb.gif) bottom left no-repeat;
	margin: 0;
	padding: 0;
	float: left;
}


#headerInset {
	margin-left: 272px;
	margin-top: 65px;
	margin-bottom: 0;
	padding: 0;
}

h1 {
	margin: 0;
	padding: 0;
	margin-right: 276px;
}

h1 a {
	text-indent: -9000px;
	display: block;
	width: 196px;
	height: 54px;
	padding: 0;
	margin: 0;
}

h2 {
	font-weight: bold;
	font-size: 14px;
	color: #9ea3aa;
}

h2 a:link {
	color: #9ea3aa;
}

h2 a:visited {
	color: #9ea3aa;
}

h2 a:hover {
	color: #dbcb91;
	text-decoration: none;
}

h2 a:active {
	color: #bfa33d;
	text-decoration: none;
}

#nav {
	background: url(img/navbkgd_mb.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	height: 53px;
	clear: both;
}

#navmenu {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 193px;
}

#nav li {
	float: left;
  text-indent: -9000px;
  padding: 0;
  margin: 0;
  margin-right: 1px;
}

#nav li a {
	height: 53px;
	margin: 0;
}

#work {
	display: block;
	width: 118px;
	background: url(img/white/work-states.png) top left no-repeat;
}

#icons {
	display: block;
	width: 118px;
	background: url(img/white/icons-states.png) top left no-repeat;
}	

#contact {
	display: block;
	width: 118px;
	background: url(img/white/contact-states.png) top left no-repeat;
}

#menubrain {
	display: block;
	width: 118px;
	background: url(img/white/menubrain-states.png) top left no-repeat;
}

#rss {
	display: block;
	width: 70px;
	height: 19px;
	background: url(img/rss.gif) top left no-repeat;
	position: relative;
	top: 55px;
	left: 40px;
}

#contactpage p {
	font-size: 12px;
	padding-top: 30px;
	text-align: left;
	line-height: 1.75em;
}

#contactpage #contact {
	background: url(img/blue/contact-on.png) bottom left no-repeat;
}

#workpage #work {
	background: url(img/blue/work-on.png) bottom left no-repeat;
}

#iconspage #icons {
	background: url(img/blue/icons-on.png) bottom left no-repeat;
}

#menubrainpage #menu {
	background: url(img/blue/menubrain-on.png) bottom left no-repeat;
}

#work:hover, #icons:hover, #contact:hover, #menubrain:hover {
	background-position: bottom left;
}

#content {
	overflow: hidden;
}

#contentInset {
	margin: 0;
}

#contentInset2 {
	margin: 20px 60px 0px 60px;
	padding-top: 20px;
}

#blogentries {
	text-align: left;
	width: 360px;
	margin: 0 10px 0 0;
	font-size: 12px;
	line-height: 1.75em;
	padding: 0;
}

.date-header {
	font-size: 10px;
}

.entry-footer {
	font-size: 10px;
}


.entry-tags-header {
	font-weight: normal;
	display: inline;
	margin: 0;
	padding: 0;
}

.entry-tags-list {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

.entry-tags-list li {
	display: inline;
	margin: 0;
	padding: 0;
}

.post {
	margin-bottom: 30px;
}


.img-wrap {
	text-align: center;
}

#comment {
	width: 350px;
	height: 200px;
	background-color: #d0d2d5;
}

cite {
	font-style: normal;
}

#comments-open-data {
	text-align: right;
	background-color: #636a75;
	border: 1px solid #777d87;
	padding-right: 20px;
}

.comments-open-header {
	font-weight: normal;
	padding: 0;
	margin: 0 0 5px 0;
}

#comment-text {
	width: 355px;
}

#comments-open-challenge label {
	padding-left: 20px;
	background: url(img/comment-shape.gif) top left no-repeat;
}

.commentlist {
 	list-style-type: none;
	padding: 0;
	margin: 0;
}

.commentlist li {
	padding-left: 10px;
}

.commentlist img {
	margin-right: 2px;
}

.alt {
	background-color: #59616c;
}

#submit {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	padding: 3px 5px;
	border: none;
	font-size: 13px;
	border-width: 1px;
	border-style: solid;
	border-color: #d0d2d5;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;	
	margin-top: -6px;
	background-color: #9ea3aa;
	color: #4f5763;
	font-style: bold;	
}

#submit:hover {
	color: #d0d2d5;
}

#sidebar {
	float: right;
}

#turtle {
	background: url(img/mondrian.gif) top left no-repeat;
	width: 256px;
	height: 256px;
	text-indent: -9000px;
	display: block;

}

#links {
	margin: 0;
	padding: 0;
	margin-top: 20px;
	margin-right: 20px;
	list-style-type: none;
	text-align: right;
	font-size: 10px;
}

#levinmenu {
	margin: 0;
	padding: 0;
	margin-top: 20px;
	margin-left: 150px;
	text-align: left;
	list-style-type: none;
}

#links li, #levinmenu li {
	margin-bottom: 5px;
}

#thumbmenu, #iconmenu {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 14px;
}

#iconmenu {
	margin-left: 82px;
}

#thumbmenu li, #iconmenu li {
	float: left;
  text-indent: -9000px;
  padding: 0;
  margin: 20px 14px 0 14px;
}

#thumbmenu li a {
	width: 208px;
	height: 160px;
	display: block;
	outline: none;
}

#iconmenu li a {
	width: 168px;
	height: 130px;
	display: block;
	outline: none;
}

#thumbmenu li a:hover, #iconmenu li a:hover {
	background-position: bottom;
}

#menuwrap {
	clear: both;
}

#pagination {
	margin-top: 10px;
}

#footer {
	background: #d2d6d9 url(img/footer_mb.gif) top center no-repeat;
	height: 80px;
	width: 738px;
	margin-left: 1px;
}

/* MenuBrain page
------------------------------------------------*/

#centerDiv {
	background: url(img/centerDivBottom.gif) bottom center no-repeat; 
	padding: 20px;
	
}

#centerDivWrap {
	margin: 40px 0px 20px;
	width: 620px;
	background: #fff url(img/centerDivTop.gif) top center no-repeat;
	color: #303a48;
	text-align: left;
}

#features {
	text-align: left;
	font-size: 11px;
	color: #4f5763;
	height: 120px;
}

#features p {
	padding: 0;
	margin: 10px;
}

#features img {
	margin: 10px 0 20px;
}


#feature1 {
	background: url(img/feature1bottom.gif) bottom center no-repeat; 
	padding: 10px;
	height: 100px;
	
}

#feature1wrap {
	background: #fff url(img/feature1top.gif) top center no-repeat;
	width: 220px;
	margin-right: 10px;
	float: left;
}

#feature2 {
	background: url(img/feature2bottom.gif) bottom center no-repeat; 
	padding: 10px;
	height: 100px;
}

#feature2wrap {
	background: #fff url(img/feature2top.gif) top center no-repeat;
	width: 235px;
	float: left;
}

#feature3 {
	background: url(img/feature3bottom.gif) bottom center no-repeat; 
	padding: 10px;
	height: 100px;
}

#feature3wrap {
	background: #fff url(img/feature3top.gif) top center no-repeat;
	width: 145px;
	margin-left: 10px;
	float: right;
}

#download {
	width: 295px;
	height: 40px;
	display: block;
	text-indent: -9000px;
	background: url(img/download-mb.gif) top left no-repeat
}

#download:hover {
	background-position: bottom left;
}

#versionHistory dt {
	font-weight: bold;
	margin-top: 30px;
}

#versionHistory dd {
	background-color: #d2d6d9;
	margin: 0;
	padding-left: 10px;
}


/* Portfolio/icon set slides
----------------------------------------------- */

#qarbon {
	background: url(img/bcards-slide.gif) top center no-repeat;
}

#scc {
	background: url(img/scc-slide.gif) top center no-repeat;
}

#ezekial {
	background: url(img/ezekial-slide.jpg) top center no-repeat;
}

#racer {
	background: url(img/racer-slide.jpg) top center no-repeat;
}

#pets {
	background: url(img/pets-slide.jpg) top center no-repeat;
}

#fish {
	background: url(img/fish-slide.jpg) top center no-repeat;
}

#codered {
	background: url(img/codered-slide.gif) top center no-repeat;
}

#macars {
	background: url(img/macars-slide.jpg) top center no-repeat;
}

#carrots {
	background: url(img/carrots-slide.jpg) top center no-repeat;
}

#scc-site {
	background: url(img/scc-site-slide.jpg) top center no-repeat;
}

#carrotIcons {
	background: url(img/icons-carrot.jpg) top center no-repeat;
}

#mondrianIcons {
	background: url(img/icons-mondrian.jpg) top center no-repeat;
}

#fishIcons {
	background: url(img/icons-fish.jpg) top center no-repeat;
}

#snowIcons {
	background: url(img/icons-snow.jpg) top center no-repeat;
}

#hlaBlueIcons {
	background: url(img/icons-hla-blue.jpg) top center no-repeat;
}

#clubbedIcons {
	background: url(img/icons-clubbed.jpg) top center no-repeat;
}

/* Resume
----------------------------------------------- */

#resume #contentInset2 {
	text-align: left;
}

#resume p {
	margin-bottom: 30px;
	line-height: 1.5em;
}

#resume dt {
	font-style: italic;
}

#resume h3 {
	border-bottom: 1px dotted #9ea3aa;
}

#resume #closing {
	border-top: 1px dotted #9ea3aa;
	margin-top: 20px
}

/* Graybox Effect
----------------------------------------------- */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border: 1px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ color: #333; float: left; margin-bottom: 1px;}
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
	}