/* reset snarfed from tripoli (http://monc.se/tripoli/) */
* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, pre, textarea, input, select { font: inherit; font-size: 1em; }
th, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, form, abbr, acronym, object { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
ul { list-style-type: none; }

html { height: 100%;  }
body { 
  height: 100%; margin: 0px auto; background: #069; 
  text-align: center; font: 95% arial, luxi sans, arial, helvetica, sans-serif; 
}

#header { width: 933px; text-align: left; margin: 0px auto; position: relative;}
#header img { margin: 30px 20px 0px 10px; }

#content { background-repeat: none; text-align: left; position: relative; border: 4px solid #69c; overflow: auto; margin: 20px auto; width: 933px; }

#nav, #nav ul { width: 200px; padding: 5px 0px; line-height: 1em; background: #fff; border-bottom: 1px solid #69c; border-right: 1px solid #69c; }
#nav { float: left; margin-bottom: 20px; text-transform: uppercase; font-weight: bold; font-size: .9em; font-family: trebuchet ms, luxi sans, arial, helvetica, sans-serif; }
#nav a, #nav #social_networks { color: #000; display: block; padding: 5px 15px; width: 170px; }
#nav a:hover { background-color: #ebf5ff; color: #2270a2; }
#nav ul { float: left; border-top: 1px solid #69c; border-left: 1px solid #69c; }
#nav li { margin-bottom: -1px; width: 170px; }
#nav li a.parent { background-image: url('images/arrow.gif'); background-repeat: no-repeat; background-position: 185px center; }
#nav li #clickyimage { color: green; }
#nav li ul { position : absolute; left: -999em; margin-left : 200px; margin-top: -25px; }
#nav li ul ul { left: -999em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.hover ul ul, #nav li.hover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.hover ul, #nav li li.hover ul, #nav li li li.hover ul { left: auto; }

#nav #social_networks p, #nav #social_networks span a img { padding-top: 1em; }
#nav #social_networks span a { display: inline; }
#nav #social_networks span a:hover { background-color: #fff; }


#sidebar { font: .9em trebuchet ms, luxi sans, arial, helvetica, sans-serif; float: right; border-left: 1px solid #69c; padding-bottom: 40px; background: #fff; width: 300px; }
#sidebar form { padding: 10px 20px; float: right; }
#sidebar h2 { text-transform: uppercase; font-weight: bold; padding: 10px 20px 10px; color: #005a93; margin-top: 20px; }
#sidebar #player { width: 250px; margin: 10px 20px; border: 4px solid #ccc; }
#sidebar a.more { padding: 10px 20px; color: #007298; text-transform: uppercase; text-decoration: underline; font-size: .8em; font-weight: bold; }
#sidebar .search { width:102px;height:17px;border-top:2px #000000 solid;border-bottom:1px #ffffff solid;border-right:1px #ffffff solid;padding:0px;}
#sidebar a { color: #027398; font-weight: bold; padding: 0px 20px; margin: 0px; }
#sidebar a:hover { color: #009dd0; }
#sidebar p.event-title { font-size: .8em; padding: 0px 0px 3px; margin: 0px 20px 10px; border-bottom: 1px solid #ccc; }