﻿/* GLOBAL */
body { background: #60A0E0 url(../images/bckg.png) repeat-x top; }
.clearfix { clear: both; }
.block { margin-bottom: 20px; }

/* TYPOGRAPHY */
body { font: normal 14px/17px "Segoe UI", Tahoma, Verdana, Arial; color: #FFF; }
h1 { font-size: 24px; margin-bottom: 20px; }
h2 { font-size: 18px; margin-bottom: 20px; }
h3 { font-size: 14px; margin-bottom: 10px; }
p { margin-bottom: 10px; }
a { color: #FFF; }

/* LAYOUT */
#wrapper { width: 920px; margin: 20px auto 0 auto; }
#header { height: 89px; margin-bottom: 20px; }
#menu-cntr { width: 920px; height: 25px; }
#logo { width: 643px; height: 89px; float: left; }
#sponsors { float: right; text-align: right; }
#content { padding: 19px 0; border-bottom: solid 1px #FFF; border-top: solid 1px #FFF; }
#clmn-l { width: 500px; padding-right: 20px; float: left; }
#clmn-r { width: 400px; float: left; }
#footer { height: 25px; line-height: 20px; }

/* NAVIGATION */
.menu li { display: block; float: left; width: 100px; height: 25px; text-align: center; border-right: solid 1px #FFF; }
.menu li:last-child { border: 0; }
.menu li a { display: block; width: 100px; height: 25px; text-align: center; text-decoration: none; line-height: 20px; }
.menu li a:hover { background: #FFF; color: #2c110f; }
            
/* FORMS */
.form li { display: block; width: 400px; margin-bottom: 10px; }
.form li label { display: block; float: left; width: 100px; margin-bottom: 5px; }
.form input, .form textarea { font-size: 11px; width: 200px; }
.button { margin-left: 100px; }

/* ELEMENTS */
#schedule { width: 100%; }
#schedule thead tr th { padding: 10px; background: #E3001B; color: #FFF; font-size: 18px; }
#schedule tbody tr td { padding: 10px 10px 9px 10px; background: #FFF; color: #000; border-bottom: dotted 1px #60a0e0; }
#schedule tbody tr td:first-child { width: 100px; }
#schedule tbody tr td a { color: #E3001B; }

#artists li { padding: 10px 0; border-bottom: dotted 1px #FFF; }
#artists li:last-child { border: 0; }
.artist-img { width: 130px; margin-right: 10px; float: left; }
.artist-desc { width: 770px; float: left; }

#downloads li { padding-left: 20px; background: url(../images/download.png) no-repeat left; margin-bottom: 5px; }
#downloads li a:hover { text-decoration: none; }

#logos td { padding: 10px; vertical-align: top; }

.day { background: #CCC; font-weight: bold; }

img.artist { float: left; border: solid 5px #FFF; margin: 0 20px 20px 0; }
