/*GLOBAL styles*/	
html { font-size: medium;}

body { 
background: url(../img/) no-repeat center 12%;
background-size:60%;
background-color:#000;
font-family:"Arial", Arial, sans-serif;
margin:0; padding:0; zoom: 1;
overflow:auto;
}

.color1 {background-color:#;}
.color2 {background-color:#fff;}


#font-color1 {color:#fff;}
	


/* resets */
div {padding:0;	margin:0 auto;}
img {border:0; display:block;}
ul, li {list-style:none; margin:0; padding:0;}
	


/*Global Font Classes*/
a {text-decoration:none;	color:inherit;}

.caps {text-transform:uppercase;}
.ital {font-style:italic; letter-spacing:1px;}
.bold {font-weight:900;}
.left {float:left;}
.right {float:right;}

/* Structures */
div.outer-wrapper-bottom {}

div.outer-wrapper-top {
	margin:0 auto;
	max-width:1300px;}
	
.left {float:left; clear: none;}
.right {float:right; clear: none;}

.group:after {content: ""; display: table; clear: both;} /* the clearfix hack */


#footer{
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 100%;
    visibility: visible;}
	
h1 {font-family:Georgia, serif;}
	
a:hover div.logo {opacity:0.80;}
a:hover div.logo-alone {opacity:0.85;}

ul.links {font-size:0.60rem; letter-spacing:1px; line-height:16px; margin:30px 0 0 5px}

ul.links li a:hover {opacity:0.75;}

ul.content li {display:inline; font-weight:100;}
ul.content {text-align:left;}

ul.content li a:hover, h1 a:hover {opacity:0.65;}

div.warble-logo {width:20px; height:12px; fill:#090909; margin-right:8px;}
a.warble:hover li, a.warble:hover div.warble-logo {opacity:0.75;}

li.name {opacity:0.6;}

div.photo img {display:block; width:100%;}