/* Theme Name: Family Fantasy Sports Ported Theme URI: http://familyfantasysports.com/ Description: The layout of Family Fantasy Sports.com Version: 1.0 Author: Daniel Campbell Author URI: http://sporkbox.us/ Tags: red, white, teal, dog, football, fantasy sports, custom header This theme was tailored by Daniel Campbell, paid for and copyrighted by Family Fantasy Sports, 2010. All rights reserved. Unauthorized usage of this theme is a violation of U.S. Copyright Law and may result in prosecution. You have been warned. */ /* Reset default browser settings */ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tfoot, thead, th { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; margin-top: 2em; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: underline; color: #008800; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ /* Tables are icky and you should be ashamed for using them */ table { border-collapse: collapse; border-spacing: 0; } /* Ensure the default text size is 10px, so relative scaling is pretty. */ html { background: #fff; font-size: 16px; width: 1003px; margin: 0 auto; } /* can be used as a container instead of abusing divs, so we will use it as such */ body { font: 62.5% Verdana, sans-serif; background: #369 url(http://familyfantasysports.com/wp-content/uploads/2010/04/whitebar.gif) top left repeat-x; padding-bottom: 15px; margin-bottom: 2em; } /* The header */ div#header { padding: 0; } /* The box that the logo will reside inside of */ #headerimg { margin: 0 15px 15px 0; padding: 30px 0 0 15px; width: 200px; height: 150px; float: left; } /* We don't want a border around the logo... */ #headerimg img { border: 0; } /* The navigation found at the top, in horizontally arranged boxes. */ #headernav { margin-left: 230px; } #headernav > ul { list-style: none; margin: 0; padding: 0; } /* Links to Facebook, Twitter, etc. */ #social-links { padding: 10px 0; color: #000; font-size: 1.2em; font-weight: bold; height: 32px; } #social-links img { vertical-align: middle; } #social-links a { text-decoration: none !important; } .social-img { float: left; margin-right: 5px; } #login-signup { float: right; padding-top: 10px; } #login-signup a:link, #login-signup a:active, #login-signup a:visited { color: #000 !important; text-decoration: none; font-weight: bold; text-transform: uppercase; } #login-signup a:hover { text-decoration: none !important; } .menu-button { float: left; height: 40px; margin-right: 1px; } .menu-button > a:link, .menu-button > a:active, .menu-button > a:visited { font-size: 1.4em; font-weight: bold; color: #fff; display: block; height: 40px; line-height: 35px; background: #CE3234; padding: 0 15px; text-decoration: none; text-transform: uppercase; } .menu-button > a:hover { text-decoration: underline; } /* Menu options will pop-up in this. */ .menu-list { font-size: 1.1em; position: absolute; border: 1px solid #369; background: #fff; visibility: hidden; } .menu-list li a { display: block; padding: 3px 10px; color: #369; background: #fff; text-decoration: none; } .menu-list li a:hover { color: #fff; background: #369; text-decoration: none; } /* The banner that rests below the header navigation. */ #header-banner { margin: 10px 0 0 0; float: left; text-align: center; } /* ----------------- FRONT PAGE STYLES ---------------- */ /* Front page container */ div#front-container { clear: both; } /* Front page side bar */ div#front-sidebar { width:200px; margin: 0 0 0 15px; padding: 0; float: left; } #front-sidebar p { margin-bottom: 15px; } /* Front page content area */ div#front-content { padding: 0; margin: 0 15px 0 230px; } .promo-image { padding-bottom: 12px; color: #fff; height: 215px; } #blog-summary { padding: 15px; margin: 15px 0 0 0; background: #fff; width: 580px; } #blog-summary h2 { font-size: 2.1em; color: #CE3234; text-align: center; border-bottom: 3px solid #369; margin-bottom: 5px; } #blog-summary h3 { font-size: 1.5em; } .feed { background: #fff; margin: 0 0 15px 0; } #news-feed { text-indent: -9000em; background: url("http://familyfantasysports.com/wp-content/uploads/2010/04/header_football_game.gif") top center no-repeat; height: 40px; } .feed h2 { font-weight: bold; font-size: 1.7em; color: #C1272D; text-align: center; margin: 0; } .feed ul { text-align: center; margin: 0; padding: 10px 10px 5px; } .feed ul li.section { margin: 5px 0 0 0; color: #369; } .feed ul li { font-size: 1.2em; margin: 0; } .tower-ad { width: 130px; margin: 0 15px 15px 15px; float: right; overflow: hidden; } /* ------------------ NORMAL CONTENT AREA STYLES ------------ */ .page #content h2 { font-size: 2.2em; color: #369; font-family: Arial, sans-serif; } /* Normal Content Bar */ div#content { background: #fff; margin: 0 15px 15px 15px; float: left; width: 740px; clear: both; padding: 15px; } #content > h2 { font-size: 1.7em; } /* These styles are to ensure image floating works properly in entries and pages. */ .floatL, img.alignleft, div.alignleft { float: left; margin: 0 10px 10px 0; } .floatR, img.alignright, div.alignright { float: right; margin: 0 0 10px 10px; } /* Content area links */ #content a:link, #content a:active, #content a:visited, #social-links a:link, #social-links a:active, #social-links a:visited, #front-container a:link, #front-container a:active, #front-container a:visited { color: #BF1E2E; text-decoration: none; } #content a:hover, #social-links a:hover, #front-container a:hover { text-decoration: underline; } /* text-containing elements under Content */ .postmetadata { border-top: 1px solid #ccc; margin: 5px 0 0 0; font-size: 1em !important; clear: both; } .post p { font-size: 1.2em; line-height: 1.5em; margin-bottom: 1em; } .post .timestamp { font-size: 1em; color: #999; } /* Individual posts */ .post { margin-bottom: 3em; } #content .post h2, #content .post h3 { clear: both; } /* Blog entry headlines */ .post h2, .post h3 { font-size: 1.5em; font-weight: bold; } .post blockquote { margin: 1.5em 5em; padding-left: 5px; border-left: 8px solid #58b; color: #888; } /* "Next" and "Previous" links */ p.alignleft { float: left; font-size: 1.1em; width: 50%; margin-bottom: 15px; } p.alignright { float: right; font-size: 1.1em; width: 50%; text-align: right; margin-bottom: 15px; } /* Sidebar */ div#sidebar { width: 180px; margin: 15px 15px 15px 0; float: right; color: #F6E381; } #sidebar input { font-size: 1em; } #sidebar form { margin-bottom: 1em; } #sidebar ul { font-size: 1em; } #sidebar h2 { font-size: 1.3em; } /* Footer */ div#footer { text-align: center; font-size: 1.1em; color: #fff; clear: both; margin: 15px 15px 0 15px; } #sidebar a:link, #sidebar a:active, #sidebar a:visited { text-decoration: none; color: #FFFFFF; } #footer a:link, #footer a:active, #footer a:visited { text-decoration: none; color: #FFF; } #footer a:hover, #sidebar a:hover { text-decoration: underline; } /* Fixes "Share" button at the bottom of posts */ .addtoany_share_save_container { clear: none !important; }