/*
Title:      Robeson Marketing & Design
Copyright:  2009
Author: Jason S. Webb
*/

* {margin: 0; padding: 0;}

/* =Lists
--------------------------------------------- */
ul {list-style-type: none;}
ul.nav li {float: left;}

body { color: #2B2B2B; background: #B8B8B8; font-size: 11px; font-family: Arial, Verdana, San-serif;}


/* =Pre-defined
--------------------------------------------- */
a img {border: none;}
/*ul, li, li a { vertical-align:bottom;}  eliminates LI whitespace bugs */

/* =Links
--------------------------------------------- */
a {outline: none; text-decoration: none; color: #004785; cursor: pointer;}
/*a:hover {text-decoration: underline;}
    a img {border: none;}*/

/* =Headers
--------------------------------------------- */
h2.testi_big {font-size: 30px; padding: 0 0 0 140px; color: #CCC; float: left; text-align: right; line-height: 1.7em; font-weight: normal; margin-top: -10px;}
h2.web_title {font-size: 30px; color: #004785; font-weight: normal; margin-bottom: 14px;}
h3.web_sub {font-size: 17px; color: #004785; font-weight: normal;}

/* =Structure
--------------------------------------------- */
#container {width: 1015px; margin: 0 auto;}
#headmast {height: 131px; background: #FFF url(../images/bg_headmast.png) no-repeat; position: relative;}
#bg-container {background: #F7F7F7 url(../images/bg_container.png) repeat-y;}
#main-nav {height: 32px; padding: 10px 0 0 0;}
#content-wrapper {margin: 0 27px; background: #FFF;}
    #content-wrap-main {border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 0 4px;}
        #content-wrap-main .inside-page {padding-right: 6px; padding-left: 6px;}
    #content-wrap-top {background: #FFF url(../images/bg_content_wrap_top.png) no-repeat -1px 0; height: 8px;}
    #footer {border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 0 10px 10px 0;}
#container-closer {width: 1015px; margin: 0 auto; height: 32px;  background: #F7F7F7 url(../images/bg_container_close.png) no-repeat;}

/* =Headmast
--------------------------------------------- */
#logolink {float: left; margin: 23px 0 0 33px; width: 424px; height: 93px;}
#address-img {float: left; width: 213px; margin: 46px 18px 0 261px;}
#badges-extra {float: left; width: 50px; margin-top: 17px; padding-top: 15px;}
    #badges-extra a {display: block; height: 32px; width: 32px; margin-bottom: 15px;}
        #badges-extra a span {display: none;}


/* =Navs
--------------------------------------------- */
#main-nav ul {width: 955px; margin: auto;}
#main-nav ul li {float: left; padding: 0 34px 0 0;}
#main-nav ul li.last {padding: 0;}
    #main-nav ul li a {font-family: Helvetica, Arial, Verdana; color: #000; font-size: 16px;}
    #main-nav ul li.active a {font-weight: bold; border-bottom: 2px solid #F7B542;}
    #main-nav ul li a:hover {border-bottom: 2px solid #FCDDA9;}

#footer-nav ul {float: left; width: 400px; padding-top: 8px;}
    #footer-nav ul li {float: left; padding: 0 10px; border-right: 1px solid #8B8B8D;}
    #footer-nav ul li.last {border-right: none; padding-right: 0;}
        #footer-nav ul li a {font-family: Verdana, Arial; font-size: 11px; color: #8B8B8D; padding: 1px; font-weight: bold;}
        #footer-nav ul li.active a, #footer-nav ul li a:hover {text-decoration: underline;}

/* =Footer
--------------------------------------------- */
#footer-nav {float: left; width: 400px;}
#footer #legal-copy { float: right;}
    #footer #legal-copy p {font-family: Verdana, Arial; font-size: 10px; color: #5D5B5D;}


/* ================== */
/* = SPECIFIC PAGES = */
/* ================== */


/* =Home
--------------------------------------------- */
#pg-home {padding-bottom: 60px;}
#home-panels ul li {width: 185px; float: left; margin-right: 6px;}
    #home-panels ul li.last {margin-right: 0;}
    #home-panels ul li#whatsitlike {padding: 6px 0 0 0; margin-right: 6px;}
    #home-panels ul li#strategy {background: transparent url(../images/home/panel_bigpuppet.png) no-repeat;}
    #home-panels ul li#branding {background: transparent url(../images/home/panel_strauss.png) no-repeat;}
    #home-panels ul li#research {background: transparent url(../images/home/panel_hilltop.png) no-repeat;}
    #home-panels ul li#ourprocess {padding: 75px 0 0 15px; width: 144px;}
        #home-panels ul li a {display: block; width: 185px; height: 27px; font-size: 18px; padding-top: 140px; text-align: center; color: #FFF;}
        #home-panels ul li a:hover {color: #F7B238;}

#home-content {margin-top: 18px;}
    /* Left Sidebar */
    #home-content #l-sidebar {float: left; width: 185px; margin: 0 5px 0 0;}

        /* Featured Article */
        #featured-article .sidepanel-copy-img {margin-bottom: 5px;}
           #featured-article .sidepanel-copy-img img {margin: 5px 7px 0 6px; float: left;}
           #featured-article .sidepanel-copy-img p {padding: 62px 0 0 0; height: 34px; font-style: italic; margin: 0;}
        #featured-article p.title {padding: 0 0 0 6px; color: #636366; font-weight: bold; font-size: 15px; line-height: 1.1em; margin-bottom: 5px;}
        #featured-article p.summary {font-style: italic; color: #636366; padding: 0 0 0 7px; font-size: 14px;}

        /* Testimonial */
        #featured-testimonial p {font-size: 13px; color: #9D9A9D; padding: 0 6px; line-height: 20px;}
        #featured-testimonial p.author {text-align: right; font-weight: bold; color: #666; line-height: normal; font-size: 11px;}
        #featured-testimonial p.author span.company {display: block; font-weight: normal;}

        /* Recommended Reading */
        #featured-reading .book-img {padding: 17px 0 0 44px;}
        
    /* Right Sidebar */
    #home-content #r-sidebar {float: left; width: 185px;}

        /* Goals */
        #home-content #featured-goals h4 {padding: 6px;}
        #featured-goals .sidepanel-img {padding: 5px 0 0 5px;}

        /* Latest Tweets */
        #featured-tweets p.tweet {margin: 0 6px 7px 6px; padding: 0 0 5px 0; color: #9D9A9D; line-height: 17px; font-size: 12px; border-bottom: 1px dashed #DDDDDD;}
            #featured-tweets p.tweet a {font-size: 12px; color: #666;}
            #featured-tweets p.tweet a:hover {background: #DEDEDE; color: #004785;}
        #featured-tweets p.last {padding: 0; margin-bottom: 0; border-bottom: none;}
        
        /* Giving Back */
        #featured-givingback p {font-size: 13px; color: #9D9A9D; padding: 0 6px; line-height: 21px;}


    /* Blog Excerpts */
    #home-content #blog-excerpts {float: left; width: 525px; padding: 0 30px 0 15px;}
        #blog-excerpts .blog-entry {height: 282px; margin-bottom: 13px; border-bottom: 1px solid #004785;}
            #blog-excerpts .blog-entry h3 {margin-bottom: 10px;}
                #blog-excerpts .blog-entry h3 a {color: #004785; font-size: 23px; margin: 0 0 5px 0; font-weight: normal;}
            #blog-excerpts .blog-entry .entry-head {margin: 0 0 7px 0;}
                #blog-excerpts .blog-entry .entry-head p {font-size: 12px; color: #808080; font-weight: bold; line-height: normal; position: relative;}
                #blog-excerpts .blog-entry .entry-head p a {background: transparent; padding: 0; color: #004785;}
                #blog-excerpts .blog-entry .entry-head p a.addthis_button {position: absolute; top: 0; right: 0;}
            #blog-excerpts .blog-entry p {font-size: 15px; line-height: 1.8em; color: #666;}
            #blog-excerpts .blog-entry p a {color: #666; padding-left: 18px; background: transparent url(../images/dot.png) no-repeat 0 4px;}
            #blog-excerpts .blog-entry p a:hover {color: #004785; text-decoration: underline;}
    #home-content .sidepanel {border: 1px solid #CDCDCF; width: 183px; height: 282px; position: relative; margin: 0 0 13px 0;}
        #home-content .sidepanel h4 {font-style: italic; color: #515151; background: #CDCDCF; font-size: 15px; padding: 12px 6px; text-align: center; margin: 0 0 14px 0;}
        #home-content .sidepanel p.extra {width: 167px; text-align: right; padding: 7px 12px 6px 4px; position: absolute; bottom: 0; left: 0; background: #CDCDCF;}
            #home-content .sidepanel p.extra a {color: #515151; font-size: 15px; padding: 0 0 0 15px; background: transparent url(../images/arrow_dark_grey.png) no-repeat 0 3px;}
            #home-content .sidepanel p.extra a:hover {text-decoration: underline;}
        #home-content .sidepanel p.readmore {text-align: right;}
            #home-content .sidepanel p.readmore a {color: #515151; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial;}
            #home-content .sidepanel p.readmore a:hover {text-decoration: underline;}

#goals#home-content .sidepanel {}
    #goals#home-content .sidepanel h4 span {font-size: 18px;}

/* =Design
--------------------------------------------- */
#pg-design {padding: 50px 100px 140px 100px; text-align: center; }

/* =Photography
--------------------------------------------- */
#pg-photography {padding: 50px 100px 140px 100px; text-align: center; }

/* =Events and Tradeshodw
--------------------------------------------- */
#pg-events-tradeshows {padding: 50px 100px 140px 100px; text-align: center; }

/* =Testimonials
--------------------------------------------- */
#pg-testimonials {padding-top: 28px; padding-bottom: 60px;}
    #pg-testimonials #testimonials {float: left; border-left: 1px solid #80A3C2; margin-left: 32px; padding-left: 31px; width: 400px;}
        #pg-testimonials #testimonials .tcopy {margin-bottom: 50px;}
            #pg-testimonials #testimonials .tcopy .testi_words {color: #AAA; font-size: 13px; line-height: 1.9em; margin: 0 0 22px 0;}
            #pg-testimonials #testimonials .tcopy .testi_name {text-align: right; font-size: 13px; font-weight: bold; color: #3942BF;}
            #pg-testimonials #testimonials .tcopy .testi_company {text-align: right; font-size: 13px; color: #3942BF;}

/* =Contact
--------------------------------------------- */
#pg-contactus {padding-top: 20px; padding-bottom: 60px;}
    #pg-contactus a  {text-decoration: underline;}
    #pg-contactus h2 {color: #004785; font-size: 23px; font-weight: normal; margin-bottom: 18px;}
    #pg-contactus #form-holder {float: left; margin-left: 36px; width: 460px; padding-right: 100px; border-right: 1px solid #ccc;}
        #pg-contactus #form-holder p {font-size: 14px; color: #858585; margin-bottom: 15px;}
        #pg-contactus #form-holder form {margin-bottom: 26px;}
            #pg-contactus #form-holder div.formRow {margin-bottom: 10px;}
                #pg-contactus #form-holder input {border: 1px solid #CCC; padding: 1px; height: 18px; width: 230px;}
                #pg-contactus #form-holder input.submitbtn {cursor: pointer; height: 30px; border: none; background: #004785; color: #FFF; width: 60px; padding: 0; font-weight: bold; font-size:13px;}
                #pg-contactus #form-holder label {color: #858585; font-size: 14px; padding-left: 15px;}
                #pg-contactus #form-holder span.error {display: block; color: #770000; font-size: 12px; padding-top: 5px; font-weight: bold;}
            #pg-contactus #form-holder div.blockRow {margin-top: 20px;}
                #pg-contactus #form-holder div.blockRow label {padding-left: 0;}
                #pg-contactus #form-holder div.blockRow textarea {margin-top: 3px; border: 1px solid #ccc; width: 388px; height: 130px;}

    #pg-contactus #address-info {float: left; width: 200px; padding: 94px 0 0 72px;}
        #pg-contactus #address-info h2 {margin-bottom: 36px;}
        #pg-contactus #address-info p {font-size: 14px; color: #858585; margin-bottom: 15px;}
        #pg-contactus #address-info p.twitter-link {margin-top: 60px;}

/* =Givingback
--------------------------------------------- */
#pg-giving-back {padding-top: 10px; padding-bottom: 60px; width: 470px; margin: 0 auto;}
    #pg-giving-back h2 {color: #004785; font-size: 23px; font-weight: normal; margin-bottom: 30px;}
    #pg-giving-back #form-holder {padding: 0 0 0 36px;}
        #pg-giving-back #form-holder p {font-size: 14px; color: #858585; margin-bottom: 25px;}
            #pg-giving-back #form-holder div.formRow {margin-bottom: 10px;}
                #pg-giving-back #form-holder input {border: 1px solid #CCC; padding: 1px; height: 18px; width: 230px;}
                #pg-giving-back #form-holder input.submitbtn {cursor: pointer; height: 30px; border: none; background: #004785; color: #FFF; width: 60px; padding: 0; font-weight: bold; font-size:13px;}
                #pg-giving-back #form-holder label {color: #858585; font-size: 14px; padding-left: 15px;}
                #pg-giving-back #form-holder span.error {display: block; color: #770000; font-size: 12px; padding-top: 5px; font-weight: bold;}
            #pg-giving-back #form-holder div.blockRow {margin-top: 35px;}
                #pg-giving-back #form-holder div.blockRow label {padding-left: 0;}
                #pg-giving-back #form-holder div.blockRow textarea {margin-top: 3px; border: 1px solid #ccc; width: 388px; height: 130px;}

/* =Thank You
--------------------------------------------- */
#pg-thankyou {height: 400px; padding-top: 15px;}
    #pg-thankyou h3 {font-size: 23px; color: #004785; margin-left: 30px; margin-bottom: 11px;}
    #pg-thankyou p  {color: #858585; font-size: 14px; margin-left: 30px;}

/* =Strategic Planning
--------------------------------------------- */
#pg-strategic-planning {padding: 0 0 60px 0;}
#pg-strategic-planning img {margin-bottom: 12px;}
    #pg-strategic-planning #methodology img {float: left; margin: 20px 0 0 0;}
    #pg-strategic-planning #methodology-copy {float: left; width: 340px;}
    #pg-strategic-planning #methodology-copy p.strat_type {color: #A6A6A6; font-size: 15px; line-height: 1.9em; margin: 0 0 32px 0;}
    #pg-strategic-planning #methodology-copy p span.strat_type_bld {font-weight: bold; color: #002B57;}

/* =Privacy Policy
--------------------------------------------- */
#pg-privacy-policy {padding: 0 40px 60px 0;}
    #pg-privacy-policy p {font-size: 15px; line-height: 1.6em; margin: 0 0 18px 0; color: #A6A6A6;}
        #pg-privacy-policy p a:hover {background: #DEDEDE;}

/* =Case Studies
--------------------------------------------- */
.case-study {width: 546px; margin: 0 0 0 188px; padding-top: 6px; padding-bottom: 60px; }
    .case-study h2 {color: #004785; font-size: 30px; font-weight: normal; margin-bottom: 15px;}
    .case-study h3 {color: #004785; font-size: 16px; margin-bottom: 15px;}
    .case-study h4 {color: #004785; font-size: 20px; margin-bottom: 15px;}
    .case-study img {margin-bottom: 20px;}
    .case-study p {margin-bottom: 15px; font-size: 14px;}
    .case-study p.quote {}
    .case-study p.quote-author {}
    .case-study ul {margin-bottom: 15px;}
        .case-study ul li {font-size: 14px;}
    .case-study ul.special {list-style-type: disc; padding: 0 0 0 30px;}
        .case-study ul.special li {margin-bottom: 13px;}
    #cs-branding.case-study h4 {font-size: 14px;}
    #cs-branding.case-study p.quote {padding: 0 20px; margin-bottom: 5px;}
    #cs-branding.case-study p.no-author {margin-bottom: 15px;}
    #cs-branding.case-study p.quote-author {text-align: right; color: #004785; font-weight: bold; margin-bottom: 20px; padding-right: 20px;}

/* =Web 2.0
--------------------------------------------- */
#pg-web20 {padding-bottom: 60px;}
#pg-web20 #aboutbeth {float: left; padding: 18px 0 0 2px; margin: 0 17px 0 0; width: 181px; }
    #pg-web20 #aboutbeth img {margin: 0 0 15px 0;}
    #pg-web20 #aboutbeth p {font-size: 13px; line-height: 1.5em; margin: 0 0 15px 0;}
    #pg-web20 #aboutbeth #sidebar-callout {margin-top: 50px; padding: 16px 0 0 16px; height: 194px; width: 149px; background: transparent url(../images/pr_socialmedia/bg_side_callout.png) no-repeat; }
        #pg-web20 #aboutbeth #sidebar-callout h4 {font-size: 18px; line-height: 1.0em; color: #FFF;}
        #pg-web20 #aboutbeth #sidebar-callout p {line-height: 1.4em; font-weight: bold; color: #FFF; margin: 24px 0 0 0;}

#pg-web20 #web20-copy {float: left; background: #F0F0EB; width: 534px; position: relative; top: -7px; padding: 22px 0 0 12px;}
    #pg-web20 #web20-copy h2 {color: #004785; font-size: 30px; font-weight: normal; margin: 0 0 20px 0;}
    #pg-web20 #web20-copy .section {color: #636466; font-size: 24px; font-weight: normal; border-bottom: 1px solid #004785; margin: 0 27px 30px 0; padding: 0 0 35px 0;}
    #pg-web20 #web20-copy .last {border-bottom: 0;}
        #pg-web20 #web20-copy .section h3 {color: #636466; font-size: 23px; font-weight: normal; margin: 0 0 10px 0;}
        #pg-web20 #web20-copy .section ul {list-style-type: disc; padding: 0 0 0 40px;}
            #pg-web20 #web20-copy .section ul li {font-size: 18px; color: #636466; margin: 0 0 7px 0; padding: 0 0 0 15px;}

            #pg-web20 #web20-icons {float: left; width: 138px; padding: 46px 0 0 50px;}
    #pg-pr-web20 #web20-icons ul li {margin-bottom: 20px;}


/* =PR Social Media
--------------------------------------------- */
#pg-pr-socialmedia {padding-bottom: 60px;}
    #pg-pr-socialmedia h2 {color: #004785; font-size: 30px; font-weight: normal; margin: 0 0 20px 0;}
    #pg-pr-socialmedia #socialmedia-copy {float: left; width: 315px; margin-right: 90px;}
        #pg-pr-socialmedia #socialmedia-copy p {font-size: 15px; color: #A6A6A6; line-height: 1.9em; margin: 0 0 32px 0;}

/* =404 Error
--------------------------------------------- */
#pg-error404 {padding-top: 35px; padding-bottom: 40px;}
    #pg-error404 #error-img {float: left; border-right: 1px solid #CCC; padding: 130px 30px 180px 30px;}
    #pg-error404 #error-copy {float: left; width: 570px; padding: 133px 0 0 22px;}
        #pg-error404 #error-copy p {font-size: 23px; color: #898989; margin-bottom: 15px;}
            #pg-error404 #error-copy p a {text-decoration: underline;}

/* =Blog Comments
--------------------------------------------- */
#blog-page-single h3#comments {color: #555; margin: 20px 0 10px 0; padding-bottom: 10px; border-bottom: 1px dashed #ccc;}
ol.commentlist {list-style-type: none;}
    ol.commentlist li {margin-bottom: 10px; padding: 5px 3px;}
    ol.commentlist li.comment-author-admin {border: 1px solid #ccc; background: #E7E7E7;}

#blog-page-single #respond h3 {color: #555;}
#respond p {margin-bottom: 10px;}
    #respond p input {padding: 1px; height: 18px;}
    #respond p input#submit {padding: 0; height: auto;}
    #respond p label {color: #858585; font-size: 14px; padding-left: 15px;}
    #respond p span.faux-label {color: #858585; font-size: 14px; display: block; margin-bottom: 3px;}
/* =Clearfix
--------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */