/* quick reset */
ul, li, p, h1, h2, h3 { margin:0; padding:0 }
ul { padding-left:25px }
img { border:0 }

/* clearfix */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0 }
* html .clearfix { zoom:1 } /* IE6 */
*:first-child+html .clearfix { zoom:1 } /* IE7 */

html, body { margin:0; padding:0; font:12px Helvetica, Arial, sans-serif; color:#262a24; background:#252823 url(/images/bg.gif); text-align:center }
a { text-decoration:none; color:#477099; -webkit-transition:background 0.2s ease-in; -moz-transition:background 1s ease-in; -o-transition:background 0.2s ease-in; transition:background 0.2s ease-in }
a:hover { text-decoration:underline }
a:active { position:relative; top:1px }
h1 { font-size:18px; margin:0 0 5px 0 }
h2 { font-size:16px; margin:12px 0 }
h3 { font-size:14px; margin:10px 0; color:#484848; font-style:italic }
h1 a { color:#000 }
p { margin:10px 0 }
blockquote { font-style:italic }

/* html5 PLZ */
nav, header, footer, section { display:block }

/* generic classes */
.blue { color:#c3d3da }
.bold { font-weight:bold }
.small { font-size:11px }
.rounded-corners { -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.icon { padding:2px 0 2px 19px; background-position:left; background-repeat:no-repeat; }
.pdf { background-image:url(/images/icons/pdf.png) }
.doc { background-image:url(/images/icons/doc.png) }
.center { text-align:center; }
.blur { color:#777 }
.update { margin:12px 0 10px 0; color:#514721; padding:3px 4px; background:#FFF6BF; border:1px solid #FFD324; }
.update a { font-weight:bold; color:#514721 !important }

/* header */
header { height:50px }
header h1 { float:left; font-size:40px; color:#fff; letter-spacing:-1px; text-shadow:#000 0 0 4px }
header h1 a { color:#fff }
header h1 a:hover { text-decoration:none }
header nav { float:left; margin:14px 0 0 75px }
header nav ul { list-style-type:none; width:100% }
header nav li { float:left; border-bottom:1px solid #363b34; border-top:1px solid #363b34 }
header nav li a { display:block; padding:7px 30px; color:#fff; text-shadow:#000 0 0 4px; }
header nav li a:hover { background:#2f2f2f; text-decoration:none }
header nav li a.active { background:#363b34 }
header nav li a .highlight { font-weight:bold; color:#c3d3da; font-style:italic }

/* main elements */
#container { width:850px; text-align:left; margin:30px auto 0 auto }
#plugins p { margin:0 !important; font-size:11px; line-height:normal !important }
#plugins { padding-left:15px !important }
#plugins li { list-style-type:disc !important }
#plugins li:before { content:"" !important }

#body { float:left; width:850px; clear:both; margin-top:20px; background:#fffff4; padding:6px; line-height:19px; moz-box-shadow: 0px 0px 15px 4px #151515; -webkit-box-shadow: 0px 0px 15px 4px #151515; box-shadow: 0px 0px 10px 4px #000 }
#body header { height:auto; background:#c3d3da; margin-bottom:10px; padding:10px 0 10px 10px }
#body header p { margin:0; width:475px; float:left; line-height:18px; text-shadow:#e7f5fb 0 0 2px; }
#body header ::-moz-selection { background:#fff; color:#000; text-shadow:none }
#body header ::selection { background:#fff; color:#000; text-shadow:none } 
#body header img { float:left; padding-right:4px }
#body header aside { width:225px; float:right; padding-right:15px }
#body header aside ul { padding:0; list-style:none; margin:10px 0 0 0; float:right }
#body header aside li { padding:0; float:right; margin-left:3px }
#body header aside a { display:block; width:38px; height:42px; background:url(/images/sprite.gif) top left no-repeat; }
#yoitsme { float:left; width:60px; height:59px; background:url(/images/sprite.gif) no-repeat 0 -42px; margin-right:5px }

/* sprited social icons */
#social-linkedin { background-position:-82px 0 !important }
#social-rss { background-position:-122px 0 !important }
#social-twitter { background-position:-163px 0 !important }
#social-github { background-position:-41px 0 !important }

#body #content { clear:both }
#body #content section { float:left; width:610px; padding:0 0 5px 5px }
#body #content section.wide { width:800px }
#body #content aside { float:right; width:200px }

/* footer */
footer { clear:both; color:#c6c6c6; padding-top:4px; font-size:11px; height:30px }
footer p { float:left; margin:0; padding-left:10px }
footer ul { padding:0; list-style:none; float:right }
footer ul li { display:inline; padding:0 8px }
footer ul li.last { padding-right:0 }
footer ul li a { color:#c6c6c6 }
footer ul li a.active { font-weight:bold; font-style:italic }

/* resume */
#resume { line-height:16px; margin-top:15px }
#resume ul { padding-left:30px }
#resume div.indent { padding:0 0 10px 20px; }
#resume table { width:100% }
#resume td.right { text-align:right; font-weight:bold; }

/* portfolio 
#project { margin-top:25px }
#portfolio li { margin-bottom:1.5em }*/
.portfolio h3 { margin:10px 0 0 0 }
.portfolio p { margin:5px 0 0 0 }
/*
.project { clear:both; margin-bottom:40px; height:202px }
.project .project-content { padding:0 10px 0 0; float:left; width:475px; }
.project .project-image { float:right; border:4px solid #aaa; height:202px }
.project .project-image:hover { border-color: #000 }
.project .project-image a,
.project .project-image img { border:0; }
*/

/* table of plugin options */
.parameters { width:100%; border:0; border-collapse:collapse }
.parameters th,
.parameters td { border:1px solid #c5c5c5; padding:5px; background-color:#fff; color:#000 }
.parameters th { background:#D9D9D9 !important; border-color:#d9d9d9 !important } 
.parameters .parameter { font-family:Fixed, monospace }