/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* Structure */

#main {
	width:750px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:10px;
}

#header {width:300px;float:left;text-align:right;margin-right:10px;margin-top:3px;}

#contentWrapper {
	width:316px;
	float:left;
	background:url(mcs/images/v_border.gif) right repeat-y;
}

#contentWrapper .top {
	background:url(mcs/images/h_border.gif) right no-repeat;
	height:3px;
	width:100%;
}

#contentWrapper #contentBlock {
	width:300px;
	padding:2px 8px 0 0;
	margin:3px 6px 0 0;
	overflow:auto;
	height:400px;
	position:relative;
}

/*Navigation*/

#navigation {width:90px;float:left;margin-left:12px;}
#navigation ul {
	list-style:none;
}

#navigation li a {
	height:20px;
	width:80px;
	background:url(mcs/images/navigation.gif) no-repeat;
	display:block;
	overflow:hidden;
	margin:0 0 26px 0;
}

#navigation .about_img {}
#navigation a:hover.about_img{background-position:0 -227px;}
#navigation .project_img {background-position:0 -39px;}
#navigation a:hover.project_img{background-position:0 -266px;}
#navigation .resume_img{background-position:0 -76px;}
#navigation a:hover.resume_img{background-position:0 -303px;}
#navigation .blog_img{background-position:0 -115px;}
#navigation a:hover.blog_img{background-position:0 -342px;}
#navigation .contact_img{background-position:0 -152px;}
#navigation a:hover.contact_img{background-position:0 -379px;}
#navigation .find_me_img{background-position:0 -190px;}
#navigation a:hover.find_me_img{background-position:0 -417px;}
/*Scroll bar*/
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* Extra sample styles */

.vscrollerbarbeg {
background: url(mcs/images/vscroller2.png) 0px -9px;
width: 18px;
height:auto;
}

.vscrollerbarend {
background: url(mcs/images/vscroller2.png);
width: 18px;
height: 9px;
}

.vscrollerbase {
width: 18px;
background: white none;
}

.vscrollerbar {
background-color: #8F9793;
padding: 0px;
}

.vscrollerbasebeg, .vscrollerbaseend {
background-image: none;
}

/*Footer*/
#footer {
	text-align:right;
	}