/*
Theme name: RoundUp
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { margin: 0; padding: 0; outline:0; }

html { overflow-x: hidden; }

body {
    font-size: 12px;
    line-height: 16px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #000;
    background: #0b70b8;
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell {  width: 1000px; margin: 0 auto; background: url(images/shell-bg.jpg) repeat-y left 0;  }
.shell-t { background: url(images/shell-t.jpg) no-repeat left top; height: 100%;}

#main { }

#sidebar { position: relative; float: left; display: inline; width: 479px; height: 640px; }
#sidebar h2  { font-size: 25px; color: #032f4a; text-align: center; line-height: 25px; }
#sidebar h3 { font-size: 18px; text-align: center; padding-top: 8px; }
#sidebar h2 a,
#sidebar h3 a { color: #032f4a; }
#sidebar a.round-up { display: block; width: 409px; height: 140px; background-image: url(images/roundup-big.gif); margin: 27px 0 13px 52px; }

#content { float: left; display: inline; width: 521px;  }
#content .post { padding-left: 10px; }

.featured { display: none; }
body.home .featured { display: block; height: 110px; background: url(images/featured-bg.jpg) no-repeat 0 0; color: #032c45; padding: 45px 165px 0 76px; }
body.home .featured h2 { font-size: 32px; line-height: 31px; }
body.home .featured h3 { font-size: 24px; padding-top: 10px; line-height: 24px; }

.event { height: 94px; background: url(images/event-bg.jpg) no-repeat 0 0; color: #fff; font-size: 20px; line-height: 24px; font-weight: bold; padding: 11px 0 0 31px; } 

#navigation { height: 90px; background: url(images/navigation-bg.jpg) no-repeat 0 0;  }
#navigation ul { list-style: none outside none; padding: 2px 0 0 20px; }
#navigation ul li { float: left; display: inline; }
#navigation ul li a { float: left; display: inline; height: 52px; text-align: center; line-height: 52px; font-size: 18px; font-weight: bold; color: #333; text-transform: uppercase; }
#navigation ul li a { width: 142px; background: url(images/small-button.png) no-repeat 0 0; }
#navigation ul li .big-btn { width: 172px; background: url(images/big-button.png) no-repeat 0 0; }
#navigation ul li a:active,
#navigation ul li a:hover,
#navigation ul li .big-btn:hover { background-position: 0 -52px; text-decoration: none; }

.freefun { position: relative; background: url(images/freefun-bg.jpg) repeat-y left 0; margin-top: -8px; }
.freefun-t { background: url(images/freefun-t.jpg) no-repeat 0 top; min-height: 290px; height: 100%; padding-bottom: 25px; }

.freefun-text { padding-left: 25px; width: 310px; }
.freefun-text h2 { font-size: 65px; color: #fff;  font-weight: normal; }
.freefun-text p { margin-bottom: 20px; }
.freefun-text p.subtitle { font-size: 49px; color: #fff; padding-left: 20px; margin: 0; }
.freefun-text ul { list-style: none outside none; padding: 5px 0 0 7px; }
.freefun-text ul li { color: #032f4a; font-size: 22px; font-weight: bold; line-height: 26px; }

.freefun .pictures { position: absolute; top: -19px; right: 10px; display: block; width: 196px; height: 160px; background: url(images/pictures.png); padding: 106px 0 0 7px; }
.freefun .pictures  a { display: block; width: 170px; height: 80px; background: url(images/rsvp-btn.png); }

.photos { min-height: 250px; padding: 20px 0 35px 20px; }

#footer { position: relative; height: 67px; background: url(images/footer-bg.png) no-repeat 0 0; padding: 120px 17px 0 0; margin-top: -31px;}
body.home #footer .popcorn { position: absolute; bottom: 151px; right: 166px; display: block; width: 92px; height: 89px; background: url(images/popcorn.png); }
#footer .popcorn { display: none; }
#footer .fireworks { position: absolute; display: block; bottom: 91px; left: 45px; width: 405px; height: 522px; background-image: url(images/fireworks.png); }
#footer p { width: 265px; background: #fff; border: 1px solid #000; color: #000;  font-size: 11px; text-align: center; margin: 3px auto 0 auto; padding: 7px 0; }

.footer-left { position: absolute;  top: 30px; left: -132px; display: block; width: 132px; height: 160px; background: url(images/footer-left.png) no-repeat 0 0; }
.footer-right { position: absolute; top: 27px; right: -131px; display: block; width: 153px; height: 160px; background: url(images/footer-right.png) no-repeat 0 0; }

.post { color: #FFF; margin: 0px 22px 35px 15px; }
.post h1 { margin-top: 5px; line-height: 24px; }
.post ol, .post ul { margin-bottom: 5px; }
.post ol li, .post ul li { margin: 2px 0 0 20px; }
.post blockquote { padding: 10px 10px 10px 30px; }
.post a { color: #9CF; }