/* Default Styles ----------------------------------------------------*/ /* 1 Main 2 Wrappers 3 Masthead,Menu & Navigation 4 Boxes,grids,lists and columns 5 Clearing */ /* --------------------------------- */ /* =Main */ /* -------------------------------- */ /* =removes scrollbars from reduced width heights html {overflow:-moz-scrollbars-vertical;} */ body {text-align:center; background:#808285 url(../images/layout/backgrounds/container_bg.gif) center 0 repeat-y; /*font-size:62.5%;*/ /*sets font-size to baseline 10px then set container to 1.1,1.2.,1.3 for 11,12 13 px baseline font-size*/ font-size:62.5%;color:#444444;font-family:Verdana,Arial,Helvetica,sans-serif;/* font-family:Georgia,"Times New Roman",Times,serif;*/} /* --------------------------------- */ /* =Wrappers */ /* -------------------------------- */ #container {width:980px; margin:0 auto;text-align:left;background-color:#fff;font-weight:normal;font-size:1em;} /* center the element and set font size to 13px */ #header {margin:0 10px;} #content {margin:0 20px;} /* total available content width = 940px */ #footer {font-size:1.1em;text-align:center;padding:21px 0;color:#666;clear:both;width:100%;} #footer .cc {margin:0 auto;width:88px;} /* --------------------------------- */ /* =Text Formating */ /* -------------------------------- */ p {line-height:1.5em;font-size:1.1em;padding:0 0 1.5em 0;} /*font size:13px line-height:19px margin-bottom:19px*/ a {font-weight:normal;text-decoration:none;} a:link {color:#568813;} a:visited {color:#568813;} a:hover {color:#333;text-decoration:underline;} /*link styles should be in the order LVHA*/ strong {font-weight:bold;} em {font-style:italic;} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{color:#333333;font-weight:bold;margin: 0 0 0.5em 0;line-height:1em;font-size:1em;font-family:Helvetica,Arial,sans-serif;} h1 {font-size:1.5em;} /* displayed at 20px */ h2 {font-size:1.4em;} /* displayed at 18px */ h3 {font-size:1.2em;} /* displayed at 16px */ h4 {font-size:1.1em;} /* displayed at 16px */ h5 {font-size:1em;} /* displayed at 14px */ .entry blockquote { font-style: italic; line-height: 12px; font-size: 12px; font-family: Georgia, serif; border-top: 1px solid #5d5d5d; border-bottom: 1px solid #5d5d5d; color:#5d5d5d; margin: 10px; padding: 10px 0 0 40px; background: transparent url(http://www.publishingtalk.eu/blog/wp-content/themes/pubtalk/images/blockquote_icon3.png) no-repeat top left; } .entry blockquote p { } .tx-l {text-align:left;} .tx-c {text-align:center;} .tx-r {text-align:right;} /*floats*/ .left {float:left;display:inline;} /*display inline avoids double float margin bug in IE*/ .right {float:right;display:inline;} .v-space {margin-top:1.5em;} ul li {line-height:1.5em;font-size:1.1em;margin:0 0 0 21px; list-style-type: disc;} ol li {line-height:1.5em;font-size:1.1em;margin:0 0 0 21px; list-style-type: decimal;} hr {border:none 0;border-top:1px solid #ccc;height:1px;clear:both;margin-top:1.4em;} .tiny {font-size:1em;} /*10px*/ .small {font-size:0.9em;} /*11px*/ .normal {font-size:1.3em;} /*13px*/ .large {font-size:1.5em;} /*15px*/ .hide {display:none;} /* Alternate hide sets line-height massive with set height and overflow:hidden - althoug be careful with ie6 #header h1.logo a span {line-height:537px;overflow:hidden;} */ .opacity_70 { filter: alpha(opacity=70); /* Internet Explorer */ -moz-opacity: 0.7; /* Mozilla */ -khtml-opacity: 0.7; /* Safari */ opacity: 0.7; /* Opera */ } .rel {position:relative;} img {border:none;display:block;} /*display block to avoid IE6 whitespace on inline elements due to baseline spacing (for descender space),i.e. images*/ .no_margin {margin:0} .inline {display:inline;} /*used to fix IE6 double margin bugs*/ .highlight {color:#c00;} .button {overflow:visible;display:block;} .row {width:100%;} .pb10 {padding-bottom:10px;} .pb14 {padding-bottom:14px;} .pb21 {padding-bottom:21px;} /*fixes many IE bugs for buttons*/ .skipto, #skipnav {position:absolute;top:0;left:-100000px;width:0;height:0;overflow:hidden;} /*en dash list*/ .list li {list-style-type:none;} .list li:before { content: "– "; } /* =Data tables */ table {margin:0 0 1.5em;border-collapse:separate;border-spacing:0;border-bottom:1px solid #ccc;} caption {font-weight:bold; margin:0 0 10px 0; padding:0; text-align:center;font-weight:bold;text-align:left;} th {font-weight:bold} th, td {padding:0.25em 0.5em 0.25em 0;border-top:1px solid #ccc;vertical-align:top;text-align:left;font-size:1.1em;} /* =Forms */ legend {margin:0 0 13px 0;} label.screen-reader-text {display:none;} input[type="button"], input[type="submit"], input#searchsubmit { font-size: 12px !important; background: #231f20 !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px; padding: 2px 6px !important; border: 0 !important; color: #ffffff !important; vertical-align:top; } input#searchsubmit:hover, input[type="submit"]:hover {background: #595556 !important;cursor:pointer;} input#s {font-size:1em;width:200px;color:#666;height:15px;vertical-align:top;} input[type="checkbox"] {border:0;width:auto;} select {margin:0 0 0 10px;} textarea {width:600px;height:150px;font-family:Verdana,Arial,Helvetica,sans-serif;} legend, label, input, select, textarea {font-size:1em;} /*jquery form focus*/ .focusField {background:#EFF5FF;color:#000;} .idleField {background:#EEE;color:#6F6F6F;} /*columns*/ div#content {padding-top:1.154em;} .c1 {width:655px;} .c2 {width:255px;} /* 665 + 255 + 25px = 940px */ .c3 {width:390px;} .c4 {width:250px;} /* 390 + 250 + 25px = 665px */ .c5 {width:190px;} /* 190 + 190 + 10px = 390px */ .c6 {width:375px;} .c7 {width:250px;} .c8 {width:225px;} .c9 {width:155px;} .c10 {width:500px;} /* ---------------------------------------- */ /* =Boxes,grids,lists and columns */ /* ---------------------------------------- */ .grids:after {content:".";display:block;height:0;clear:both;visibility:hidden;} * html .grids {height:1%;} /*to avoid ie6 miscalcuating an elements height (if block level) due to caching previous content height*/ .grids {display:inline-block;} .grids {display:block;margin:0;} .grids .unit_sm,.grids .unit_lg {float:left;overflow:hidden;display:inline;margin:0 0 0 30px;} .grids .unit_sm {width:175px;} .grids .unit_lg {width:285px;} .grids .unit_half {width:48%;margin-left:1.895%;float:left;overflow:hidden;display:inline;} .grids .unit_third {width:31.2%;margin-left:1%;float:left;overflow:hidden;display:inline;} .grids .first {margin:0;} /* List grids */ /* =content-sub */ .content-sub ul {margin-bottom:0;} .content-sub li {float:left;margin:0 5px 0 0;width:102px;} /* -------------------- */ /* =Clearing */ /* ------------------ */ .clear {clear:both;line-height:0px;font-size:0px;height:0px;padding:0px;margin:0px;border:none;} .clearfix:after {clear:both;content:".";display:block;height:0pt;visibility:hidden;} .clearfix {display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* End hide from IE-mac */ .clr {overflow:hidden;/*method for clearing floats*/} /* -------------------- */ /* =Custom */ /* ------------------ */ /* ------------------------------------- */ /* =Masthead,Menu & Navigation */ /* ------------------------------------- */ #navigation {background:transparent url(../images/layout/backgrounds/menu_bg.gif) 0 0 repeat-x;padding:4px 0;position:relative;width:100%;} #navigation ul {margin:0;padding:0;list-style:none;} #navigation li {list-style-type:none;display:inline;font-size:1em;margin:0;} #navigation ul li a {display:block;float:left;text-align:center;line-height:18px;width:90px;padding:0 5px;color:#fff;border-right:2px solid #8dce36;} #navigation ul li a:hover {text-decoration:underline;} #navigation ul li a.selected, #navigation ul li a.selected, .home-selected .nav-home a, .podcast-selected .nav-podcast a, .events-selected .nav-events a, .blog-selected .nav-blog a, .resources-selected .nav-resources a, .contact-selected .nav-contacts a, .contribute-selected .nav-contributors a, .advertise-selected .nav-advertise a, .single ul .nav-blog a {color:#8dce36 !important;font-weight:bold;} #navigation .subnavigation {clear:both;} #navigation .subnavigation li {float:left;display:inline;margin:0;} #navigation .subnavigation li ul li, #navigation .subnavigation li ul li a {float:none !important;display:block;} #navigation .subnavigation ul li a:hover {color:#000;} #toggle { background:#807f83; border-bottom:2px solid #8dce36; color:#fff; font-weight:normal; } #toggle p {padding:0;} #more-link {display:block;background:transparent url(../images/icons/toggle.gif) 0 0 no-repeat;position:absolute;right:10px;top:5px;width:20px;height:17px;} .jobs-more-link {display:block;} #more-link span {visibility:hidden;} a:hover#more-link {text-decoration:none;} /* alternate menu */ #nav-main {background-color:#F8F7F3;padding:10px 0;} #nav-main ul li {float:left;width:210px;text-align:center;} .navigation {padding:10px 0 0 10px;} #header {position:relative;z-index:1;} #header #banner-ad {position:absolute;top:10px;left:0;width:468px;height:60px;z-index:200;} #header #text-ads {position:absolute;top:90px;left:0;width:468px;height:20px;z-index:201;} #header #banner-ad .ad_link {float:right;} #header #text-ads ins {height:20px;} #header #text-ads #abg, #header #text-ads .al {font-size:10px !important;} #header #twitter, #header #tjobs {position:absolute;top:10px;right:0;width:400px;height:60px;z-index:100;} #header #twitter .twitter_link, #header #tjobs .twitter_link {display:block;height:60px;width:65px;position:absolute;left:0;top:0;outline:none;} #header #twitter .twitter_link, #header #tjobs .twitter_link span {color:#FFFFFF; font-size:0; visibility:hidden;} #twitter_update_list li.firstTweet span {margin-top:12px;} .twitter_currently {position:absolute;right:258px;top:12px;} /*chatter*/ #live_twitter_feed img {display:inline;float:left;height:48px;margin-bottom:5px;margin-right:5px;width:48px;} #live_twitter_feed #tweets li {overflow:hidden;} #live_twitter_feed #tweets li .author {display:inline;float:left;padding:4px 0 0;width:54px;} #live_twitter_feed #tweets li .body {display:inline;float:right;width:180px;} #live_twitter_feed #tweets {padding:0 7px 5px;width:240px;} #live_twitter_feed li span.body .meta {display:block;} #live_twitter_feed li span.body .meta,#live_twitter_feed li span.body .meta a{color:#999999;font-family:Georgia,arial,Times New Roman,Times,serif;font-style:italic;} #live_twitter_feed li{border-bottom:1px dashed #D2DADA;margin:0 0 5px 0;padding:5px 0;font-size:1em;} #TwitterCounter {float:left; margin:0 10px 10px;} /*logo*/ #header #top_links {text-align:right;position:relative;padding:90px 0 10px 0;} #header #top_links #social {position:absolute;top:88px;right:250px;} #header #top_links #social li {font-size:1em;line-height:16px;list-style-type:none;display:inline;float:left;padding:0;margin:5px 5px 0 0;} #header #top_links #social li a {display:block;width:16px;height:16px;} #header #top_links #social li a:hover {text-decoration:none;} #header #top_links #social li.social-audio a {background:transparent url(../images/icons/social-audio.gif) 0 0 no-repeat;} #header #top_links #social li.social-facebook a {background:transparent url(../images/icons/social/facebook_16.png) 0 0 no-repeat;} #header #top_links #social li.social-flickr a {background:transparent url(../images/icons/social/flickr_16.png) 0 0 no-repeat;} #header #top_links #social li.social-rss a {background:transparent url(../images/icons/social/rss_16.png) 0 0 no-repeat;} #header #top_links #social li.social-twitter a {background:transparent url(../images/icons/social/twitter_16.png) 0 0 no-repeat;} #header #top_links #social li.social-youtube a {background:transparent url(../images/icons/social/youtube_16.png) 0 0 no-repeat;} #header #top_links #social li.social-myspace a {background:transparent url(../images/icons/social/myspace_16.png) 0 0 no-repeat;} #header #top_links #social li.social-delicious a {background:transparent url(../images/icons/social/delicious_16.png) 0 0 no-repeat;} #header #top_links #social li.social-linkedin a {background:transparent url(../images/icons/social/linkedin_16.png) 0 0 no-repeat;} #header #top_links #social li.social-email a {background:transparent url(../images/icons/social/email_16.png) 0 0 no-repeat;} #header #top_links #social li.social-audioboo a {background:transparent url(../images/icons/social-audio.gif) 0 0 no-repeat;} #header #banner {background:transparent url(../images/logo.jpg) 0 0 no-repeat;width:960px;height:210px;} .jobs-container #header #banner {background:transparent url(../images/logo_jobs.jpg) 0 0 no-repeat;width:960px;height:210px;} #header span.logo {height:205px;width:350px;} #header span.logo a {position:relative;height:205px;width:350px;text-decoration:none;display:block;line-height:537px;overflow:hidden;} #header span.logo a span, #header #top_links #social li a span {visibility:hidden;} /*needs to be absolute path to images i.e. /images/ */ .png_hack {background-image:url(../img/the_image.png) !important;background-image:none;filter:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/the_image.png');} /*Custom headers*/ h1.title, h2#comments, h2#postcomment, .blog h2, .jobs h2 {line-height:25px;height:32px;color:#fff;padding:0 0 10px 15px;} h1.title a, h2#comments, h2#postcomment {color:#fff;font-weight:bold;} .blog h2, .jobs h2, h1.title, h2#comments, h2#postcomment {font-weight:bold;} h1.title, h2#comments, h2#postcomment {background:transparent url(../images/layout/headers/h1-title.gif) 0 0 no-repeat;} h2.author-title {font-size:1.3em;font-weight:bold;color:#000;margin:10px 0 20px 0;} .blog h2 {background:transparent url(../images/layout/headers/h2-blog.gif) 0 0 no-repeat;padding-bottom:14px;} .jobs h2 {background:transparent url(../images/layout/headers/h2-jobs.gif) 0 0 no-repeat;padding-bottom:14px;} .blog .view-all {padding:0;} .blog .view-all a, .jobs .view-all a {display:block;height:20px;padding:0 0 14px 15px;color:#ffffff;line-height:15px;font-size:1em;font-weight:normal;} .blog .view-all a {background:transparent url(../images/layout/headers/view-all-grey.gif) 0 0 no-repeat;} .jobs .view-all a {background:transparent url(../images/layout/headers/view-all-green.gif) 0 0 no-repeat;} /*Blog styling*/ .featured {margin:0 0 15px 0;background:transparent url(../images/layout/backgrounds/featured_bg.gif) 0 bottom repeat-x;} .featured h1.title {padding-bottom:0;} .featured .inner {padding:10px 10px 0 10px;} .featured .right img {margin:10px 0 0 0;} .featured .inner p {padding:0;} .blog-summary {padding:0 0 10px 0;} .blog-summary h3 {padding:0 0 10px 0;border-bottom:1px solid #d0cfd1;font-weight:bold;margin:0 0 10px 0;color:#88c437;} .blog-summary h3 a {font-weight:bold;} .blog-summary p {padding:0 0 10px 0;} .blog-summary p.meta {border-bottom:1px solid #c0bfc1;margin:0 0 10px;} .featured p.meta {border-bottom:1px solid #c0bfc1;margin:0 0 10px;padding:0 0 5px 0;} .featured p.meta .comments {} .blog-summary p.meta span.comments a {float:right;font-size:1em;color:#8dce36;} .blog-summary p.meta span.comments a:hover {text-decoration:none;color:#666;} .blog-summary p.meta span.comments em {font-style:normal;} .blog-summary span em.comment-count {margin:0 0 0 5px;display:block;float:right;text-align:center;color:#fff;line-height:14px;font-size:0.9em;background:transparent url(../images/layout/backgrounds/comments-count.gif) 0 0 no-repeat;width:30px;height:20px;} .job-summary {padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid #d0cfd1;} .job-summary h4 {padding:0;} .job-summary h4, .job-summary h3, .job-summary p {font-size:1.1em;} .job-summary h4 a, .job-summary h3 a, .job-summary p.meta {font-weight:bold;} .job-summary p.meta {color:#8dce36;font-size:0.9em;margin:3px 0 0 0;} .job-summary p.desc {font-size:0.9em;} .job-summary p.desc a, .job-summary p.desc a:link {font-weight:bold;} .job-summary p {padding:0;} .events-summary {padding:10px 0 10px 0;margin:0 0 10px 0;} .events-summary ul {margin:0;padding:0;} .events-summary li {list-style-type:none;border-bottom:1px solid #d0cfd1;padding:10px 0 10px 0;margin:0;} .events-summary h2 {padding-bottom:0;} .events-summary h4 {padding:0;} .events-summary h4, .events-summary h3, .events-summary p {font-size:1em;} .events-summary h4 a, .events-summary h3 a, .events-summary p.meta {font-weight:bold;} .events-summary span.time {color:#8dce36;font-size:0.9em;margin:3px 0 0 0;} .events-summary p {font-size:0.9em;} .events-summary p a, .events-summary p a:link {font-weight:bold;} .events-summary p {padding:0;} .events-summary p.view-all {font-size:1.1em;} /* ------------------------------------ */ /* > Pagination */ /* ------------------------------------ */ #content .wp-pagenavi{margin:20px 0 0 0;} #content .wp-pagenavi a{border:solid 1px #cccccc;padding:4px 7px;margin-right:2px;background-color:#fff;font-size:1.2em;} #content .wp-pagenavi .previous-off, #content .wp-pagenavi .next-off,#content .wp-pagenavi .disabled,#content .wp-pagenavi .disabledprev_page,#content .wp-pagenavi .disablednext_page,#content span.gap{color:#999999;display:block;float:left;padding:4px 5px;margin-right:2px;border:solid 1px #efefef;} #content .wp-pagenavi .current{color:#ffffff;display:block;float:left;padding:4px 7px;margin-right:2px;border:solid 1px #cccccc;background-color:#a7a7a7;font-size:1.3em;} #content .wp-pagenavi .pages,#content .wp-pagenavi .extend{color:#000;font-weight:bold;display:block;float:left;padding:4px 7px;margin-right:2px;border:solid 1px #fff;background-color:#fff;font-size:1.3em;} #content .wp-pagenavi a:link, #content .wp-pagenavi a:visited{color:#568813;display:block;float:left;text-decoration:none;} #content .wp-pagenavi a:hover{background-color:#e6e6e6;} /*Jobs custom*/ .locations img {display:inline;float:left;margin:0 5px 0 0;} .the-job p {padding:0;} #publishingjobs .blog-summary {margin:0 0 10px 0;border-bottom:1px solid #ccc;} #publishingjobs .toggle-jobs {padding:10px 0 0 0;} #publishingjobs .jobs-more-link span {cursor:pointer;color:#333;font-weight:bold;font-size:15px;} /*single.php*/ .post {padding:0 0 20px 0;} .post .bookmarks {margin:0 0 20px 0;} .tweetmeme_button {margin:0 0 5px 10px;float:right;} .entry ul li, .entry ol li {font-size:1.1em;} .entry ul, .entry ol {margin:0 0 20px 0;} .entry h3 {font-size:1.4em;line-height:1.4em;} .page-navigation {padding:10px 0;} .page-navigation a { font-size: 12px; background: #231f20; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 2px 6px; border: 0; color: #ffffff; vertical-align:top; font-size:0.9em; } .page-navigation a:hover {background: #8dce36;color:#231f20;text-decoration:none;} .commentlist li, .trackbackslist li {list-style-type:none;margin:0;font-size:1em;padding:5px 0;border-bottom: 1px solid #8dce36;margin:0 0 10px 0;} .commentlist li:last-child, .trackbackslist li:last-child {border:0;} #commentform textarea {font-size:1em;padding:5px;} #commentform label {display:block;clear:both;float:none;margin:0 0 5px 0;padding:0;font-size:1.1em;font-weight:bold;} .avatar {float:left;} .commentmetadata, cite.fn, .says {font-size:1.1em;} .commentmetadata {padding-left:45px;margin:0 0 10px 0;} .authcomment { background-color: #B3FFCC !important; } .trackbackslist .commentmetadata, .trackbackslist cite.fn {padding:0;} .comment p {clear:left;} cite.fn {padding-left:15px;margin:0 0 5px 0;} span.created_at {font-size:90%;color:#999999;} #twitter_update_list li {height:60px;list-style-type:none;font-size:1em;padding:0 0 0 60px;background:transparent url(../images/icons/twitter.gif) 0 0 no-repeat;} #facebook {margin:0 0 20px 0;} .image img {border:2px solid #2d2d2d; } .sidebar-item .item-title {color:#8dce36;padding:0 0 10px 0;font-weight:bold;font-size:1.1em;} .sidebar-item p {font-size:1.1em;} #wp-calendar td, #wp-calendar th {font-size:1.1em;width:30px;} .recent_comments ul li {margin:0;list-style-type:none;font-size:1.1em;padding:10px 0;border-bottom:1px dashed #999;} .sidebar h4 {line-height:28px;padding:0 0 14px 15px;color:#7e7d81;font-weight:bold;} .chatter h4 {background:transparent url(../images/layout/headers/h4-bg.gif) 0 0 repeat-x;} .events h4, h4.sidebar-title {background:transparent url(../images/layout/headers/h4-right.gif) 0 0 no-repeat;color:#ffffff;line-height:26px;} .tag_cloud div a { display:inline; line-height:1.4em; vertical-align:baseline; } /*columnists*/ #columnists {margin:0 0 15px 5px;} #columnists li { border-bottom:1px solid #DDDDDD; padding:5px 0 0 0; font-size:1em; list-style-type:none; margin:0; } #columnists a.author_image { display:block; float:left; width:25px; } #columnists p.author { font-weight:bold; } #columnists li p { padding:5px 0 5px 32px; } /*archives dropdown*/ .archives_widget .box-content-beige{height:50px;} ul.archives-dropdown{background:transparent url(../images/layout/backgrounds/dropdown.png) no-repeat;margin:0 0 10px 10px;} ul.archives-dropdown li, ul.archives-dropdown-jobs li {list-style-type:none;height:23px;width:180px;line-height:19px;margin:0;position:relative;font-size:1em;} ul.archives-dropdown-jobs li {height:auto;} ul.archives-dropdown-jobs li ul {margin:3px 0 10px 20px;} ul.archives-dropdown li a {display:block;padding:0 0 0 8px;} ul.archives-dropdown li a:link,ul.archives-dropdown li a:visited {font-size:1em;color:#666666;} ul.archives-dropdown ul {display:none;} ul.archives-dropdown ul {position:absolute;z-index:500;left:0;background-color:#ffffff;border:1px solid #c4c4c4;} ul.archives-dropdown ul li a{padding:0 0 0 5px;text-align:left;display:block;} ul.archives-dropdown li ul li a, ul.archives-dropdown li ul li a:link, ul.archives-dropdown li ul li a:visited {} ul.archives-dropdown li:hover ul{display:block;width:230px;margin:0;} .flickr a, .flickr ul li {display:block;list-style-type:none;float:left;display:inline;margin:0 5px 5px 0;} /* ----------------------------- */ /* =Pseudo elements */ /* --------------------------- */ /* targeting attributes a[rel="alternate"] {padding-left :20px;background :url(../images/rss.png) no-repeat 0 50%;}*/