/*---------- Body ----------*/
body {	margin:0; font: 12px Arial, Helvetica, sans-serif; background:#efeeec; color:#505050; }
img { border: none; }
form { padding:0; margin:0; }
a { color:#b2760f; text-decoration:none; }
a:hover {text-decoration:underline;}

/*---------- Layout ----------*/
#page {	margin:0 auto; width:920px; }
#content { width: 920px; overflow:hidden; margin:7px 0 20px; background: url(../images/bg-content.gif) repeat-y 0 0; }
#section { width: 490px; margin-right: 10px; }
#sidebar { width: 420px; }

.col { float: left; display: inline; }
.ogilvy-pr-link { position: absolute; right: 0; top: 10px; width:225px; }

/*---------- Top List ----------*/
#top-list { width: 899px; overflow:hidden; background:#e94024; margin:0; padding:10px 21px 7px 0; list-style:none; }
#top-list li { float:right; display: inline; padding:0 0 0 18px; font:bold 9px Arial, Helvetica, sans-serif; }
#top-list li a { color:#fff; padding:0 0 0 13px; background-position: 0 1px; background-repeat: no-repeat; }
#top-list .rss-t a { background-image:url(../images/rss-ico.gif); }
#top-list .share-t a { background-image:url(../images/share-ico.gif); }
#top-list .send-t a { background-image:url(../images/email-ico.gif); }
#top-list .print-t a { background-image:url(../images/print-ico.gif); }

/*---------- Header ----------*/
#header { width:920px; height:104px; position: relative; background:url(../images/header-bg.gif) no-repeat; }
#header h1 { margin: 0; position: absolute; width: 630px; top: 10px; left: 20px; }
#header a { display:block; text-indent:-9999px; height:90px; }

/*---------- Nav ----------*/
#nav { width: 900px; padding-right: 20px; overflow:hidden; background:#58595b; }
#nav ul { margin:0 0 0 10px; padding:0; overflow:hidden; list-style:none; float:left; }
#nav ul li { float:left; display: inline; font: 14px/27px Helvetica, Arial, sans-serif; padding:0 12px 0 14px; background:url(../images/menu-separator.gif) no-repeat 0 8px; margin:0 2px 0 -2px; text-transform: uppercase; }
#nav ul li a { color: #a6a6a6; text-decoration: none; }
#nav ul li.current_page_item a,
#nav ul li.current_page_parent a,
#nav ul li a:hover { color:#FFF; text-decoration: none; }

.search-form { width:219px; float:right; display: inline; margin:4px 0 0; background:url(../images/search-input.gif) no-repeat; }
.search-form input { float: left; margin-right: 3px; background: none; }
.search-form .text { width:159px; border: none; padding:2px 5px 1px; }
.search-form .button { margin: 1px 0 0; }

/*---------- Section ----------*/
#section .inner { width: 451px; overflow:hidden; }

#section .meta { margin:0 0 3px; padding-bottom: 24px; }
#section .meta .comments { float: left; width: 270px; margin-right: 55px; }
#section .meta .comments ul { margin: 0; padding: 0; list-style: none; text-transform: uppercase; }
#section .meta .comments ul li { background: url(../images/separator.gif) no-repeat 0 2px; font: bold 10px Helvetica, Arial, sans-serif; padding:0 8px 0 11px; display: inline; }
#section .meta .comments ul .comm-li { background: url(../images/comment-ico.gif) no-repeat 0 0px; padding: 0 8px 0 19px; }
#section .meta .comments .tags { font: bold 11px Helvetica, Arial, sans-serif; margin: 2px 0 0; }
#section .meta .comments .tags span { text-transform: uppercase; }
#section .meta .comments .tags a { color: #898989; }
#section .meta .add-this { padding-top: 4px; }

/*----- Article -----*/
#section .article { padding:10px 19px 0px 20px; border-bottom: 20px solid #EFEEEC; }

#section .article .title { background:url(../images/cnt-title.gif) repeat-y 47px 0; margin:0 0 14px 0px; }
#section .article .title .date { float:left; display: inline; width:42px; padding:8px 0 0; margin:0 18px 0 0; font:15px/15px Helvetica, Arial, sans-serif; line-height: 18px; text-transform: uppercase; }
#section .article .title .date strong { font: bold 24px/24px Helvetica, Arial, sans-serif; }
#section .article .title h2 { margin: 0; font: bold 24px/24px Arial, Helvetica, sans-serif; color: #363636; }
#section .article .title h2 a { color: #363636; }

#section .article .author { margin:0 0 9px; }
#section .article .author img { float:left; display: inline; margin:0 12px 0 0; width: 48px; height: 48px; }
#section .article .author p, 
#section .article .author a { margin: 0; font: 11px Helvetica, Arial, sans-serif; color: #868485; }

#section .article .entry p { margin: 0 0 17px; }
#section .article .entry p a { font-weight:bold;  } 

#section .article .info { margin:0 0 14px; border-top: 3px solid #D2D2D2; }
#section .article .info p { margin-top: 10px; font-size: 11px; line-height: 12px; }

/*----- Comments -----*/
#comment-wrapper .meta { padding: 10px 19px 24px 20px; }
#comment-wrapper h3 { margin:10px 19px 0 20px; color: #363636; font-size: 18px; }

#comment-wrapper .commentlist { margin: 10px 0 15px 20px; padding: 0 0 0 0; list-style: none; }
#comment-wrapper .commentlist li { border-top: 3px solid #D2D2D2; margin: 0 15px 0 0; padding: 15px 0 0 0; list-style:none; }
#comment-wrapper .commentlist li .cite,
#comment-wrapper .commentlist li .cite a { color: #363636; font-weight: bold; }
#comment-wrapper .commentlist li .commentmetadata a,
#comment-wrapper .commentlist li p { color: #58595B; margin: 5px 0; }

#comment-wrapper .comment-form { background: #58595B; padding:10px 19px 0 20px; overflow: hidden; }
#comment-wrapper .comment-form h3 {	font-family: Helvetica,Arial,sans-serif; font-weight: normal; font-size: 24px; margin: 5px 0; color: #cac8c4; }

#commentform input, #commentform textarea {	border: 3px solid #cac8c4; margin: 5px 0;font-size: 14px; }
#commentform .button { border: 0px solid #cac8c4; }
#commentform p label small { color: #cac8c4; font-size: 12px; padding-left: 7px; }

/*----- Page -----*/
.page #section .article { border-bottom: none; }
.page #section .article .title { background: none; border-bottom: 3px solid #D2D2D2; }
.page #section .article .title h2 { margin: 10px 0 20px; }
.page #section .article .return-link { text-align: right; font-size: 12px; }

/*----- Bio -----*/
#section .author-bio { overflow: hidden; border-bottom: 3px solid #CAC8C4; }
#section .author-bio .photo { float: left; display: inline; padding: 20px 0; width: 120px; text-align: center; }
#section .author-bio .author-info { float: left; display: inline; padding: 15px 0 15px 10px; }
#section .author-bio .photo-true { width: 320px; }
#section #first-bio .photo, #section #first-bio .author-info { padding-top: 0; }
#section .author-bio .author-info h3 { color: #363636; font-size: 1.1em; margin: 0; padding: 0; }
#section .author-bio .author-info .author-meta { color: #B2760F; list-style:none; margin: 0; padding: 0; }
#section .author-bio .author-info .author-meta li { display: inline; border-right: 2px solid #cac8c4; margin: 0 5px 0 0; padding: 0 5px 0 0; }
#section .author-bio .author-info .author-meta .last { border-right: none; }

#section .author-content .author-entry { padding: 0 0 0 10px; float: left; display: inline; }
#section .author-content .author-bio { border: none; }
#section .author-content .author-info { float: none; display: block; padding-left: 0; }

/*----- Portfolio -----*/
.case-study { margin: 10px 0; padding-bottom: 20px; border-bottom: 3px solid #cac8c4; }
.case-read-more { padding-top: 8px; }
.case-study h3 { color: #231F20; font-size: 18px; margin: 10px 0; }

/*----- Careers -----*/
.careers h3 { color: #363636; }
.career-preview { padding-bottom: 20px; border-bottom: 3px solid #cac8c4; }

/*----- Not found -----*/
#section .notfound { border-bottom: none; }
#section .notfound .title { background: none; border-bottom: 3px solid #D2D2D2; }
#section .notfound .title h2 { margin: 10px 0 20px; }

#section .notfound .search-form { width: auto; float:none; display: block; background: none; }
#section .notfound .search-form .text { border: 1px solid #999; }

/*---------- Sidebar ----------*/
#sidebar .add-box { background:#fff; padding:5px 9px 10px 10px; margin:0 0 11px; }
#sidebar h3 { margin: 0 0 11px; color: #231f20; font: bold 18px Helvetica, Arial, sans-serif; }
#sidebar h3 a { color: #231f20; }
#sidebar h4 { margin:0 0 7px; font:bold 14px Helvetica, Arial, sans-serif; color:#231f20; text-transform: uppercase; }

#sidebar .blog { width: 400px; background:#dddbd7; padding:8px 10px 10px; margin:0 0 20px; overflow: hidden; }
#sidebar .blog h3 {margin-bottom:5px;}
#sidebar .blog ul { border-top: 1px solid #fff; padding:0; margin:0; list-style:none; overflow: hidden; float: left; display: inline; width: 200px; }
#sidebar .blog .left { margin-right: 10px; width: 190px; }
#sidebar .blog ul li { width: 190px; float: left; display: inline; padding-left: 10px; line-height:24px; border-bottom:1px solid #fff; }
#sidebar .blog .left li { width: 180px; }

#sidebar .cols { width: 420px; overflow:hidden; }
#sidebar .cols .col { width: 195px; margin: 0 5px; padding: 0 0 0 5px; overflow: hidden; }

#sidebar .list { list-style: none; margin: 0 0 25px; padding: 0; }
#sidebar .list li { padding-bottom: 12px; }

#sidebar .wp-tag-cloud { padding:4px 0 0; margin: 0 0 25px; }
#sidebar .wp-tag-cloud li { display: inline; line-height: 23px; }

#sidebar .box { text-align: center; margin: 0 0 18px; }
#sidebar .media { background-color: #fff; padding: 10px 9px; }
#sidebar .flickr img { margin: 3px; }
#sidebar .twitter h4 img { height: 25px; } 
#sidebar .twitter { text-align: left; }

/*---------- Footer ----------*/
#footer { position: relative; width: 791px; overflow: hidden; border-bottom:14px solid #6d6e71; padding:22px 0 10px 129px; background:#252525 url(../images/btm-bg.gif) no-repeat; }
#footer ul { float: left; display: inline; width: 150px; list-style: none; margin: 0; padding: 0 10px 0 0; }
#footer ul li { padding: 0 0 8px; }
#footer ul li a { color: #fff; }

#footer .center { width: 215px; }
#footer .center .first { text-transform: uppercase; }

#footer .ogilvy-pr-link { text-indent:-99999px; height:100px; }

#sub-footer { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #acacac; overflow: hidden; padding:3px 37px 20px 22px; }
#sub-footer a { color:#acacac; }
#sub-footer p { float: right; display: inline; margin: 0; }

#contact { float:left; font-size:0.9em;	width:33%; }
#contact ul { list-style-type:none;	padding:8px 0 0 10px; }