@charset "utf-8";/* CSS Document */
/* Author:Noah Levin */
/*===================
GLOBAL
=====================*/
body{background:#E8E8E8 url(../images/header_bg.gif) repeat-x top;font:14px/20px Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;}
a,a:link{color:#00435a;text-decoration:none;}
a.external{background:url(../images/icon-external.gif) no-repeat right;padding-right:12px;}
a.external:hover{color:#F58428;border-bottom:#F58428 1px solid;text-decoration:none;}
a:hover{color:#F58428;text-decoration:underline;}
#resume ul{color:#000;}
#resume li{color:rgb(95,95,95);list-style:none;padding:3px 0 0 18px;margin:0;background:url(../images/circle_bullet.gif) no-repeat left 0.6em;}
.date{font-style:italic;color:rgb(150,150,150);}
.wrapper,#header{width:960px;margin:0 auto;}
.wrapper{clear:both;}
/*===================
Primary Styles
=====================*/
h1,h2,h3,h4,h5,h6,h7,p,pre,ol,ul,dl{padding-bottom:20px;color:#5f5f5f;}
li{list-style:outside;margin-left:20px;}
ul.styledlist{margin:0;padding:0 0 20px 0;}
ul.styledlist li{background:url(../images/bullet.gif) no-repeat left 0.6em;padding-left:12px;list-style:none;margin-left:5px;margin-left:5px;line-height:22px;}
ol li{list-style:decimal;margin-left:20px;}
dl dt{font-weight:bold;padding-bottom:10px;}
dl dd{padding-bottom:10px;margin-left:0px;}
strong{font-weight:bold;}
em,code{font-style:italic;}
ul,ul li{list-style-type:disc;}
ol,ol li{list-style-type:decimal;}
table{margin-bottom:1.4em;width:100%;}
th{font-weight:bold;}
th,td,caption{padding:4px 10px 4px 5px;}
tfoot{font-style:italic;}
sup,sub{line-height:0;}
abbr,acronym{border-bottom:1px dotted;cursor:help;}
address{margin:0 0 .25em;font-style:italic;}
del{text-decoration:line-through;}
pre{white-space:pre;}
img.centered,.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 10px 12px;}
img.alignleft{display:inline;margin:0 12px 10px 0px;}
.alignright{float:right;}
.alignleft{float:left;}
.clear{clear:both;}
.pdf{border:1px solid #E8E8E8;background:url(../images/adobe.png);background-position:4px 7px !important;padding:6px 6px 6px 25px;}
.pdf:hover{border:1px solid #F58428;background:#ffd9ba url(../images/adobe.png);color:#000;text-decoration:none;}
.red{color:#AD222C;}
.green{color:green;}
.smaller{font-size:80%;}
.col3 .first h3,.col3 div h3{color:#0c0c0c;font-size:18px;font-weight:bold;padding-bottom:30px;letter-spacing:-1px;}
/*===================
HEADER
=====================*/
#logo{font:18px Helvetica,Arial,sans-serif;float:left;}
#logo a{text-decoration:none;color:#f9f9f9;}
#logo a span{cursor:pointer;font-weight:bold;}
#logo{padding-top:21px;}
#menu_wrap{float:right;display:block;padding-top:11px;}
#menu{padding:0;margin:0;}
#menu li{list-style:none;display:inline;margin:0;padding:0;}
#menu li a{padding:12px 20px 12px 20px;text-decoration:none;color:#f9f9f9;font-size:14px;font-weight:bold;float:left;display:block;}
#menu li a.current{background:#E8E8E8;color:#000;border-top:1px #fff solid;border-right:1px #fff solid;border-left:1px #fff solid;}
#menu li a:hover{background:#E8E8E8;color:#000;}
/*===================
FEATURED
=====================*/
#main_content{clear:both;padding-top:20px;}
#featured{padding-bottom:30px;float:left;width:100%;}
#featured_image{float:left;}
#featured_image{float:left;padding:4px;background:#FFF;border-left:1px solid #DDD;border-right:1px solid #DDD;border-bottom:1px solid #AAA;}
#featured_image img{float:left;}
#featured #featured_info{float:right;width:370px;padding-top:20px;overflow:hidden;height:250px;}
#featured_info h2{color:#0c0c0c;font-size:24px;font-weight:bold;padding-bottom:30px;line-height:26px;letter-spacing:-1px;}
#featured_info p{font-family:Helvetica,Arial,sans-serif;padding-bottom:30px;line-height:22px;color:#4a4a4a;}
.title_section{font-size:12px;color:#a3a3a3;}
.more{float:left;background:url(../images/arrow_1_normal.gif) no-repeat right 60%;padding-right:16px;margin-right:10px;text-decoration:none;color:#b1b1b1 !important;display:block;}
.more:hover{color:#616161 !important;background:url(../images/arrow_1_hover.gif) no-repeat right 60%;}
#slideshowtext{clear:both;}
#slideshowtext li{list-style:none;margin:0;padding:0;}
/*===================
Intro & Grid System
=====================*/
#intro{padding:5px 0 30px 0;border-bottom:1px solid #c2c2c2;margin-bottom:30px;}
#intro h2{font-family:Georgia,"Times New Roman",Times,serif;font-size:26px;color:#9e9e9e;line-height:34px;padding-bottom:0px;}
#intro h2 strong{font-weight:bold;color:#0c0c0c;}
#intro h2 span{color:#0c0c0c;font-weight:normal;}
.col2{padding-bottom:20px;float:left;}
.col2 .first,.col2 div{float:left;width:320px !important;}
.col2 div{padding-left:30px;}
.col2 .first{padding-left:0px;}
/* Full Page 3 col grid */
.col3{padding-bottom:30px;float:left;}
.col3 .first,.col3 div{float:left;width:300px;}
.col3 div{padding-left:30px;}
.col3 .first{padding-left:0px;}
.col3 div p,.featured_services div p{font:14px/20px Helvetica,Arial,sans-serif;padding-bottom:20px;}
/* 2/3 Page 3 Col Grid */
.col33{padding-bottom:20px;float:left;}
.col33 .first,.col33 div{float:left;width:213px;}
.col33 div{padding-left:30px;}
.col33 .first{padding-left:0px;}
.col33 .both{width:423px;}
.sub_section{width:100%;float:left;background:#C7C7C7;padding:40px 0 15px 0;color:#787773;border-top:1px solid #fff;}
.sub_section h3{font-size:18px;color:#000;padding-bottom:30px;}
.featured_services li{margin-left:0px;list-style:none !important;padding:5px 0 5px 0;border-bottom:1px solid #AAA;font-size:90%;}
.featured_services li a{color:#777;}
.featured_services li a:hover{color:#00435a;text-decoration:none;}
.featured_services,.solutions{float:left;}
.featured_services h4,.solutions h4{color:#1E1E1E;font-size:15px;padding-bottom:20px;font-weight:bold;}
.featured_services div p,.solutions div p{color:#787773;font-family:Helvetica,Arial,sans-serif;}
.featured_services .first,.featured_services div,.solutions .first,.solutions div{width:220px;float:left;}
.featured_services div,.solutions div{padding-left:10px;}
.solutions div{padding-left:14px;}
.featured_services .first,.solutions .first{padding-left:0px;}
.featured_services .first img,.featured_services div img,
.solutions .first img,.solutions div img{float:left;}
.featured_services .first div,.featured_services div div,
.solutions .first div,.solutions div div{float:right;width:220px;padding-top:10px;}
.featured_services .more,
.solutions .more{float:left;background:url(../images/arrow_2_normal.gif) no-repeat right 60%;padding-right:16px;margin-right:10px;text-decoration:none;color:#A8A8A8;display:block;}
.featured_services .more:hover,
.solutions .more:hover{color:#1E1E1E;background:url(../images/arrow_2_hover.gif) no-repeat right 60%;}
.icon{background-position:left !important;background-repeat:no-repeat !important;display:block;padding:0 0 0 22px;}
.firstlink{border-top:1px solid #AAA;padding-top:5px;}
.facebook{background:url(../images/facebook.gif);}
.twitter{background:url(../images/twitter.gif);}
.lala{background:url(../images/lala.png);}
.myspace{background:url(../images/myspace.gif);}
.issuu{background:url(../images/issuu.gif);}
.linkedin{background:url(../images/linkedin.gif);}
.behance{background:url(../images/behance.gif);}
.friend{background:url(../images/friend.gif);}
.delicious{background:url(../images/delicious.png);}
.flickr{background:url(../images/flickr.png);}
.google{background:url(../images/google.gif);}
.hcii{background:url(../images/hcii.gif);}
.deviantart{background:url(../images/deviantart.png);}
.vimeo{background:url(../images/vimeo.png);}
.lastfm{background:url(../images/lastfm.png);}
.shelfari{background:url(../images/shelfari.png);}
/*===================
Front Page
=====================*/
#slideshow{height:338px;width:542px;margin:0;overflow:hidden;position:relative;top:0px;left:0px;}
#slideshow img{height:338px;width:542px;top:0;left:0}
/*===================
Sub-Footer
=====================*/
.testimonial_wrap,.testimonial{float:right;width:250px;}
.testimonial_wrap{height:250px;overflow:hidden;background:url(../images/quotemarks.png) no-repeat 0px 30px;}
blockquote{clear:both;padding-bottom:30px;float:left;width:100%;}
blockquote p{font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;}
.post blockquote p{font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:24px !important;line-height:32px !important;background:url(../images/quotemarks.png) no-repeat 0px 2px;padding:25px 30px;color:#787773;padding-bottom:0px;}
.testimonial blockquote p{color:#787773;}
.testimonial blockquote{top:0;left:0;}
.testimonial .author .t_bg,#content blockquote .author .t_bg{background:url(../images/author_bg.png) no-repeat;width:46px;height:57px;float:left;display:block;padding-right:10px;}
.testimonial .author .t_bg img,#content blockquote .author .t_bg img{float:left;padding:17px 0 0 5px;}
.testimonial .author,#content blockquote .author{font-style:normal;}
.testimonial .author cite,#content blockquote .author cite{padding-top:10px;float:left;}
.testimonial a{color:#555;}
.testimonial a:hover{color:#00435a;text-decoration:none;}
p.wp-caption-text{color:#AAA;font-size:11px !important;line-height:14px;padding-bottom:4px;}
.author{padding-top:80px;}
/*===================
bottom footer
=====================*/
#footer{float:left;padding:20px 0;}
#footer span{font:11px Helvetica,Arial,sans-serif;color:#787773;}
#footer span a{color:#787773;text-decoration:none;font-weight:bold;}
#footer span a:hover{text-decoration:underline;}
#twitter_update_list li{list-style:none;font-style:italic;}
ul.nav{font-size:75%;padding:0;}
.nav li{list-style:none;display:inline;margin:0;padding:0;}
.nav li a.active{color:#0C0C0C;}
/*===================
content
=====================*/
#breadcrumbs li{display:inline;padding:0;margin:0;}
#breadcrumbs li.current{font-weight:bold;}
#content{float:left;width:700px;padding-bottom:20px;}
#content h1{font-size:40px;color:#070707 !important;font-weight:bold;}
#content h2,#works h2{font-size:30px;font-weight:bold;color:#070707;background:url(../images/h_line.gif) repeat-x bottom;margin-bottom:30px;padding:6px 0 15px 0;letter-spacing:-1px;}
#content h3{font-size:22px;color:#070707;font-weight:bold;letter-spacing:-1px;}
#content h4{font-size:18px;color:#070707;font-weight:bold;letter-spacing:-1px;}
#content h5{font-size:14px;color:#070707;font-weight:bold;}
#content h6{font-size:11px;color:#070707;font-weight:bold;}
#content p{font-family:Helvetica,Arial,sans-serif;;font-size:14px;line-height:22px;}
#content .intro,#works .intro{font-size:1.4em;font-weight:normal;line-height:28px;font-family:Georgia,"Times New Roman",Times,serif;}
#about blockquote{font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:20px !important;line-height:24px !important;background:url(../images/quotemarks.png) no-repeat 0px 2px;padding:25px 30px;color:#787773;padding-bottom:10px;}
/*===================
sidebar
=====================*/
#sidebar{float:right;width:220px;}
#sidebar p{font-family:Helvetica,Arial,sans-serif;padding-bottom:5px;}
.block h3{font-size:1em;font-weight:bold;letter-spacing:2px;line-height:1em;margin:0;text-transform:uppercase;}
#work_list{padding:0;margin:0;}
#work_list li{display:block;list-style:none;margin:0;padding:8px 0;font-size:13px;float:left;width:100%;}
#work_list li a,#work_list li a:hover{text-decoration:none!important;}
#work_list li a img{border-bottom:1px solid #AAA;border-left:1px solid #DDD;border-right:1px solid #DDD;}
#work_list li a img{float:left;margin-right:6px;padding:4px;background:#FFF;}
#work_list li a:hover img{background:#c5c5c5;}
#work_list li a strong{display:block;line-height:16px;color:#737373;}
#work_list li a span{font-size:11px;}
#sidebar .block{float:left;margin-bottom:5px;padding-bottom:20px;padding-right:10px;padding-left:10px;}
#side_link{padding:0;margin:0;}
#side_link li{list-style:none;padding:3px 0 3px 18px;display:block;margin:0;background:url(../images/circle_bullet.gif) no-repeat left 0.6em;}
#side_link li a{display:block;}
/*===================
contact
=====================*/
#contact_form{padding:0;margin:0;}
#contact_form legend{padding:0 0 20px 0;margin:0;font-size:18px;font-family:Georgia,"Times New Roman",Times,serif;}
#contact_form label{float:left;width:200px;font-size:16px;font-weight:bold;color:#5f5f5f;}
#contact_form div{display:block;padding-bottom:10px;}
#name,
#email,
#subject,
#author,
#url,
#comment,
#message{border:1px solid #dddddd;padding:8px;color:#5e5e5e;background:#f2f2f2 url(../images/input_bg.gif) repeat-x top;font-size:18px;font-family:Helvetica,Arial,sans-serif;}
#name:focus,
#email:focus,
#subject:focus,
#author:focus,
#url:focus,
#comment:focus,
#message:focus{border:1px solid #acacac;padding:8px;}
#name,
#email,
#author,
#url,
#comment,
#subject{width:285px;}
#message{width:350px;height:200px;}
.button{border:none;padding:10px 20px;background:#5f5f5f;text-transform:uppercase;color:#f6fdff;font-size:18px;font-weight:normal;font-family:Helvetica,Arial,sans-serif;}
#content .errorMsg h3{color:red;}
#content .infoMsg h3{color:green;}
/*===================
blog
=====================*/
#content #blogcols .col{width:320px;float:left;margin-right:30px;}
#content .post h2{margin-bottom:5px;}
hr{border:0;color:#c2c2c2;background-color:#c2c2c2;height:1px;}
#content #blogcols .col h2{line-height:30px;background:none !important;margin-bottom:0 !important;padding-bottom:0 !important;}
.box-body p{padding-left:70px;}
.comment-guidelines,.guidelines{padding-left:0px !important;}
.one-col.box-body label{width:250px;float:left;}
.gravatar,.image{padding:3px;border-left:#DDD 1px solid;border-right:#DDD 1px solid;border-bottom:#AAA 1px solid;background:#FFF;}