/*
Theme Name: WHYSA
Description: The custom WordPress theme developed for Winter Haven Youth Soccer Association
Version: 1.0
Author: Anon
*/

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; text-align: center; padding-bottom: 30px; background: #2a2a2a; padding-top: 8px;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
div {position: relative;}
strong {font-weight: bold;}
em {font-style: italic;}
code {font-family: courier;}
img {display: block;}
ul {list-style: none;}
a {outline: none; text-decoration: underline; color: #DE0031;}
a:hover {text-decoration: none;}
.clr {clear: both; height: 0px; overflow: hidden;}
#page {margin: 20px auto 0 auto; text-align: left; width: 960px; font: 12px Arial; color: #636363; line-height: 1.4em; background: #949695 url(images/bg-page.gif) repeat-y;}
.nav {width: 945px; height: 43px; background: url(images/bg-nav.jpg) no-repeat; padding: 1px 0 0 15px; z-index: 20;}
.rotation {z-index: 10;}
.rotation ul {position: absolute; top: 361px; left: 15px; z-index: 20;}
.rotation li {text-indent: -9999px; float: left; display: inline;}
.rotation li a {display: block; height: 43px; background: url(images/nav.gif) no-repeat;}
.rotation a.home {width: 120px;}
.rotation a.about {background-position: -120px 0; width: 114px;}
.rotation a.recreational {background-position:  -234px 0; width: 189px;}
.rotation a.competitive {background-position: -423px 0; width: 177px;}
.rotation a.sponsors {background-position: -600px 0; width: 152px}
.rotation a.contact-us {background-position: -752px 0; width: 177px;}
.rotation a.home:hover, .rotation ul.home a.home {background-position: 0 -43px;}
.rotation a.about:hover, .rotation ul.about a.about {background-position: -120px -43px;}
.rotation a.recreational:hover, .rotation ul.recreational a.recreational {background-position:  -234px -43px;}
.rotation a.competitive:hover, .rotation ul.competitive a.competitive {background-position: -423px -43px;}
.rotation a.sponsors:hover, .rotation ul.sponsors a.sponsors {background-position: -600px -43px}
.rotation a.contact-us:hover, .rotation ul.contact-us a.contact-us {background-position: -752px -43px;}
.rotation {width: 956px; padding: 0 2px; height: 383px;}
.rotation img {position: absolute; z-index: 20;}
.nav a.logo {position: absolute; top: -20px; left: -24px; z-index: 20;}
.nav img.text-logo {position: absolute; top: 10px; left: 290px;}
.overlay {width: 915px; background: navy; opacity: .70; filter: alpha(opacity=70); position: absolute; top: 355px; left: 20px; z-index: 20; height: 50px; border: 2px solid white;}
.content {width: 920px; padding: 20px;}
.sidebar {float: left; width: 260px; padding: 0 20px 20px 20px; background: #bec1bf; margin-top: 20px; border-top: 6px solid #3a3c3b;}
.sidebar h2, .sidebar h2 a {font: 22px Georgia; padding-top: 25px; color: #233c7c; margin-bottom: 5px;}
.sidebar h3 {padding-top: 7px; font: 14px Georgia;}
.sidebar ul {margin: 5px 0 0 0;}
.sidebar li {display: inline;}
.sidebar li a {display: block; color: #f0f0f0; border: 1px solid #ffcc33; padding: 0 10px; font:13px Georgia; background: #0f0f73; line-height: 32px; height: 32px; text-decoration: none;}
.sidebar li a:hover, .sidebar li a.selected {background: #ffcc33; color: #0f0f73; text-decoration: none;}
.flickr {background: white; margin: 5px 0 0 0; border: 1px solid #ffcc33; overflow: auto; padding-bottom: 15px; height: 1%;}
.flickr a {float: left; margin: 15px 0 0 15px;}
.flickr a img {width: 65px; height: 65px; border: 1px solid #1a1b98;}
.loop {float: right; width: 540px; background: white; margin: 20px 0 0 0; padding: 0 30px 20px 30px; border-top: 6px solid #3a3c3b;}
.split {background: white url(images/bg-split.gif) repeat-y; width: 540px;}
.news {float: left; width: 245px;}
.audience {float: right; width: 240px;}
.loop h1, .loop h2, .loop h3, .loop h4, .loop h5 {font-weight: bold; padding-top: 18px; line-height: 1.2em;}
.loop h1, .loop h1 a, .loop h2.pagetitle, .loop h2.pagetitle a {font-size: 24px; color: #1a1b98;}
.loop h2, .loop h2 a {font-size: 16px; color: #6b772d; font-family: Georgia;}
.loop h3, .loop h3 a {font-size: 14px; color: #ffcc33;}
.loop h4, .loop h4 a {font-size: 13px; color: black; font-family: Georgia;}
.loop h5, .loop h5 a {text-transform: uppercase;}
.loop p {padding: 10px 0 5px 0;}
.loop p.post-date {font: 11px Georgia; padding: 2px 0 0 0;}
.loop ul, .loop ol {margin: 15px 0 0 25px;}
.loop li ol, .loop li ul {margin:  5px 0 0 15px;}
.loop li {padding: 3px 0; line-height: 1.2em; list-style-image: url(images/bg-li.gif);}
.loop blockquote {margin: 15px 20px 0 20px; padding: 0 15px 15px 15px; border: 1px solid #101275; background: #c2c3f3;}
.entry {border-bottom: 1px dashed #6B772D;}
#footer {width: 936px; height: 28px; background: url(images/bg-footer.jpg) no-repeat; padding: 16px 12px 0 12px; clear: both;}
#footer p {font: 11px Georgia; color: black;}
#footer a {color: black;}
#footer span {float: right;}
.alignright {float: right; display: inline;}
.alignleft {float: left; display: inline;}
.aligncenter {margin: 0 auto; text-align: center;}
table.sponsors td {vertical-align: middle;}
.eurosport {margin-top: 20px; text-align: center;}
.eurosport img {margin: 0 auto;}
.eurosport p {padding-top: 5px;}