/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */
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, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size: 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1.3; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; } 

/*----Global Styles------------------------------------------------------------------- */
body{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 80%; background:#018FD9 url(/images/body-slice.jpg) repeat-x top; text-align:center;}
a{color:#018FD9; text-decoration:none;}
a:hover{text-decoration:underline;}
h1{font-size: 1.3em; background:#003; padding: 0 10px 5px;}
h2{font-size: 1.3em; background:#003; padding: 5px 10px; border-top:1px solid #018FD9;}
#b-about h3, #b-subscribe h3, #b-archive h3 {padding: 5px 10px;}
.form form {padding :10px;}
.form form input, .form form textarea {margin-bottom :10px; padding:5px; font-size:1.2em;}
#b-links h3{padding: 5px 10px 0 10px;}
#b-links #main-column p {padding: 0 10px 5px 10px;}
#b-contact #main-column p, #b-subscribe #main-column p, #b-archive #main-column p, #b-about #main-column p, #b-about #main-column ul, .quiz-intro {padding: 5px 10px;}
img.about-image{float:left; clear:left; padding:10px;}
#b-about #main-column ul li, #b-quiz #main-column ul li {list-style-type:disc; margin-left: 20px;} 
a.subscribe {float:left; margin: 0 10px;}
#b-subscribe h3 {clear:left;}

/*----Layout Styles------------------------------------------------------------------- */
div#container{background:url(/images/container-slice.jpg) repeat-y; width:994px; text-align:left; margin:0 auto; }
div#header{background:url(/images/header.jpg) no-repeat; height:118px; position:relative;}
p#title{background:url(/images/title.jpg) no-repeat; height:104px; width:417px; text-indent:-300em; position:absolute; top:0; left:0;}
a#subscribe{background:url(/images/subscribe-up.jpg) no-repeat; height:71px; width:260px; text-indent:-300em; position:absolute; top:20px; right:0;}
a#subscribe:hover{background:url(/images/subscribe-down.jpg) no-repeat;}
div#content{padding:0 4px; color:white;}
div#main-column{width:674px; float:left;}
div#side-bar{width:311px; float:right;}
div#footer{clear:both; background:#018FD9 url(/images/footer.jpg) no-repeat top; padding:22px 0 10px 14px; color:#fff;}
p#flash-notice{background:#018FD9; padding:10px; margin:10px; font-size: 1.1em;}

/*----Page Element Styles------------------------------------------------------------------- */
p#page-info-box{background:#018FD9; padding:0 10px 10px; font-size: 1.1em;}
p.right-bar{padding:10px;}
hr {color:#333; height:1px; clear:left;}
#main-column embed {margin:10px;}

/*----Share Styles------------------------------------------------------------------- */
#share {margin:10px; }
#share li {display:inline; padding:0 4px 6px 0; text-align:center;}
#share li.delicious {background:transparent url(/images/delicious.gif) no-repeat scroll 0 0; padding-left:20px;}
#share li.digg {background:transparent url(/images/digg.gif) no-repeat scroll 0 0; padding-left:22px;}
#share li.reddit {background:transparent url(/images/reddit.gif) no-repeat scroll 0 0; padding:0 0 0 2px; padding-left:20px;}
#share li.facebook {background:transparent url(/images/facebook.gif) no-repeat scroll 0 0; padding-left:20px;}
#share li.stumbleupon {background:transparent url(/images/stumbleupon.gif) no-repeat scroll 0 0; padding-left:20px;}
#share li.bananacut {background:transparent url(/images/bananacut.jpg) no-repeat scroll 0 0; padding-left:25px;}

/*----Nav Link Styles------------------------------------------------------------------- */
ul#site-nav{}
ul#site-nav li{border-top:1px solid #333; font-weight:bold;}
ul#site-nav li a{padding:5px 0 5px 10px; border-left:10px solid #003; display:block;}
ul#site-nav li a:hover{color:#fff; background:#018FD9; text-decoration:none;}
#b-home #nav-home, #b-links #nav-links, #b-about #nav-about, #b-subscribe #nav-subscribe, #b-contact #nav-contact, #b-quiz #nav-quiz, #b-archive #nav-archive {padding:5px 10px; border-left:10px solid #018FD9;}

/*----Twitter Styles------------------------------------------------------------------- */
ul.twitter li {padding:5px 10px; font-size: 0.9em;}
ul.twitter {margin-bottom:10px;}
span.time-date {color:#999; font-size:0.8em;}

/*----Blog Styles------------------------------------------------------------------- */
ul#blog li {padding:5px 10px; font-size: 1em;}
ul#blog {margin-bottom:10px;}
img#rss {vertical-align:middle;}
#b-blog div.post-body {padding:10px;}
#b-blog div.post-body p{padding:5px 0;}
#b-blog div.post-body li{margin-left:20px; list-style-type:disc;}
#b-blog div#comments {padding:10px;}
#b-blog div#comments span.item-control {display:none;} /* removes the comment delete button*/
#b-blog div#comments dt{margin-top:10px; font-weight:bold;}
#b-blog div#comments p.comment-footer {margin-top:10px; font-weight:bold;}

/*----Photos Styles------------------------------------------------------------------- */
ul#photos {padding-top:5px;}
ul#photos li {padding:5px 10px; font-size: 1em; width:300px; height:110px; float:left;}
ul#photos li img {float:left; border:1px solid #888;}
ul#photos li a:hover img {border:1px solid #018FD9;}
ul#photos li h3 {margin-left: 160px; padding:5px 0 0;}