article, header, section, footer, aside, nav, hgroup, figure, figcaption { display:block; }
figure { margin:0px; }
html { padding:10px 0px; height:100%; background:#222 url('/img/ui/background.jpg') no-repeat center top fixed;
	-moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin:0px auto; width:1000px; -webkit-box-shadow:0px 0px 8px #000; background-color:#000; font-family:'Trebuchet MS', 'Helvetica', sans-serif; font-size:10pt; }

input { display:block; outline:0px; margin:4px auto; border:2px solid #666; padding:3px 2px; }
input:focus { border-color:#c00; }
button { display:block; outline:none; margin:4px auto; border:1px solid #666; padding:4px 3px; background:#999 url('/img/ui/button.png');
	-moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; } /*-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#999))*/
button:hover { text-decoration:underline; cursor:pointer; }
button:active { padding:5px 3px 3px 3px; background-image:none; }

p { margin:10px 0px; }
img { display:block; border:0px; }
a { outline:none; color:#ddd; font-weight:bold; text-decoration:none; }
a:hover { color:#fff; text-decoration:underline; }
a:focus { -moz-outline-style: none; }
small { font-size:8pt; line-height:14pt; }

hr { border:0px; height:1px; background-color:#333; color:#333; }

.clear { clear:both; }
.center { text-align:center; }

table { border-collapse:collapse; border-spacing:0px; width:100%; }
th, td { padding:0px; height:30px; }
table.standard th { border-bottom:1px solid #555; }
table.standard tr+tr td { border-top:1px solid #555; }
table.standard td { height:30px; text-align:center; }
table.standard img.logo { width:20px; height:20px; }

aside.sponsors { border-top:2px solid #900; border-bottom:4px solid #900; font-size:0px; padding-bottom:4px; height:80px; text-align:center; word-spacing:-1em; }
aside.sponsors a { display:inline-block; }
aside.sponsors a+a { margin-left:5px; }
aside.sponsors img { height:80px; }

body>header { height:160px; background-image:url('/img/ui/header.jpg'); color:#ddd; font-size:30pt; line-height:160px; text-align:center; }

nav.teams { color:#fff; font-family:'Bevan',sans-serif; font-size:14pt; font-variant:small-caps; text-align:center; }
nav.teams a+a { margin-left:30px; }
nav.teams a.men:hover { color:#900; }
nav.teams a.women:hover { color:#421476; }

nav.top { margin-bottom:5px; border-top:2px solid #333; border-bottom:2px solid #222; padding:0px 10px; background-image:url('/img/ui/nav.png'); } /*-webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#333))*/
nav.top ul { margin:0px; padding:0px; height:30px; }
nav.top li { float:left; height:30px; list-style-type:none; }
nav.top li a { display:block; position:relative; color:#ccc; }
nav.top li a span.a { display:block; padding:5px 20px; height:20px; font-weight:bold; line-height:20px; }
nav.top li a span.red { display:block; visibility:hidden; position:absolute; bottom:3px; left:50%; margin-left:-30px; width:60px; height:3px; background-image:url('/img/ui/nav_tab-hover.png'); } /*-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(255,0,0,0)), to(rgba(255,0,0,0)), color-stop(.5,#f00));*/
nav.top li a:hover { color:#fff; text-decoration:none; }
nav.top li a:hover span.red { visibility:visible; }
nav.top li.active { margin-top:-11px; height:41px; }
nav.top li.active a { padding:0px 3px 0px 0px; height:41px; background-image:url('/img/ui/nav_tab.png'); background-position:top right; color:#fff; line-height:30px; }
nav.top li.active a span.a { padding:6px 16px 5px 19px; height:30px; background-image:url('/img/ui/nav_tab.png'); background-position:top left; color:#fff; line-height:30px; }

nav.sub { margin:-5px 0px 5px 0px; border-bottom:2px solid #222; padding:5px 10px; background-color:#333; height:16px; color:#ddd; line-height:16px; text-align:center; }

div.alert { margin-bottom:5px; border:2px solid #400; padding:3px; background-color:#700; color:#fff; font-weight:bold; text-align:center; }

aside.sidebar { float:right; margin:0px 5px 5px 0px; width:250px; color:#fff; }
aside.sidebar section { position:relative; margin-top:12px; padding:15px 3px 3px 3px; border:2px solid #555; background-color:#222;
	-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; }
aside.sidebar section.match { border-color:#900; }
aside.sidebar section+section { margin-top:20px; }
aside.sidebar section h1 { position:absolute; top:-14px; left:8px; margin:0px; border:2px solid #555; padding:2px 4px; z-index:1; background-color:#191919; color:#fff; font-weight:normal; font-size:9pt; text-transform:uppercase;
	-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; }
aside.sidebar section.match h1 { border-color:#900; }
aside.sidebar table .logo { padding:2px; width:48px; }
aside.sidebar table .win { width:10px; color:#b00; }
aside.sidebar table .score { width:30px; font-size:12pt; }
aside.sidebar table th:first-child { padding-left:5px; height:18px; font-size:9pt; text-align:left; }
aside.sidebar table th+th { padding-right:5px; height:18px; font-size:9pt; text-align:right; }
div.sponsors { margin-top:20px; text-align:center; }
div.sponsors a { display:inline-block; }
div.sponsors a+ a { margin-top:5px; }

ul.clubs { display:none; margin:0px; -webkit-border-radius:10px; height:20px; padding:0px; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#7F7F7F), to(#333333), color-stop(.5,#5B5B5B),color-stop(.5,#444444)); }
ul.clubs li { float:left; padding:0px 8px; list-style-type:none; }
ul.clubs a { font-size:8pt; font-weight:bold; line-height:20px; }

body>section { float:left; position:relative; margin:0px 0px 5px 5px; padding:5px; width:725px; overflow:hidden; background-color:#3c3c3c; background-position:bottom left; background-repeat:no-repeat; color:#ddd;
	-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; }
body>section.small { float:left; width:355px; }
body>section.small+section.small+section { clear:both; }

body>section>header { position:relative; margin:-5px -5px 5px -5px; border-top-right-radius:5px; border-top-left-radius:5px; padding:5px; height:20px; background-image:url('/img/ui/section_header.png');
	-moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; } /* -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555), to(#3c3c3c))*/
body>section>header h1 { margin:0px; padding-left:25px; background-image:url('/img/ui/h1.png'); background-repeat:no-repeat; color:#ccc; font-size:10pt; line-height:20px; text-transform:uppercase; }
body>section>header menu { position:absolute; top:5px; right:10px; margin:0px; }
body>section>header menu select { outline:none; margin:0px; border:1px solid #222; padding:0px; }
body>section>hgroup { margin:2px 0px; padding:5px 0px; }
body>section>hgroup h1 { margin:0px; padding-left:25px; height:20px; background-image:url('/img/ui/h1.png'); background-repeat:no-repeat; color:#ccc; font-size:10pt; line-height:20px; text-transform:uppercase; }

article, section>.textarea { position:relative; padding:10px; background-color:#eee; color:#000;
	-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;
	-moz-box-shadow:#3C3C3C 0px 0px 10px inset; -o-box-shadow:#3C3C3C 0px 0px 10px inset; -webkit-box-shadow:#3C3C3C 0px 0px 10px inset; }
article a, section>.textarea a { color:#000; }
article a:hover, section>div.textarea a:hover { color:#000; }
article p { margin:1em 0px; text-align:justify; }
article li { text-align:justify; }
article header { margin-bottom:10px; padding:10px; background-color:#ddd; /*background-image:url('/img/ui/article_subhead.png');*/ } /*-webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddddd), to(#cccccc));*/
article header h1 { margin:0px; font-size:16pt; }
article header h2, section>div.textarea h2 { margin:10px 0px; font-size:10pt; border-bottom:1px solid #222; text-transform:uppercase; }
article figure.top { position:relative; border-top:2px solid #333; border-bottom:2px solid #333; padding:5px 0px; }
article figure.top img { width:705px; height:397px; }
article figure.top cite { display:block; position:absolute; bottom:7px; right:2px; padding:2px 4px; background-color:rgba(0,0,0,.7); color:#fff; font-size:8pt; }
article figure.top figcaption { margin-top:3px; font-size:8pt; }
article figure.right { float:right; margin-left:6px; border:2px solid #aaa; }
article figure.right figcaption { padding:4px; background-color:#ccc; font-size:8pt; line-height:14px; }
article figure.left { float:left; margin-right:6px; border:2px solid #aaa; }
article figure.left figcaption { padding:4px; background-color:#ccc; font-size:8pt; line-height:14px; }

section.small>.textarea { padding:5px; background-color:#222; color:#ddd;
	-moz-box-shadow:none; -o-box-shadow:none; -webkit-box-shadow:none; }
section.small>.textarea a { color:#ddd; }
section.small>.textarea a:hover{ color:#fff; }

footer { clear:both; border-top:4px solid #900; height:80px; color:#fff; line-height:80px; text-align:center; }

.corner { position:absolute; width:5px; height:5px; z-index:1; }
.corner.tl { top:0px; left:0px; }
.corner.tr { top:0px; right:0px; background-position:5px 0px; }
.corner.br { bottom:0px; right:0px; background-position:5px 5px; }
.corner.bl { bottom:0px; left:0px; background-position:0px 5px; }
article>.corner, .textarea>.corner { background-image:url('/img/ui/corner_3c3c3c.png'); }
body>section>.corner { background-image:url('/img/ui/corner_000.png'); }

p.justgive { border-top:1px solid #333; padding-top:7px; text-align:center; }
p.justgive a { display:inline-block; }

/*
nav.top li.active { margin-top:-11px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; padding:1px 1px 0px 1px; height:40px; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#555), to(#222)); }
nav.top li.active a { border-bottom-width:0px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; padding:5px 19px; height:30px; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#222)); color:#fff; line-height:30px; }
*/