* { padding:0; margin:0; }

body { background:#E7FBF7; }

a, a:visited { color:blue; text-decoration:none; }
a:hover { text-decoration:underline; }

#preview {
	background: #F00;
	color:white;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 2px solid black;
}

#content { padding:20px 30px 30px; }

#top { height: auto; overflow: hidden; padding: 0 10px; }
#top #lang { float: right; }

h1 {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:#21618C;
	border:2px solid #CCCCCC;
	color:white;
	font-family:Myriad Pro,Myriad Web Pro Regular,Lucida Grande,Geneva,Trebuchet MS,sans-serif;
	margin:5px 0 20px 70px;
	padding:5px 20px;
	text-shadow:1px 1px #545454;
}

#intro, #sponsors-top, #sponsors-bottom { padding: 10px; margin-bottom:20px; border: 1px solid #AAA; background: #F7FFFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }

#sponsors-top, #sponsors-bottom { text-align: center; }
#sponsors-top img, #sponsors-bottom img { height: 60px; margin: 0 20px; vertical-align: middle; }

#note { border-bottom: 1px solid #AAA; padding-bottom:10px; margin-bottom: 10px; font-family: Georgia, serif; font-weight: bold; }

#jump { font-size: 12px; overflow: hidden; height: auto; }
#jump ul { float: left; }
#jump li { list-style: none; display: inline; border-left: 1px solid #666; padding: 0 5px; }
#jump li.title, #jump li.first { border: none; }
#jump li.title { padding: 0; color: #666; }
#jump #typeswitch { float: right; }


.medal { margin-bottom: 20px; padding: 0 10px 10px; background: #D2EEEE; }

.medal legend { padding: 5px 0; }
.medal legend span { padding: 0 5px; float: left; height: 15px; line-height: 15px; }
.medal legend .text { font-style: italic; }
.medal legend .to_top, .medal legend .info { font-size: 12px; border-left: 1px solid #666; }
.medal legend .to_top a, .medal legend .info a { margin-left: 0px; }

.medal .header { font-weight: normal; margin: 10px 0; font-size: 22px; }
.medal .header .medal_name { font-family: Verdana,non-serif; /*font-variant: small-caps; -- ugly in webkit */ font-weight: bold; color:#9C0000; }
.medal .header .text { font-size: 18px; }

.medal .photo { float:left; border: 2px solid #999; margin-right: 10px; height: 150px; }

.medal p { margin-bottom: 10px; }
.medal p .winner { font-weight: bold; font-size: 18px; }

.medal.not-published .header { font-style: italic; }