@import url('reset.css');

h1 {
 font-size: 5.0em;
}

h2 {
 font-size: 4.0em;
}

h3 {
 font-size: 3.0em;
}

h4 {
 font-size: 2.0em;
}

blockquote {
 font-size: 1.5em;
}

p {
 font-size: 1.25em;
}

input {
 font-size: 1.0em;
}

small {
 font-size: 0.75em;
}


html{
height: 101%;
}

body {
 background: url("../images/bg.gif");
 font-family: verdana;
 font-size: 12px;
}

#wrapper{
 width: 400px;
 margin: 80px auto;
}

h1.logo{
 background-image: url("../images/logo.png");
 width: 344px;
 height: 46px;
 background-repeat: no-repeat;
 text-indent: -9000px;
}

p.myspace{
 color: white;
 font-family: arial;
 font-size: 14px;
margin-left: 125px;
}

p.myspace span a{
 color: #ff6c00;
 font-family: arial;
 font-size: 15px;
 text-decoration: none;
}

.center{
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -40px;
 margin-left: -200px;
 width: 400px;
 height: 80px;
}

.panel{
 display: none;
 -moz-border-radius-topright: 20px;
 -webkit-border-top-right-radius: 20px;
 -moz-border-radius-bottomright: 20px;
 -webkit-border-bottom-right-radius: 20px;
 filter: alpha(opacity=75);
 opacity: .75;
 position: absolute;
 top: 20%;
 left: 0;
 background: #000000;
 border: 1px solid #111111;
 width: 330px;
 height: auto;
 padding: 30px 30px 30px 130px;
}

.panel h3{
 color: white;
 font-size: 16px;
}

.panel p{
 line-height: 1.2em;
 font-size: 12px;
 color: white;
 margin: 10px 0;
}

.panel p a {
 color: #ff6c00;
 text-decoration: none;
}

a.trigger{
 font-size: 16px;
 font-weight: 700;
 padding: 20px 40px 20px 15px;
 background: #111111 url('../images/plus.png') 85% 55% no-repeat;
 position: absolute;
 text-decoration: none;
 color: #ffffff;
 top: 22%;
 left: 0;
 border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.trigger:hover{
 font-size: 16px;
 font-weight: 700;
 padding: 20px 40px 20px 15px;
 background: #222222 url('../images/plus.png') 85% 55% no-repeat;
 position: absolute;
 text-decoration: none;
 color: #ffffff;
 top: 22%;
 left: 0;
 border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.active.trigger{
 background: #222222 url("../images/minus.png") 85% 55% no-repeat;
}

.leftcol{
color: white;
margin-top: 30px;
}

.rightcol{
margin-top: 30px;
color: white;
}

span.location{
color:#ff6c00;
font-size: 12px;
}