/* 
Theme Name: StartupHappy.com
Author: Anthony Cole
Author URI: http://freshpacificmedia.com
*/

/* Let's begin by laying out the structure */
#wrap {width: 856px; margin: 0 auto;}
#content {width: 405px; float: left; margin: 10px;}
#sidebar {width: 380px; float: right; margin: 10px;}
#footer {clear: both; text-align: right; width: 100%; margin: 0 auto;}
#the-content {width: 100%;}

/* Some global elements */
.clear {clear: both;}
.special {text-decoration: none; text-transform: uppercase; font-weight: bold; color: #003366; letter-spacing: 2px; color: #003366; margin: 0; font-size: 12px;}
.align-right {text-decoration: none; text-transform: uppercase; font-weight: bold; color: #003366; letter-spacing: 2px; color: #003366; margin: 0; font-size: 12px; text-align: right;}
#content p {line-height: 22px;}
iframe {border: none; width: 100%; margin-top: 40px; height: 100%;}
h3.special {border-top: 1px solid #CCC; padding-top: 10px; margin-top: 10px;}

/* We'll Start with the header and move down */
p#network {margin-left: 10px;}
p#network, p#network a {text-transform: uppercase; color: #666; text-transform: uppercase; font-size: 10px; font-weight: bold;}
#header {background: url(img/header.png) center center no-repeat; height: 180px;}
#header-float {width: 330px; float: right;}
#header #signup {float: left; margin-top: 10px;}
#header #rss-logo {float: right; margin: 10px; border: none;}
#header h1 {display: none;}
#blog-header {width: 100%; height: 50px; position: fixed; background: #FFF; }

/* That Lovely Email Submission Form */
#signup p {margin: 0;}

/* Now, onto the menu */
ul#menu {margin: 0; margin-left: -10px; padding: 0;}
ul#menu li {display: inline;}
ul#menu li a {margin: 0 10px; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #003366; letter-spacing: 2px;}
ul#menu li a:hover {text-decoration: underline;}
#blog-header ul#menu {text-align: right; margin-top: 15px;}

/* Billboard */
#billboard {width: 200px; background: url(img/billboard.png) center center repeat-y; padding: 10px; margin: 10px 0;}

#billboard {width: 100%; background: url(img/billboard.png) center center repeat-y; padding: 10px; margin: 10px 0;}
#billboard p {font-size: 18px; color: #FFF; line-height: 30px; margin: 0;}
#billboard span {color: #66ccff;}

/* The content needs a background */
#wrap {background: url(img/repeat.png) center center repeat-y;}

/* The body needs a bit of style */
body {background: #d9d9d9; font-family: Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif; font-size: 12px; margin: 0;}

body#blog {background: #FFF;}

/* We love the footer */
#footer {background: url(img/footer.png) center center no-repeat; height: 25px;}
#footer p {margin: 10px; color: #666; }