/*
Theme Name: we are pixel8, inc.
Theme URI: http://www.wearepixel8.com/wp-content/themes/wearepixel8_v2/
Description: Custom WordPress Theme for wearepixel8.com
Version: 2.0
Author: Erik Ford for we are pixel8, inc.
Author URI: http://www.wearepixel8.com/
*/

/* Miscellaneous Styles */
body { font: 62.5% "grad-1", "grad-2", serif; background-color: #19233f; }
body.mceContentBody { background: none; }
.wrapper { width: 960px; margin: 0 auto; position: relative; }
.clear { display: inline-block; }
.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.left { float: left; }
.right { float: right; }

/* Masthead */
#grid { width: 100%; position: relative; background: url(images/grid_bg.gif); padding: 85px 0 0; }
#masthead { width: 940px; height: 30px; margin: 0 0 40px; padding: 0 10px; position: relative; }

/* Logo and Site Navigation */
.logo { display: block; width: 160px; height: 45px; background: url(images/logo.png) no-repeat 0 0; text-indent: -9999px; position: absolute; right: 10px; top: -65px; }
ul#main_nav { width: 940px; height: 30px; background: url(images/nav_bar.png) no-repeat 0 0; }
ul#main_nav > li { float: left; }
.main_home, .main_work, .main_about, .main_blog, .main_contact, .main_client { display: block; height: 30px; text-indent: -9999px; }
.main_home { width: 110px; }
.main_work, .main_about, .main_blog, .main_contact, .main_client { width: 120px; }
.main_home { background: url(images/main_nav.png) no-repeat 0 0; }
.main_home:hover, #home .main_home { background-position: 0 -35px; }
.main_work { background: url(images/main_nav.png) no-repeat -110px 0; }
.main_work:hover, #work .main_work { background-position: -110px -35px; }
.main_about { background: url(images/main_nav.png) no-repeat -230px 0; }
.main_about:hover, ul#main_nav li.hover .main_about, #about-us .main_about { background-position: -230px -35px; }
.main_blog { background: url(images/main_nav.png) no-repeat -350px 0; }
.main_blog:hover, #journal .main_blog { background-position: -350px -35px; }
.main_contact { background: url(images/main_nav.png) no-repeat -470px 0; }
.main_contact:hover, ul#main_nav li.hover .main_contact, #contact .main_contact { background-position: -470px -35px; }
.main_client { background: url(images/main_nav.png) no-repeat -590px 0; }
.main_client:hover { background-position: -590px -35px; }

/* Main Navigation Drop Down Menu */
ul#main_nav li.dropdown { position: relative; }
ul#main_nav ul { -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; background: url(images/dropdown_bg.png); width: 145px; height: auto; position: absolute; top: 100%; left: 0; visibility: hidden; z-index: 500; font: 1.025em "Helvetica Neue", Helvetica, Arial, sans-serif; }
ul#main_nav ul > li { border-top: 1px solid #2f2f2f; }
ul#main_nav ul > li:first-child { border: none; }
ul#main_nav ul > li a, ul#main_nav ul > li a:visited { color: #858585; text-transform: uppercase; font-weight: bold; text-decoration: none; padding: 8px 10px; display: block; }
ul#main_nav ul > li a:hover, ul#main_nav ul > li a:active { color: #fff; }

/* Page Headings */
.pagehead { width: 940px; margin: 0 10px; position: relative; }
.pagehead.padding { padding: 40px 0; }
.intro, .intro_divide { width: 660px; padding: 0 60px 40px 0; }
.intro a, .intro_divide a, .intro a:visited, .intro_divide a:visited { color: #a3238b; text-decoration: none; border-bottom: 1px dotted #a3238b; }
.intro a:hover, .intro_divide a:hover, .intro a:active, .intro_divide a:active { border-bottom: 1px solid #a3238b; }
.intro_divide { background: url(images/intro_divide.png) no-repeat top right; }
.intro h1, .intro_divide h1 { margin: 0 0 20px; font: 2.8em/1.2em 'ClarendonFSMedium', Georgia, serif; color: #444; letter-spacing: -1px; word-spacing: -0.03em; }
.intro, .intro_divide p { font-size: 1.75em; color: #858585; line-height: 1.375em; }

/* Page Headings Sub Navigation */
ul.pagehead_subnav { width: 180px; }
ul.pagehead_subnav > li { margin: 0 0 20px; }
.start_project, .our_services, .say_hi, .browse_portfolio { display: block; width: 180px; height: 45px; position: relative; }
.start_project *, .our_services *, .say_hi *, .browse_portfolio * { display: none; }
.start_project { background: url(images/start_project.png) no-repeat 0 0; }
.start_project span.hover { display: block; width: 180px; height: 45px; position: absolute; top: 0; left: 0; background: url(images/start_project.png) 0 -50px; }
.our_services { background: url(images/our_services.png) no-repeat 0 0; }
.our_services span.hover { display: block; width: 180px; height: 45px; position: absolute; top: 0; left: 0; background: url(images/our_services.png) 0 -50px; }
.say_hi { background: url(images/say_hi.png) no-repeat 0 0; }
.say_hi span.hover { display: block; width: 180px; height: 45px; position: absolute; top: 0; left: 0; background: url(images/say_hi.png) no-repeat 0 -50px; }
.browse_portfolio { background: url(images/browse_portfolio.png) no-repeat 0 0; }
.browse_portfolio span.hover { display: block; width: 180px; height: 45px; position: absolute; top: 0; left: 0; background: url(images/browse_portfolio.png) no-repeat 0 -50px; }

/* Home Page Slideshow */
#home_slideshow { position: relative; width: 940px; height: 400px; z-index: 100; margin: -45px 0 0; }
#home_slides li { position: relative; }
.project-link { height: 22px; background: url(images/recent_work.png) no-repeat 0 0; padding: 8px 10px 0 125px; position: absolute; bottom: 40px; left: 0; z-index: 200; }
.project-link a, .project-link a:visited { color: #fff; text-decoration: none; text-transform: uppercase; font: 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif; }
.project-link a:hover, .project-link a:active { text-decoration: underline; }
#homeslide_nav { width: 60px; height: 10px; position: absolute; bottom: -25px; left: 440px; }
#homeslide_nav a { display: block; width: 10px; height: 10px; float: left; margin: 0 10px 0 0; text-indent: -9999px; background: url(images/slideshow_nav.png) no-repeat 0 0; }
#homeslide_nav a:hover, #homeslide_nav a.activeSlide { background-position: 0 -15px; }

/* Home Page Intro */
#homeintro { width: 940px; margin: 0 10px; position: relative; padding: 40px 0 60px; background: url(images/homeintro_bg.jpg) no-repeat right top; }
#homeintro h2 { display: block; width: 400px; font: 2.5em/1.2em 'ClarendonFSLight', Georgia, serif; color: #26345a; float: left; text-align: right; letter-spacing: -1px; word-spacing: 2px; }
#action { position: relative; width: 520px; float: right; }
#action p { font-size: 1.5em; line-height: 1.6em; color: #696969; margin: 0 0 20px; }
#action-nav li { float: left; margin: 0 0 0 20px; }
#action-nav li:first-child { margin: 0; }
.action-services, .action-work, .action-start { display: block; width: 160px; height: 45px; position: relative; }
.action-services *, .action-work *, .action-start * { display: none; }
.action-services { background: url(images/action_services.png) no-repeat 0 0; }
.action-services span.hover { display: block; width: 160px; height: 45px; position: absolute; top: 0; left: 0; background: url(images/action_services.png) no-repeat 0 -50px; }
.action-work { background: url(images/action_work.png) no-repeat 0 0; }
.action-work span.hover { display: block; width: 160px; height: 45px; position: absolute; top: 0; left: 0; background: url(images/action_work.png) no-repeat 0 -50px; }
.action-start { background: url(images/action_start.png) no-repeat 0 0; }
.action-start span.hover { display: block; width: 160px; height: 45px; position: absolute; top: 0; left: 0; background: url(images/action_start.png) no-repeat 0 -50px; }

/* Search Form */
.show_search { display: block; width: 150px; height: 30px; text-indent: -9999px; background: url(images/toggle_search.gif) no-repeat 0 0; margin: 30px 0 0; border: none !important; }
.hide_search { display: block; width: 150px; height: 30px; text-indent: -9999px; background: url(images/toggle_search.gif) no-repeat 0 -35px; border: none !important; }
#toggle_search { width: 660px; height: 65px; position: relative; }
#searchform { width: 640px; height: 45px; background: url(images/searchform_bg.gif) no-repeat 0 0; padding: 10px; position: relative; }
#searchform label { display: none; }
#searchform #s { width: 490px; height: 45px; background: url(images/searchinput.jpg) no-repeat 0 0; padding: 0 20px; color: #ccc; font: 500 1.4em "Helvetica Neue", Helvetica, Arial, sans-serif;  }
#searchform #s:focus { color: #858585; }
#searchform #searchsubmit { position: absolute; right: 10px; top: 10px; }

/* Core Content */
#core_bg { width: 100%; position: relative; padding: 40px 0 0; background: #e6e6e6 url(images/core_bg.jpg) repeat-x; }
#columns { position: relative; width: 960px; padding: 0 0 40px; }

/* Portfolio Filter */
#portfolio_filter { width: 490px; height: 50px; position: relative; margin: 0 0 0 10px; padding: 0 0 40px; }
#portfolio_filter h2 { display: block; width: 120px; height: 50px; text-indent: -9999px; background: url(images/h2_browsetype.gif) no-repeat 0 0; float: left; }
ul.filter_nav { width: 370px; height: 50px; float: right; }
ul.filter_nav > li { float: left; }
.all_designs a, .web_designs a, .print_designs a, .id_designs a { margin: 10px 0 0 10px; text-indent: -9999px; display: block; height: 30px; }
.all_designs a { background: url(images/portfolio_filter.png) no-repeat 0 0; width: 40px; }
.all_designs a:hover, .all_designs a.current { background-position: 0 -35px; }
.web_designs a { background: url(images/portfolio_filter.png) no-repeat -50px 0; width: 85px; }
.web_designs a:hover, .web_designs a.current { background-position: -50px -35px; }
.print_designs a { background: url(images/portfolio_filter.png) no-repeat -145px 0; width: 95px; }
.print_designs a:hover, .print_designs a.current { background-position: -145px -35px ;}
.id_designs a { background: url(images/portfolio_filter.png) no-repeat -250px 0; width: 110px; }
.id_designs a:hover, .id_designs a.current { background-position: -250px -35px; }

/* Portfolio Layout */
ul#filter-portfolio > li { float: left; margin: 0 10px 40px; color: #858585; width: 220px;  }
.thumb { position: relative; width: 218px; height: 118px; border-style: solid; border-width: 1px; border-color: #fff #ccc #ccc #fff; margin: 0 0 10px; }
.thumb a { display: block; border: 4px solid #fff; }
.thumb a.fade_thumb { width: 210px; height: 110px; }
.thumb span { width: 210px; height: 110px; overflow: hidden; display: block; }
.project_title { position: relative; width: 220px; }
.project_title h3 { text-transform: uppercase; font: bold 1.15em "Helvetica Neue", Helvetica, Arial, sans-serif;  }
.project_title p { display: block; margin: 3px 0 0; text-transform: lowercase; font-style: italic; font-family: "grad-1", "grad-2", serif; font-size: 1.3em; }

/*Portfolio Detail Page */
#portfolioitem_header { width: 940px; margin: 0 10px 20px; position: relative; }
#portfolioitem_title { float: left; width: 580px; text-align: right; position: relative; }
#portfolioitem_title h1 { font: bold 2em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; letter-spacing: -0.025em; }
#portfolioitem_nav { width: 340px; height: 20px; float: right; }
#portfolioitem_nav ul { width: 90px; height: 20px; margin: 0 auto; display: block; }
#portfolioitem_nav ul li { float: left; }
.prev_project a, .next_project a { display: block; width: 15px; height: 20px; text-indent: -9999px; }
.prev_project a { margin: 0 20px 0 0; background: url(images/prev_project.gif) no-repeat 0 0; }
.next_project a { margin: 0 0 0 20px; background: url(images/next_project.gif) no-repeat 0 0; }
.return_portfolio { display: block; width: 20px; height: 20px; text-indent: -9999px; background: url(images/return_portfolio.png) no-repeat 0 0; }
.prev_project a:hover, .next_project a:hover, .return_portfolio:hover { background-position: 0 -25px; }
#portfolioitem_details { width: 960px; margin: 0 0 40px; position: relative; }
#portfolioitem_images { position: relative; width: 580px; height: 605px; margin: 0 0 0 -10px; background: url(images/portfolioitem_imagesbg.png) no-repeat 0 0; float: left; padding: 20px 0 0 40px; }
#portfolioslide_nav { width: 60px; height: 10px; position: absolute; left: 20px; top: -35px; }
#portfolioslide_nav a { display: block; width: 10px; height: 10px; float: left; margin: 0 10px 0 0; text-indent: -9999px; background: url(images/slideshow_nav.png) no-repeat 0 0; }
#portfolioslide_nav a:hover, #portfolioslide_nav a.activeSlide { background-position: 0 -15px; }
#portfolioitem_text { position: relative; width: 340px; margin: 0 10px 0 0; float: right; padding: 20px 0 0; }
#portfolioitem_text p { color: #696969; font-size: 1.5em; line-height: 1.6em; margin: 0 0 25px; }
#portfolioitem_text blockquote { padding: 5px 0 0 40px; background: url(images/blockquote_bg.gif) no-repeat 0 0; font-style: italic; }
.livesite { display: block; width: 160px; height: 45px; text-indent: -9999px; background: url(images/launchsite.png) no-repeat 0 0; border: none !important; }
.livesite:hover { background-position: 0 -50px; }
#portfolioitems_related { width: 960px; position: relative; padding: 0 0 30px; }
#portfolioitems_related h2 { display: block; width: 145px; height: 15px; padding: 0 0 15px; margin: 0 0 0 10px; background: url(images/h2_moreprojects.gif) no-repeat 0 0; text-indent: -9999px; }
ul#related-list > li { float: left; margin: 10px; color: #858585; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 220px;  }

/* Contact Pages */
#step_1, #contact_info { position: relative; float: left; width: 340px; margin: 0 0 0 10px; }
#contact_info { background: url(images/color_logo.png) no-repeat right top; padding: 70px 0 0; }
#contact_info a, #contact_info a:visited { color: #a3238b; text-decoration: none; border-bottom: 1px dotted #a3238b; }
#contact_info a:hover, #contact_info a:active { border-bottom: 1px solid #a3238b; }
#contact_details ul { font: 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #696969; width: 340px; }
#contact_details ul li { padding: 20px 0; background: url(images/contact_divider.gif) repeat-x left bottom; overflow: auto; }
#contact_details ul li h2 { text-transform: uppercase; float: left; color: #444; }
.phone_number { background: url(images/phone.gif) no-repeat left center; padding: 3px 0 3px 15px; }
.email_contact { background: url(images/envelope.gif) no-repeat left center; padding: 3px 0 3px 25px; }
.contact_address { background: url(images/office.gif) no-repeat left center; padding: 3px 0 3px 18px; }
#contact_details ul li p, .mail_address { width: 170px; text-align: right; float: right; padding: 3px 0 0; }
.mail_address { position: relative; padding: 3px 0 0; }
.mail_address address { font-style: normal; }
#step_1 p { color: #696969; font-size: 1.5em; line-height: 1.6em; margin: 0 0 20px; }
#step_2, #sayhi_form { position: relative; float: right; width: 520px; margin: 0 10px 0 0; }
#step_1 h2, #step_2 h2, #sayhi_form h2 { color: #444; font: 2.5em 'ClarendonFSMedium', Georgia, serif; margin: 0 0 35px; letter-spacing: -0.02em; word-spacing: -0.03em; }
.wpcf7-form label { font: bold 1.15em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #696969; }
.wpcf7-form label.label-break { display: block; }
.wpcf7-form label em { font: italic 1.2em "grad-1", "grad-2", serif; color: #a3238b; }
.contact-text { width: 330px; height: 47px; display: block; background: url(images/contact-text.png) no-repeat 0 0; color: #696969; font: 2em "Hoefler Text", Garamond, "Times New Roman", Times, serif; padding: 0 15px; margin: 2px 0 20px; }
.contact-select { display: block; margin: 2px 0 20px; background-color: #f8f8f8; border: 1px solid #c5c5c5; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font: 1.15em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #696969; width: 405px; }
.contact-textarea { display: block; width: 490px; height: 247px; background: url(images/contact_textarea.png) no-repeat 0 0; overflow: auto; border: none; padding: 15px; color: #696969; font: 1.5em/1.6em "Hoefler Text", Garamond, "Times New Roman", Times, serif; margin: 2px 0 20px; }
#request-check { margin: 5px 0 20px; background-color: #f8f8f8; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #c5c5c5; display: inline-block; }
#request-planner { display: block; margin: 2px 0 20px; border: #fff; }
.wpcf7-quiz-label { font: 1.15em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #696969; }
.request-quiz, .hi-quiz { display: block; margin: 2px 0 20px; }
.contact-quiz { width: 20px; height: 47px; background: url(images/contact_quiz.png) no-repeat 0 0; color: #696969; font: 2em "Hoefler Text", Garamond, "Times New Roman", Times, serif; padding: 0 15px; margin: 0 0 0 8px; }
.wpcf7-list-item { margin: 0 12px 0 0 !important; }
.wpcf7-list-item-label { font-weight: normal; }
.contact-submit { width: 180px; height: 45px; background: url(images/blank_button.png) no-repeat 0 0; color: #fff; font: bold 1.175em "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-shadow: 0 2px 3px #4e7b13; cursor: pointer; }
#contact_social { position: relative; width: 340px; margin: 40px 0 0; }
#contact_social ul li { float: left; margin: 0 20px 0 0; }
.contact_twitter { display: block; width: 40px; height: 40px; text-indent: -9999px; background: url(images/twitter_vector.gif) no-repeat 0 0; border: none !important; }
.contact_flickr { display: block; width: 40px; height: 40px; text-indent: -9999px; background: url(images/flickr_vector.gif) no-repeat 0 0; border: none !important; }
.contact_twitter:hover, .contact_flickr:hover { background-position: 0 -45px; }

/* Contact Form Messages */
.wpcf7-response-output { margin: 20px 0 0 !important; padding: 0 !important; font: italic 1.4em "Hoefler Text", Garamond, "Times New Roman", Times, serif; color: #a3238b; }
.wpcf7-mail-sent-ok, .wpcf7-mail-sent-ng, .wpcf7-validation-errors { border: none !important; }
.wpcf7-not-valid-tip { border: 2px dashed #a3238b !important; padding: 5px !important; color: #696969 !important; }

/* About Pages */
#about-wrapper { position: relative; width: 940px; margin: 0 10px; padding: 0 0 40px; }
#about-subnav { position: relative; width: 220px; float: left; padding: 40px 0 0; }
#about-subnav ul li { background: url(images/contact_divider.gif) repeat-x top left; padding: 10px 0; }
#about-subnav ul li:first-child { background-image: none; padding: 0 0 10px; }
#about-subnav ul li a, #about-subnav ul li a:visited { display: block; width: 205px; height: 23px; background: url(images/about_subnav.png) no-repeat 0 0; text-decoration: none; text-transform: uppercase; font: bold 1.1em/1 "Helvetica Neue", Helvetica, Arial, sans-seif; color: #777; padding: 8px 0 0 15px; }
#about-subnav ul li a:hover, #about-subnav li a:active, #about-subnav ul li.about-current a { background-position: 0 -36px; color: #fff; }
#about-content { position: relative; width: 620px; padding: 40px 40px 60px; background: #fff url(images/aboutcontent_bg.jpg) no-repeat bottom left; float: right; }
#about-columns { position: relative; width: 620px; }
.about-column { position: relative; width: 290px; }
.about-banner { background-color: #f7f7f7; width: 610px; height: 55px; padding: 10px 0 0 10px; position: relative; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; margin: 40px 0 0; }
.about-banner p { width: 400px; font: 1.2em/1.6em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; }
.banner-button { position: absolute; right: 10px; top: 10px; }

/* About Us */
#story { position: relative; width: 620px; }
#story h2 { font: bold 2.4em/28px "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -0.015em; color: #444; margin: 0 0 40px; }
#story h4 { color: #444; font: bold 1.6em "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 10px; }
#story p { color: #444; font-size: 1.55em; line-height: 1.5em; word-spacing: -0.015em; margin: 0 0 20px; }
#story p:last-child { margin: 0; }

/* Meet the Team */
.team-member h2, .team-member h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  }
.team-member h2 { text-transform: uppercase; color: #c7c7c7; margin: 0 0 10px; font-size: 1.1em; position: absolute; top: 155px; right: 0; }
.team-member h3 { color: #444; font-size: 1.4em; }
.team-member img { margin: 0 0 10px; }
.team-member small { display: block; margin: 0 0 20px; color: #444; font-style: italic; font-size: 1.25em; }
.team-member p { color: #444; font-size: 1.55em; line-height: 1.5em; word-spacing: -0.015em; }
.team-member a, .team-member a:visited { text-decoration: none; color: #a3238b; border-bottom: 1px dotted #a3238b; }
.team-member a:hover, .team-member a:active { border-bottom: 1px solid #a3238b; }
.team-member ul { margin: 10px 0 0; font: 1.15em "Helvetica Neue", Helvetica, Arial, sans-serif; }
.team-member ul li { float: left; margin: 0 10px 0 0; }

/* Our Services */
.services-overview { position: relative; width: 500px; padding: 0 0 0 120px; }
.pad { margin: 0 0 40px; }
.webdev { background: url(images/web-service.jpg) no-repeat 0 0; }
.graphic { background: url(images/graphic-service.jpg) no-repeat 0 0; }
.identity-services { background: url(images/identity.jpg) no-repeat 0 0; }
.copy { background: url(images/copy.jpg) no-repeat 0 0; }
.services-overview h2 { color: #444; font: bold 1.6em "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 10px; }
.services-overview p { color: #444; font-size: 1.55em; line-height: 1.5em; word-spacing: -0.015em; }
.services-overview ul { color: #444; font-size: 1.55em; word-spacing: -0.015em; text-transform: lowercase; width: 450px; font-style: italic; margin: 10px 0 0; }
.services-overview ul li { float: left; width: 205px; padding: 3px 0 3px 20px; background: url(images/checkmark.png) no-repeat left center; }
.webdesign-button, .graphicdesign-button, .identitydesign-button { display: block; width: 160px; height: 45px; position: relative; margin: 20px 0 0; }
.webdesign-button *, .graphicdesign-button *, .identitydesign-button * { display: none; }
.webdesign-button { background: url(images/webdesign_button.png) no-repeat 0 0; }
.webdesign-button span.hover { display: block; width: 160px; height: 45px; position: absolute; top: 0; left: 0; background: url(images/webdesign_button.png) no-repeat 0 -50px; }
.graphicdesign-button { background: url(images/printdesign_button.png) no-repeat 0 0; }
.graphicdesign-button span.hover { display: block; width: 160px; height: 45px; position: absolute; top: 0; left: 0; background: url(images/printdesign_button.png) no-repeat 0 -50px; }
.identitydesign-button { background: url(images/identitydesign_button.png) no-repeat 0 0; }
.identitydesign-button span.hover { display: block; width: 160px; height: 45px; position: absolute; top: 0; left: 0; background: url(images/identitydesign_button.png) no-repeat 0 -50px; }

/* Blog Page */
#post_columns { width: 960px; position: relative; margin: 40px 0 0; }
.excerpt_wrapper { width: 220px; margin: 0 10px; float: left; }
.excerpt_container { width: 200px; background-color: #fff; padding: 10px 10px 0; position: relative; }
.excerpt_container img { display: block; margin: 0 0 15px; }
.excerpt_text { position: relative; padding: 0 0 15px; }
.excerpt_text h3 a, .excerpt_text h3 a:visited { font: bold 1.35em/1.35em "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: #444; }
.excerpt_text h3 a:hover, .text_container h3 a:active { color: #8cc63f;}
.comments_highlight { position: absolute; right: 20px; top: 110px; color: #fff; background-color: #8cc63f; font: bold 1.15em/1 "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 5px 10px; }
.excerpt_text p { color: #444; font-size: 1.3em; line-height: 1.5em; margin: 15px 0 0; }
.excerpt_meta { position: relative; width: 200px; padding: 10px 10px 40px; background: url(images/excerpt_triangle.gif) no-repeat 25px 0; }
.excerpt_meta img { border: 3px solid #fff; }
.author_date { position: absolute; top: 10px; left: 60px; }
.author_date p { color: #696969; font-size: 1.25em; margin: 0 0 2px; }
.author_date p span.name { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; }

/* Category Toggle */
.show_categories { display: block; width: 195px; height: 30px; text-indent: -9999px; background: url(images/category_filter.gif) no-repeat 0 0; margin: 0 0 0 10px; }
.hide_categories { display: block; width: 195px; height: 30px; text-indent: -9999px; background: url(images/category_filter.gif) no-repeat 0 -35px; margin: 0 0 0 10px; }
#category_list { width: 195px; z-index: 100; position: absolute; left: 10px; top: 30px; }
#category_list ul { background-color: #8cc63f; width: 195px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; padding: 0 0 10px; }
#category_list ul li a, #category_list ul li a:visited { color: #fff; display: block; padding: 8px 10px 8px 25px; font: bold 1.15em "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; background: url(images/categories_magnify.png) no-repeat 10px center; }
#category_list ul li a:hover, #category_list ul li a:active { background-color: #78a936; }

/* Page Navigation */
.wp-pagenavi { position: relative; width: 940px; margin: 0 10px; padding: 0 0 40px; font: 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; }
.wp-pagenavi .pages { margin: 0 10px 0 0; }
.wp-pagenavi .current { font-weight: bold; color: #fff; background-color: #444; padding: 5px 8px; margin: 0 5px 0 0; }
.wp-pagenavi .page, wp_pagenavi .page:visited, .wp-pagenavi .nextpostslink, .wp-pagenavi .nextpostslink:visited, .wp-pagenavi .previouspostslink, .wp-pagenavi .previouspostslink:visited { font-weight: bold; color: #444; background-color: #ccc; text-decoration: none; padding: 5px 8px; margin: 0 5px 0 0; }
.wp-pagenavi .page:hover, .wppagenavi .page:active, .wp-pagenavi .nextpostslink:hover, .wp-pagenavi .nextpostslink:active, .wp-pagenavi .previouspostslink:hover, .wp-pagenavi .previouspostslink:active { background-color: #444; color: #fff; }

/* Blog Post */
#post-container { width: 960px; position: relative; padding: 0 0 40px; }
#post-content { width: 720px; float: left; position: relative; }
#post-sidebar { width: 240px; position: relative; float: right; padding: 20px 0 0; }
#title-banner { position: relative; background-color: #8cc63f; width: 540px; margin: 0 0 0 -25px; padding: 10px 25px; }
#title-banner h1 { color: #fff !important; font-size: 2em !important; }
#byline { text-align: right; position: relative; background: url(images/byline_bg.gif) no-repeat 0 0; width: 540px; padding: 8px 25px 0; margin: 0 0 0 -25px; }
#byline p { font-size: 1.3em !important; line-height: 1 !important; font-style: italic; }
.sidebar-links { position: relative; width: 220px; margin: 0 10px 40px; }
.sidebar-callout { position: relative; width: 220px; background: url(images/sidebar-pointer.gif) no-repeat left 50%; padding: 0 0 0 20px; margin: 0 0 40px -10px; }
.sidebar-who { background: url(images/h3_whoweare.gif) no-repeat 0 0; width: 83px; height: 12px; display: block; text-indent: -9999px; margin: 0 0 20px; }
.sidebar-related, .sidebar-popular, .sidebar-categories { display: block; height: 12px; margin: 0 0 20px; text-indent: -9999px; }
.sidebar-related { background: url(images/h3_relatedentries.gif) no-repeat 0 0; width: 115px; }
.sidebar-popular { background: url(images/h3_popularentries.gif) no-repeat 0 0; width: 116px; }
.sidebar-categories { background: url(images/h3_journalcategories.gif) no-repeat 0 0; width: 143px }
.sidebar-flickr { display: block; height: 12px; margin: 0 0 10px 10px; text-indent: -9999px; width: 143px; background: url(images/h3_flickr.gif) no-repeat 0 0; }
.sidebar-links ul { font: 1.15em/1.3em "Helvetica Neue", Helvetica, Arial, sans-serif; }
.sidebar-callout p { color: #696969; font: 1.15em/1.35em "Helvetica Neue", Helvetica, Arial, sans-serif; }
.sidebar-callout p a, .sidebar-callout p a:visited { color: #696969; text-decoration: underline; }
.sidebar-callout p a:hover, .sidebar-callout p a:active { color: #a3238b; }
.sidebar-links ul li { padding: 10px 0; background: url(images/contact_divider.gif) repeat-x left top; }
.sidebar-links ul li:first-child { padding: 0 0 10px; background-image: none; }
.sidebar-links ul li a, .sidebar-links ul li a:visited { color: #696969; text-decoration: none; }
.sidebar-links ul li a:hover, .sidebar-links ul li a:active { color: #a3238b; text-decoration: underline; }
#post-meta { width: 130px; float: left; position: relative; }
#post-date { width: 100px; text-align: center; position: relative; padding: 20px 20px 20px 10px; }
#post-date p { color: #c0c0c0; font: normal 1.8em/1.3em 'ClarendonFSLight', "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: -0.05em; }
#post-date p span { display: block; font-size: 1.85em; }
#post-author { width: 100px; position: relative; padding: 0 20px 0 10px; background: url(images/postauthor_bg.gif) no-repeat right 50%; text-align: center; }
#post-author img { border: 5px solid #fff; }
#share { margin: 20px 20px 0 10px; width: 100px; text-align: center; }
#share li { margin: 0 0 20px; }
#share li.facebook { margin: 0 0 0 20px; }
#postcopy-wrapper { width: 580px; float: right; margin: 0 10px 0 0; }
.post { color: #444; background-color: #fff; width: 540px; padding: 20px 20px 1px 20px; }
.post a, .post a:visited { text-decoration: none; color: #a3238b; border-bottom: 1px dotted #a3238b; }
.post a:hover, .post a:active { border-bottom: 1px solid #a3238b; }
.post p { font-size: 1.55em; line-height: 1.5em; margin: 0 0 20px; word-spacing: -0.015em; }
.post p strong { font-style: italic; }
.post ul { margin: 0 40px 20px 40px; font-size: 1.55em; line-height: 1.5em; word-spacing: -0.015em; }
.post dl { margin: 0 0 15px 30px; }
.post dt { font-size: 1.6em; font-style: italic; }
.post dd { font-size: 1.6em; line-height: 1.5em; padding: 0 0 15px 15px; }
.post ol { list-style: decimal; margin: 0 40px 20px 40px; font-size: 1.6em; line-height: 1.5em; }
.post ul li, .post ol li { margin: 8px 0 0 0; }
.post ul li:first-child, .post ol li:first-child { margin: 0; }
.post ul li { background: url(images/list-bullet.gif) no-repeat left 7px; padding: 0 0 0 15px; }
.post blockquote { background: url(images/quotations.gif) no-repeat top left; padding: 10px 30px 0; }
.post blockquote p { font-style: italic; }
.post code { background-color: #ececec; color: #444; font-family: Monaco, Courier, monospace; font-size: 12px; padding: 0 3px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

/* Blog Images */
img.alignleft { float: left; margin: 0 20px 0 0; }
img.alignright { float: right; margin: 0 0 0 20px; }
img.aligncenter { display: block; margin: 0 auto; }

/* Blog Header Tags */
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.post h1 { font-size: 2.25em; line-height: 1.25em; letter-spacing: -0.025em; }
.post h2 { font-size: 2em; line-height: 1.25em; letter-spacing: -0.025em; margin: 0 0 15px; }
.post h3 { font-size: 1.85em; margin: 0 0 10px; }
.post h4 { font-size: 1.7em; margin: 0 0 5px; }
.post h5 { font-size: 1.55em; margin: 0 0 5px; }
.post h6 { font-size: 1.4em; }

/* Special Blog Classes */
blockquote.pullquote { font-size: 2.25em; font-style: italic; margin: 0 0 0 20px; width: 200px; color: #aaa; border-left: 5px solid #eee; padding: 0 0 0 20px; background-image: none; }
blockquote.pullquoteleft { font-size: 2.25em; font-style: italic; margin: 0 20px 0 0; width: 200px; color: #aaa; border-right: 5px solid #eee; padding: 0 20px 0 0; background-image: none; text-align: right; }
.blognote { padding: 40px 20px 20px; background: #ececec url(images/notice.png) no-repeat 0 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 30px; font-size: 1.5em; line-height: 1.45em; }
.viewdemo, .downloadzip { display: block; text-indent: -9999px; width: 160px; height: 45px; border: none !important; }
.viewdemo { background: url(images/viewdemo.png) no-repeat 0 0; }
.downloadzip { background: url(images/downloadfiles.png) no-repeat 0 0; }
.viewdemo:hover, .downloadzip:hover { background-position: 0 -50px; }
.wp_syntax { margin: 0 0 30px !important; }

/* Flickr Feed */
.flickr-thumb img { border: 10px solid #fff; margin: 10px; }

/* Comments */
#post-comments { width: 580px; margin: 20px 0 0; }
#commentform-wrapper { width: 580px; position: relative; }
#comments p, #commentform-wrapper p { font-size: 1.55em; line-height: 1.5em; margin: 0 0 20px; word-spacing: -0.015em; color: #444; }
#commentform-wrapper p:last-child { margin: 0; }
#comments p a, #comments p a:visited, #commentform-wrapper p a, #commentform-wrapper p a:visited { color: #a3238b; text-decoration: none; border-bottom: 1px dotted #a3238b; }
#comments p a:hover, #comments p a:active, #commentform-wrapper p a:hover, #commentform-wrapper p a:active { border-bottom: 1px solid #a3238b; }
#comments h3, #trackbacks h3, #commentform-wrapper h3 { font: bold 1.85em "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 20px; color: #444; }
#comment-list li { margin: 0 0 20px; }
#comment-list li:last-child { margin: 0; }
#comment-list li.author_comment .discussion { background: #fff url(images/author.png) no-repeat right 10px; }
.comment-container { position: relative; width: 580px; }
.avatar-container { position: relative; width: 75px; background: url(images/postauthor_bg.gif) no-repeat right 50%; padding: 10px 20px 0 0; float: left; }
.avatar-container img { border: 5px solid #fff; margin: 0 0 5px; }
.avatar-container small { text-align: center; font: bold 1.4em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #c0c0c0; letter-spacing: -0.05em; display: block; }
.discussion { position: relative; width: 465px; padding: 10px 10px 0; background-color: #fff; float: right; min-height: 110px; }
.discussion cite { display: block; font: bold 1.6em/1 "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; margin: 0 0 10px; }
.discussion cite a, .discussion cite a:visited { color: #444; text-decoration: underline; }
.discussion cite a:hover, .discussion cite a:active { color: #a3238b; }
.discussion p { color: #444; font-size: 1.45em !important; margin: 0 0 10px !important; line-height: 1.45em !important; }
.discussion p a, .discussion p a:visited { color: #a3238b; text-decoration: none; border-bottom: 1px dotted #a3238b; }
.discussion p a:hover, .discussion p a:active { border-bottom: 1px solid #a3238b; }
.discussion p code { background-color: #ececec; color: #444; font-family: Monaco, Courier, monospace; font-size: 12px; padding: 0 3px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.discussion blockquote { background: url(images/quotations.gif) no-repeat top left; padding: 10px 30px 0; }
.discussion blockquote p { font-style: italic; }
.discussion .approval { color: #a3238b; font-size: 14px; display: block; margin: 0 0 10px; }
#trackbacks { position: relative; margin: 20px 0; }
#trackbacks ol li { padding: 0 0 5px; }
#trackbacks ol li a, #trackbacks ol li a:visited { color: #696969; font-size: 1.3em; line-height: 1.3em; text-decoration: underline; }
#trackbacks ol li a:hover, #trackbacks ol li a:active { color: #a3238b; }

/* Comment Form */
.comment-column { position: relative; width: 280px; }
#commentform label { display: block; font: bold 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #999; margin: 0 0 5px; }
.comment-text { width: 260px; height: 36px; background: url(images/comment-input.jpg) no-repeat 0 0; margin: 0 0 13px; padding: 0 10px; color: #444; font: 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif; }
#comment-message { width: 270px; height: 161px; border: none; overflow: auto; background: url(images/comment-textarea.jpg) no-repeat 0 0; margin: 0 0 9px; color: #444; font: 1.2em/16px "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 5px; }
#submitcomment { cursor: pointer; margin: 0 0 0 100px; }

/* Footer */
#footer { width: 100%; background: #243258 url(images/footer_bg.jpg); padding: 40px 0; position: relative; color: #fff; font: 400 1.15em "Helvetica Neue", Helvetica, Arial, sans-serif; }
#footer a, #footer a:visited { color: #fff; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #ffde00; }
#footer_columns { width: 940px; margin: 0 10px; position: relative; }
#address { width: 220px; position: relative; float: left; margin: 0 20px 0 0; }
#address h4 { display: block; width: 105px; height: 65px; margin: 0 0 15px; text-indent: -9999px; background: url(images/h4_findus.png) no-repeat 0 0; }
#address address { font-style: normal; line-height: 1.75em; }
#aboutus { width: 160px; position: relative; float: left; margin: 0 20px 0 0; }
#aboutus h4 { display: block; width: 110px; height: 65px; margin: 0 0 15px; text-indent: -9999px; background: url(images/h4_knowus.png) no-repeat 0 0; }
#aboutus ul { line-height: 1.75em; }
#news { width: 240px; position: relative; float: left; margin: 0 60px 0 0; }
#news h4 { display: block; width: 185px; height: 65px; margin: 0 0 15px; text-indent: -9999px; background: url(images/h4_news.png) no-repeat 0 0; }
#news ul { line-height: 1.55em; }
#news ul li { overflow: hidden; margin: 0 0 10px; }
#news ul li span.newsdate { width: 55px; float: left; display: block; color: #a0a6b7; }
#news ul li span.newsitem { width: 185px; float: right; display: block; }
#getstarted { width: 220px; position: relative; float: left; }
#getstarted h4 { display: block; width: 160px; height: 65px; margin: 0 0 15px; text-indent: -9999px; background: url(images/h4_getstarted.png) no-repeat 0 0; }
#getstarted > p { line-height: 1.75em; margin: 0 0 20px; }
.download_planner { display: block; width: 160px; height: 45px; position: relative; background: url(images/download_planner.png) no-repeat 0 0; }
.download_planner * { display: none; }
.download_planner span.hover { display: block; width: 160px; height: 45px; position: absolute; top: 0; left: 0; background: url(images/download_planner.png) 0 -50px; }
#copyright { width: 100%; background-color: #19233f; padding: 20px 0; position: relative; color: #515d7b; font: 400 1.15em "Helvetica Neue", Helvetica, Arial, sans-serif; }
#copyright a, #copyright a:visited { color: #515d7b; text-decoration: underline; }
#copyright a:hover, #copyright a:active { color: #fff; }
#copyright_inner { position: relative; width: 940px; margin: 0 10px; }
#copyright p { line-height: 1.6em; }
.return_top { display: block; width: 30px; height: 30px; text-indent: -9999px; background: url(images/up_arrow.gif) no-repeat 0 0; }
.return_top:hover { background-position: 0 -35px; }

/* Site Map */
#sitemap { width: 940px; position: relative; margin: 0 10px; }
#agency-map, #journal-map { width: 460px; position: relative; }
#agency-map { float: left; }
#journal-map { float: right; }
#agency-map h2, #journal-map h2 { display: block; text-align: center; margin: 0 0 20px; color: #444; font: 2.5em 'ClarendonFSMedium', Georgia, serif; margin: 0 0 35px; letter-spacing: -0.02em; word-spacing: -0.03em; padding: 0 0 40px; background: url(images/sitemap_header.jpg) no-repeat bottom left; }
.map-columns { width: 220px; position: relative; }
.map-links { color: #a3238b; font: 1.2em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 40px 12px; list-style: disc; }
.map-links li { margin: 0 0 10px; }
.map-links li a, .map-links li a:visited { color: #a3238b; text-decoration: none; padding: 0 0 2px; border-bottom: 1px dotted #a3238b; }
.map-links li a:hover, .map-links li a:active { border-bottom: 1px solid #a3238b; }
.map-links li ul { margin: 10px 0 0 20px; list-style: circle; }
.map-pages, .map-work, .map-posts, .map-popular, .map-categories { display: block; height: 12px; margin: 0 0 20px; text-indent: -9999px; }
.map-pages { background: url(images/h3_pages.gif) no-repeat 0 0; width: 42px; }
.map-work { background: url(images/h3_recentwork.gif) no-repeat 0 0; width: 93px; }
.map-posts { background: url(images/h3_recententries.gif) no-repeat 0 0; width: 107px; }
.map-popular { background: url(images/h3_popularentries.gif) no-repeat 0 0; width: 116px; }
.map-categories { background: url(images/h3_journalcategories.gif) no-repeat 0 0; width: 143px; }

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      FontSite Inc.
 * License URL: http://www.fontspring.com/fflicense/fontsite
 *
 *
 */

@font-face {
	font-family: 'ClarendonFSMedium';
	src: url('fonts/Clarendon-Medium-webfont.eot');
	src: local('☺'), url('fonts/Clarendon-Medium-webfont.woff') format('woff'), url('fonts/Clarendon-Medium-webfont.ttf') format('truetype'), url('fonts/Clarendon-Medium-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ClarendonFSLight';
	src: url('Clarendon-Light-webfont.eot');
	src: local('☺'), url('fonts/Clarendon-Light-webfont.woff') format('woff'), url('fonts/Clarendon-Light-webfont.ttf') format('truetype'), url('fonts/Clarendon-Light-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}