/* SCREEN STYLESHEET */

@import url('reset.css'); 

/* BODY */
body { font:75%/1.5 Helvetica, Arial, sans-serif; background:#202d3f url(../images/site/bg-tile.png) 50% 0 repeat-x; color:#fff; }

/* DEFAULTS */
p { margin-bottom:1.5em; }
ul { margin-bottom:1.5em; list-style:disc; }
ol { margin-bottom:1.5em; list-style:decimal; }
blockquote { margin:0 0 1.5em -20px; padding-left:19px; border-left:1px solid #4a4e5d; font-family:Georgia, "Times New Roman", serif; font-style:italic; }
blockquote p { text-indent:-0.4em; }
cite { text-transform:uppercase; letter-spacing:1px; }
abbr { border-bottom:1px dotted #666; cursor:help; }
em { font-style:italic; }
strong { font-weight:bold; }
code { font-family:"Courier New", Courier, monospace; }
pre { display:block; overflow:auto; margin:1.5em 0; padding:1.5em; background:#494e5d; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
h1 { font-size:3em; margin-bottom:0.5em; }
h2 { font-size:2em; margin-bottom:0.75em; }
h3 { font-size:1.5em; margin-bottom:1em; }
h4 { font-size:1.25em; margin-bottom:1.25em; }
h5 { font-size:1em; margin-bottom:1.5em; font-weight:bold; }
h6 { font-size:1em; font-weight:bold; }

/* LINKS */
a:link, a:visited { text-decoration:underline; color:#b0aeb7; }
a:hover, a:focus { text-decoration:none; color:#d8d8db; }

/* IMAGES */
img { margin-bottom:1.5em; padding:10px; background:#fff; -moz-box-shadow:1px 1px 7px rgba(0,0,0,0.25); -webkit-box-shadow:1px 1px 7px rgba(0,0,0,0.25); box-shadow:1px 1px 7px rgba(0,0,0,0.25); }
img.left { float:left; margin:0 1.5em 1.5em 0; }
img.right { float:right; margin:0 0 1.5em 1.5em; }

/* FORMS */
#search_form input[type="text"] { width:180px; }
form fieldset p { overflow:hidden; }
form fieldset p input[type="text"] { float:right; width:410px; }
form fieldset p textarea { display:block; width:568px; height:250px; margin-top:0.75em; }
input[type="text"], textarea { padding:5px; border:1px solid #4a4e5d; font:inherit; background:transparent; color:#fff; }
input[type="text"]:focus, textarea:focus { background:#777785; }
input[type="submit"] { padding:0.5em 1.5em ; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; background:#777785 url(../images/site/glass.png) 0 50% repeat-x; border:0; color:#d8d8db; }
input[type="submit"]:hover, input[type="submit"]:focus { cursor:pointer; }
input[type="submit"]:focus { background-color:#494e5d; }
#search_form input[type="submit"] { padding:0.5em 0.75em; }
form br { display:none; }
.wpcf7-not-valid-tip-no-ajax, .wpcf7-validation-errors { display:block; color:#ff0000; }
.wpcf7-mail-sent-ok { display:block; padding:1.5em; background:#494e5d; }


/* HEADER */
#header { overflow:hidden; width:940px; margin:3em 0; padding-top:1.5em; }
#header h1 { float:left; margin:0; }
#header h1 a { display:block; width:203px; height:40px; text-indent:-9999px; background:url(../images/site/logo.png) 0 0 no-repeat; }
#header h2 { float:right; font-size:1.5em; margin:0; line-height:1; }

/* NAVIGATION */
#nav { overflow:hidden; width:940px; margin:3em 0 1.5em; padding:1.5em 0; border-top:3px double #4a4e5d; border-bottom:3px double #4a4e5d; list-style:none; }
#nav li { float:left; width:220px; margin-left:10px; padding-left:9px; border-left:1px solid #4a4e5d; }
#nav li:first-child { margin-left:0; padding-left:0; border-left:0; }
#nav li a { display:block; text-decoration:none; text-shadow:1px 1px 1px rgba(0,0,0,0.25); }
#nav li a strong { display:block; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:1px; }
.about #nav_about a, .portfolio #nav_portfolio a, .notebook #nav_notebook a, .contact #nav_contact a { color:#777785; }

/* FOOTER */
#footer { overflow:hidden; width:940px; margin:3em 0; padding-top:1.5em; border-top:3px double #4a4e5d; }
#top { float:right; }

/* LAYOUT */
#page { position:relative; width:940px; margin:0 auto; }
#content_pri { float:left; width:580px; margin:1.5em 0 3em; }
#content_sec { float:right; width:280px; margin:1.5em 0 3em; }

/* GLOBAL ELEMENTS */
.section_title { text-align:center; background:url(../images/site/divider.png) 50% 50% no-repeat; }
#content_sec .section { overflow:hidden; margin-bottom:3em; padding:1.5em; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; background:#18222f;  }
#content_sec .section ul { list-style:none; }
a.button, #pagination li a { padding:0.5em 1.5em ; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; background:#777785 url(../images/site/glass.png) 0 50% repeat-x; text-decoration:none; color:#d8d8db; }
.button:focus, #pagination li a:focus { background-color:#494e5d; }

/* HOMEPAGE */
#intro { overflow:hidden; width:940px; margin:1.5em 0; }
#showcase { overflow:hidden; width:940px; margin:3em 0; list-style:none; }
#showcase li { float:left; width:300px; margin-left:20px; }
#showcase li:first-child { margin-left:0; }

/* PORTFOLIO */
#featured_project { overflow:hidden; width:940px; margin:3em 0; padding-bottom:1.5em; border-bottom:3px solid #4a4e5d; }
#featured_project h2 { margin-bottom:1.5em; }
#featured_project img { float:left; }
.project_info { float:right; width:340px; }
.project_meta { list-style:none; overflow:hidden; }
.project_meta li { float:left; margin-right:1.5em; }
.project_meta li a { display:block; }

/* CASE STUDY */
.case_study { overflow:hidden; width:940px; margin:3em 0; }
.project_summary { float:left; width:340px; }
.screengrabs { float:right; width:520px; list-style:none; }

/* NOTEBOOK */
.hfeed { list-style:none; }
.hentry { margin-bottom:3em; }
.entry-meta { overflow:hidden; width:100%; padding:1.5em 0; border-top:1px solid #4a4e5d; border-bottom:1px solid #4a4e5d; list-style:none; }
.entry-meta li { float:left; margin-left:0.75em; padding-left:0.75em; border-left:1px solid #4a4e5d; }
.entry-meta li:first-child { margin-left:0; padding-left:0; border-left:0; }
.feeds { list-style:none; }
.feeds li { margin-bottom:0.25em; }
.feeds li a { display:block; padding-left:22px; background:url(../images/site/rss-icon.png) 0 50% no-repeat; }
#pagination { overflow:hidden; width:100%; list-style:none; }
#prev { float:left; }
#next { float:right; }
#pagination li a { display:block; }

/* ARTICLE */
.article { overflow:hidden; width:640px; margin:3em 0; padding:0 150px; }

/* COMMENTS */
#comments { list-style:none; }
#comments li { overflow:hidden; margin-top:1.5em; padding:1.5em 0 0 120px; border-top:1px solid #4a4e5d; }
#comments li:first-child { margin-top:0; padding-top:0; border-top:0; }
.avatar { float:left; position:relative; left:-120px; margin-right:-100px; }

/* CONTACT PAGE */
.vcf { display:block; padding-left:36px; background:url(../images/site/vcard-icon.png) 0 50% no-repeat; }
#twitter a { display:block; padding-left:22px; background:url(../images/site/twitter.png) 0 50% no-repeat; }
#flickr a { display:block; padding-left:22px; background:url(../images/site/flickr.png) 0 50% no-repeat; }
#dribbble a { display:block; padding-left:22px; background:url(../images/site/dribbble.png) 0 50% no-repeat; }
#delicious a { display:block; padding-left:22px; background:url(../images/site/delicious.png) 0 50% no-repeat; }
#lastfm a { display:block; padding-left:22px; background:url(../images/site/lastfm.png) 0 50% no-repeat; }