/* Theme Name: Build Internet the Third Theme URI: http://buildinternet.com Description: The highly esteemed third generation in the Build Internet royal family. Version: 3.0 Author: One Mighty Roar Author URI: http://onemightyroar.com Tags: wide, magazine, clean */ @import "style/css/reset.css"; @import "style/css/typography.css"; @import "style/css/layout.css"; .alignleft{float:left;} .alignright{float:right;} *:focus {outline: 0;} *{padding:0; margin:0; border:none; } body{text-align:center; height:100%; background:#222; margin:0; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; } /* General ---------------------------*/ img{border:none; } a{text-decoration: none;} hr{height:1px; border:none; background:#ccc; margin:20px 0; } /* Typography General ---------------------------*/ span.important {background:#FFF8AF;} /* Common ---------------------------*/ .clear{height:0px; width:100%; overflow:hidden; visibility: hidden; display:block; } .padding{padding:20px; } .subtext{font-weight:bold; font-size:12px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#666; text-transform:uppercase;} .link-element{ color:#CA0000; } /*Headings*/ h2{ font-weight:bold; font-size: 28px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; letter-spacing: .4px;} h3{ margin:20px 0 5px 0; font-weight:bold; font-size:24px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; clear:both;} h4{ margin:5px 0 5px 0; font-size:21px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; font-weight:thin; clear:both;} h5{ margin:0 0 5px 0; font-weight:bold; font-size:13pt; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; clear:both;} blockquote{background:none; border:none; padding:10px 20px 5px 20px; margin: 5px 10px 10px 10px;} #main-column .article blockquote p{padding:0 0 15px 0px; margin:0; font:italic 12pt Georgia, serif; color:#777; line-height:1.4em; } .top-link{ visibility: hidden; } /* Top Banner */ #banner-wrapper{width:100%; min-width:1190px; background:#1c1c1c url('http://buildinternet.s3.amazonaws.com/theme-files/images/banner-bg.jpg') repeat-x;} #banner{width:1190px; margin:0px auto; text-align:left; } #top-banner{padding:25px 0 0 20px; } #top-banner a{color:#aaa; font-size:12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration:none; letter-spacing:1pt; text-shadow:#000 -2px -1px 0px; } #top-banner a:hover{color:#fff;} #logo{ padding:0 0 20px 0;} /* Top Navigation */ ul#navigation, ul#sub-navigation{display:block; list-style: none;} ul#navigation li{float:left; clear:right; margin:0 20px 0 0;} ul#navigation li.outbound{ background: url('http://buildinternet.s3.amazonaws.com/theme-files/images/icon-outbound.png') no-repeat right center; padding:0 14px 0 0; ; } ul#sub-navigation li{float:left; clear:right; margin:0 10px 10px 0;} ul#sub-navigation li.last{margin:0;} ul#sub-navigation a{color:#999; font-size:8pt; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} #subright-nav{margin:0 20px 0 0; width:298px; float:right;} #subright-nav span.random-post{ padding:2px 0 0 0; } #subright-nav span.random-post a{ background: #333 url('http://buildinternet.s3.amazonaws.com/theme-files/images/random-post.png') no-repeat right center; padding:3px 25px 3px 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow:0px 1px 0px rgba(0,0,0, .5); } #subright-nav span.random-post a:hover{ background:#57A8C9 url('http://buildinternet.s3.amazonaws.com/theme-files/images/random-post-hover.png') no-repeat right center; } ul#subscribe-nav{ float:right; list-style: none; display:block; } ul#subscribe-nav li{float:right; clear:left;} ul#subscribe-nav li a{padding:12px 10px 5px 10px; } ul#subscribe-nav li a:hover{background:#000; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Right side of top banner */ #right-banner{float:right; width:298px; margin:-3px 20px 0 0; z-index:10;} #right-banner form{clear:both; } .search-wrapper{width:100%;} .search-bar-wrapper{background:#fff; border-top:2px solid #aaa; height:24px; width:263px; float:left; } .search-bar{width:100%; margin:4px 3px 0 3px; background:transparent; border:none; outline:none; font-size:9.5pt; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } .search-button {float:left; clear:right; width:34px; height:26px; background:url('http://buildinternet.s3.amazonaws.com/theme-files/images/search-button.png') no-repeat;} /* Top banner for featured article/current article image */ #featured{width:100%; margin:0px auto; text-align:left; clear:both; padding:15px 0 0 0; } #featured-article-wrapper{clear:both; background:#1d1d1d; } #featured-article{clear:both; text-align:center; border-top:0px solid #222; background:#222; } #featured-article img{clear:both; width:1150px; height:250px; } /* Special Features */ /* Blog announcement & alert */ .alert{width:100%; background:#FFEA51; color:#262303; display:none;} .alert p{text-align:center; font-size:12px; font-family: "Helvetica Neue", Helvetica, arial, sans-serif; padding:12px 0px; margin:0; text-shadow:0px 1px 0px rgba(255,255,255, .4); -webkit-box-shadow:0px -1px 4px rgba(0,0,0, .2); -moz-box-shadow:0px -1px 4px rgba(0,0,0, .2);} .alert a {color:#C80904;} .alert a:hover{text-decoration:underline;} .alert .hide{} /* Backwards compatible w/ embedded post announcements */ p.announcement{padding:10px !important; width:auto; margin:20px 0px 10px 0px; background:#FFF8AF;} p.announcement a{color:#A90000 !important; font-weight:bold; } /* Main Content Area */ #content-wrapper{ clear:both; width:100%; background:#fff url('http://buildinternet.s3.amazonaws.com/theme-files/images/split-bg.png') repeat-y top center; border-top:5px solid #eee; border-bottom:2px solid #ddd; text-align:center; -webkit-box-shadow:0px -1px 4px rgba(0,0,0, .2); -moz-box-shadow:0px -2px 0px 0px rgba(0,0,0, .05); } #content{ width:1190px; margin:0px auto; text-align:left; overflow-y:auto; overflow-x:hidden; } /* Left Contextual Sidebar */ #left-sidebar{ width:210px; float:left; background:#f5f5f5; overflow:hidden; } #left-sidebar h5{font:bold 18px "Helvetica Neue", Helvetica, arial, sans-serif; color:#333; text-shadow: #fff 0 1px 0; clear:both;} #left-sidebar a{color:#555; border-bottom:1px solid #ccc; } #left-sidebar a:hover{ color:#111; border-bottom:1px solid #aaa; } /* Tags & Taxonomy */ #left-sidebar .tags{ margin:0 0 20px 0; padding:5px 0 20px 0; font-weight:bold; } #left-sidebar .tags a { white-space:nowrap; display:inline; padding:3px 5px; line-height:200%; background:#67ADCF; color:#fff; text-shadow:0px 1px 0px rgba(0,0,0, .3); border:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow:0px 1px 0px rgba(255,255,255, .9); -moz-box-shadow:0px 1px 0px rgba(255,255,255, .9);} #left-sidebar .tags a:hover{ background:#157CAF; color:#fff; border:none; } /* Author Avatar */ #left-sidebar .author{ margin:10px 0 0 0;} .author.img-wrap{ overflow:hidden; width:168px; height:150px; } .author img{ } /* General Typography */ #left-sidebar p, #left-sidebar ul{ padding:10px 0 15px 0; margin:0 0 20px 0; font-size: 11px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 150%; color:#777777; border-bottom:1px dotted #888; } #left-sidebar ul{ padding-left:15px;} #left-sidebar li{ margin:0 0 5px 0; } /* Author Details */ #left-sidebar p.author-bio{ margin:0; padding:10px 0 0 0; border:none; } #left-sidebar ul.author-details{ list-style: none; padding:10px 0 21px 0; overflow:auto;} #left-sidebar ul.author-details li{ float:left; clear:right; margin:0 10px 0 0; } #left-sidebar ul.author-details li.last{ margin:0; } #left-sidebar ul.author-details a{ padding:3px 5px; background:#ddd; color:#555; border:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow:0px 1px 0px rgba(255,255,255, .8); -webkit-box-shadow:0px 1px 0px rgba(255,255,255, .9); -moz-box-shadow:0px 1px 0px rgba(255,255,255, .9);} #left-sidebar ul.author-details a:hover{ background:#999; color:#fff; border:none; text-shadow:0px 1px 0px rgba(0,0,0, .3); } /* Share & Social Media */ #left-sidebar ul.share{ list-style: none; padding:5px 0 15px 0; overflow-y:auto;} #left-sidebar ul.share li{ float:left; margin:0 14px 0 0; } #left-sidebar ul.share li.facebook{ width:100%; margin:0 0 5px 0; padding:0;} #left-sidebar ul.share li.twitter-share{ padding:0 0 8px 0; display:block; width:100%; } #left-sidebar ul.share li.digg-share{ padding:0 0 8px 0; } #left-sidebar ul.share li.first{ clear:left; } #left-sidebar ul.share li.last{ margin:0px; } #left-sidebar ul.share a, #left-sidebar ul.share a:hover{ border:none; } /* Download & Demo */ #left-sidebar ul.file-button{ padding:10px 0 12px 0; margin:0 0 20px 0; list-style: none;} #left-sidebar ul.file-button a, #left-sidebar .file-button a:hover, #left-sidebar ul.file-button li { border:none; display:block; height:34px; } #left-sidebar ul.file-button li{ margin:0 0 5px 0; } #left-sidebar ul.file-button span{ display:none; } #left-sidebar ul.file-button .demo a{ background:url('http://buildinternet.s3.amazonaws.com/theme-files/images/demo-button-sprite.png') no-repeat; width:170px; } #left-sidebar ul.file-button .download a{ background:url('http://buildinternet.s3.amazonaws.com/theme-files/images/download-button-sprite.png') no-repeat; width:170px; } #left-sidebar ul.file-button li a:hover {background-position: 0px -34px; } #left-sidebar ul.file-button li a:active {background-position: 0px -68px; } /*Remove Legacy Buttons*/ #livedownload, .livedownload, .livedownloadbtn{ display:none; } /* Post Highlights */ #left-sidebar #highlights{} #highlights li{list-style-image: url('http://buildinternet.s3.amazonaws.com/theme-files/images/li-bullet.png');} #highlights li a{ font-weight:bold; } /*Short URL*/ #left-sidebar .shorturl{ background:url('http://buildinternet.s3.amazonaws.com/theme-files/images/icon-shorturl.png') left 5px no-repeat; list-style:none; overflow:hidden; padding:5px 0 19px 20px; border-bottom:1px dotted #888; } #left-sidebar .shorturl input{background:transparent; font:bold 9pt "Helvetica Neue", Helvetica, Arial, sans-serif; color:#777; outline:none;} #left-sidebar ul.url li.shorturl{ padding:5px 0 15px 0; margin:0; } #left-sidebar ul.url li.shorturl span.short{ padding:3px 5px; background:#fff; border:1px solid #ddd; color:#555; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow:0px 1px 0px rgba(255,255,255, .8); -webkit-box-shadow:0px 1px 0px rgba(255,255,255, .9); -moz-box-shadow:0px 1px 0px rgba(255,255,255, .9); } #left-sidebar ul.url li.shorturl span.short a{ padding:0; background:transparent; color:#555; border:none; } #left-sidebar ul.url li.shorturl a.button{ padding:3px 5px; background:#ddd; color:#555; border:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow:0px 1px 0px rgba(255,255,255, .8); -webkit-box-shadow:0px 1px 0px rgba(255,255,255, .9); -moz-box-shadow:0px 1px 0px rgba(255,255,255, .9);} #left-sidebar ul.url li.shorturl a.button:hover{ background:#999; color:#fff; border:none; text-shadow:0px 1px 0px rgba(0,0,0, .3); } #white-columns{ background:#fff; overflow:auto; border-left:1px solid #fff; } #main-column{ width:640px; float:left; clear:right; background:#fff; border-right:1px dashed #ccc; height:auto !important; min-height:1710px; overflow:hidden; } #main-column .article p, .article li{ padding:0 0 10px 0; font-size:10pt; font-family: "Helvetica Neue", Helvetica, arial, sans-serif; line-height: 1.6em; color:#333; } .in-post-title{ font-size:27pt; margin:0 0 10px 0; } .legacy-banner{ margin:0 0 20px 0; } /* Opening Intro Text */ .intro-text{border-bottom:1px solid #ccc; padding-bottom:20px; display:block; clear:both;} .intro-text a{color:#008AB4;} #main-column .article .intro-text p, .intro-text p{ padding:0px; color:#777; font-size:16pt; font-family: "Georgia", serif; line-height:140%;} /*#main-column .article h5{ margin:0 0 5px 0; font-weight:bold; font-size:13pt; text-transform: uppercase; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; }*/ .article h5{ margin:0 0 5px 0; font-weight:normal; font-size:13pt; letter-spacing: .2px; font-family:Arial, sans-serif; color:#333; } #main-column .article .post-end h5{ font-weight:bold; } /* Lists in Article */ .article ol, .article ul{margin: 10px 0px 10px 20px;} .article ol li{list-style:decimal;} .article ul li{list-style-image: url('http://buildinternet.s3.amazonaws.com/theme-files/images/li-bullet.png');} #main-column .article p.date-posted a, #main-column .article .post-end ul a, #main-column ul a, #right-sidebar p a, #right-sidebar ul a{text-decoration: none; color:#008AB4;} #main-column .article .post-end a:hover,#main-column .article p.date-posted a:hover, #right-sidebar a:hover, h5 a:hover{ color:#CA0000;} #main-column .article-content p a, #main-column .article-content li a {text-decoration: none; font-weight:bold; border-bottom:1px solid #ccc; color:#555;} #main-column .article-content h3 a{ border:none; font-weight:lighter; color:#666; } #main-column .article-content p img{ margin:10px 0; } #main-column .article-content a:hover{ color:#111; border-bottom:1px solid #aaa; } h5 a{ color:#333; } #main-column p.date-posted{ width:100%; text-align:right; font-size:12px; font-family:Arial, sans-serif; color:#999; margin:10px 0 15px 0; padding:15px 0 15px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;} p.date-posted .view-counter{ float:left; } p.facebook-end { text-align:left; margin:10px 0 0 0; padding:0; height:24px; overflow:hidden;} .tweet-reaction{ background:#C0DEED url('http://buildinternet.s3.amazonaws.com/theme-files/images/twitter-bg.jpg') no-repeat; padding:20px 15px; margin:5px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; } span.mood{ font-weight:bold; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#222; } .tweet-reaction a{float:right; margin:-7px 0 0 0; background:url('http://buildinternet.s3.amazonaws.com/theme-files/images/tweet-button.png') top left no-repeat; width:161px; height:34px; overflow:hidden; text-indent:-9999px;} /* Code Formatting ---------------------------*/ #main-column pre{ background:#eee; color:#444; font: "Monaco", "Courier New", monospace; padding:20px; clear:both; margin:10px 0; overflow-x: scroll; } /* End of post link lists (e.g. Related Articles) */ .post-end{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 0; margin:20px 0; overflow:auto; } .block{ width:289px; float:left; clear:right; } .block.recommended{border-right:1px solid #eee; margin:0 10px 0 0; padding:0 5px 0 0;} .article .block ul{ padding:5px 0 0 15px; margin:0 0 0 0; line-height: 150%; color:#333; } .article .block li{ margin:0 0 3px 0; list-style-image: url('http://buildinternet.s3.amazonaws.com/theme-files/images/li-bullet.png'); font-weight:bold; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} .bsa-end-post{ margin:15px 0 0 0; } /*Page Navigation*/ .wp-pagenavi { clear:both; margin: 0; padding:15px 0; } .wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi span { color:#444; font-size:10pt; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; background:#eee; border-top: 2px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 20px; margin: 2px 2px; text-shadow:#fff 0px 1px 0px; } .wp-pagenavi a:hover{ background:#ddd; border-color:#ccc; color:#444 !important;} .wp-pagenavi span.current { background:#222; border-color:#444; color:#fff; } .wp-pagenavi span.pages{ float:right; padding:0; background:transparent; color:#888; border:none; font-size:80%; } .wp-pagenavi span.extend { background:transparent; border:none; } /* New Comment Styles */ #discussion{margin:10px auto; width:600px; font-family: "Helvetica Neue", helvetica, arial, sans-serif;} #discussion img{border:none;} #discussion span.button-wrap{ width:184px; height:34px; float:right; } #discussion span.button-wrap.add-comment a{ background:url('http://buildinternet.s3.amazonaws.com/theme-files/images/add-comment-sprite.png') no-repeat; display:block; width:184px; height:32px; } #discussion span.button-wrap.post-comment a{ background:url('http://buildinternet.s3.amazonaws.com/theme-files/images/post-comment-sprite.png') no-repeat; display:block; width:184px; height:32px; } #discussion span.button-wrap a:hover {background-position: 0px -32px; } #discussion span.button-wrap a:active {background-position: 0px -64px; } .comment-tally{ color:#999; font-size:16pt; font-weight: normal; } /* General Structure */ .comment-thread{margin:0; padding:0;} .comment{margin-bottom:0px; list-style:none; height:auto; overflow:hidden; } .comment p{font-size:13px; line-height:150%;} .comment-thread cite{margin-bottom:3px; padding-bottom:0; display:block; font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-weight:bold;} .comment-thread p a{color:#008AB4;} #discussion a:hover, .comment-thread p a:hover{color:#CA0000 !important;} cite a{color:#222 !important; font-size:11pt;} cite a:hover{color:#CA0000 !important;} /*User Roles*/ cite span.theauthor, cite span.crew{ display:none; } li.bypostauthor cite span.theauthor{ display:inline; font-weight:normal; font-size:8.5pt; padding:3px 5px; line-height:200%; background:#157CAF; color:#fff; text-shadow:0px 1px 0px rgba(0,0,0, .3); border:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow:0px 1px 0px rgba(255,255,255, .9); -moz-box-shadow:0px 1px 0px rgba(255,255,255, .9); } li.bypostauthor li span.theauthor{ display:none; } /*Guest responds to author Depth 1*/ li.bypostauthor li.bypostauthor span.theauthor, li.bypostauthor li.bypostauthor li.bypostauthor span.theauthor{display:inline;} /*Author responds to author Depth 1 and 2*/ li.comment-author-sdunn cite span.crew, li.comment-author-zdunn cite span.crew, li.comment-author-bmuse cite span.crew, li.comment-author-chandlershotgun cite span.crew{ display:inline; font-weight:normal; font-size:8.5pt; padding:3px 5px; line-height:200%; background:#67ADCF; color:#fff; text-shadow:0px 1px 0px rgba(0,0,0, .3); border:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow:0px 1px 0px rgba(255,255,255, .9); -moz-box-shadow:0px 1px 0px rgba(255,255,255, .9); } li.comment-author-zdunn li span.crew, li.comment-author-sdunn li span.crew, li.comment-author-bmuse li span.crew, li.comment-author-chandlershotgun li span.crew{ display:none;} /*Guest responds to Editor Depth 1*/ li.comment-author-zdunn li.comment-author-zdunn span.crew, li.comment-author-sdunn li.comment-author-sdunn span.crew, li.comment-author-bmuse li.comment-author-bmuse span.crew, li.comment-author-chandlershotgun li.comment-author-chandlershotgun span.crew{ display:inline; } /*Editor responds to Editor Depth 1*/ li.comment-author-zdunn li.comment-author-zdunn li span.crew, li.comment-author-sdunn li.comment-author-sdunn li span.crew, li.comment-author-bmuse li.comment-author-bmuse li span.crew, li.comment-author-chandlershotgun li.comment-author-chandlershotgun li span.crew{ display:none; } /*Guest responds to editor Depth 2*/ .comment-thread .comment .message{padding:0 0 15px 0; /*-webkit-box-shadow:0px 0px 3px rgba(0,0,0, .2);*/ clear:both; } .comment-thread .comment .message p{ margin-bottom:10px; } .depth-1{ border-bottom:1px solid #ddd; margin:10px 0 15px 0;} .depth-2{margin-left:30px; margin:10px 0 0 80px; border-top:1px solid #eee;} .depth-2 .message{ padding:0 0 15px 0; margin:15px 0 0 0; } .depth-3{margin-left:30px; margin:10px 0 0 80px; border-top:1px solid #eee;} .gravatar-col{width:70px; height:100%; float:left;} .message{background:#fff;} .gravatar-col{margin-right:10px; padding:0 0 15px 0;} .gravatar-col img{border-bottom:1px solid rgba(0,0,0,.1);} .gravatar-col p{font-size:11px; color:#555; background:#DDD; border-radius:3px; border-bottom:1px solid rgba(255,255,255,.8); text-align:center; padding:1px 3px 0px 3px; margin:5px 12px; text-shadow:0px 1px 0px rgba(255, 255, 255, .8); width:auto;} p.comment-options{ text-align:left; padding:5px 0 0 80px; margin:0; font: 8.5pt "Helvetica Neue", Helvetica, Arial, sans-serif; color:#999;} p.comment-options a { font-weight:bold; } .comment p{ padding-left:80px;} .cite{color:#222; font-family:"Helvetica Neue", Helvetica, arial, sans-serif; font-size:18px; font-weight:bold; font-style:normal;} .cancel-comment-reply a{color:#A90000 !important; font-weight:bold;} /* End of new comment styles */ /* For Contextual Links */ .special-options{font-family:"Helvetica Neue", helvetica, arial, sans-serif; font-size:12px; text-align:right; color:#CCC;} .special-options a {color:#008AB4; text-decoration:none;} .special-options a:hover{color:#CA0000;} /* Padding for nested reply form */ .comment-thread #respond{padding:20px;} /* New Comment Form */ #commentform{overflow:hidden;} #commentform ul{display:block; list-style: none; overflow:auto; margin:20px 0 20px 0;} #commentform ul li{ float:left; clear:right; width:186px; margin:0 21px 0 0; } #commentform ul li.last{margin:0;} #commentform label{ font-size:9pt; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; font-weight:bold;} label .fade{color:#888; font-weight:normal;} #commentform p{ background:#fff; border:1px solid #ccc; border-top:2px solid #ccc; padding:5px; margin:3px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #commentform p.hello-user{ border:0px; padding:0; margin:0 0 10px 0; } #commentform ul input, #commentform textarea{ width:100%; background:transparent; font:11pt "Helvetica Neue", Helvetica, Arial, sans-serif;} #commentform textarea{ resize:none; overflow-y:auto; height:200px; } #commentform .submit-button { padding:20px 0 0 0; width:100%; text-align:right; } #respond p{font-size:13px;} #respond p a{color:#008AB4;} #submit{background:url('http://buildinternet.s3.amazonaws.com/theme-files/images/post-comment-sprite.png') no-repeat; width:184px; height:32px; border:none; overflow:hidden; text-indent:-9999px;} #submit:hover {background-position: 0px -32px; cursor:pointer; } #submit:active {background-position: 0px -64px; } /* Right Sidebar */ #right-sidebar{ width:338px; float:left; clear:right; background:#fff; } #ad-section{ overflow-y: auto; margin:0 0 20px 0;} /* .ad-block{ float:left; clear:right; margin:8px 0 0 0; } .ad-block.odd{ margin-left: 8px; } .ad-block img{ margin:9px; } .ad-block.double img { margin:18px; } .ad-block a{ background:#eee; border:1px solid #eee; display:block; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .ad-block a:hover{ background:#ddd; border:1px solid #ccc; } */ #reader-counts{ clear:both; margin:10px 0 15px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; overflow-y:auto; } #rss{ margin:0 0 0 10px; float:left; clear:right; width:125px; overflow-y:auto; } #twitter{ float:left; clear:right; width:125px; overflow-y:auto;} .plus{ float:left; clear:right; margin:-4px 0 0 0; padding:0 4px; font-weight:500; font-size: 28px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; } .count{ font-weight:500; font-size: 30px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; line-height: .9em; text-align:center; } .subscribers{ font:12px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#666; text-align:center; margin:3px 0 0 0; } #social-bar{ overflow:auto; border-bottom: 1px solid #ccc; padding:0 0 8px 0; margin:0 0 20px 0; } ul#social{ display:block; list-style: none; } ul#social li{ float:left; clear:right; margin:0 20px 0 0; } ul#social li.label{font-weight:bold; font-size: 12px; font-family: "Helvetica", Arial, sans-serif; color:#333; margin-top:9px;} ul#social li.last{margin:0;} /* Recent tweets in sidebar */ #twitter-feed{ margin:5px 0 0 0; } ul#twitter-stream{ display:block; list-style: none; margin:10px 0 0 0; } ul#twitter-stream li{ margin:0 0 10px 0; padding:0 0 10px 0; color:#333; font-size:11px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:150%; border-bottom:1px solid #eee; overflow:hidden; height:auto; } #twitter-stream li span{color:#999;} #twitter-stream li span a{color:#666;} ul#twitter-stream li.last{ border-bottom:1px solid #ccc; } #footer-wrapper{ clear:both; background:#222} #footer{ width:1190px; margin:0px auto; min-height:75px; text-align:left; padding:0 0 15px 0; } #end-credits p, #footer p{text-align:left; font-family:"Helvetica Neue", Helvetica, arial, sans-serif; font-size:12px; color:#888; padding:5px 0;} #footer a{color:#FFF; background:#333; padding:3px 5px; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; text-shadow:0px 1px 0px rgba(0,0,0, .5);} #footer a:hover{ background:#57A8C9; margin-left:3px;} #footer a.no-shift:hover{ background:#57A8C9; margin-left:0;} #footer h5{ color:#fff; margin:0; } #network-sites{ float:right; padding:0 0 0 20px; margin:20px 0; width:318px; border-left:1px solid #333;} #network-sites ul{ width:180px; list-style:none; margin:0 20px 0 0; font-family:"Helvetica Neue", Helvetica, arial, sans-serif; font-size:12px; color:#EFEFEF; } #network-sites li{ margin:10px 0; } #connect{ float:left; padding:0 0 0 20px; margin:20px 0; width:318px; } #connect ul{ width:180px; list-style:none; margin:0 20px 0 0; font-family:"Helvetica Neue", Helvetica, arial, sans-serif; font-size:12px; color:#EFEFEF; } #connect li{ margin:10px 0; } #network-sites a.omr-logo-footer, #network-sites a.omr-logo-footer:hover{ background:transparent; margin:3px 20px 0 0; float:right; padding:0; } #end-credits-wrapper{ clear:both; width:100%; /*border-top:1px solid #333;*/ background:#111; margin:0 0 0 0; padding:10px 0; } #end-credits{ width:1190px; margin:0px auto; text-align:left; } #end-credits p{ margin:0 0 0 20px; } #end-credits a{color:#aaa; font-weight:bold; text-decoration:none; } #end-credits a:hover{ color:#fff; } #end-credits .float-right{ float:right; margin:0 20px 0 0;}