@charset "UTF-8";
@import "reset.css";
@font-face {
font-family: "Rockwell Extra Bold"; src: url("http://kategardiner.com/fonts/ROCKEB.TTF");}


body { text-align: center; width: 100%; margin:0px; height: 100%; background-color: #1a1a1a;  }

#wrapper {
margin:0px auto;
width: 1080px;
text-align: left;
clear:none;
height:100%;
}

#border {width: 1080px; min-height: 840px; border-left: 1px solid #333; border-bottom: 1px solid #333; border-right: 1px solid #333; margin: -12px 0 15px 0;}

#background_image { width: 100%; height: 100%; float: left; background-image: url(images/background-image.gif); background-repeat: no-repeat;}

#header {height: 101px; width: 484px; float: left;}

#sv-container {width: 100%;  float: left; margin-bottom: 30px; margin-left: 30px; margin-top: 15px;}
#photo {
width: 358px;
height: 61px;
float: right;
background-image: url(images/photography.gif);
z-index: 0;
margin-right: 30px;
margin-top: 20px;
}

#player {
margin-left: 15px;
margin-top: 10px;
float: left;
margin-bottom: 15px

}

#footer{text-align: center; font-size: .75em; color: #cdcdcd; font-family: Helvetica, Arial, sans-serif; width: 100%; height: 20px; padding-bottom: 10px;}

@font-face {
font-family: RockBold;
src: url('http://kategardiner.com/wp-content/themes/Starkers/fonts/reb.otf');
}

/* HEADER */
#nav {float: right; margin: 20px 30px 0 0px;}
#nav li {margin-right: 3px; float: left; font-size: 13px; font-family: RockBold, Helvetica, Arial; color: #cccccc;}
#nav li a {color: #ccc; text-decoration: none;}
#nav li a:hover {opacity: .8;}
#nav li a:visited {color: #ccc;}

/* SOCIAL MEDIA BUTTONS */
.social-media ul {float: left; margin-left: 17px;  font-family: Helvetica; display: block; margin-top: 15px; margin-bottom: -11px; z-index: 100; position: relative;}
.social-media li {margin-right: 10px; float: left; color: #dcdcdc;}
.social-media li a:hover {opacity: .8;}