@font-face {
      font-family: "NewsGothicStd";
      src: url("/NewsGothicStd.otf");
    }
    @font-face {
      font-family: "LetterGothic";
      src: url("/LetterGothicStd.otf");
    }

    
    
    

/*  Rest 
-------- */


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
.clear {clear: both}

/* typography.css */
html {font-size:100.01%;}
body {font-size:14px; line-height:1.3em; color:#636363;background:#fff url(/images/bg_Wonow.jpg) no-repeat;font-family: NewsGothicStd, "Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#111;}
h1 {font-size:16px;line-height:1;margin-bottom:1.5em; font-family: LetterGothic, sans-serif;}
h2 {font-size:16px;line-height:1;margin-bottom:1.5em; font-family: LetterGothic, sans-serif}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;text-decoration:underline;}
a {color:#000;text-decoration:none; outline:none}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.container {width: 955px; background: url(/images/bg_container.gif) left bottom no-repeat; min-height: 940px; margin: 0 0 50px 0; padding: 0 0 70px 0;}
.blacktitle {background-color: #000; padding: 5px 0 3px 30px; color:#fff; position: relative; left:-30px; font-weight: bold; font-style: normal; display: block; width: 100%}



/*  Header
-------- */

#logo {text-indent: -9999px}

#header {height: 132px; }

#homelink {width:220px; height:120px; position:absolute; left:44px; top:8px;}
#homelink a {display:block; text-indent: -9999px; width:220px; height:120px; }

ul#menu {margin:0; position:absolute; top:33px; left:307px}
ul#menu li {list-style: none; display:inline;}
ul#menu li a {display: block; height: 38px; text-indent: -9999pt; float:left }

ul#menu li a#writing:hover {background: url(/images/menu.gif) 0 -56px no-repeat;}
ul#menu li a#writing {background: url(/images/menu.gif) no-repeat; width:95px; margin-right: 22px}
ul#menu li a#writing.on {background: url(/images/menu.gif) 0 -56px no-repeat;}

ul#menu li a#photography:hover {background: url(/images/menu.gif) -115px -56px no-repeat;}
ul#menu li a#photography {background: url(/images/menu.gif) -115px 0 no-repeat; width:155px; margin-right: 23px}
ul#menu li a#photography.on {background: url(/images/menu.gif) -115px -56px no-repeat;}

ul#menu li a#projects:hover {background: url(/images/menu.gif) -292px -56px no-repeat;}
ul#menu li a#projects {background: url(/images/menu.gif) -292px 0  no-repeat; width:103px; margin-right: 18px}
ul#menu li a#projects.on {background: url(/images/menu.gif) -292px -56px no-repeat;}

ul#menu li a#blog:hover {background: url(/images/menu.gif) -412px -56px no-repeat;}
ul#menu li a#blog {background: url(/images/menu.gif) -412px 0 no-repeat; width:72px; margin-right: 4px}
ul#menu li a#blog.on {background: url(/images/menu.gif) -412px -56px no-repeat;}

ul#menu li a#contact:hover {background: url(/images/menu.gif) -487px -56px no-repeat;}
ul#menu li a#contact {background: url(/images/menu.gif) -487px 0 no-repeat; width:110px}
ul#menu li a#contact.on {background: url(/images/menu.gif) -487px -56px no-repeat;}



/*  All Pages
-------------- */

#main {margin: 0 0 0 0px; background: url(/images/bg_main.gif) repeat-y; width:100%}
#project-left {width: 275px; padding: 50px 0 0 80px; float: left}
#project-body {width: 450px; float: left; margin: 50px 0 0 0}
#project-extra {}

.thumbnails a {border: 1px solid #000; padding: 0; margin:0 10px 10px 0; display: block; width:100px; height:100px; float: left; position: relative}
.thumbnails a span {width:100px; height:100px; display: block; position: absolute; top:0;left: 0}

.pdfs {clear: both}



/*  Writing
-------------- */


ul#wpmenu {margin:0; position:absolute; top:90px; left:500px}
ul#wpmenu li {list-style: none; display:inline;}
ul#wpmenu li a {display: block; height: 38px; text-indent: -9999pt; float:left }


ul#wpmenu li a#vince:hover {background: url(/images/wp-menu.gif) -198px -53px no-repeat;}
ul#wpmenu li a#vince {background: url(/images/wp-menu.gif) -198px 0 no-repeat; width:207px;}
ul#wpmenu li a#vince.on {background: url(/images/wp-menu.gif) -198px -53px no-repeat;}

ul#wpmenu li a#tearsheets:hover {background: url(/images/wp-menu.gif) -405px -53px no-repeat;}
ul#wpmenu li a#tearsheets {background: url(/images/wp-menu.gif) -405px 0 no-repeat; width:128px;}
ul#wpmenu li a#tearsheets.on {background: url(/images/wp-menu.gif) -405px -53px no-repeat;}


/*  Photography
-------------- */


ul#wpmenu {margin:0; position:absolute; top:90px; left:500px}
ul#wpmenu li {list-style: none; display:inline;}
ul#wpmenu li a {display: block; height: 38px; text-indent: -9999pt; float:left }

ul#wpmenu li a#mel:hover {background: url(/images/wp-menu.gif) 0 -53px no-repeat;}
ul#wpmenu li a#mel {background: url(/images/wp-menu.gif) no-repeat; width:199px;}
ul#wpmenu li a#mel.on {background: url(/images/wp-menu.gif) 0 -53px no-repeat;}

ul#wpmenu li a#tearsheets:hover {background: url(/images/wp-menu.gif) -405px -53px no-repeat;}
ul#wpmenu li a#tearsheets {background: url(/images/wp-menu.gif) -405px 0 no-repeat; width:128px;}
ul#wpmenu li a#tearsheets.on {background: url(/images/wp-menu.gif) -405px -53px no-repeat;}



/*  Blog
-------------- */

#main_blog {position:relative; top:-60px; left:20px;  background: url(/images/bg_Wonow_Blog.jpg) no-repeat; padding: 50px 0 0 0; min-height: 700px; width: 100%}


#blog-left {width: 330px; margin: 300px 0 0 20px; float: left; font-family: NewsGothicStd, Helvetica, sans-serif; font-weight: bold}

#blog-left h2.sidetitle {width:100px; background-color: #fff; display: block; padding: 5px; float:left; margin: 0 0 0 0px;  color: #851321; font-size: 12px;  font-weight:normal}
#blog-left ul {width:160px; float:left; background-color: #fff; margin: 0 0 20px 0; padding: 5px 0 0 10px}
#blog-left li {margin: 0 0 5px 0; list-style: none; font-family: NewsGothicStd, Helvetica, sans-serif; font-size: 13px;  font-weight:normal; display: block; background-color: #fff;}
#blog-left a {  color: #851321}

#blog-head {margin: 50px 0 0 0 }
#blog-head ul {margin:0; float:left}
#blog-head ul li {list-style: none; display:inline;}
#blog-head ul li a {display: block; height: 38px; text-indent: -9999pt; float:left; }


#blog-head ul li a#facebook {background: url(/images/i-social-media.png) no-repeat; width:40px;}
#blog-head ul li a#rss {background: url(/images/i-social-media.png) -54px 0 no-repeat; width:40px;}
#blog-head ul li a#twitter {background: url(/images/i-social-media.png) -108px 0 no-repeat; width:40px;}
#blog-head ul li a#linkedin {background: url(/images/i-social-media.png) -160px 0 no-repeat; width:40px;}

#subscribe-to-blog {font-size: 12px; font-family: NewsGothicStd; color: #000; float: left; width:280px; text-align: right; position: relative; top:-20px}

#blog-body {width: 450px; float: left}

.entry-author {margin-left:-30px; background: url(/images/blog-author-bg.gif) no-repeat; padding:0 0 10px 30px; display: block}


.paginate {font-size: 10px}
.pagecount {font-size: 10px}
.entry-footer {font-size: 11px}



/*  Project
-------------- */


ul#projects-menu {margin:0; position:absolute; top:90px; left:270px}
ul#projects-menu li {list-style: none; display:inline;}
ul#projects-menu li a {display: block; height: 55px; text-indent: -9999pt; float:left }

ul#projects-menu li a#new:hover {background: url(/images/project-menu.gif) 0 -61px no-repeat;}
ul#projects-menu li a#new {background: url(/images/project-menu.gif) no-repeat; width:91px;}
ul#projects-menu li a#new.on {background: url(/images/project-menu.gif) 0 -61px no-repeat;}

ul#projects-menu li a#emg:hover {background: url(/images/project-menu.gif) -91px -61px no-repeat;}
ul#projects-menu li a#emg {background: url(/images/project-menu.gif) -91px 0  no-repeat; width:221px;} 
ul#projects-menu li a#emg.on {background: url(/images/project-menu.gif) -91px -61px no-repeat;}

ul#projects-menu li a#rg:hover {background: url(/images/project-menu.gif) -313px -61px no-repeat;}
ul#projects-menu li a#rg {background: url(/images/project-menu.gif) -313px 0 no-repeat; width:182px;}
ul#projects-menu li a#rg.on {background: url(/images/project-menu.gif) -313px -61px no-repeat;}

ul#projects-menu li a#kb:hover {background: url(/images/project-menu.gif) -493px -61px no-repeat;}
ul#projects-menu li a#kb {background: url(/images/project-menu.gif) -493px 0 no-repeat; width:177px}
ul#projects-menu li a#kb.on {background: url(/images/project-menu.gif) -493px -61px no-repeat;}

#project-extra {margin: 0 0 0 150px; padding-bottom: 60px; padding-right: 60px}

#project-extra img {margin: 0 20px 20px 0}


/*  Contact
-------------- */

#contact-box {width: 200px; margin: 0px 0 0 662px; font-size: 15px; line-height:1.1; padding: 40px 0 0 0}
#contact-box h2 {font-size: 18px; margin: 0; }
#contact-box p {margin-bottom: 10px}

#contact-box a {margin-bottom: 10px}
#contact-box a:link {color:#000}