@import url(http://fonts.googleapis.com/css?family=Cabin:400,700);

html, body {min-height:100%;}

/* Themes */

/* Default */
body {
	background:#F5F5F5 url(../media/bg.noise.png) repeat center top;
  background: url(../media/bg.noise.png) repeat center top, -webkit-radial-gradient(50% 350px, circle closest-side, rgba(0,0,0,0.001), rgba(0,0,0,0.33) 500px), #F5F5F5;
  background: url(../media/bg.noise.png) repeat center top, -moz-radial-gradient(50% 350px, circle closest-side, rgba(0,0,0,0.001), rgba(0,0,0,0.33) 500px), #F5F5F5;
  background: url(../media/bg.noise.png) repeat center top, -o-radial-gradient(50% 350px, circle closest-side, rgba(0,0,0,0.001), rgba(0,0,0,0.33) 500px), #F5F5F5;
  background: url(../media/bg.noise.png) repeat center top, -ms-radial-gradient(50% 350px, circle closest-side, rgba(0,0,0,0.001), rgba(0,0,0,0.33) 500px), #F5F5F5;
  background: url(../media/bg.noise.png) repeat center top, radial-gradient(50% 350px, circle closest-side, rgba(0,0,0,0.001), rgba(0,0,0,0.33) 500px), #F5F5F5;
  font-family:"Cabin", sans-serif;
  font-size:14px;
  font-weight:400;
  text-shadow:0px 1px 0px rgba(255,255,255,0.66);
  color:#444;
}

body#home .logo {display:block; font-size:350px; text-align:center; margin-top:35px;}
body#home h1 {display:block; margin:auto auto 5px; text-align:center; font-size:30px; font-weight:700; background:transparent url(../media/logo.dark.png) no-repeat center 100px; padding-top:415px;}
body#home h2 {display:block; margin:auto auto 25px; text-align:center; font-size:20px; font-weight:400;}
body#home hr {display:block; overflow:hidden; font-size:0px; height:1px; width:500px; margin:45px auto 15px auto; background:#555; border:0px; box-shadow:0px 1px 0px rgba(255,255,255,0.66);}
body#home nav {margin:auto; text-align:center; padding-bottom:25px;}
body#home nav > a {display:inline-block; margin:0px 15px; color:#222; text-decoration:none;}
body#home nav > a:hover {color:#111; text-decoration:underline;}
body#home nav > a:active {color:#000;}
body#home nav > span {color:#777; text-shadow:none;}

body, a, body#home hr {
  -webkit-transition:background-color 0.5s ease-in-out, color 0.5s ease-in-out, text-shadow 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
  -moz-transition:background-color 0.5s ease-in-out, color 0.5s ease-in-out, text-shadow 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
  -o-transition:background-color 0.5s ease-in-out, color 0.5s ease-in-out, text-shadow 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
  transition:background-color 0.5s ease-in-out, color 0.5s ease-in-out, text-shadow 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
}

body.theme-slate {background-color:#444; color:#BBB; text-shadow:0px -1px 0px rgba(0,0,0,0.66);}
body#home.theme-slate hr {background:#777; box-shadow:0px -1px 0px rgba(0,0,0,0.66);}
body#home.theme-slate nav > a {color:#BBB;}
body#home.theme-slate nav > a:hover {color:#DDD;}
body#home.theme-slate nav > a:active {color:#FFF;}
body#home.theme-slate nav > span {color:#777;}

#popup {
  position:fixed;
  width:300px;
  padding:20px;
  top:50px;
  left:50%;
  margin-left:-170px;
  opacity:0;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
  -webkit-transition:opacity 0.5s ease-in-out;
  -moz-transition:opacity 0.5s ease-in-out;
  -o-transition:opacity 0.5s ease-in-out;
  transition:opacity 0.5s ease-in-out;
  background:#DDD;
  background:linear-gradient(top, rgba(255,255,255,0.9) 1%, rgba(255,255,255,0.00001) 20%), #DDD;
  background:-o-linear-gradient(top, rgba(255,255,255,0.9) 1%, rgba(255,255,255,0.00001) 20%), #DDD;
  background:-moz-linear-gradient(top, rgba(255,255,255,0.9) 1%, rgba(255,255,255,0.00001) 20%), #DDD;
  background:-webkit-linear-gradient(top, rgba(255,255,255,0.9) 1%, rgba(255,255,255,0.00001) 20%), #DDD;
  background:-ms-linear-gradient(top, rgba(255,255,255,0.9) 1%, rgba(255,255,255,0.00001) 20%), #DDD;
  box-shadow:inset 0px -1px 0px rgba(255,255,255,0.66), inset 0px -1px 0px rgba(0,0,0,0.6), 0px 3px 10px rgba(0,0,0,0.2);
}
#popup.on {opacity:1;}
#popup .close {position:absolute; display:block; right:-5px; top:-5px; font-weight:bold; height:16px; width:16px; text-align:center; background:#CCC; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border-radius:15px; text-transform:uppercase; border:3px solid #FFF; cursor:pointer; box-shadow:0px 2px 4px rgba(0,0,0,0.66);}
#popup .close {}
#modal {background:rgba(0,0,0,0.0001); position:absolute; position:fixed; top:0px; left:0px; right:0px; bottom:0px; -webkit-transition:background-color 0.5s ease-in-out; -moz-transition:background-color 0.5s ease-in-out; -o-transition:background-color 0.5s ease-in-out; transition:background-color 0.5s ease-in-out;}
#modal.on {background-color:rgba(0,0,0,0.77);}

form {}
form .messages {border:1px solid #A33; padding:10px; margin-bottom:10px; background:#FAA; text-shadow:none;}
form .messages:empty {display:none;}
form label {float:left; width:60px;}
form label + .forminput {float:left; width:230px;}
form .clearer {clear:both; height:5px; font-size:0px;}
form .formlabel_number_spelling {width:auto; margin-right:10px; padding-top:2px;}
form .formlabel_number_spelling + .forminput {width:50px;}
form #submitbox {text-align:right;}
form #submitbox input {}

.message-success {text-align:center;}
