/* Theme Name: PRG2 Theme URI: http://thinktank3.com/ Description: WordPress template for PRG. Version: 2.0 Author: Think Tank 3 Author URI: http://thinktank3.com/ coded by C. Murray Consulting & Joe Maller for Think Tank 3 */ /* Reset everything to defaults, compacted from http://developer.yahoo.com/yui/reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img { border:0;} address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym { border:0;} sup { line-height: 0.1em; font-size: 75%; } /* PRG red: #d73147 */ /* Background gray: #191919 */ body {background: #191919; color: #777; margin: 0 25px; font: 12px helvetica, sans-serif;} a {text-decoration: none;} #page { margin: 30px auto; width: 958px; position: relative; } #logoheader {height:60px; margin-bottom: 15px; padding-right: 10px; } #logoheader .logo { display: block; width: 280px; height: 60px; float: left; } #logoheader .social, #logoheader .flag { display: block; float: right; width: 20px; height: 20px; margin: 35px 0 0 7px; opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);} #logoheader .social:hover, #logoheader .flag:hover { opacity: 1.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } #logoheader .flag { width: 29px; } #logoheader .firstflag { margin-right: 33px; } #bigbox { width: 692px; min-height: 430px; background: #fff; position: relative; margin: 0 0 0 225px; padding: 20px 20px 2.5em 20px; color: #777; font-family: arial, helvetica, sans-serif; } #bigbox.bigbox_bg { padding-top: 225px; min-height: 248px; } #navcontainer { position: absolute; width: 180px; left: 0; top: 75px; } .homenav #nav { width: 180px; position: absolute; top: 444px; } #nav .page_item {margin-top: 10px;border: 1px solid #fff; background-color: #191919; } #nav a { display: block; height: 35px; margin: 5px 5px 5px 9px; border-right: 4px solid #fff; line-height: 35px; color: #fff; font-size: .95em; font-weight: bold; } #nav .current_page_item, #nav li:hover, #nav li:focus { background-color: #fff; } #nav .current_page_item a, #nav li:hover a, #nav li:focus a { color: #191919; border-right-color: #191919; outline: none; } #subnav { width: 180px; min-height: 250px; font: 11px bold Arial, sans-serif; } #subnav_ul { border: 1px solid #fff; padding: 10px 5px; } #subnav a { color: #fff; display: block; padding: 2px 5px; margin: 0; } #subnav .nestHeader { background: url('images/accordion-thumb.png') no-repeat center right; outline: none;} #subnav a { color: #fff;} #subnav li.current_page_item a, #subnav li.current_post_parent a, #subnav .current_page_parent div.nestHeader { background-color: #fff; color: #000; } #subnav li ul { font-size: 11px; font-weight: normal; padding-left: 10px; } #subnav li ul li.current_page_item a { color: #c00; background: transparent; } #subnav_ul ul ul { font-size: 10px; } #subnav_ul ul ul a { color: #F3F3F3; } #subnav li.current_page_item li.page_item a { background: transparent; color: #fff; } .js #subnav_ul li ul { display:none; } /* the .js class will be removed once the DOM is ready */ #bigbox h2 {font-weight: bold; font-size: 1.2em; margin-top: 0.8em; margin-bottom: 0.5em;} #bigbox h2.pagetitle, #bigbox h2.sectiontitle { margin-top: 0; color: #d73147; font-size: 1.30em; } #bigbox h2.pagetitle a {color: #c00; text-decoration: none;} #bigbox h2.sectiontitle a {color: #333; text-decoration: none;} #bigbox.bigbox_bg h2.pagetitle, #locations h2.pagetitle { top: 175px; position: absolute; left: 0; height: 40px; line-height: 40px; color: #fff; font-size: 18px; font-weight: normal; padding: 0 20px; width: 692px; background-image: url(images/black-65-opacity.png); z-index: 500; } #locations h2.pagetitle { top: 0; } #bigbox p {margin: 1em 0;} #bigbox li p {margin-top: 0;} #bigbox hr {border: 1px solid #ccc; border-width: 1px 0 0 0; margin-top: 2em; clear: left;} #bigbox a {color: #555; text-decoration: underline;} #bigbox a:hover {color: #aaa;} #bigbox strong, #bigbox b {color: #555;} #bigbox p {line-height: 1.4em;} #bigbox h3 {margin-top: 1em; padding-top: 1em; font-weight: bold; margin-bottom: 1em; color: #555;clear: both;} #bigbox ul li {padding: 0.15em 0; margin-left: 1.5em; list-style-image:url('images/bullet.gif') ; line-height: 1.4em;} #bigbox td { padding: 0.2em 0; } #bigbox .archiveList h4 {margin: 1.5em 0 0.1em 0; font-weight: bold; } #bigbox .archiveList h4 a {} #bigbox .archiveList p {margin: 0.3em 0pt 0.75em 0; } #bigbox .archiveList .datespan {font-weight: normal; font-size: 11px; margin:0 0 0.5em 0 ;} #bigbox .projectList {margin-bottom: 1em;} #bigbox .projectList p {margin-top: 0;} #bigbox .contactAddress {margin-top: 1em;} #bigbox .contactAddress p {margin-top: 0.25em;} #market_list { margin-top: 20px; list-style-type: none; } #market_list li { float: left; width: 30%; } #bottomWideCenter, #bottomWideRight { border: 1px solid #fff; float: right; padding: 0; margin: 30px 0px 0px 29px; background: #191919; } #bottomWideCenter { overflow: hidden; width: 331px; height: 216px; position: relative;} #bottomWideRight { width:384px; height: 216px; border-width:1px; text-align: center; line-height:200px; } #bottomWideCenter #newsscroller { width: 5000px; position: relative;} /* 5 * width of bottomWideCenter */ .homenews { padding: 10px 15px; line-height: 1.2em; float: left; width: 301px; max-height: 236px; } .homenews h2 a { color: #fff; } .homenews p { margin: 0.5em 0; } .homenews p a { color: #aaa; } .homenews p a:hover { color: #ccc; text-decoration: underline; } #bottomWideCenter .navlinks { height: 22px; position: absolute; right: 0; bottom: 0; text-align: right; padding: 10px 15px;} #bottomnav { position: relative; width: 575px; margin: 25px 0 0 225px; padding: 0 20px; } #bottomnav a { color: #fff; } #bottomnav li { font-size: 11px; display: inline; margin-right: 8px; } #copyright { text-align: left; font-size: 9px; padding: 0 20px; width: 575px; margin: 2em 0 0 225px; } #copyright .tt3 { margin-right: 0; } #copyright .tt3 a { color: #777; } #copyright .tt3 a:hover { color: #fff; } .homenav #bottomnav, .homenav #copyright { padding: 0; margin: 25px 0; width: auto; float: left; line-height: 14px; } .homenav #copyright { float: right; line-height: 14px; } #topwide {height: 347px; border: 1px solid #fff; position: relative; overflow: hidden;} #topwide .slide { position: absolute; top: 0; left: 0; display: none; } #topwide h4 { position: absolute; top: -58px; left: 0; width: 100%; height: 58px; line-height: 58px; text-indent: 20px; font-size: 18px; color: #fff; background-image: url(images/black-65-opacity.png); } #slide_nav { position: absolute; bottom: 0; height: 44px; background-image: url(images/black-65-opacity.png); width: 120%; } #slide_nav li { float: left; height: 14px; line-height: 14px; padding: 15px 0; text-transform: uppercase; font-weight: bold; } #slide_nav li:first-child { border-left: none; } #slide_nav a { color: #fff; display: block; float: left; height: 14px; line-height: 14px; border-left: 1px solid #6e6d6d; text-align: center; } #slide_nav li.page-item-5 a { width: 166px; } #slide_nav li.page-item-4041 a { width: 221px; } #slide_nav li.page-item-4106 a { width: 186px; } #slide_nav li.page-item-8 a { width: 153px; } #slide_nav li.page-item-51 a { width: 108px; } #slide_nav li.page-item-54 a { width: 108px; } #slide_nav .selected a { color: #d73147; } .dot_off { float: left; width: 20px; height: 20px; background-image: url("images/dot_off.png"); background-repeat: no-repeat; z-index: 10000;} .dot_on { float: left; width: 20px; height: 20px; background-image: url("images/dot_on.png"); background-repeat: no-repeat; z-index: 10000; } .navlinks .dot_off, .navlinks .dot_on { float: right; cursor: pointer; } /*span.editlinks a {font-size: 10px; padding: 0px 4px; margin: 1px 15px; text-decoration: none; padding-left:25px; background:url('/images/edit.gif');background-repeat: no-repeat;}*/ #bigbox .editlinks a, h2 .editlinks a, #bigbox .archiveList h4 .editlinks a, #bigbox div h2:first-child .editlinks a { font-size: 10px; font-weight: normal; padding: 2px 4px 2px 25px; margin: 1px 0 1px 10px; text-decoration: none; color: #CCA572; background:url('images/edit.gif'); background-repeat: no-repeat; background-position: 0 2px; } #bigbox .editlinks a:hover, h2 .editlinks a:hover, #bigbox .archiveList h4 .editlinks a:hover, #bigbox div h2:first-child .editlinks a:hover { color:#FF9319; background-position: 0 -35px; } h2.editlinks {float: left;} #bigbox .person { text-align: center; width: 130px; float: left; margin: 0; height: 180px; } #bigbox .person h3 {border: none; margin: 0.25em; padding: 0;} #bigbox .person .thumb {margin: 0 0 0.5em 0;} #bigbox .person .thumb img{width: 75%; max-height:200px; padding: 0.25em; padding: 3px; border: 1px solid #ccc;} #bigbox .person p {font-size: 11px; line-height: 1.2em; margin: 0; padding: 0;} #bigbox .personwide {overflow: auto; margin-bottom: 1em; padding: 0.5em 0 0.5em 0; clear: both;} #bigbox .personwide h3 {clear: none; border:none; margin: 0; font-size: 12px; padding-top: 0.3em;} #bigbox .personwide .title {font-weight: normal; margin-top: 2px; font-size: 12px;} #bigbox .personwide .itemtext {float: left; width: 70%;} #bigbox .personwide .thumb {width: 30%; float: left; text-align: center;} #bigbox .personwide .thumb img {height:100px;padding: 3px; border: 1px solid #ccc;} #bigbox #resource-links .thumb, #bigbox #productpartners .thumb { width: 200px; text-align: center; margin-right: 1em; margin-bottom: 1em; height: 150px; float: left; clear: both; } #bigbox #resource-links p, #bigbox #productpartners p { border-top: 1px solid #ccc; padding-top: 1em; clear: both; } #bigbox #locationTopper {margin-bottom: 1em;} #bigbox #locationTopper p {float: left;margin: 0 2em 0 0;} #bigbox #locationTopper hr {border-width: 0 0 1px 0; padding-bottom: 1.5em; margin-bottom: 1.75em; clear: both; width: 100%;} #bigbox #personSidebar {float: right; width: 250px; padding: 0 0 1em 1.5em;} #bigbox #personSidebar h3 {border: none;} #bigbox #projectSidebar {float: right; width: 287px; padding: 0 0 1.5em 2em;} #bigbox #projectSidebar p {margin-left: 5px;} #bigbox #personSidebar img, #bigbox #locationSidebar img , #bigbox #projectSidebar img {padding: 3px; border: 1px solid #ccc; margin: 0 -4px;} #projectSidebar img { margin-bottom: 1em !important; } #bigbox .projectDetails {border-top: 1px solid #ccc; margin-top: 1.7em; clear: both;} #bigbox .projectDetails #projectProfiles {padding: 0; margin-bottom: 0.5em;} #bigbox .projectDetails #projectSidebar {float: left; width: 260px; margin: 0 0 0 0; padding: 0 0 0 16px;} #bigbox .projectDetails h3, #bigbox .projectDetails h3 {border: none; margin-top:0; line-height: 1em;} #bigbox .projectDetails p {clear: both;} #bigbox .projectDetails .projectColumn {float: left; width: 330px; margin: 0 1em 1em 0; position: relative;} #bigbox .projectDetails .projectColumn p {line-height: 1em;} #bigbox .projectDetails .projectColumn .projectList p {line-height: 1.4em;} #productList div.tag_block {float: left; width: 154px; margin: 0 19px 1em 0; position: relative; } #productList div.single_tag { width: auto; } #productList ul li { margin-left: 0; list-style-image: none; padding: .4em 0; } #tag_video, #tag_rigging { margin-right: 0; } #bigbox .private { color: #aaa; font-style: italic; margin: 1em 0; } #bigbox .private strong { color: #888; font-style: italic; margin: 1em 0; } #bigbox .private a { color: #900; } #bigbox .projectDetails hr {margin: 0 0 0.5em 0;} #bigbox .archiveHeader { } #bigbox .cLeft {float: left; width: 29%; border-right: 1px solid #ccc; margin-right: 1em; padding-right: 1%;} #google_map {float: right; width: 285px; height: 285px; margin: 0 0 1em 1em; border: 1px solid #ccc} #google_map {float: none; margin-left: 0;} #video_file {width: 285px; height: 215px; position: relative; background-color: #555;} #video_file .error {width: 100%; position: absolute; top: 22%; left: 0; text-align: center; font-size: 2.5em; line-height: 2em; font-weight: bold; color: #aaa;} #video_file a {cursor: pointer;} #video_file a:hover .video_caption img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity: 1; opacity: 1; } #video_file img {width:100%; height: 100%;} #video_file .video_caption { height: 22px; padding: 10px 0px; text-indent: 15px; position: absolute; bottom: 0; left: 0; width: 100%; background-image: url(images/black-65-opacity.png); color: #fff; line-height: 22px; text-align: left; } #video_file .video_caption img { width: auto; height: auto; position: absolute; bottom: 9px; right: 15px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -moz-opacity: .8; opacity: .8; } /* Assigned to right and left floated images via JavaScript */ /* TODO check to see if the JavaScript is still being called and if we can just move to using the auto-assigned classes */ .frameImageRight, .alignright { float: right; margin: 0 0 1em 1em; padding: 3px; border: 1px solid #ccc; position: relative; } .frameImageLeft, .alignleft { float: left; margin: 0 1em 1em 0; padding: 3px; border: 1px solid #ccc; } #bottomWideRight .frameImageRight{float: none; margin: 0; padding: 0; border: none;} #navlines { border: 1px solid #ccc; border-left: none; width: 21px; background: none; position: absolute; margin: 0; z-index: 50; } #bigbox .navigation {border-top: 1px solid #ccc; margin-top: 1.5em; padding: 0.5em 0;} /* tag collecting pages */ #bigbox .tag_block { margin-bottom: 2em;} .tag_block h2 { color: #d73147; } .tag_block ul { margin-top: 0.5em;} /* Where is exceptions */ #bigbox #where-is-bad-boy div.pagetitle, #bigbox #where-is-prg-now div.pagetitle { position: relative; } #bigbox #where-is-bad-boy div.pagetitle span.editlinks, #bigbox #where-is-prg-now div.pagetitle span.editlinks { position: absolute; background: #fff; top: 2px; right: 2px; padding: 5px 5px 5px 0; } #bigbox #where-is-bad-boy .projectDetails .projectColumn strong, #bigbox #where-is-prg-now .projectDetails .projectColumn strong { color: #d73147; } #bigbox #where-is-bad-boy .projectDetails, #bigbox #where-is-prg-now .projectDetails { border-color: #d73147; } .toggleSection {border-top: 1px solid #ccc; margin-top: 1.7em; clear: both;} .toggleSection .toggleTrigger { font-weight: bold; } .toggleSection .toggleThis { } /* management page */ #our-management h3 { margin-top: 2.5em; font-size: 1.2em; } #our-management h3.top { margin-top: 0; } /* Map Div Locations */ #contactMap { position: relative; top: -15px; left: -20px; width: 732px; } #contactTeaser { float: left; width: 325px; } #contactTeaser p { float: left; margin-right: 40px; } #contactRollover { float: left; padding-left: 40px; width: 325px; border-left: 1px solid #ccc; min-height: 110px; } #contactRollover strong { color: #D73147; } #contactMap p {margin-top: 0; padding: 0;} #prg_locations .desc { display: none; } #prg_locations a { position: absolute; width: 10px; height: 16px; top: -13px; left: -4px; overflow: hidden; text-indent: -5000px; background-image: url(images/prg_marker_sm.png); } #prg_locations a:hover { background-image: url(images/prg_marker_sm_a.png); z-index: 500; } #prg_locations div.atlanta { position: absolute; top: 182px; left: 175px; } #prg_locations div.chicago { position: absolute; top: 164px; left: 157px; } #prg_locations div.dallas { position: absolute; top: 183px; left: 143px; } #prg_locations div.denver { position: absolute; top: 165px; left: 120px; } #prg_locations div.detroit { position: absolute; top: 160px; left: 171px; } #prg_locations div.lasvegas { position: absolute; top: 173px; left: 97px; } #prg_locations div.losangeles { position: absolute; top: 178px; left: 88px; } #prg_locations div.nashville { position: absolute; top: 178px; left: 166px; } #prg_locations div.newyork { position: absolute; top: 160px; left: 197px; } #prg_locations div.orlando { position: absolute; top: 197px; left: 180px; } #prg_locations div.toronto { position: absolute; top: 156px; left: 179px; } #prg_locations div.northbergen, #prg_locations div.newwindsor, #prg_locations div.mountvernon, #prg_locations div.denver2 { display: none; } #prg_locations div.shanghai-china { position: absolute; top: 186px; left: 642px; } #prg_locations div.tokyo { position: absolute; top: 178px; left: 683px; } #prg_locations div.cape-town-south-africa { position: absolute; top: 337px; left: 406px; } #prg_locations div.birmingham { position: absolute; top: 124px; left: 356px; } /* #prg_locations div.perivale-uk { position: absolute; top: 393px; left: 236px; } */ #prg_locations div.east-molesey-uk { position: absolute; top: 128px; left: 361px; } /* #prg_locations div.maidstone-uk { position: absolute; top: 124px; left: 356px; } */ #prg_locations div.hamburg-germany { position: absolute; top: 128px; left: 388px; } #prg_locations div.berlin-germany { position: absolute; top: 128px; left: 393px; } #prg_locations div.cologne-germany { position: absolute; top: 132px; left: 379px; } #prg_locations div.frankfurt-germany { position: absolute; top: 137px; left: 384px; } #prg_locations div.munich-germany { position: absolute; top: 142px; left: 392px; } #prg_locations div.brussels-belgium { position: absolute; top: 133px; left: 370px; } #prg_locations div.paris-france { position: absolute; top: 141px; left: 365px; } #prg_locations div.zurich-switzerland { position: absolute; top: 146px; left: 379px; } #bigbox ul.callout {margin: 1em 0;} #bigbox ul.callout li { list-style: none outside url('images/map-dot.png'); font-weight: bold; color: #555;} /* Social Media Links */ a.tweetthis { background: url('images/twitter.png'); background-repeat: no-repeat; height: 16px; padding: 2px 0px 0px 20px; } a.tweetthis, a.fb_share_link { float: left; margin-right: 1.5em; } /* popform wrapper */ #popform { display: none; position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 615px; z-index: 5000;} #popform .contents { background: #fff; position: absolute; top: 4.5em; left: 40px; width: 535px; padding: 2em 0;} #popform .bg { background: url('images/popform_bg.png'); position: absolute; top: 0; left: 0; opacity: 0.65; height: 100%; width: 100%; } #popform .closebutton a { position: absolute; top: 10px; right: 10px; width: 9px; height: 9px; padding: 0 3px 6px 3px; text-decoration: none; text-align: center; font-weight: bold; background: #eee; border: 2px outset #888;} #popform .closebutton a:hover { color:#d73147; } /* Forms */ /*#bigbox #searchform #s {width: 30%;}*/ /*form {padding-left: 1em;}*/ label,input { display: block; float: left; margin-bottom: 10px; } label {line-height: 1.7em;} input {background: #eee;} input {width: 350px;} .checkbox {width: 1em;} label { text-align: right; width: 130px; padding-right: 20px; } label.error { color: #900; width: 350px; text-align: left; line-height: 0.75em; font-size: 0.8em; margin-left: 150px; padding: 0 0 1em 0;} legend { color: #777; } fieldset { border: 1px solid #ccc; padding: 0.5em 15px; margin: 0.5em 0 0.5em 10px; float: right; width: 200px; } fieldset.leftfieldset { margin-right: 242px; } fieldset input { margin: 0; padding: 0; width: auto; } fieldset label { margin: 0 0.5em; width: auto; line-height: 1.5em; } fieldset.doublewide { width: 442px; } input#submit, input#submit2, input#searchsubmit, input.submit {width: 200px; margin-left: 150px;} input#searchsubmit, input.gsc-input { margin-left: 10px; float: left; } textarea {width: 500px; margin-bottom: 1em;} form br {clear: left;} .requiredfield {font-weight: bold;} .fixThisField, input.error {background: #fdd; } .showFormValue {float: left; margin-bottom: 10px; display: block;} .showRequest {border: 1px solid #bbb; padding: 0.5em; margin: -0.25em -0.75em; float: left; width: 70%;} .results {clear: both; margin: 1em 0;} /* Google search customizations */ #googleSearch div.gsc-control { width: 570px; min-height: 550px; } #googleSearch .gsc-search-box .gsc-search-button input { width: 200px; } #googleSearch .gsc-search-box .gsc-input input { width: 350px; margin-left: 0; border: 1px solid #bbb; height: 16px; background: #eee; } #googleSearch .gsc-search-box .gsc-clear-button { vertical-align: 50%; } #googleSearch .gs-webResult .gs-visibleUrl-short { display:none; } #googleSearch .gs-webResult .gs-visibleUrl-long { display:block; } /* error reporting */ p.error { display: block; background: #FDFEBC; border: 1px solid #dd0; margin: 1em 0; padding: 1em; color: #900; font-weight: bold; font-size: 120%; } /* iPhone additions: */ #bottomnav {-webkit-text-size-adjust:100%;}