@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

@font-face {
font-family: "Serif Medium";
src: url('serif_medium.ttf'),
     url('serif_medium.eot'); /* IE9+ */
}

body {
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #FFFFFF;
}

h1 {
	display: none;
}

h2 {
	font-family: "Serif Medium", "Century Gothic", Arial, sans-serif;
	font-size: 2.5em;
	color: #b2072f;
	letter-spacing: 0.05em;
	word-spacing: -0.1em;
	padding-bottom: 0.5em;
}

h3 {
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 1.5em;
	padding-top: 1em;
	padding-bottom: 0.5em;
}

h3.step {
	text-align: center;
}


li.top_nav {
	display: inline-block;
	text-decoration: none;
	padding-left: 0.6em;
}

a {
	text-decoration: none;
	color: #30c9ff;
}

a:hover, a:active {
	text-decoration: underline;
}

a.top_nav:link, a.top_nav:visited {
	color: black;
}

a.top_nav:hover, a.top_nav:active {
	color: #30c9ff;
	text-decoration: none;
}

div.button {
	text-align: right;
	padding: 1em 0.5em 1em 0.5em;
}

a.button {
	font-family: "Serif Medium", "Century Gothic", Arial, sans-serif;
	font-size: 1.5em;
	letter-spacing: 0.05em;
	color: #FFFFFF;
	padding: 0.4em 1.2em 0.4em 1.2em;
	text-decoration: none;
}

a.button:link, a.button:visited {
	background-color: #b2072f;
}

a.button:hover, a.button:active {
	background-color: #30c9ff;
}

img {
	width: 100%;
}

img.logo {
	width: 100%;
}

ul.main_nav {
	padding: 1em 2em 1em 2em;
	text-align: center;
}

#wrapper {
	width: 100%;
}

#yellow_background {
	width: 100%;
	background-image:url('big_background.jpg');
	background-repeat: no-repeat;
	padding-bottom: 2em;
}

#header {
	width: 100%;
}

#logo_box {
	width: 40%;
	margin: 0 auto;
	padding: 1em 0 1em 0;
}

#white_bar {
	font-family: "Serif Medium", "Century Gothic", Arial, sans-serif;
	letter-spacing: 0.05em;
	word-spacing: -0.1em;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 2em;
	z-index:0;
	box-shadow: 1px 1px 5px #000000;
}

.clear_right {
	clear: right;
}

#content {
	margin: 2em 2em 4em 2em;
}

div.clear {
	clear: both;
}

ul.footer {
	text-align: center;
}

li.footer {
	display: inline;
	text-decoration: underline;
	padding: 1em;
	color: #30c9ff;
}

table {
	width: 100%;
}


td.left {
	font-weight: bold;
	width: 40%;
}

td.right {
	font-weight: normal;
	width: 60%;
}

table.ranking {
	width: 100%;
}

tr {
	border:1px solid white;
}

td.ranking_image {
	width: 12.5%;
	height: 4em;
}

td.ranking_username {
	width: 33.5%;
	height: 4em;
	font-weight: bold;
	padding-left: 2em;

}

td.ranking_uploads {
	width: 53.5%;
	height: 4em;
}

ul.profile_nav1 {
	padding-top: 4em;
	list-style-type: none;
}

ul.profile_nav2 {
	padding-top: 1em;
	padding-bottom: 1em;
	list-style-type: none;
}

li.profile_navi {
	text-decoration: none;
}

img.home {
	padding-bottom: 1em;
}

form {
	width: 15em;
	padding-top: 1em;
	padding-bottom: 1em;
}

label {
	display:block;
	font-weight:bold;
	width:8em;
	float:left;
}

input {
	float:left;
	padding:4px 2px 0 0;
	border:solid 1px #000000;
	width:13em;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
}

textarea {
	float:left;
	padding:4px 2px 0 0;
	border:solid 1px #000000;
	width:14em;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
}

select {
	float:left;
	padding:4px 2px 0 0;
	border:solid 1px #000000;
	width:15em;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
}

input.button {
	font-family: "Serif Medium", "Century Gothic", Arial, sans-serif;
	width: 5em;
	letter-spacing: 0.05em;
	font-size: 1.2em;
	color: #FFFFFF;
	padding: 0.2em 0.6em 0.2em 0.6em;
	text-decoration: none;
	background-color: #b2072f;
	margin-top: 0.5em;
}

select#radiusSelect {
	width: 4em;
}

input#addressInput {
	width: 6em;
}

div.recently_uploaded_profile {
	padding-bottom: 0.5em;
}

#map {
	width: 100%; 
	height: 300px;
}

select#locationSelect {
	width: 100%;
	visibility: hidden;
}

#profile_info {
	padding-bottom: 2em;
}

p.content_top {
	padding-bottom: 1em;
}

p.content_bottom {
	padding-top: 2em;
}

div.uploads_info {
	padding-bottom: 0.5em;
}

div.uploads_photo {
	padding-top: 0.5em;
}

ul.footer_content {
	padding: 0.5em 2em 0.5em 4em;
}

table#contact {
	padding: 2em 0 2em 0;
}

p.step {
	padding: 0 1em 0 1em;
}

a.skiplink {
	color: #b2072f;
	text-decoration: none;
	font-size: inherit;
}

a.hiddenlink {
	display: none;
}