/* Theme Name: Affiliate Elite Blog Theme URI: http://www.affiliateelite.com Description: Theme created for Brad Callen's Affiliate Elite Version: 1.0 Author: Bryan Kohlmeier / Brad Callen Author URI: http://www.affiliateelite.com */ /*Global Styles All pages use these styles */ /* Font styles --------------------------------*/ /** * 84.5% for !IE, keywords for IE * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE < 6 and IE6 quirks mode. * */ body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} table {font-size:inherit;font:100%;} /** * 99% for safari; 100% is too large */ select, input, textarea {font:90% arial,helvetica,clean,sans-serif;} /** * Bump up !IE to get to 13px equivalent */ pre, code {font:115% monospace;*font-size:100%;} /** * Default line-height based on font-size rather than "computed-value" * see: http://www.w3.org/TR/CSS21/visudet.html#line-height */ body * {line-height:1.22em;} /* Structure/Layout Styles --------------------------------*/ * {margin: 0px; padding: 0px;} body {text-align: center; background: #1f5171 url(images/bg.jpg) repeat-x top left;} img {border: none;} a {outline: none;} /*Removes dotted links in FF 1.5 when using negative text indent */ a img {border: none;} /*Header styles */ #header h1 a {float: left; text-indent: -9000px; display: block; width: 220px; height: 170px;} #contentWrap h1 {color: #e09a04; font-size: 140%; margin-top: 10px; margin-bottom: 20px;} h2 {color: #e09a04; font-size: 170%; margin-top: 10px; margin-bottom: 20px;} h3 {color: #027fd0; font-size: 190%; line-height: 120%; margin-bottom: 10px;} h5 {font-size: 130%;} h6 {color: #027fd0; font-size: 230%; line-height: 100%; margin-bottom: 10px;} /* Misc Classes --------------------------------*/ .floatLeft {float: left;} .floatRight {float: right;} .textRight {text-align: right;} .textCenter {text-align: center;} .textLeft {text-align: left;} .print {display: none;} .img {padding: 5px; background: #fff; border: solid 1px #c6c6c6; margin-bottom: 5px; margin-left: 10px;} .highlight {background: #fcffd2;} .light {color: #c5bfbf;} .videoComments {font-size: 120%; width: 380px; margin-right: auto; margin-left: auto; font-weight: bold; padding: 5px 5px 5px 55px; background: url(images/comments.gif) no-repeat left center;} .videoComments a:link, .videoComments a:visited {color: #94c04e; line-height: 140%;} .green {color: #699306;} .fivePoints {width: 330px; margin-right: auto; margin-left: auto; background: #edf3f7; border: double 3px #C9CFD3;} .fivePoints td {vertical-align: middle; padding: 5px; border-bottom: solid 1px #C9CFD3;} .alt {background: #f6fbff;} /*Rounded Corner styles */ .bl {background: url(images/bl.gif) 0 100% no-repeat #f18404;} .br {background: url(images/br.gif) 100% 100% no-repeat;} .tl {background: url(images/tl.gif) 0 0 no-repeat;} .tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:12px;} /*Rounded Corner styles- blue*/ .bl_blue {background: #ecf7ff url(images/lb_blue.gif) no-repeat 0 100%;} .br_blue {background: url(images/rb_blue.gif) no-repeat 100% 100%;} .tl_blue {background: url(images/lt_blue.gif) no-repeat 0 0;} .tr_blue {background: url(images/rt_blue.gif) no-repeat 100% 0; padding:12px} .who, .when, .where, .comments {padding: 3px 3px 3px 25px; margin-top: 3px;margin-bottom: 3px;} .who {background: url(images/who.gif) no-repeat 0px 2px;} .when {background: url(images/when.gif) no-repeat 0px 2px;} .where {background: url(images/where.gif) no-repeat 0px 2px;} .comments {background: url(images/comments_small.gif) no-repeat 0px 2px;} /* Clear Fix for floats --------------------------------*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ #container {width: 920px; margin-bottom: 30px; text-align: left; margin-right: auto; margin-left: auto; background: #fff; border-right: solid 5px #377399; border-left: solid 5px #377399; border-bottom: solid 5px #377399;} #header {background: url(images/header.jpg) no-repeat; height: 220px;} #mainNav {position: relative; width: 640px; height: 26px; float: right; margin-top: 166px; padding-right: 15px;} #mainNav a {text-indent: -9000px; display: block; float: left; background-position: left top; text-decoration: none; height: 43px;} #richJerk {background: url(images/rich_jerks_affiliates.gif) no-repeat; width: 201px;} #butterflyMarketing {background: url(images/butterfly_marketing.gif) no-repeat; width: 224px;} #dayJobKiller {background: url(images/day_job_killers.gif) no-repeat; width: 201px;} #mainNav a:hover, a.activeTab:link, a.activeTab:visited {background-position: left bottom !important;} #jvInvite {width: 620px; margin-right: auto; margin-left: auto; border-collapse:collapse;} #jvInviteContent {border: dashed 2px #ddd;} #jvInvite td {padding: 6px;} .altRow {background: #ffface;} .cellHeader {color: #6DA90D; width: 160px; font-size: 140%;} #jvInvite p {margin-top: 10px; margin-bottom: 10px;} #jvSignUp {width: 300px; margin-right: auto; margin-left: auto;} #contentWrap {padding: 20px;} #sideContent {width: 342px; float: right;} #sideContent.blogSide {width: 200px;} #signUp {margin-bottom: 20px;} #signUp h6, #jvSignUp h6 {color: #fff; font-size: 150%; margin-bottom: 10px;} #signUp .special {color: #d20001; text-decoration: underline; background: #fff; padding: 1px 3px;} #sideContent a:link, #sideContent a:visited {color: #94c04e;} #mainContent {width: 514px; float: left;} .videoPosting {padding-bottom: 25px; border-bottom: dashed 1px #ddd; margin-bottom: 25px;} #mainContent.blogContent {width: 645px;} #mainContent a:link, #mainContent a:visited {color: #0b6db2;} .entry {} .entry p {margin-top: 15px; margin-bottom: 15px;line-height: 18px} .postList {margin-bottom: 10px; padding-bottom: 5px; border-bottom: solid 1px #eee;} #mainContent a.commentsLink:link, #mainContent a.commentsLink:visited {color: #6da90d;} .countdownClockWrap {text-align: center; margin-bottom: 20px;} #cdcontainer {color: #d20001; font-weight: bold; font-size: 150%;} #bottomContent {border-top: solid 3px #b4b9bd; background: #e4e4e4 url(images/comments_main_bg.gif) repeat-x top left; padding-top: 10px;} #bottomContentInner {padding: 10px 20px;} #bottomContent h4 {color: #969a8f; font-size: 170%; margin-bottom: 20px;} #bottomContent a:link, #bottomContent a:visited, #commentsWrap a:link, #commentsWrap a:visited {color: #0b6db2;} #bottomContent a:hover {color: #088fed;} #bottomMainContent {float: left; width: 600px;} .commentsNum {float: left; width: 47px; background: url(images/comment_bubble.gif) no-repeat top left; height: 48px; font-size: 100%; font-weight: bold; text-align: center; } .commentsNum a {text-decoration: none; display: block; width: 46px; height: 48px;padding-top: 9px;} .postDetail {margin-left: 50px; border-bottom: solid 1px #d8d8d8; padding: 5px 5px 3px 5px; color: #373737; background: #efefef url(images/comment_bg.jpg) repeat-x left top; font-size: 110%;} .postDetail h5 {margin-bottom: 5px; color: #727272;} .postDetail p {margin-bottom: 5px;} .indPosting {margin-bottom: 20px} .meta {color: #b6b6b6; padding-top: 8px;} #bottomSideContent {float: right; width: 250px;} #bottomSideContent h5 {padding: 7px 7px 7px 35px; font-size: 120%; color: #818080; margin-top: 15px; margin-bottom: 10px;} h5.archives {background: #ebebeb url(images/archives.gif) no-repeat 5px center;} h5.categories {background: #ebebeb url(images/categories.gif) no-repeat 5px center;} #bottomSideContent ul {list-style: none;} #bottomSideContent li {float: left; width: 120px; padding: 5px 0px;} #bottomSideContent a:link, #bottomSideContent a:visited {color: #616161; font-weight: bold;} #bottomSideContent a:hover {color: #6da90d;} #comments .commentWrap {width: 507px; margin-top: 20px; margin-bottom: 30px;} #comments .blue .commentTop {background: url(images/blue_round_top.png) no-repeat; height: 14px; overflow: hidden;} #comments .blue .commentContent {background: #eaf6ff; overflow: hidden;} #comments .blue .commentBottom {background: url(images/blue_round_bottom.png) no-repeat; height: 14px; overflow: hidden;} #comments .blue .quote {background: url(images/blue_round_quote.png) no-repeat 30px 0px; padding-left: 80px; padding-top: 10px;} #comments .gray .commentTop {background: url(images/gray_round_top.png) no-repeat; height: 11px; overflow: hidden;} #comments .gray .commentContent {background: #f3f3f3;} #comments .gray .commentBottom {background: url(images/gray_round_bottom.png) no-repeat; height: 11px; overflow: hidden;} #comments .gray .quote {background: url(images/gray_round_quote.png) no-repeat 30px 0px; padding-left: 80px; padding-top: 10px;} .commentContent {padding: 10px 20px;} .pastcomment {color: #cbcbcb; font-weight: bold;} #comments a.commentLink:link, #comments a.commentLink:visited {color: #000; text-decoration: none; font-weight: bold;} #comments .authorLink {color: #8d8d8d;} #comments .authorLink a:link, #comments .authorLink a:visited {color: #b3d247; text-decoration: none;} #commentForm {width: 480px;margin-top: 25px; margin-bottom: 5px;padding: 10px; background: #f1eeb9 url(images/comment_box_bg.jpg) repeat-x top left; border: solid 1px #e8e4aa;} .logInfo {float: right; width: 150px;} .logInfo p {margin-top: 5px; margin-bottom: 5px;} .commentBox {float: left; width: 320px; margin-right: 10px;} .commentInput {width: 120px; padding: 2px;} textarea#comment {padding: 5px; width: 300px; height: 200px; background: #fff url(images/comment_box_quote.png) no-repeat 95% 10%; border: solid 1px #ddd;} #submit {padding: 2px 5px; width: 130px;} #footer {color: #989898; background: #e4e4e4; text-align: center; padding: 7px;}