/* Theme Name: socreative.tv blog Theme URI: http://www.socreative.tv Description: socreative.tv blog Author: socreative Author URI: http://www.socreative.tv Version: 1 */ @media screen { /* RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* UTILITY */ .float-left { float:left; } .float-right { float:right; } /* STICKY FOOTER */ html, body {height: 100%;} #main {overflow:auto; padding-bottom: 30px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -30px; /* negative value of footer height */ height: 30px; clear:both;} /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ /* STYLE */ * { margin: 0; padding: 0; } body { font-family:Georgia,'Times New Roman',Times,serif; font-size:14px; overflow-y:scroll;} .screen-reader-text { position: absolute; left: -9999px; top: -9999px; } .clear { clear: both; } .group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */ #sitecontent { min-height: 100%; background: #ebebeb url(images/bg_top.png) top center no-repeat; } #wrapper { width: 1020px; margin: 0 auto; } #header { height:160px; padding-top:30px;} #main { padding:0 0 50px 30px; background:#f8f8f8; } #content { width:690px; float:left; border-right:1px solid #e5e5e5; } #footer { } #foot-content { width:960px; margin:0 auto; padding-top:8px; border-top:2px solid #e5e5e5; } #foot-content { color:#939393; font-size:11px; } #foot-content a { color:#939393; } #foot-content a:hover { color:#2e95c5; } h1, h2, h3 { color:#2e95c5; font:20px Arial, Helvetica, sans-serif; letter-spacing:-1px; font-weight: bold; margin: 0; text-shadow: #FFFFFF 1px 1px 1px; } h2.pageheader { color:#aab020; padding-bottom:7px; } h3 { font-size:16px } h3.archive-header { padding-bottom:15px; } #sidebar h2 { color:#2e95c5; font:16px Arial, Helvetica, sans-serif; letter-spacing:-1px; font-weight: bold; margin: 0 0 5px 0; } #sidebar { color:#727272; } p { margin: 0 0 10px 0; } p > a { color:#aab020; } p > a:hover { color:#767a19; } blockquote { } blockquote p { } ul, ol { margin: 0 0 20px 0; } ul li, ol li {line-height:1.5em; } .post { margin:0 20px 30px 0; border-bottom:1px solid #e5e5e5; } .last-post { margin:0 20px 30px 0; } .post, .entry { line-height:1.5em; } /* center videos embeds */ p.centered { text-align:center; } h2 > a { color:#2e95c5; text-decoration:none; } h2 > a:hover { color:#31a2d7; text-decoration:none; } .entry { color:#727272; padding-bottom:10px; } .entry a { color:#aab020;} .entry a:hover { color:#767a19; } .entry h3 { margin-bottom:6px; } .entry h3 > a { color:#2e95c5; text-decoration:none; } .entry h3 > a:hover { color:#31a2d7; text-decoration:none; } .entry img {border:5px solid #c7ce29; padding:2px; margin:5px 0 10px 0; } .lightsocial_container img { border:2px solid #c7ce29; padding:2px; margin:5px 0 10px 0; } .lightsocial_container div { float:right; } /* hire #topright { position: absolute; right: 0; top: 0; display: block; height: 125px; width: 125px; background:url(images/hire.png) no-repeat; text-indent: -999em; text-decoration: none; z-index:10000;} */ #logo { float:left; padding:30px 0 0 30px;} #menu { float:right; width:320px; margin-right:110px; } #nav { float:right; margin-top:55px; } #worknav { float:right; margin-bottom:5px; } #nav li, #worknav li { display:inline-block; padding-left:7px; float:left; } #nav a, #worknav a { display:block;text-indent:-9999px; } #nav li a { } /* ------------ MAIN NAV ------------- */ li.work a { width:38px; height:11px; background:url(http://socreative.tv/images/socreative-sprite.png) 0px -54px; } li.work a:hover { background-position:0px -74px;} li.services a { width:58px; height:11px; background:url(http://socreative.tv/images/socreative-sprite.png) -46px -54px; } li.services a:hover { background-position:-46px -74px;} li.blog a { width:33px; height:11px; background:url(http://socreative.tv/images/socreative-sprite.png) -114px -54px; } li.blog a:hover { background-position:-114px -74px;} li.contact a { width:57px; height:11px; background:url(http://socreative.tv/images/socreative-sprite.png) -156px -54px; } li.contact a:hover { background-position:-156px -74px;} pre { } code, tt { } #meta { } .postmetadata { } .postmetadata a { color:#aab020; } .meta a, .navigation a { color:#aab020; } .meta a:hover, .navigation a:hover { color:#767a19; } .meta { font-size:14px; color:#7e7e7e; font-variant: small-caps; padding-bottom:20px;} .meta span { font:11px Arial, Helvetica, sans-serif; letter-spacing:1px; color:#b3b3b3; text-transform:uppercase; padding-right:10px; } .tags-links { color:#aab020; font-size:12px; background:url(images/icon_tag.png) no-repeat 0 5px; padding-left:20px; margin:0;} .comments-link { color:#aab020; background:url(images/icon_comment.png) no-repeat 0 5px; padding-left:20px;} a.more-link { background:#2e95c5; color:#fff; padding:2px 7px; float:right; text-decoration:none; margin:6px 0 12px 0; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow:#277FA8 -1px -1px 0px; } a.more-link:hover { background:#31a2d7; color:#fff; } /* SIDEBAR ---------------------------- */ #sidebar li { font-family:Georgia,'Times New Roman',Times,serif;font-size:12px; } .useful_stuff p { margin:0; font-size:12px; line-height:18px; } .useful_stuff { margin-bottom:30px; } #sidebar { float:left; padding-left:20px; width:267px; } #sidebar a {color:#aab020; } #sidebar a:hover { color:#767a19; } #sidebar .icons { padding-top:3px; } #sidebar .icons img { padding-right:5px; } #sidebar #banners img {border:2px solid #c7ce29; padding:1px;} .navgation { } .next-posts { } .prev-posts { } #searchform { } #s { } #searchsubmt { } input { font-family:Georgia,'Times New Roman',Times,serif;font-size:14px;font-weight:400; color:#bbb;} .searchfields input, .searchfields button { border:none; float:left; } .searchfields input.searchbox { text-indent:6px; width:163px; height:33px; background:#F8F8F8 url(images/search-form-field.png) no-repeat top left; } .searchfields input.submitbtn { cursor:pointer; text-indent:-9999px; width:27px; height:33px; background:#F8F8F8 url(images/search-form-button.png) no-repeat top left; font-size: 0; display:block; line-height: 0; } .searchfields input.submitbtn:hover { cursor:pointer; text-indent:-9999px; width:27px; height:33px; background:#F8F8F8 url(images/search-form-button.png) no-repeat bottom left; } .searchfields { padding-bottom:20px; } .buttonstyle, .buttonstyle:visited { background: #222 url(/images/button-overlay.png) repeat-x; display: inline-block; padding: 6px 10px 6px; border:none; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; } .buttonstyle:active { top:1px; } .buttonstyle:hover { background-color: #111; color: #fff; } .small.buttonstyle { font-size:11px; background-color:#2e95c5} .small.buttonstyle:hover { background-color:#2b88b4; } #underthehood { z-index:1000; display: none; /* hidden by default, will be shown by jQuery */ width: 960px; margin: 0 auto; height: 80px; position: relative; } #hoodlock { display:none; } .comment-author cite { font-weight:bold; color:#2E95C5 } ol.commentlist { list-style: none; } ol.commentlist li { color:#727272; margin-right:20px; } ol.commentlist li span { color:#2e95c5; } ol.commentlist li.alt { } ol.commentlist li.bypostauthor { } ol.commentlist li.byuser { } ol.commentlist li.comment-author-admin { } ol.commentlist li.comment { border-bottom: 1px solid #e5e5e5; padding: 10px; } ol.commentlist li.comment div.comment-author { } ol.commentlist li.comment div.vcard { } ol.commentlist li.comment div.vcard cite.fn { font-style: normal; } ol.commentlist li.comment div.vcard cite.fn a.url { color:#aab020; } ol.commentlist li.comment div.vcard cite.fn a:hover.url { color:#767a19; } ol.commentlist li.comment div.vcard img.avatar { display:none; } ol.commentlist li.comment div.vcard img.avatar-32 { } ol.commentlist li.comment div.vcard img.photo { } ol.commentlist li.comment div.vcard span.says { } ol.commentlist li.comment div.commentmetadata { } ol.commentlist li.comment div.comment-meta { font:10px Arial, Helvetica, sans-serif; letter-spacing:1px; color:#b3b3b3; text-transform:uppercase; } ol.commentlist li.comment div.comment-meta a { color:#aab020; } ol.commentlist li.comment div.comment-meta a:hover { color:#767a19; } ol.commentlist li.comment p { padding:3px 0 0 10px; } ol.commentlist li.comment ul { } ol.commentlist li.comment div.reply { font-size: 11px; } ol.commentlist li.comment div.reply a { font-weight: bold; } ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; } ol.commentlist li.comment ul.children li { } ol.commentlist li.comment ul.children li.alt { } ol.commentlist li.comment ul.children li.bypostauthor { } ol.commentlist li.comment ul.children li.byuser { } ol.commentlist li.comment ul.children li.comment { } ol.commentlist li.comment ul.children li.comment-author-admin { } ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-5 { } ol.commentlist li.comment ul.children li.odd { } ol.commentlist li.even { background: #f8f8f8; } ol.commentlist li.odd { background: #f8f8f8; } ol.commentlist li.parent { border-left: 5px solid #111; } ol.commentlist li.thread-alt { } ol.commentlist li.thread-even { } ol.commentlist li.thread-odd { } #respond div { padding-bottom:10px; } #respond input { margin-right:10px; } #respond label { color:#727272; } form { } input[type=text] { } textarea { } } /* END screen media */ @media print { .do-not-print { display: none; } #comments { page-break-before: always; } body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; } h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; } h1 { font-size: 19pt; } h2 { font-size:17pt; } h3 { font-size:15pt; } h4,h5,h6 { font-size:12pt; } code { font: 10pt Courier, monospace; } blockquote { margin: 1.3em; padding: 1em; } img { display: block; margin: 1em 0; } a img { border: none; } table { margin: 1px; text-align:left; } th { border-bottom: 1px solid #333; font-weight: bold; } td { border-bottom: 1px solid #333; } th, td { padding: 4px 10px 4px 0; } caption { background: #fff; margin-bottom: 2em; text-align: left; } thead { display: table-header-group; } tr { page-break-inside: avoid; } a { text-decoration: none; color: black; } } /* END print media */