/* * name: white hot truth for screen media * updated: nov 27, 2008 * author: paul jarvis, twothirty.com * ----------------------------------------------------*/ *, 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; background: none; list-style: none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } #sidebar #error { display: none; } #pwbox-9621 { border: 1px solid #111; padding: 5px; margin-right: 10px; } .reset { clear: both; display: block; height: 0; font-size: 1px; line-height: 0.1; } img#wpstats{ width:0; height:0; padding:0; border:none; overflow:hidden; } #secondform { margin-top: -15px !important; } #testimonials p { padding: 0 15px 15px 15px; line-height: 18px; font-size: 12px; } #testimonials h5 { font-size: 18px; padding: 15px; text-align: center;} .bigger {font-size: 14px !important;} #tweets { background: url("../images/twitter.png") top left no-repeat; } .tweet li { padding-bottom:10px;line-height: 16px;} .tweet_date { font: italic 11px georgia; } .tweet_date a { color: #696969; } #ffs {border: none !important; width: 307px !important; } #nav #dropdown { display: none; position: absolute; top: 40px; background: #fff; border: 2px solid #e5e5e5; z-index: 1000; padding: 10px; } #nav #dropdown li { width: 250px; } #nav #dropdown li a { color: #111; font-size: 11px; font-weight: bold; } /* =STRUCTURE * ----------------------------------------------------*/ html { height: 100%; background: #fff; } body { width: 100%; background: #fff url("../images/header.png") center 15px no-repeat; font: normal 16px "HelveticaNeue", "Helvetica Neue", "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: 400; color: #222; text-align: center; } #wrapper { position: relative; width: 950px; margin: 0 auto; text-align: left; padding: 5px 0; } #heart { float: left; margin-left: -20px; } #header, #content, #footer { position: relative; float: left; width: 100%; display: block; } #header { height: 280px; } #content { padding: 20px 0; } .inner { padding: 9px; } #main { width: 590px; float: left; position: relative; overflow: hidden; } .home #main { margin-top: -20px; } #main .right { width: 290px; float: left; } #main .left { width: 290px; float: left; } .shopadore #main { width: 750px; } .shopadore #sidebar { width: 150px; padding-left: 20px; border-left: 1px solid #e5e5e5; } #sidebar { width: 310px; float: right; position: relative; font-size: 11px; overflow: hidden; } #sidebar .right { width: 150px; float: right; } #sidebar .left { width: 150px; float: left; } #footer { padding: 20px 0; border-top: 2px solid #ccc; } .sociallinks a { float: left !important; font-size: 10px; list-style: none; position: relative !important; display: block !important; width: 20px !important; padding-top: 0; } .sociallinks a img { margin-right: 3px; } .block { margin-bottom: 10px; } .doubleblock { margin-bottom: 10px; } #sidebar .left, #sidebar .shopboxleft { float: left; } #sidebar .right, #sidebar .shopboxright {float: right; } .blocklong { width: 150px; } #hotshop { background: #e5e5e5; margin-bottom: 10px; color: #111; padding: 0 5px 5px 5px; } #rotator { padding: 10px; font-size: 15px; } #hotshop h4 { color: #111; margin: 5px 0; font-size: 20px; } #hotshop h1 { color: #111; font-size: 30px; font-weight: normal; text-transform: lowercase !important; margin: 10px 0 !important; } #twitter, #hotstuff { border: 1px solid #ccc; } #twitter .inner, #hotstuff .inner { padding: 10px; } /* =NAVIGATION * ----------------------------------------------------*/ #logo { height: 225px; margin-top: 15px; } #logo a { text-indent: -9999px; overflow: hidden; display: block; width: 100%; height: 200px; } #header-image { display: none; } #nav { position: relative; margin-top: -30px; float: left; display: block; text-transform: uppercase; } #nav li, #nav_footer li { float: left; position: relative; } #nav li a, #nav_footer li a { position: relative; float: left; display: block; padding: 5px 25px 5px 0; font: normal 13px "HelveticaNeue", "Helvetica Neue", "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: 600; color: #1d1518; } #nav li a, #nav_footer li a { text-transform: uppercase; } #nav li a:hover, #nav #dropdown li a:hover { color: #008080; } #nav li.current-cat a, #nav li.current_page_item a { color: #2f4f4f; } #nav_footer li a { padding-right: 25px; } /* =FORMS * ----------------------------------------------------*/ form {} #search { margin-bottom: 10px !important;} #rss form { margin: 10px 0 !important; } fieldset {} legend {} label { float: left; display: block; margin-bottom: 10px; font-size: 11px;} span.blockit { float: left; display: block; width: 170px; } .search input, #commentform input, select, textarea, #sidebar input, #footer input { background: #fff; border: 1px solid #000; padding: 5px; font: normal 11px "HelveticaNeue", "Helvetica Neue", "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: 400; line-height: 16px; } .shopadore input, .adore input { padding: 0 !important; border: none !important; } .shopadore #commentform input, .shopadore #commentform textarea, #footer input { padding: 5px !important; border: 1px solid #000 !important; } #sidebar input { background: #fff; border: 1px solid #000 !important; padding: 5px !important; font: normal 11px "HelveticaNeue", "Helvetica Neue", "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: 400; line-height: 16px; } #commentform input, #commentform textarea { float: left; } #commentform input { width: 230px; } #commentform textarea { width: 410px; height: 75px; border: 1px solid #000 !important;} /* #sidebar .right input { width: 118px;} #sidebar .right label { margin-bottom: 0; } */ button { background: #008080; color: #fff; padding: 5px; font-size: 10px; font-weight: bold; cursor: pointer; text-transform: uppercase; height: 27px; } /*#rss form button { width: 130px; }*/ button:hover { background: #696969; } /*.right button { width: 130px;}*/ #sidebar .blocklong form, #search form { background: #7fc0bf; float: left; width: 100%; } #search form { width: 300px; } #search input { width: 255px; } #sidebar .af-form-wrapper label, #search label { margin-bottom: 0 !important; } #sidebar .blocklong input, #search input { border: 1px solid #7fc0bf !important; background: #fff; padding: 5px !important; margin: 0 !important; height: 15px; } #sidebar .blocklong button, #search button { background: none; padding: 4px; } #sidebar .blocklong p.formlabel { font-size: 10px; font-weight: bold; text-transform: uppercase; margin-top: 10px; } #sidebar .blocklong form { margin-bottom: 20px; } /*body:first-of-type button { height: 28px; }*/ #sidebar .af-form-wrapper input { width: 110px !important; margin-right: 5px; } /* =HEADERS * ----------------------------------------------------*/ h1, h2, h3, h4 { color: #1a1718; font-weight: bold; } h1 { line-height: 30px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: 200; } /*.list h1 { font-size: 35px; letter-spacing: -1px; color: #ccc6c8; }*/ h1 { font-size: 35px; letter-spacing: -1px; font-weight: 200 !important; color: #000; margin-bottom: 20px; } h1.blue { color: #008083 !important; } h2 { font-size: 35px; letter-spacing: -1px; color: #ccc6c8; line-height: 30px; margin-bottom: 10px; } h2 a { text-decoration: none; color: #000; font-weight: normal; } .home h2, .home h2 a { font-size: 35px; letter-spacing: -1px; font-weight: 200 !important; color: #000; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; } .page h2 { margin-bottom: 20px; font-weight: bold; } li.linkcat, li.linkcat h2 { background: none !important; font-size: 16px !important; font-weight: normal !important; color: #1a1718 !important; margin-left: 0 !important; } li.linkcat h2 { border-top: 1px dotted #ccccc6 !important; } h3 { font-size: 11px; font-weight: normal; margin-bottom: 20px; letter-spacing: 1px; font-weight: 500; } .readshoplink h3 { clear: left; /*margin-top: 10px; */border-top: 1px dotted #ccccc6; padding-top: 15px; font-weight: 200; font-size: 16px; margin-bottom: 10px; } .doubleblock h3 { padding-top: 10px; margin: 0; font-weight: bold; } h4 { font-size: 11px; text-transform: uppercase; } h4 span { color: #008080; } .modalover h4 { margin: 0 !important; padding: 0 !important;} .readshoplink h4, .readshoplink h4 a { font: normal 11px "HelveticaNeue", "Helvetica Neue", "Helvetica Neue", Helvetica, arial, sans-serif; color: #999; } #twitter h4 { text-transform: none; font-size: 14px; text-align: right; } h5 { color: #008080; font-size: 16px; margin: 15px 0 5px 0; } /* =CONTENT * ----------------------------------------------------*/ strong { font-weight: bold; } em { font-style: italic; } p {} #main p, #main ol, #main ul, .modalover p { padding-bottom: 20px; line-height: 18px; clear: left; } p#nav_footer_utils { clear: left; padding: 10px 0; } p.source { margin-bottom: 10px; font-size: 11px; padding-bottom: 10px !important; } #main div.quote p { font: normal 13px "HelveticaNeue", "Helvetica Neue", "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: 400; display: inline; line-height: 15px; text-transform: uppercase; } #main div.quote a.more-link { color: #2f4f4f !important; } #main div.quote a { color: #1a1718; } .meta { font-size: 11px; margin-bottom: 10px; color: #999496; border-top: 1px dotted #ccccc6; padding: 10px 0 !important; } .meta p { padding-bottom: 0 !important; } .meta img { margin-bottom: 20px; display: block; float: left; } p.feedburnerFlareBlock { font-size: 11px; margin-bottom: 10px; color: #999496; padding: 10px 0 !important; display: inline; } p.upaline { display: inline; } .list p.meta { border-bottom: 1px solid #ccccc6; margin-bottom: 60px; } .readshoplink .all { padding: 0 !important; margin-bottom: -10px; } .whole-quote { position: relative; margin: 20px 0 0 0 !important; } #footer, p.source, p.meta, p.all { font: normal 11px "HelveticaNeue", "Helvetica Neue", "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: 400; } p.all { margin: 0; } p.source span.onhover { font-style: normal; } .trusim { margin-top: 20px; } .trusim p { font-size: 60px; line-height: 49px !important; letter-spacing: -3px; } .trusim a { color: #000; } .trusim a:hover { color: #2f4f4f; } .related * { font-size: 11px !important; letter-spacing: 0 !important; line-height: 17px !important; clear: left; padding: 0 !important; margin: 0 !important; } .related ul { margin: 5px 0 20px 5px !important; } .related li { padding-left: 20px !important; } p.wp-caption-text { font-size: 11px; } a { color: #008083; text-decoration: none; } #main a { font-weight: bold;} a:hover { color: #696969; } blockquote { margin: 0 20px 20px 40px; } span {} .red { color: #008080; } .openquote { position: absolute; top: 1px; left: -8px; font-size: 20px; } img {} .img div { font: normal 13px georgia; } #main ol { margin-left: 35px; } #main ul { margin-left: 35px; } #main ul.children { padding-bottom: 0 !important; margin-bottom: 0 !important; } #main ul.linkybits { margin-left: 0 !important; } #main ul.linkybits ul { margin-left: 20px; } #main ol li { list-style: decimal; } #main ul li { background: url("../images/li.gif") 0 8px no-repeat; padding-left: 10px; } #main ul.linkybits li { background: none !important; padding-left: 0 !important; } #main ul.linkbits li li { background: url("../images/li.gif") 0 8px no-repeat !important; padding-left: 10px !important; } #main ul.toc, #main ul.toc li { color: #666; } #new li, #also li, #insp li { padding-bottom: 4px; } #new li a, #also li a { background: #fff; color: #000; padding: 2px 0; line-height: 14px; } #new li a:hover, #also li a:hover { background: #fff !important; color: #2f4f4f; } /*.allcats li.aligncenter:hover ul.listcats { display: block; }*/ .allcats ul.listcats { display: none; position: absolute; width: 180px; border: 5px solid #696969; padding: 10px; background: #fff; z-index: 200; text-align: left; font-size: 15px; } .allcats ul.listcats ul { padding-left: 0; } #main .allcats li { list-style: none; font-size: 16px; background: none !important; } #main ul.allcats, #main ul.allcats li { list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; background: none !important; } #main ul.listcats li { list-style: none !important; background: none !important; } .listcats *, #searchblock .aligncenter { font-size: 11px !important; } #main ul.allcats { margin: 0 !important; text-align: left !important; } #main ul.allcats li { text-align: left !important; } .doubleblock ul { } .doubleblock li { background: url("../images/li.gif") 0 5px no-repeat; clear: left; padding: 0 0 5px 10px; font-size: 13px; } .doubleblock li, .doubleblock li a { } #searchblock { overflow: visible; } table {} code { font: 13px monospace; padding: 0 0 20px 0; display: block; } #sidebar .tweetmeme_button { display: none !important; } #praise ul { padding: 15px; } #praise li { background: none; margin-bottom: 10px; } /* =COMMON * ----------------------------------------------------*/ .edit { position: absolute; top: 18px; left: -40px; font-size: 10px; font-weight: bold; display: block; padding: 3px 6px; background: #fff; } .alignleft { float: left; margin: 5px 20px 10px 0; } .alignright { float: right; margin: 5px 0 10px 20px; } .aligncenter { display: block; text-align: center; margin-top: 10px; font-size: 14px; } .hide { display: none; } #related-posts { display: block; background: #fff; margin: 20px 0; padding: 20px 20px 0 20px; } #related-posts h4 { margin-bottom: 10px; } .item { width: 135px; display: block; float: left; margin: 0 10px 5px 0; background: #fff; text-align: center; min-height: 165px; line-height: 13px; color:#2f4f4f;} #main .item span { font: normal 11px "HelveticaNeue", "Helvetica Neue", "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: 400; } .item a { color: #000;} .item a:hover { color: #2f4f4f;} #comments { margin-bottom: 20px; } #comments_meta, #respond { border-top: 1px solid #ccc; padding: 10px 0 0 0; font-size: 20px; margin-bottom: 10px; } .the_comment { width: 100%; border-top: 1px dotted #ccc; padding-top: 10px; font: normal 13px "HelveticaNeue", "Helvetica Neue", "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: 400; padding-bottom: 10px; line-height: 15px !important; } #comments .inner { padding: 10px 0; } .comment_text { float: left; width: 430px; } .comment_meta { text-align: right; float: right; width: 150px; } .children { border-left: 3px solid #ccc; margin-left: 10px; padding-left: 20px; margin-bottom: 10px; } .children .comment_text { width: 390px; } .wp-pagenavi { text-align: right; margin: 0 auto; clear: left; font-size: 11px !important; padding-top: 20px; font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: 600; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active { padding: 6px 8px; margin: 2px; text-decoration: none; color: #111; font-weight: bold; background: #e5e5e5; } .wp-pagenavi .current { color: #fff; padding: 6px 8px; margin: 2px; text-decoration: none; background: #008080; } .wp-pagenavi .extend { padding: 6px 8px; } .wp-pagenavi a:hover { color: #008080 !important; } .wp-pagenavi span.pages { padding: 6px 8px; margin: 2px; color: #111; } .FBConnectButton_Text { font-size: 8px; padding:2px 4px 3px !important; } .fbLikeContainer { margin: 0 0 20px 0; float: right; } #shop { margin-bottom: 30px; } #shop .section { float: left; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px; } #shop .end { border: none !important; } #shop .content { float: left; position: relative; width: 590px; } #shop .side { float: right; position: relative; width: 310px; } #shop h1 { font-size: 45px; font-weight: normal; margin-bottom: 15px; } #shop h2 { font-size: 24px; margin: 0 !important; padding: 0 !important; margin-bottom: -20px !important; } #shop h3 { font-size: 15px; text-transform: none !important; } #shop h4 { font-size: 15px; text-transform: none !important; } #most h4 { margin-bottom: 20px; font-weight: normal; } #shop p { font-size: 15px; } #shop ul { font-size: 13px; text-transform: uppercase; list-style: none; font-weight: bold; margin: 20px 0 0 0; } #shop .blue { background: #e8f4f4; margin-top: 20px; } #shop .blueinner { padding: 7px 10px; } #shop .col { float: left; width: 290px; margin-right: 20px; line-height: 1.5; } #shop .end { margin: 0 !important; } #shop .col .alignleft { margin-bottom: 60px; } #shop .testi { font-family: georgia; font-size: 13px; } #shop .source { font-size: 11px; font-weight: bold; } #people .subsection { float: left; width: 160px; background: #e8f4f4; margin-right: 10px; padding: 10px; height: 100px; margin-top: 30px; } #most .subsection { float: left; width: 445px; background: #e8f4f4; margin-right: 10px; padding: 10px; height: 160px; margin-bottom: 10px; } #people .subsection p, #most .subsection p { font-size: 13px; } #people .subsection p a { display: block; font-weight: bold; } .shop-head { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } .shop-head h2 { font-size: 35px; letter-spacing: -3px; color: #111; font-weight: normal; float: left; } .shop-head ul, .shop-head li, .shop-head li a { float: left; display: block; } .shop-head li a { margin-left: 20px; font-size: 12px; color: #111; font-weight: bold; margin-top: 3px; }