@import url("//fonts.googleapis.com/css?family=Cinzel|Dawning+of+a+New+Day|Dosis:300");

body,p,a,a:hover{font-family:'Dosis', serif;color:#5c5c5c;line-height:1.8;text-decoration:none;}

body {margin: 0 auto;padding: 0;}
.container {display:block;overflow: hidden;padding:30px 60px}

.nav {display:block;float:left;width:225px;padding-left:30px}
.content { display:block;float:left;width:750px;padding:30px 80px}


#main-nav ul {list-style-type: none;margin: 0; padding: 0;text-transform: uppercase;letter-spacing: 3px;}
#main-nav ul li{ padding: 5px 20px;}
#main-nav li a {    display: block;   }
#main-nav,#main-nav li a{font-size:14px;text-align:center;}
a:hover,li a.selected{color:#bbbcbb}
#main-nav img {    padding:20px 5px;opacity: 0.25;
    filter: alpha(opacity=25); /* For IE8 and earlier */}
#main-nav img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
h1 {font-family:'Dawning of a New Day';color:#bbbcbb;font-size:60px;font-style:normal;font-weight:300;text-align:center;margin:0;margin-left:-45px;padding:0;}
h2 {font-family:'Cinzel', serif;color:#bbbcbb;line-height:1.8;text-decoration:none;text-align:center;font-weight:300;font-size:15px;margin-top:-30px;padding:0;letter-spacing: 2px;}
h3 {font-family:'Dawning of a New Day';color:#d0cfcd;font-size:40px;font-weight:normal;margin:0;padding:0;}

.space {height:0px}
.color {color:#bbbcbb;}


@media only screen and (max-device-width: 480px) {

.container {padding:5px; margin: 0 auto;font-size: 140%;}
.nav {float: none;padding:5px}
.content { float:none;width:100%;padding:5px}
}