* { margin:0; padding:0; color:#858f7f; font:normal normal 12px/20px Georgia, "Times New Roman", Times, serif; }
html, body { background:#eff0ee; text-align:center; }

/* Text & Links */
a { color:#03497a; text-decoration:none; }
a:hover { text-decoration:underline; }
b, strong { font-weight:bold; }
i, emphasis { font-style:italic; }
h2 { color:#03497a; font-size:30px; margin:20px 0; }
h3 { color:#03497a; font-size:22px; margin:20px 0; }
h4 { font-style:italic; margin:20px 0; }
p { margin-top:20px; }
p.intro { font-size:15px; }
img { border:none; }
hr { float:left; width:100%; clear:both; margin:10px 0; height:0; border:none; border-top:1px solid #DDD; border-bottom:1px solid #FFF; }
ul.media-links, ul.my-contribution { display:block;  margin-top:10px; padding-top:10px; border-top:1px solid #ddd; overflow:hidden; }
ul.media-links li { display:inline; float:left; list-style:none; }
ul.media-links a { display:block; line-height:32px; padding-left:32px; }
hr { bisplay:block; border:none; background-color:#DDD; height:1px; }

/* Icons */
ul.media-links a.pdf { background:url(../img/icons/pdf.png) left center no-repeat; }
ul.media-links a.go { background:url(../img/icons/forward.png) left center no-repeat; }
ul.media-links a.code { background:url(../img/icons/code.png) left top no-repeat; }
ul.my-contribution li { display:block; float:left; list-style:none; margin-right:2px; }
ul.my-contribution li img { display:block; }
a.vcard { display:block; float:right; background:url(../img/icons/vcard.png) 14px center no-repeat; line-height:2.4em; padding:4px 14px 4px 55px; margin:0 14px 0 10px; border-right:1px solid #ddd; }


/* Content */
#page { position:relative; min-width:770px; }
#page-content { position:relative; overflow:hidden; background:#FFF url(../img/page-content-bg.png) left top repeat-x; border-top:1px solid #d0d3cd; border-bottom:1px solid #d0d3cd; }
#page-content .wrapper { display:block; padding:50px 0; overflow:hidden; }
#page-content .content-group { display:inline-block; text-align:left; vertical-align:middle; width:auto; }
#page-content .content-group .wrapper { padding:0; }
#page-content .home-img { margin:0 -50px -50px -130px; width:auto; line-height:1px; }
#page-content .home-img img { display:block; }
#bio-toggle { float:right; outline:none; }
#bio1 p, #bio2 p {  }

#page-content .col_1 { width:90px; margin:0 10px; }
#page-content .col_2 { width:190px; margin:0 10px; }
#page-content .col_3 { width:290px; margin:0 10px; }
#page-content .col_4 { width:390px; margin:0 10px; }
#page-content .col_5 { width:490px; margin:0 10px; }
#page-content .col_6 { width:590px; margin:0 10px; }
#page-content .col_7 { width:700px; margin:0 10px; }
#page-content .col_full { width:1200px; margin:0 10px; }



#page-content .panel { overflow:hidden; border:1px solid #EEE; border-bottom:1px solid #d0d3cd; background:#FFF url(../img/page-content-bg.png) left top repeat-x; margin:10px 0; }
#page-content .panel .wrapper { overflow:hidden; padding:30px; border:1px solid #FFF; }

/* Resume */
#resume p, #resume ul { display:inline; float:left; width:72%; margin-left:5%; }
#resume .jobtitle { margin-bottom:-15px; font-weight:bold; }
#resume .company { margin-left:10px; font-style:italic; font-size:12px; }
#resume ul { margin-top:10px; list-style-type:none; list-style-position:outside; }
#resume ul.col1 { width:50%; }
#resume ul.col2 { width:22%; margin-left:0; }
#resume h3 { float:left; width:23%; margin-right2:-23%; clear:left; font-size:18px; margin-bottom:0; }
#resume h4 { float:left; width:23%; margin-right2:-23%; clear:left; text-align:right; }
#resume hr { margin:20px 0 0; }
.resume-contact { display:none; }

/* Portfolio */
#thumbs { margin-top:30px;}
#panels { display:block; }
#page-content .panel img.work { display:inline; float:left; margin:-30px 20px -30px -30px; }
#page-content .panel h3 { margin-top:0; }
#page-content #thumbs.content-group { text-align:center; }
#thumbs li { list-style:none; display:inline-block; vertical-align:middle; width:174px; margin:0 .25em .7em; }
#thumbs li a { outline:none; background:#858f7f; display:block; border:1px solid #EEE; border-bottom:1px solid #d0d3cd; }
#thumbs li a img { display:block; border:1px solid #FFF; vertical-align:middle; }
#thumbs li a:hover img { opacity:.8; border:1px solid #d0d3cd; border-bottom:1px solid #FFF; }
#dimmer { opacity:0; visibility:hidden; position:absolute; top:0; left:0; width:100%; height:350px; }
#dimmer .color {
	background:#e0e2df;
	width:100%;
	height:100%;
	opacity:.75;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
	-khtml-opacity:.9;
	-moz-opacity:.9;
}
#samples { min-height:450px; background:#f3f4f2; border:1px solid #FFF; border-top:none; padding-left:30px; }
#prev { overflow:hidden; margin-top:-22px; background:url(../img/icons/prev.png) left top; position:absolute; top:50%; right:50%; width:39px; height:44px; text-indent:-99em; outline:none; margin-right:380px; }
#next { overflow:hidden; margin-top:-22px; background:url(../img/icons/next.png) right top; position:absolute; top:50%; left:50%; width:39px; height:44px; text-indent:-99em; outline:none; margin-left:380px; }
#prev:hover { background:url(../img/icons/prev.png) right top; }
#next:hover { background:url(../img/icons/next.png) left top; }
/* Cursors */
.zoomin { cursor: url(../img/cursors/ZoomIn.cur), url(../img/cursors/ZoomIn.png) 8 8, pointer; }
.zoomout { cursor: url(../img/cursors/ZoomOut.cur), url(../img/cursors/ZoomOut.png) 8 8, pointer; }

/* Forms */
form { overflow:hidden; }
form label { clear:both; float:left; width:12%; margin-top:5px; margin-bottom:5px;  }
form .text { display:inline; float:right; width:83%; margin-top:5px; margin-bottom:5px; margin-right:3%; }
form .wide { float:none; width:100%; margin-top:10px; }
form .button { color:#03497a; clear:both; display:inline; float:right; font-size:150%; padding:4px 30px; margin-right:3%; }
form textarea { height:6em; }
form label.error { color:#900; border:1px solid #ddd; padding:2.5em 2% 2%; clear:none; float:right; width:83%; margin:-2em 1% 0 -2%; line-height:100%; }



/* Header */
#header {position:relative;  z-index:2; background:url(../img/header-bg.png) center top no-repeat; text-align:center; border-bottom:1px solid #FFF; }
#header .wrapper { position:relative; text-align:left; margin:0 auto; width:700px; height:120px; }
h1.site-title { }
h1.site-title a { text-decoration:none; position:absolute; width:192px; height:47px; top:50px; left:0; }
h1.site-title span { display:block; overflow:hidden; width:0; }


/* Navigation */
#main-nav { position:absolute; z-index:2; top:89px; right:0; }
#main-nav li { float:left; list-style:none;}
#main-nav a { display:block; padding-left:10px; text-decoration:none; outline:none; }
#main-nav a span { display:block; line-height:30px; padding:3px 13px 0 3px; text-decoration:none; }
#main-nav ul.about li.about a,
#main-nav ul.portfolio li.portfolio a,
#main-nav ul.resume li.resume a,
#main-nav ul.contact li.contact a { background:url(../img/tab-bg1.png) left top no-repeat; }
#main-nav ul.about li.about a span,
#main-nav ul.portfolio li.portfolio a span,
#main-nav ul.resume li.resume a span,
#main-nav ul.contact li.contact a span { background:url(../img/tab-bg2.png) right top no-repeat; }

/* Footer */
#footer { padding:15px 0 30px; border-top:1px solid #FFF; }
#footer .wrapper { margin:0 auto; width:700px; text-align:right; }


/* Portfoilo Zoom */
body.zoom #header {background:transparent; }
body.zoom #header .wrapper { height:30px; }
body.zoom h1.site-title { display:none; }
body.zoom #header #main-nav { top:-1px; }
body.zoom #footer { display:none; }
body.zoom #page-content > .wrapper { padding:10px 0; }
body.zoom #page-content #panels .panel { width:1100px; margin:0 10px; }
body.zoom #page-content #panels .panel img.work { width:900px; height:623px; }
body.zoomable #zoom { display:block; cursor:pointer; position:absolute; z-index:10; top:15px; right:7px; width:22px; height:16px; background:url(/img/icons/zoom.png);}
body.zoomable.zoom #zoom { top:7px; }
body.zoom #prev { margin-right:580px; }
body.zoom #next { margin-left:580px; }