@charset "utf-8";

/*
Theme Name: Center Of Attention
Theme URI: http://centerofattention.me
Description: The theme for Center Of Attention
Author: Simon Foster
Author URI: http://simonfosterdesign.com
Version: 1.1
.
This theme can not be used for commercial or non-commercial, please don't steal
.
*/

html, body, div, a, p, img, ul, li, footer, header, section, h1, span, a img {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
footer, section, article, header, nav { 
    display:block;
}

body {
  width:970px;
  margin:0 auto;
  overflow:auto;
  font-size:15px;
  font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, serif;
  }
a {
  text-decoration:none;
  color:#000;
  }
a:hover {
   color:#f7793c;
   }
h1 {
   width:905px;
   height:143px;
   display:block;
   margin:60px 0 20px 32px;
   text-indent:-20000px;
   float:left;
   background:url(img/logo.gif) no-repeat;
   }

header {
   width:100%;
   float:left;
   border-bottom:dotted 1px #c2c2c2;
}  
nav {
    width:100%;
	text-align:center;
	float:left;
margin:0 0 40px 0;
word-spacing:5px;
} 
section {
	float:left;
	padding:0 0 0 20px;
	margin:60px 0 0 0;
	}
article {
   float:left;
   clear:none;
   margin:0 10px 10px 0;
   }
article#about {
   height:460px;
}
.small {
   width:225px;
   height:225px;
   }
.small:last-of-type {
   margin-bottom:100px;
   }
img:hover {
   opacity:0.75;
   }

#about p {
    float:left;
    margin:20px 40px 0 10px;
}
.large p a { 
   text-decoration:underline;
}   
.large {
   width:695px;
   height:695px;
   clear:none;
   overflow:hidden;
   }
.large img {
   float:left;
   margin:-28px 0 0 -30px;
}
footer {
   width:100%;
   float:left;
   clear:both;
   margin:10px 0 0 0;
   border-top:dotted 1px #c2c2c2;
  }
footer p {
   width:100%;
   text-align:center;
   float:left;
   margin:60px 0 40px 0;
   }
h2 {
  float:left;
  width:80%;
  margin:20px 0 30px 25px;
  font-size:1.4em;
  font-weight:lighter;
  }
section ul {
   float:left;
    clear:both;
	margin:0 0 100px 0;
	list-style:none;
   }
section li {
   	 width:225px;
     height:225px;
	 margin:0 10px 10px 0;
	 display:inline;
	 float:left;
	 position:relative;
	 }   
.decade img {
    position:absolute;
	}
.decade h3 {
    position:absolute;
	width:100%;
	text-align:center;
	top:80px;
	font-size:1.2em;
    font-weight:lighter;
	color:#fff;
	}