/* Seth Bertalotto Stylesheet 2010 v2.0 */
/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

body { color:#333; text-align:center; font-family:arial, sans-serif; }
a:link, a:visited { text-decoration:none; color:#7E7EC2; }
a:hover { color:red; }
a:active { text-decoration:none; color:#526968;}
p { padding-bottom:10px; line-height:1.5em; }
h1 { margin:0 0 10px; font-size:167%; color:#2C3D4E; }
h2 { font:bold 244% "Trebuchet MS",verdana,arial; margin-bottom:-3px; }
hr, .hide { display:none; }
.clear { zoom:1; }
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* Layout */
#doc { color:#333; margin:0px auto; width:974px; text-align:left; }
#hd { position:relative; border:1px solid #dcdcdc; border-width:0 1px 1px; padding:10px; margin-bottom:20px; background:#f6f6f6; -moz-border-radius:0 0 5px 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; }
#bd { padding:0 10px; min-height:400px; _height:400px; }
#ft { border-top:1px solid #dcdcdc; clear:both; margin:20px 0 0; padding:5px 10px; font-size:85%; font-family:arial; }


/* Header */
#header h2 a { color:#c30; }
#header h3 { margin:0; font-size:108%; font-weight:bold; }

/* Navigation */
#nav { position:absolute; bottom:5px; right:10px; }
#nav h3 { display:none; }
#nav ul li { display:inline; margin-left:10px; }
#nav ul li a,
#nav ul li a:visited { border:1px solid #dcdcdc; border-width:1px 1px 0; color:#7E7EC2; font-weight:normal; letter-spacing:1px; padding:5px 10px 5px 30px; background-color:#fff; background-repeat:no-repeat; background-position:5px 5px; -moz-border-radius:5px 5px 0 0; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
#nav ul li a:hover { color:red; }
#nav ul li.active a { border-bottom:2px solid #fff; }

/* Primary */
#primary { float:left; margin-right:10px; padding:0 10px 10px 0; border-right:1px solid #dcdcdc; width:630px; }

/* Secondary */
#secondary { width:300px; color:#666; float:right; }
#secondary h3 { margin-bottom:10px; font-size:123.1%; font-weight:bold; }
#secondary dt a { padding-left:8px; background:url(/images/bullet.gif) no-repeat 0 1px; }
#secondary dd { margin:2px 0 15px; padding:0; font:normal 77% arial;  }
#secondary dd ul { margin-left:10px; margin-top:5px; }
#secondary dd li { margin-top:3px; font-size:107%; background:url(/images/bullet.gif) no-repeat 0 -2px; padding-left:9px; }
#secondary li { margin-bottom:10px; }
#secondary li h4 { font-weight:bold; }
#secondary li em { display:block; color:#777; font-size:85%; }

/* Icons */
.home { background-image:url(/images/icons/home_sm.gif); }
.experience { background-image:url(/images/icons/user_sm.gif); }
.education { background-image:url(/images/icons/info_sm.gif); }
.portfolio { background-image:url(/images/icons/portfolio_sm.gif); }
.skills { background-image:url(/images/icons/tools_sm.gif); }
.contact { background-image:url(/images/icons/email_sm.gif); }
.delicious { margin-bottom:10px; padding-left:22px; background:url(/images/icons/delicious.gif) no-repeat 0 6px; }
.ilike { margin-bottom:10px; padding-left:22px; background:url(/images/icons/ilike.gif) no-repeat 0 6px; }

/* Mod */
.mod { margin:0 0 20px; }
.mod-last { margin:0; }
.mod h3 { font-size:123.1%; color:#2C3D4E; padding-bottom:3px; border-bottom:1px solid #dcdcdc; margin:5px 0; overflow:hidden; zoom:1; }
.mod h3 strong { float:left; font-weight:bold; }
.mod h3 em { float:right; margin:5px 0 0; font-size:66%; font-style:normal; }
.mod h3.istyle { display:inline; border:none; font-size:100%; font-weight:bold; }
.mod em { font:italic 85% verdana,arial; margin-bottom:5px; display:block; color:#777; }
/*div.mod ul li { background:url(/images/bullet.gif) no-repeat; padding-left:10px; float:left; margin-bottom:5px; width:46%; margin-right:10px; }
div.mod ul li a, div#delicious ul li a:visited { padding-right:3px; color:#7E7EC2; font-family:arial; font-weight:normal; }
div.mod ul li a:hover { color:red; }*/
form.mod { position:relative; }
form.mod fieldset { border:none; margin:0; padding:0; }
form.mod legend { display:none; }
form.mod label { margin-bottom:10px; display:block; }
form.mod label input, form.mod label textarea { display:block; width:618px; border:1px solid #dcdcdc; padding:2px; }
form.mod label input#submit { width:100px; cursor:hand; cursor:pointer; }
form.mod label input:hover#submit { background-color:#fff; }

/* media */
.media { float:left; margin-right:10px; }
.media img { border:1px solid #dcdcdc; padding:5px; background-color:#fff; }
.content { overflow:hidden; }

/* lists */
.list li { margin-top:5px; }
.list1 li { padding-left:12px; background:url(/images/bullet.gif) no-repeat 0 0; }
.ilist { display:inline; }
.ilist li { display:inline; margin-right:5px; padding-left:12px; background:url(/images/bullet.gif) no-repeat 0 0; }
.ilist li.first { background:none; }
.ilist li.active a { color:#000; }

/* feature */
#feature { margin:10px 0; }
#feature h2 { margin-bottom:10px; font-size:138.5%; font-family:arial; color:#2C3D4E; }
#feature h3 { font-weight:bold; }
#feature ul { margin-bottom:10px; padding:10px; border:1px solid #dcdcdc; border-width:1px 0; background-color:#f6f6f6; overflow:hidden; zoom:1; }
#feature li { float:left; width:33%; }
#feature li h3 { font-size:121%; }
#feature li em { display:block; margin:3px 0; font-size:85%; color:#777; }
#feature .ft em { font-weight:bold; }

/* Flickr Photos */
#photos h2 { margin-bottom:10px; padding-left:22px; background:url(/images/icons/flickr.gif) no-repeat 0 7px; }
#photos img { border:1px solid #dcdcdc; margin-right:3px; }

/* Porfolio */
#portfolio { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dcdcdc; overflow:hidden; zoom:1; }
#portfolio .media { margin-right:20px; padding:10px; background-color:#f6f6f6; }
#portfolio .media span { display:block; height:300px; overflow:hidden; }
#portfolio .media img { width:400px; }
#portfolio h1 { position:relative; border-bottom:1px solid #dcdcdc; margin-bottom:20px; }
#portfolio h1 em { position:absolute; bottom:2px; right:0; margin:0; font:italic 66% arial; letter-spacing:.05em; color:#999; }
#portfolio em { display:block; margin:3px 0; font-size:85%; color:#777; }

/* Clearfix */
#feature li,
#hd,
#bd { zoom:1; }
#feature li:after,
#hd:after,
#bd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }