/*   
Theme Name: Adhub
Theme URI: pixelfusion.co.nz
Description: The wordpress theme made by pixelfusion
Author: Bruce
Author URI: pixelfuison.co.nz
Version: 0.1
*/

@import url('blueprint.css');
/* 
General
************************************************************************************************************** */

body { background: #fff; color: #333; margin: 0; padding: 0; }

a { color: #790; text-decoration: none; }

body.advertisers a { color: #ffa826; }

body.publishers a { color: #33adff; }

a:hover, body.advertisers a:hover, body.publishers a:hover { border-bottom: 1px dotted #999; color: #000; }

a:hover img, a img:hover { border-bottom: 0 none; }

h1, h2, h3, h4, h5, h6 { color: #333; }

/* Forms */

input, textarea { background: #f6f6f6; border: 1px solid #e6e6e6; color: #666; padding: 3px; }

textarea { height: 10em; }

input:focus, textarea:focus { background: #f6f6f6; border-color: #999; color: #111; }

button, body.network button:hover, body.advertisers button:hover, body.publishers button:hover { background: #333 url('images/bg_black.gif'); border: 1px solid #e6e6e6; color: #fff; cursor: pointer; padding: 0.5em 1em; }

body.network button, button:hover { background: #b2cf42 url('images/bg_green.gif'); color: #333; }

body.advertisers button { background: #ffa826 url('images/bg_orange.gif'); color: #333; }

body.publishers button { background: #33adff url('images/bg_blue.gif'); color: #333; }

/* 
Header
************************************************************************************************************** */

#header { background: #fff; width: 100%; }

.jump { left: -99999em; position: absolute; top: -99999em; }

#title { background: #fff; margin: 0 auto; position: relative; width: 920px; }

h1 { margin: 0; padding: 0; }

h1 a:hover, h1 a:hover img { border: 0 none !important; }

#navigation { bottom: 0; float: right; font-size: 1.3333em; list-style: none; margin: 0; padding: 0; position: absolute; right: 0; }

#navigation li { background: #e6e6e6 url('images/corner_topleft.png') no-repeat left top; color: #333; float: left; font-weight: bold; margin-left: 2px; text-transform: lowercase; }

body.network #navigation li.network { background-color: #b2cf42; }

body.advertisers #navigation li.advertisers { background-color: #ffa826; }

body.publishers #navigation li.publishers { background-color: #33adff; }

#navigation a { background: url('images/corner_topright.png') no-repeat right top; color: #333; display: block; padding: 0.15em 1em; }

#navigation a:hover { border-bottom: 0 none; color: #b2cf42; }

#navigation li.network a:hover { color: #b2cf42; }

#navigation li.advertisers a:hover { color: #ffa826; }

#navigation li.publishers a:hover { color: #33adff; }

body.network #navigation li.network a, body.network #navigation li.network a:hover { color: #fff; }

body.advertisers #navigation li.advertisers a, body.advertisers #navigation li.advertisers a:hover { color: #fff; }

body.publishers #navigation li.publishers a, body.publishers #navigation li.publishers a:hover { color: #fff; }

/* 
Masthead
************************************************************************************************************** */

#masthead { background: #333 url('images/bg_black.gif'); clear: both; color: #fff; float: left; padding: 2em 0 0; min-width: 100%; }

#masthead a:hover { border-bottom: 0 none transparent !important; }

body.network #masthead { background: #b2cf42 url('images/bg_green.gif'); color: #333; }

body.advertisers #masthead { background: #ffa826 url('images/bg_orange.gif'); color: #333; }

body.publishers #masthead { background: #33adff url('images/bg_blue.gif'); color: #333; }

#masthead .wrapper { list-style: none; margin: 0 auto; width: 910px; }

#masthead .title { float: left; }

#masthead img { float: left; margin: 0 0 0 -45px; }

#masthead .headline { color: #fff; font-size: 3em; font-weight: bold; line-height: 1; margin: 0; padding:  0; text-transform: lowercase; }

#masthead .hook { color: #b2cf42; font-size: 2em; margin: 0 0 0.5em; text-transform: lowercase; }

body.network #masthead .headline,

body.advertisers #masthead .headline,

body.publishers #masthead .headline { color: #333; }

body.grownups #masthead .headline, body.getfrank #masthead .headline { padding-top: 1em; }

body.network #masthead .hook,

body.advertisers #masthead .hook,

body.publishers #masthead .hook { color: #fff; }

#masthead .text { float: right; font-size: 1.5em; line-height: 1.5; margin: 0 0 0.5em; width: 33%; }

#masthead .text abbr, #masthead .hook abbr, #masthead .headline abbr { border-bottom: 0 none; text-transform: none; }

/* 
Body
************************************************************************************************************** */

#body { background: #e6e6e6 url('images/bg_gradient.jpg') repeat-x 0 0; clear: both; float: left; padding-top: 20px; min-width: 100%; }

#body .wrapper { clear: both; margin: 0 auto; padding: 0; width: 910px; }

#quick-links { border: 5px solid #fff; display: block; float: left; font-size: 1.1em; list-style: none; margin: 0 0 10px; padding: 0; width: 900px; }

#quick-links li { background: #333 url('images/bg_black.gif'); border-left: 5px solid #fff; color: #fff; display: block; float: left; font-size: 1.5em; line-height: 1; min-height: 3.6em; padding: 25px; width: 245px; }

#quick-links li a { color: #333; }

#quick-links li a:hover { border-bottom: none; }

#quick-links li a:hover:after { content: '\00BB'; padding-left: 0.25em; }

#quick-links h3 { font-size: 1.3333em; font-weight: bold; margin-bottom: 0.2em; text-transform: lowercase; }

#quick-links li.network { background: #b2cf42 url('images/bg_green.gif'); border-left: none; width: 250px; }

#quick-links li.advertisers { background: #ffa826 url('images/bg_orange.gif'); }

#quick-links li.publishers { background: #33adff url('images/bg_blue.gif'); }

#quick-links abbr { border: none; }

/* 
Content
************************************************************************************************************** */

/* Column Structure */

.column { margin: 0 0 10px 10px; float: left; width: 220px; }

.column.column-first { clear: left; margin-left: 0; }

.column.column-double { width: 450px; }

.column.column-triple { width: 680px; }

#body .column .wrapper { background: #fff; border: 5px solid #fff; margin-bottom: 10px; width: 210px; }

#body .column.column-double .wrapper { width: 440px; }

#body .column.column-triple .wrapper { width: 670px; }

.column ul, .column ul li { list-style: none; margin: 0; padding: 0; }

/* Content Styles */

.copy { margin: 1.5em; }

.column h3 { background: #333 url('images/bg_black.gif') repeat left bottom; color: #fff; font-weight: bold; margin: 0; padding: 0.25em 0 0.33em; text-transform: lowercase; vertical-align: middle; }

body.network .column h3 { background: #b2cf42 url('images/bg_green.gif') repeat left bottom; color: #333; }

body.advertisers .column h3 { background: #ffa826 url('images/bg_orange.gif') repeat left bottom; color: #333; }

body.publishers .column h3 { background: #33adff url('images/bg_blue.gif') repeat left bottom; color: #333; }

.column h3 a { color: #fff; }

body.home .column h3 a:hover { color: #b2cf42; }

.column h3 span { background: url('images/fletch_small.png') no-repeat 0 50%; display: block; padding-left: 16px; }

.column h3.large span { background-image: url('images/fletch_large.png'); font-size: 1.5em; }

.column .title { background: #b2cf42 url('images/bg_green.gif') repeat top left; padding: 0.5em 1em; }

.column .title h4 { font-size: 1em; font-weight: bold; margin: 0; }

.column .title abbr { border: none; }

.column .entry-content { margin: 0; padding: 0.5em 1em; }

.column .entry-content p.last { margin-bottom: 0.7em; }

.column .case-studies h4 { background: #b2cf42 url('images/bg_green.gif') repeat top left; color: #fff; display: block; font-weight: bold; margin: 0; padding: 0.5em 1em; }

.column .title abbr { clear: both; display: block; }

.column .news li h4 a,

.column .case-studies li h4 a { color: #333; display: block; margin: 0; }

.column .news li h4 a:hover,

.column .case-studies li h4 a:hover { border-bottom: 0 none; color: #000; }

.column .news li h4 a:after,

.column .case-studies h4 a:after { content: ' '; padding-left: 0.25em; }

.column .news li h4 a:hover:after,

.column .case-studies h4 a:hover:after { content: '\00BB'; }

.column .case-studies p { margin: 0; padding: 0.5em 1em 0; }

.column .case-studies li { padding: 0 0 0.5em; }

.column .case-studies li a { margin: 0 1em 0.5em; }

.column .case-studies li a:hover { border-bottom: 1px dotted #999; }

.column .entry-content a.readmore span,

.column .case-studies a span { left: -99999em; position: absolute; top: -99999em; }

ul.network-links { list-style: none; margin: 0 0 1em; padding: 0; }

ul.network-links li { border-top: 1px dashed #999; color: #333; font-weight: bold; margin: 0.5em 0 0; padding: 0.5em 0 0 1.5em; }

ul.network-links li:first-child { border-top: 0 none; margin: 0; }

ul.network-links a { color: #333; text-decoration: none; }

ul.network-links a:hover { border-bottom: 0 none; color: #000; }

ul.network-links a:hover:after { content: '\00BB'; padding-left: 0.25em; }

body.network ul.network-links a:hover { color: #b2cf42; }

body.advertisers ul.network-links a:hover { color: #ffa826; }

body.publishers ul.network-links a:hover { color: #33adff; }

ul.network-links ul li { border-top: 0 none; font-weight: normal; margin: 0; padding: 0 0 0 1em; }

ul.network-links ul li a:hover:after { content: normal; padding-left: 0; }

div.quote { background: #333 url('images/bg_black.gif'); color: #fff; font-size: 0.95em; font-style: italic; padding: 10px 4px; text-align: center; width: 212px; }

body.network div.quote { background: #b2cf42 url('images/bg_green.gif'); }

body.advertisers div.quote  { background: #ffa826 url('images/bg_orange.gif'); }

body.publishers div.quote  { background: #33adff url('images/bg_blue.gif'); }

div.quote blockquote { background: url('images/quote-left.png') no-repeat left top; color: #fff; display: block; font-size: 1.05em; font-style: normal; font-weight: bold; margin: 0; padding: 0; }

div.quote blockquote span, div.quote blockquote p { background: url('images/quote-right.png') no-repeat right bottom; display: block; margin: 0; padding: 0 30px; }

div.quote cite { display: block; padding-top: 10px; }

/* Slider - Global */

body .slider { background: #b2cf42 url('images/bg_green.gif'); overflow: hidden; position: relative; }

.slider #slide-previous, .slider #slide-next { background: no-repeat 50% 50%; border: 0 none; cursor: pointer; display: block; height: 100%; position: absolute; text-indent: -99999px; top: 0; width: 24px; z-index: 9; }

.slider #slide-previous { background-image: url('images/slide-left.png'); left: 12px; }

.slider #slide-next { background-image: url('images/slide-right.png'); right: 12px; }

.slider ul#panels { display: block; margin: 0; padding: 0; position: relative; width: 100%; }

.slider ul#panels li { display: none; margin: 0; padding: 20px 56px; visibility: hidden; }

.slider ul#panels li.active { display: block; visibility: visible; }

.slider ul#panels img { margin: 0 auto; }

.slider ul#panels dl { margin: 0 auto; padding: 20px 0 0; width: 75%; }

.slider ul#panels dl * { float: left; margin: 0; padding: 0; }

.slider ul#panels dt { border-right: 1px solid #fff; text-align: right; padding: 0 4% 0 0; width: 35%; }

.slider ul#panels dd { text-align: left; margin: 0 0 0 4%; width: 55%; }

.slider ul#panels dl abbr { float: none; }

.slider ul#panels dl a { border-bottom: 1px solid transparent; color: #333; }

.slider ul#panels dl a:hover { border-bottom: 1px dotted #333; color: #000; }

/* Network Slider */

.slider#network-slider ul#panels li { text-align: center; width: 328px; }

a.image { border: 0 none !important; }

/* Inventory Slider */

.slider#inventory-slider {  margin-top: 5px; }

.slider#inventory-slider #slide-previous, .slider#inventory-slider #slide-next { background-position: 50% 40%; }

.slider#inventory-slider ul#panels li { text-align: center; width: 558px; }

/* Slider Content Styles */

#network-slider ul#panels img { margin-top: 20px; }

#network-slider ul#panels span { display: block; }

#network-slider ul#panels h3, #network-slider ul#panels .hook { background: none; text-align: left; }

#network-slider ul#panels h3 { font-size: 2em; margin-bottom: 0; text-transform: none; vertical-align: baseline; }

#network-slider ul#panels h3 a { color: #fff; }

#network-slider ul#panels h3 a:hover { border-bottom: 0 none; }

#network-slider ul#panels h3 a:hover:after { content: '\00BB'; padding-left: 0.25em; }

#network-slider ul#panels .hook { font-size: 1.5em; line-height: 1; }

#network-slider ul#panels dl * { display: block; }

#network-slider ul#panels span a { color: #333; font-weight: bold; }

#network-slider ul#panels span a:hover { color: #000; }

#inventory-slider h4 { color: #fff; font-size: 2.5em; margin: 0; padding: 0 0 0.9em; text-transform: lowercase; }

#inventory-slider p { text-align: left; }

#inventory-slider ul#panels dl { margin: 1.5em auto; padding: 0; width: 100%; }

#inventory-slider ul#panels dt { margin: 0; padding: 0 5% 0 0; width: 45%; }

#inventory-slider ul#panels dd { margin: 0; padding: 0 0 0 4%; width: 45%; }

#inventory-slider ul#panels dl abbr { border: 0 none; }

#inventory-slider p.example { font-size: 1.2em; margin: 0 0 1.5em; text-align: center; }

#inventory-slider p.example a, #inventory-slider p.download-pdf a { color: #fff; }

#inventory-slider p.example a:hover, #inventory-slider p.download-pdf a:hover { border-bottom: 1px dotted #fff; color: #fff; }

a.lightbox, a.lightbox:hover { border-bottom: 0 none !important; }

#inventory-slider p.download-pdf { margin-bottom: 0; text-align: center; }

#inventory-slider p.download-pdf a { background: url('images/page_white_acrobat.png') no-repeat 0% 50%; padding: 5px 0 5px 22px; }

/* Content Misc */

p.punch { font-weight: bold; margin-bottom: 2.5em; text-align: right; }

p.punch q { display: block; font-size: 1.5em; text-align: center; }

ol.benefits { margin-bottom: 1em; }

ol.benefits li { margin-bottom: 0.5em; }

ul.points, ul.external-links { margin-bottom: 1em; }

ul.points li, ul.external-links li { list-style-type: disc; margin-left: 1em; }

.column ul.team li { clear: both; margin: 0; padding: 0 0 20px 92px; text-align: justify; }

.column ul.team li img { float: left; margin: 3px 20px 0 -92px; }

.column ul.team li p { margin: 0; }

/* Charts */

ul.charts table { left: -99999px; position: absolute; top: -99999px; }

ul.charts li { border-bottom: 2px solid #eee; float: left; padding: 1.5em 17px 0; text-align: center; }

ul.charts li.double { border-bottom: 0 none; }

ul.charts h5 { margin-bottom: 0; }

ul.charts h5 abbr { border: 0 none; }

ul.charts li p { margin: 0 auto 1em; width: 300px; }

p.by-line { color: #888; font-size: 0.96em; text-align: center; }

/* Contact Form */

.message { background: #e6e6e6; border: 1px solid #ccc; font-size: 1.1em; padding: 1em; text-align: center; }

#contact-form, #contact-form fieldset { border: 0 none; margin: 0; padding: 0; }

#contact-form { padding: 1em 1em 0; }

#contact-form input { width: 285px; }

#contact-form textarea { padding: 5px; width: 587px; }

#contact-form legend { display: none; }

#contact-form label { display: block; }

#contact-form p.form-details { float: left; width: 50%; }

#contact-form p.form-buttons { text-align: center; }

/* 
Footer
************************************************************************************************************** */

#footer { clear: both; }

#bread-crumbs { background: #333 url('images/bg_black.gif'); clear: both; padding: 0.5em 0; }

#bread-crumbs ul { list-style: none; margin: 0 auto; width: 910px; }

#bread-crumbs li { background: url('images/curly-brace.png') no-repeat 0 50%; color: #fff; display: inline; padding: 0 0 0 8px; }

#bread-crumbs li:first-child { background: none; padding: 0; }

#bread-crumbs li a { padding: 0 1em; }

#bread-crumbs li:first-child a { padding: 0 1em 0 0; }

#bread-crumbs a:hover { color: #fff; }

#footer-nav { background: #e6e6e6 url('images/bg_gradient.jpg') repeat-x 0 0; border-bottom: 1px dotted #ccc; clear: both; float: left; padding: 20px 0; min-width: 100%; }

#footer-nav ul { list-style: none; margin: 0; padding: 0; }

#footer-nav ul.xoxo { margin: 0 auto; width: 910px; }

#footer-nav ul.xoxo li { display: block; float: left; margin-left: 10px; width: 174px; }

#footer-nav ul.xoxo li.first { margin-left: 0; }

#footer-nav ul.xoxo ul li { float: none; margin-left: 0; width: 100%; }

#footer-nav h3 { font-size: 1em; font-weight: bold; }

#footer-nav a { border-bottom: 1px dotted #bbb; color: #333; }

#footer-nav a:hover { border-bottom-color: #333; color: #000; }

#footer-nav li.address { padding: 0.75em 0; }

#copyright { clear: both; list-style: none; margin: 0 auto; width: 910px; }

#copyright li { display: block; float: right; height: 54px; line-height: 54px; margin-left: 2em; vertical-align: middle; }

#copyright li.copyright { background: url('images/logo_adhub_footer.jpg') no-repeat 0 12px; float: left; margin: 0; padding-left: 100px; }

#copyright a { color: #999; }

#copyright a:hover { border-bottom-color: #333; color: #333; }

img.iabnz { margin: 10px 0 0; }

/* Lightbox */

#jquery-lightbox a:hover { border-bottom: 0 none; }

