/*
Theme Name: DCP Productions
Author: Emerge Web Studio
Author URI: http://emergewebstudio.com/
Version: 2010
*/

/*------------------------------
=CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; list-style: none;}
body {line-height: 1.4;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
table {border-collapse: collapse; border-spacing: 0;}
abbr, acronym {cursor: help; border-bottom: 1px dotted #777;}


/*------------------------------
=General Styles */
body { font: 13px Arial, Helvetica, sans-serif; color: #eee; background: #111 url(images/bg_page.jpg) no-repeat top center fixed; }
h1, h2.main { font: 48px "Arial Narrow", Helvetica, sans-serif; font-weight: normal; color: #fff; text-align: right; margin: 50px 0 20px; }
h2 { font: 26px "Arial Narrow", Helvetica, sans-serif; font-weight: normal; color: #fff;  margin: 0 0 8px;}
h3 { font-size: 14px; font-weight: bold; margin: 15px 0 12px; }
p { margin: 0 0 15px 0; }
ul, ol { margin: 0 0 15px 0; }
a { color: #44f1ef; text-decoration: none; font-weight: bold; }
a:hover { color: #f90649; }
input.text, textarea, select, .gform_wrapper .medium { border: 1px solid #999; background: #fff url('images/bg_input-text.gif') repeat-x top; font: 12px Arial, Helvetica, sans-serif; padding: 4px; }
.populate { color: #555; }
big { font-size: 1.1em; }

#accessibility, .hidden { display: block; width: 0; height: 0; overflow: hidden; }
.center { text-align: center; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
.clearfix {display:block;} /* Hide from IE Mac \*/
.clear {clear: both;}

.back-to { margin-top: 50px; }
.back-to a { font-size: 11px; font-weight: normal; }

body #fancybox-outer { background: #000; }


/*------------------------------
=Header */
#header { width: 960px; height: 90px; margin: 0 auto; }
#header ul.navigation { display: block; position: relative; width: 612px; float: right; margin: 0; padding: 0; }
#header ul.navigation li { float: left; margin: 0; padding: 0; }
#header ul.navigation li a { display: block; height: 80px; float: left; text-indent: -9999px; background-position: 0 0; }
#header ul.navigation li a:hover { background-position: 0 -80px; }
#header ul.navigation li.current_page_item a,
#header ul.navigation li.current_page_ancestor a { background-position: 0 -160px; }
#header ul.navigation li.page-item-5 a { width: 145px; background-image: url(images/nav_services.png); }
#header ul.navigation li.page-item-6 a { width: 109px; background-image: url(images/nav_work.png); }
#header ul.navigation li.page-item-9 a { width: 117px; background-image: url(images/nav_group.png); }
#header ul.navigation li.page-item-11 a { width: 131px; background-image: url(images/nav_process.png); }
#header ul.navigation li.page-item-13 a { width: 110px; background-image: url(images/nav_contact.png); }
#header ul.navigation li.nav_home a { display: block; width: 72px; height: 39px; background: url(images/nav_home.png) no-repeat; position: absolute; left: -63px; top: 15px; }
#header ul.navigation li.nav_home a:hover { background-position: 0 -39px; }


/*------------------------------
=Home */
.home #aside h1.logo { display: block; width: 170px; height: 221px; background: url(images/logo.png) no-repeat top left; margin: 0 0 30px; }
.home #aside .mission { color: #d5d5d5; font-size: 13px; line-height: 1.4; text-shadow: #000 1px 1px 1px; margin-bottom: 40px; }
.home #aside .mission .top {  width: 170px; height: 10px; background: url(images/bg_mission-top.png) no-repeat top;}
.home #aside .mission .mid {  width: 170px; background: url(images/bg_mission-mid.png) repeat-y; padding-bottom: 1px; }
.home #aside .mission .mid p { padding: 0 10px; margin: 0; }
.home #aside .mission .bot {  width: 170px; height: 10px; background: url(images/bg_mission-bot.png) no-repeat top;}

.home h3.main { display: block; width: 640px; height: 100px; background: url(images/bg_home_h1.png) no-repeat; text-align: right; margin: 50px 0 20px; }
.home h3.main span { display: block; width: 0; height: 0; overflow: hidden; }
#banner_home { width: 640px; height: 308px; position: relative; margin: 0 0 20px; }
#banner_home a.play_reel { position: absolute; bottom: 0; display: block; width: 640px; height: 48px; background: url(images/banner_home/btn_home_play-reel.png) no-repeat top; z-index: 20; }
#banner_home a.play_reel:hover { background-position: bottom; }
#banner_home a.play_reel span { display: block; width: 0; height: 0; overflow: hidden; }

#home_summary { text-align: center; }
#home_summary .col1 { width: 222px; float: left; }
#home_summary .col2 { width: 209px; float: left; }
#home_summary .col3 { width: 209px; float: left; }
#home_summary .headings { height: 48px; background: url(images/bg_hsum-top.png) no-repeat top; padding: 15px 0 0 0; }
#home_summary .headings a { display: block; height: 30px; width: 180px; background-position: left top; background-repeat: no-repeat; margin-left: 20px; }
#home_summary .headings a:hover { background-position: left -31px; }
#home_summary .headings a span { display: block; width: 0; height: 0; overflow: hidden; }
#home_summary .headings .col1 a { background-image: url(images/hsum-heading_blog.gif); }
#home_summary .headings .col2 a { background-image: url(images/hsum-heading_services.gif); }
#home_summary .headings .col3 a { background-image: url(images/hsum-heading_work.gif); }
#home_summary .content { background: url(images/bg_hsum-bot.png) no-repeat bottom; padding: 10px 0; }
#home_summary .content .col1 { text-align: left; }
#home_summary .content .col1 p { margin-right: 15px; margin-left: 15px; font-size: 12px; }
#home_summary .content .col1 p.title { margin-bottom: 4px; }
#home_summary .content .col1 p.continue { text-align: right; border-top: 1px solid #4e4e4e; margin-bottom: 0; padding: 10px 0 0; }
#home_summary .content .col2 { padding-top: 10px; }


/*------------------------------
=Container */
#page_wrapper { width: 960px; margin: 0 auto; }


/*------------------------------
=Sidebar */
#aside { width: 170px; float: left; font-size: 12px; padding: 0 0 50px 10px; }
#aside a.logo { display: block; width: 170px; height: 221px; background: url(images/logo.png) no-repeat top left; margin-bottom: 30px; }
#aside .logo span { display: block; width: 0; height: 0; overflow: hidden; }
#aside .widget { margin: 0 0 20px; }
#aside .widget a.play_reel { display: block; background: url(images/btn_sidebar_demo-reel.png) no-repeat top; width: 160px; height: 212px; text-indent: -9999px; }
#aside .widget a.play_reel:hover { background-position: 0 -212px; }
#aside .widget .call_contact { width: 160px; }
#aside .widget .call_contact .text { width: 160px; background: url(images/bg_sidebar_contact.png) no-repeat top; }
#aside .widget .call_contact .text p { color: #ccc; font-size: 12px; margin: 0; padding: 45px 15px 15px; }
#aside .widget .call_contact .text p a { color: #ccc; text-decoration: underline; font-weight: normal; }
#aside .widget .call_contact a.button { display: block; background: url(images/btn_sidebar_contact.png) no-repeat top; width: 160px; height: 50px; text-indent: -9999px; }
#aside .widget .call_contact a.button:hover { background-position: 0 -50px; }
#aside .widget h4 { font: 20px "Arial Narrow", Helvetica, sans-serif; text-transform: uppercase; color: #fff; margin: 0 0 4px 0; }
#aside .widget ul li { margin-bottom: 2px; }
#aside .widget ul li a { color: #eee; font-weight: normal; text-decoration: underline; }
#aside .widget ul li a:hover { color: #999; }
#aside .widget_text p { line-height: 1.4; }

#aside #text-14 { display: none; }
body.page-template-page-bio-owner-php #aside #text-14,
body.page-template-page-work-php #aside #text-14 { display: block; }

/*------------------------------
=Content */
#content { width: 640px; float: right; padding: 0 70px 50px 0;}
#content .container .top { background: url(images/bg_content-top.png) no-repeat top; width: 640px; height: 15px; }
#content .container .mid { background: url(images/bg_content-mid.png) repeat-y; width: 640px; padding: 1px 0; }
#content .container .bot { background: url(images/bg_content-bot.png) no-repeat bottom; width: 640px; height: 15px; }
#content .container p,
#content .container h1,
#content .container h2,
#content .container h3,
#content .container h4,
#content .container h5 { padding: 0 20px; line-height: 1.5; }
#content .container ul { padding: 0 40px; line-height: 1.5; }
#content .container ul li { list-style: disc; margin: 0 0 4px; }
#content .container blockquote { font: 17px "Times New Roman", Times, serif; padding-left: 5px; margin: 30px 30px 10px 50px; color: #ddd; }
#content .container blockquote p { margin-bottom: 10px; padding-left: 10px; }
#content .container blockquote strong.author { font: 12px Arial, Helvetica, sans-serif; color: #999; text-transform: uppercase; }

/* General Tabs --- */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); z-index: 10; }
.ui-tabs .ui-tabs-hide { display: none; }
/* ---General Tabs */

/*GROUP*/
#group_content { border-bottom: 1px dotted #757575; margin-bottom: 30px; }
#group_content .col1 { width: 375px; padding: 0 0 15px 0; float: left; }
#group_content .col2 { width: 250px; padding: 20px 0 15px 0; float: right; text-align: left; }
#group_slideshow { width: 594px; height: 439px; margin: 0 auto; position: relative; margin-bottom: 10px; }
#group_slideshow .prev img { width: 40px; height: 40px; position: absolute; top: 0; left: 0; z-index: 20; }
#group_slideshow .prev:hover img { opacity: .7; }
#group_slideshow .next img { width: 40px; height: 40px; position: absolute; top: 0; right: 0; z-index: 20; }
#group_slideshow .next:hover img { opacity: .7; }
#group_slideshow .pause { display:block; width: 140px; position: absolute; bottom: 0; right: 0; z-index: 20; padding: 5px 6px; opacity: .7; font-size: 11px; color: #f90649; background-color: #222; }
#group_slideshow .slides img { width: 594px; height: 439px; }

/*bio*/
#page_bio { margin-top: 70px; }
#page_bio big { font-weight: bold; }
#page_bio h1.name { text-align: left; margin: 0; padding: 0 20px; }
#page_bio h2.title { color: #f90649; margin: -15px 0 20px 0; padding: 0 20px; }
#page_bio #group_content { border-bottom: 0; margin-bottom: 0; }
#page_bio #interview { margin: 0 20px; padding-top: 10px; border-top: 1px dotted #757575; }
#page_bio #interview p,
#page_bio #interview h2,
#page_bio #interview h3 { padding-left: 0; padding-right: 0; }
#page_bio #interview h3 { font-size: 20px; }
#page_bio #interview h4 { font: bold 14px Arial, Helvetica, sans-serif; color: #41edf2; margin: 25px 0 15px 0; padding: 0; }

/*PROCESS*/
#process01 { background: url(images/bg_process01.png) no-repeat top; padding: 0 0 1px; position: relative; display: block; width: 620px; margin: 0 auto 20px; }
#process02 { background: url(images/bg_process02.png) no-repeat top; padding: 0 0 1px; position: relative; display: block; width: 620px; margin: 0 auto 20px; }
#process03 { background: url(images/bg_process03.png) no-repeat top; padding: 0 0 1px; position: relative; display: block; width: 620px; margin: 0 auto 20px; }

/*CONTACT*/
#contact_content { font-size: 16px; padding: 0 15px; }
#content .container #contact_content p { padding: 0 0 0 150px; }
#contact_content .phone { background: url('images/icon_contact-phone.png') no-repeat 20px 10px; padding: 20px 0 30px; border-bottom: 1px dotted #757575; }
#contact_content .mail { background: url('images/icon_contact-mail.png') no-repeat 20px 20px; padding: 20px 0; border-bottom: 1px dotted #757575; }
#contact_content .email { background: url('images/icon_contact-email.png') no-repeat 20px 20px; padding: 20px 0 10px; }
#contact_content .email a { text-decoration: underline; font-weight: normal; }
#contact_content .email a.popup_form { background: url(images/icon_form-popup.png) no-repeat right center; padding-right: 12px; }

/*SERVICES*/
#content ul.services_grid { margin: 0; padding: 0; list-style: none; }
#content ul.services_grid li { float: left; display: block; width: 200px; height: 112px; list-style: none; margin: 0 0 10px 10px; padding: 0; }
#content ul.services_grid li a { display: block; position: relative; width: 200px; height: 112px; float: left; margin: 0; padding: 0; }
#content ul.services_grid li a img { width: 200px; height: 112px; position: absolute; bottom: 0; left: 0; z-index: 8; }
#content ul.services_grid li a .overlay { width: 200px; background: url(images/bg_70t.png); color: #fff; position: absolute; top: 0px; left: 0; z-index: 15; }
#content ul.services_grid li a .overlay .inner { display: none; color: #f90649; font-weight: normal; padding: 2px 0 0 8px; }
#content ul.services_grid li a .overlay h3 { font-size: 18px; font-weight: bold; margin: 0; padding: 1px 2px 2px 8px; }
#content ul.services_grid li a .overlay p { font-size: 11px; font-weight: normal; line-height: 1.2; margin: 0; padding: 0 8px; }
#content ul.services_grid li .box_learn_more { display: none; }

/*WORK*/
#content #section_tabs .mid { padding-top: 15px; }

#content #section_tabs ul.nav { margin: 0; padding: 0; list-style: none; }
#content #section_tabs ul.nav li { float: left; list-style: none; margin: 0; padding: 0; }
#content #section_tabs ul.nav li a { float: left; display: block; color: #fff; font: 24px "Arial Narrow", Arial, Helvetica, sans-serif; background: url(images/bg_tab.png) no-repeat top left; width: 195px; height: 40px; margin: 0 0 0 -5px; padding: 6px 0 0 15px; }
#content #section_tabs ul.nav li a:hover { color: #f90649; }
#content #section_tabs ul.nav li.first a { margin: 0; }
#content #section_tabs ul.nav li.ui-tabs-selected a { background-position: 0 -46px; color: #41edf2; }

#content ul.video_grid { margin: 0; padding: 0; list-style: none; }
#content ul.video_grid li { float: left; list-style: none; margin: 0 0 10px 10px; padding: 0; }
#content ul.video_grid li a { display: block; position: relative; width: 200px; height: 112px; float: left; margin: 0; padding: 0; }
#content ul.video_grid li a img { width: 200px; position: absolute; bottom: 0; left: 0; z-index: 8; }
#content ul.video_grid li a .overlay { display: none; width: 200px; height: 112px; background: url(images/bg_video-grid-overlay.png) no-repeat top left; color: #fff; position: absolute; bottom: 0; left: 0; z-index: 15; }
#content ul.video_grid li a .overlay h3 { font-size: 12px; font-weight: bold; margin: 0 0 3px; padding: 8px 8px 0 8px; }
#content ul.video_grid li a .overlay p { font-size: 11px; font-weight: normal; line-height: 1.2; margin: 0; padding: 0 8px; }

#content ul.video_list { margin: 0; padding: 0; list-style: none; }
#content ul.video_list li { float: left; list-style: none; margin: 0 8px; padding: 8px 0; border-bottom: 1px dotted #8c8b8c; }
#content ul.video_list li .video { width: 200px; float: left; }
#content ul.video_list li .video a { display: block; position: relative; width: 200px; height: 112px; float: left; margin: 0; padding: 0; }
#content ul.video_list li .video a img { width: 200px; position: absolute; bottom: 0; left: 0; z-index: 8; }
#content ul.video_list li .video a .overlay { display: none; width: 200px; height: 112px; background: url(images/bg_video-overlay.png) no-repeat top left; color: #fff; position: absolute; bottom: 0; left: 0; z-index: 15; }
#content ul.video_list li .video a .overlay span { display: block; width: 0; height: 0; overflow: hidden; }
#content ul.video_list li .description { width: 370px; float: left; padding: 0 25px; }
#content ul.video_list li .description h3 { font: 20px "Arial Narrow", Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 4px; padding: 0; }
#content ul.video_list li .description p { color: #ccc; padding: 0; }

#content ul.audio_list { margin: 0; padding: 0; list-style: none; }
#content ul.audio_list li { float: left; list-style: none; margin: 0 10px; padding: 8px 0; border-bottom: 1px dotted #8c8b8c; }
#content ul.audio_list li .description { width: 290px; float: left; padding: 0 25px 0 5px; }
#content ul.audio_list li .description h3 { font: 20px "Arial Narrow", Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 4px; padding: 0; }
#content ul.audio_list li .description p { color: #ccc; padding: 0; }
#content ul.audio_list li .audio { width: 295px; float: left; padding: 25px 0 0 0; }
#content ul.audio_list li.audio_award .description h3 { background: url('images/icon_work_award.png') no-repeat 0 5px; padding-left: 24px; }

#content #award_key { padding: 15px 15px 0 15px; clear: both; font-size: 11px; }
#content #award_key p { padding: 15px 0 0 40px; background: url('images/icon_work_award.png') no-repeat 12px 20px; border-top: 1px dotted #777; }

/*AWARDS*/
#content .awards .container { margin-bottom: 30px; }
#content .awards .container .mid { padding-bottom: 15px; }
#content .awards #award_addy .mid { background: url(images/bg_content_award-addy.png) no-repeat top; }
#content .awards #award_telly-silver .mid { background: url(images/bg_content_award-telly-silver.png) no-repeat top; }
#content .awards #award_telly-bronze .mid { background: url(images/bg_content_award-telly-bronze.png) no-repeat top; }
#content .awards .award-list { padding: 100px 0 0 100px; }
#content .awards .award-list h2 { display: none; }
#content .awards .award-list h4 { font-weight: normal; }
#content .container .award-list ul { list-style: none; margin: 0; padding: 0 20px; }
#content .container .award-list ul li { list-style: none; margin: 0 0 2px; padding: 0; }


/*CLIENT PITCH*/
.pitchcol { width: 186px; padding: 0 0 0 20px; float: left; }
#content .pitchcol h2 { margin: 0 0 2px; padding: 0; color: #f90649; }
#content .pitchcol ul { margin: 0 0 20px; padding: 0; list-style: none; }
#content .pitchcol ul li { margin: 0; padding: 0; list-style: none; border-bottom: 1px dotted #737373; }
#content .pitchcol ul li a { display: block; width: 186px; }

/*BLOG*/
#content .post h2 a { color: #fff; }
#content .post h2 a:hover { color: #f90649; }
#content .post p.meta { color: #bbb; border-top: 1px dotted #727272; border-bottom: 1px dotted #727272; margin: 8px 20px; padding: 4px 0; }
#content .post p.meta a { color: #bbb; font-weight: normal; text-decoration: underline; }
#content .post-excerpt p.options { margin-bottom: 20px; }
#content .post-excerpt p.options a { color: #bbb; font-weight: normal; text-decoration: underline; }
#content .post-single h1 { font: 38px "Arial Narrow", Helvetica, sans-serif; font-weight: normal; color: #fff; text-align: left; margin: 0 0 8px; }

#content .breadcrumb { padding: 0 20px 5px; font-size: 12px; }

#content h2#comments,
#content h2.lc { margin-top: 40px; }
#content .comment-list { list-style: none; margin: 0; padding: 0 0 0 20px; }
#content .comment-list li { clear: both;padding: 12px 0 12px; border-bottom: 1px dotted #727272 ;}
#content .comment-list li .meta {float: left;width: 200px;}
#content .comment-list li .comment {float: left;width: 400px;}
#content .comment-list li .avatar {float: left;margin-right: 4px;}


/*------------------------------
=WordPress Styles */
/* Captions */
.aligncenter,
div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {border: 3px double #ccc;text-align: center;background-color: #eee;padding-top: 4px;margin: 10px 10px 18px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px; margin: 0;}
/* End captions */

/* Begin Images */
p img {padding: 0;max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 0;margin: 0 0 5px 8px;display: inline;}
img.alignleft {padding: 0;margin: 0 8px 5px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left}
/* End Images */


/*------------------------------
=Footer */
#footer_wrapper { clear: both; width: 100%; background-color: #030303; border-top: 1px solid #702335; }
#footer_wrapper #footer { width: 960px; margin: 0 auto; font-size: 14px; color: #bbb; padding: 20px 70px 20px 0; }
#footer_wrapper #footer p { line-height: 1.5; }
#footer_wrapper #footer a { color: #bbb; text-decoration: underline; }
#footer_wrapper #footer a:hover { color: #fff; }
#footer_wrapper #footer .connect { width: 650px; float: right; }
#footer_wrapper #footer .connect ul.utilities { border-right: 1px solid #424242; padding-right: 25px;}
#footer_wrapper #footer .connect ul.social { float: right; padding-left: 25px;}
#footer_wrapper #footer .connect ul { float: left; margin: 0; }
#footer_wrapper #footer .connect ul li { float: left; }
#footer_wrapper #footer .connect ul li a { float: left; }
#footer_wrapper #footer .connect ul li a:hover { opacity: .7; }
#footer_wrapper #footer .contact { width: 650px; float: right; padding: 20px 0 0 0; }
#footer_wrapper #footer .contact p.phone { display: block; width: 220px; float: right; font-size: 16px; }
#footer_wrapper #footer .contact p.address { display: block; width: 220px; float: right; padding-left: 90px; }
#footer_wrapper #footer p.copyright { clear: both; font-size: 11px; color: #777; text-align: right; margin-bottom: 0; }

/*-------------------------------
Awards
@theandystratton - 2011-08-04
*/
#content ul.video_list li .video a img.award,
#content ul.video_grid li a img.award,
#content ul.services_grid li a img.award { position: absolute; top: 5px; left: 5px; z-index: 10; height: auto; width: auto; }