@charset "UTF-8";

/*
Notes RE em Method:
 - set font size to 62.5% in body to reduce from standard pixel size of 16px to 10px - i.e. 16 x 0.625 = 10
 - then use em units as multiples of 10px
 - consider parent-child relations in doing this: child pixels / parent pixels = child ems
12 / 10 = 1.2
*/

/* body */
body { 
    font: 62.5%/1.5  "Adobe Caslon Pro", "Adobe Caslon Pro", sans-serif; 
    background: url(/images/wallpaper.png) repeat; 
    color: #000000;     
    text-align:center; 
} 

/* section */
section {
	padding-top: 2em;  /* NB: same as h2 */
}

/* wrapper for content - DEPRECATED: use #container or .content in instead */
#wrapper {
    width:980px;  
    text-align:left;   
    margin-left:auto;  
    margin-right:auto;  
    background-color: #FFFFFF; 
}

/* ALL */
* {
	/* remove padding and margin */   
    margin: 0; 
    padding: 0; 
    border: 0; 
}

/* headers */
.title {
	font-size:5em; 	
}

/* headings */
h1 {
	font: "Adobe Caslon Pro Bold";
	font-size:2.2em
}  		/* => 24px */
h2 {
	font: "Adobe Caslon Pro Bold";
	font-size:2.0em
}  		/* => 18px */
h3 {
	font: "Adobe Caslon Pro Bold";
	font-size:1.8em
}  		/* => 15px */
h4 {
	font: "Adobe Caslon Pro Bold";
	font-size:1.6em
}  		/* => 12px */
h5 {
	font: "Adobe Caslon Pro Bold";
	font-size:1.4em
}  		/* => 12px */
	
/* paragraphs */
p {
	font-size: 1.2em
}

/* lists */

ol, ul {
	padding-left: 2em;	
	padding-right: 2em;	
}

/* tables */
table {  
  border-spacing: 0; 
  border-collapse: collapse; 
} 

td { 
  text-align: left; 
  font-weight: normal; 
}

/* layout items */

#container {
	width: 960px;
	margin: 0 auto;
}
.contents {
	width: 960px;
	margin: 0 auto;
}
.left {
	float: left;
	width: 280px;
	background: #fff;
	text-align:left;
}
.midRight {
	display:inline-block;
	width: 680px;
	background: #fff;
	text-align:left;
}
.mid {
	display:inline-block;
	width: 400px;
	background: #fff;
	text-align:left;
}
.right {
	float: right;
	width: 240px;
	background: #fff;
}
.shady {
	background: #eee;
}
.spacer {
	clear: both;
	background: #fff;
	padding: 4em;
}
.spacer4 {
	clear: both;
	background: #fff;
	padding: 4em;
}
.spacer8 {
	clear: both;
	background: #fff;
	padding: 8em;
}
.footer {
	clear: both;
	background: #aaa;
	padding: 10px;
}

#meByJason {
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}