/* plan99.css ------------------------------------------------------------------------- */ 
/*																						*/
/*  the Codex 99 XHTML universal style sheet                                            */
/*                                                                                      */	
/*	licensed under a Creative Commons BY-NC-SA license   								*/                                                                          
/*	(http://creativecommons.org/licenses/by-nc-sa/3.0/us/)								*/
/*																						*/
/*	ver 4.0 (Zoshi) - 3 Feb 2014														*/
/*																						*/   
/* ------------------------------------------------------------------------------------ */


/* PRELIMINARIES ---------------------------------------------------------------------- */

/* Universal Reset -------------------------------------------------------------------- */
/* from Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)	    */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

/* Remove possible quote marks (") ---------------------------------------------------- */

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove border on linked images ----------------------------------------------------- */

a img { border: none; }  


/* BASIC TYPOGRAPHY ------------------------------------------------------------------- */

body { 
	font-size: 16px;  /* IE default 16px */
	line-height: 28px;  /* 1.6875 x 16px = 27px */  
	color: #3c3c3c; 
	background: #fff;
	font-family: 'Mercury SSm A', 'Mercury SSm B'; font-weight: 400; font-style: normal;
	margin: 1.5em 0;	
	}

h1 { font-size: 30px;
	font-family: 'Whitney SSm A', 'Whitney SSm B'; font-weight: 400; font-style: normal;
	line-height:1.2638em; margin-top: 0; margin-bottom: 0em; text-align: left;	
	}

h2 { font-size: 24px;
	font-family: 'Whitney SSm A', 'Whitney SSm B'; font-weight: 400; font-style: normal;
	 line-height:1.2638em; margin-top: 28px; margin-bottom: 0; text-align: left; 
	 }

h3 { font-size: 24px;
	font-family: 'Whitney SSm A', 'Whitney SSm B'; font-weight: 400; font-style: normal;
	 line-height:1.2638em; margin-top: 0; margin-bottom: 0; text-align: left; 
	 }
h4 { font-family: 'Mercury SSm SC A', 'Mercury SSm SC B'; font-weight: 400; font-style: normal;
	margin-top: 28px;
	font-size: 17px;
	text-transform: lowercase;
	}

h5 { font-size: 16px;
	font-family: 'Mercury SSm A', 'Mercury SSm B'; font-weight: 400; font-style: italic;
		 line-height:1.2638em; margin-top: 28px; margin-bottom: 0; text-align: left; 

	}
	
sup, sub { 
	line-height: 0;
	font-size: 13px;
	 }

blockquote  { 
	text-indent: -0.375em; 
	margin: 28px; 
	}
	
p { margin-bottom: 0 }

p + p {
	text-indent: 28px;
	margin-top: 0
	}
	
p.cephalus {
	margin-top: 27px;
	text-indent: 0;
	}

p.cephalus_majora {
	margin-top: 54px;
	text-indent: 0;
	}

p.scoreboard {
		font-size: 13px;
		text-align: center;
		padding: 8px;
		border-top: 1px dotted #333333;
		border-bottom: 1px dotted #333333;
		margin-top: 6px;
		}
		
.big_number {
		font-size: 22px;
		font-family: 'Whitney SSm A', 'Whitney SSm B'; font-weight: 400; font-style: normal;
		}

.big_address {
		font-size: 16px;
		}

.caption {
    text-indent: 0;
    text-align: center;
    font-size: 13px;
    line-height: 22px;  
	color: #3c3c3c; 
    margin-top: 2px;
	}

.sidenote {
	margin-top: 2px;
	font-size: 13px;
	color: #3c3c3c; 
    line-height: 22px;  
    }

p.sidenote + p.sidenote,
p.sidenote_indent + p.sidenote,
p.scoreboard + p.sidenote {
	text-indent: 0;
	margin-top: 22px;
	}
	
p.sidenote_indent {
	text-indent: 1em;
		font-size: 13px; /* 11.2 px */
	color: #3c3c3c; 
    line-height: 22px;  
    }

.note {
	margin-top: 28px;
	font-size: 13px;
	color: #3c3c3c; 
    line-height: 22px;
    text-indent: -1em;
    margin-left: 1.8571em;
	}

.note_indent {
	margin-top: 0;
	font-size: 13px;
	color: #3c3c3c; 
    line-height: 22px;
    text-indent: 13px;
    margin-left: 1.8571em;
	}

.note_inline {
	margin-top: 28px;
	font-size: 13px;
	color: #3c3c3c; 
    line-height: 22px;
    text-indent: 0;
    margin-left: 1.8571em;
	}

.note_quote {
	font-size: 13px;
	color: #3c3c3c; 
    line-height: 22px;
    text-indent: 0;
    margin: 1.8571em 3.7142em 0 3.7142em;
}

p.note + p.note {
	margin-top: 22px;
	}


.small {
	font-size: 13px; /* 11.2 px */
	color: #3c3c3c; 
    line-height: 22px;  
    }


.nav {
 	font-family: 'Whitney SSm A', 'Whitney SSm B'; font-weight: 400; font-style: normal;
 	font-style: italic;
	color: #999999;
	}
	  

.smallcaps {
	font-family: 'Mercury SSm SC A', 'Mercury SSm SC B'; font-weight: 400; font-style: normal;
	font-size: 17px;
	text-transform: lowercase;
	}
	
.date { 
	color: #999999;
	margin-top: 1.625em;
    line-height: 1.6429em;
 	text-indent: 0;
	}

.title {
	color: #999999;
	}

.right { text-align: right; }  
.center { text-align: center; }  
.left { text-align: left; }  



/* List styles ------------------------------------------------------------------------ */

dl { margin-top: 1.625em; line-height: 1.625em; }
dt { margin-left: 1.625em; line-height: 1.625em;}
dd { margin-left: 3.25em; line-height: 1.625em;}


#header-nav li {
  display: inline;
  list-style-type: none;
  padding-left: 1em;
  font-size: 16px;
  font-family: 'Whitney SSm A', 'Whitney SSm B'; font-weight: 400; font-style: normal;
  color: #999999;
  }

#title-nav li {
  display: inline;
  list-style-type: none;
  padding-left: 1em;
  font-size: 16px;
  font-family: 'Whitney SSm A', 'Whitney SSm B'; font-weight: 400; font-style: normal;
  color: #999999;
  }


#footer-nav li {
  display: inline;
  list-style-type: none;
  padding-right: 1em;
  font-size: 16px;
  font-family: 'Whitney SSm A', 'Whitney SSm B'; font-weight: 400; font-style: normal;
  color: #999999;
}




/* GRID ------------------------------------------------------------------------------- */
/* based on blueprint.css (http://www.blueprintcss.org/) 								*/



.body {
	text-align: center; 
	}

.container {
	width: 970px;
	margin: 0 auto 0 auto;
	overflow: hidden;
	}

	.header-title {
		width: 215px;
		padding-left: 25px;
		margin-bottom: 1.625em;
		font-size: 16px;
  		font-family: 'Whitney SSm A', 'Whitney SSm B'; font-weight: 400; font-style: normal;
		}
	
	.header-menu {
		width: 685px;
		padding-right: 25px;
		margin-bottom: 1.625em;
		text-align: right;
		}
		
	.page {
		width: 970px;
	    padding: 39px 0px 50px 25px;
		border-top: 1px dotted #333333;
		border-bottom: 1px dotted #333333;
		}

			.post-4 {
				width: 920px;
				margin-bottom: 1.625em;
				}
				
			.post-3 {
				width: 685px;
				margin-bottom: 1.625em;
				}
				
			.post-2 {
				width: 450px;
				margin-bottom: 1.625em;
				}
				
			.post-1 {
				width: 215px;
				margin-bottom: 1.625em;
				}

	.nav-prev {
		width: 332px;
		margin: 0 0 28px 0;
		}
		
	.nav-next {
		width: 333px;
		text-align: right;
		margin: 0 0 28px 0;
		}

	.footer-menu {
		width: 605px;
		padding-left: 25px;
		margin-top: 1.625em;
		}
		
	.footer-title {
		width: 295px;
		padding-right: 25px;
		margin-top: 1.625em;
		text-align: right;
  		font-family: 'Whitney SSm A', 'Whitney SSm B'; font-weight: 400; font-style: normal;
		}
		
	.post_title {
		}	
		
	.post_body {
		margin-top: 1.625em;
		}	
		
	.post_footer {
		margin-top: 1.625em;
		margin-bottom: 3.25em;
		}

	#content_area_footer {
		margin-top: -1.625em;
		text-align: center;
		}



/* Grid floating and margins ---------------------------------------------------------- */

div.post_title, div.post_body {
	margin-right: 0;
	}

div.page, div.header, div.header-title, div.header-menu,
div.footer, div.footer-title, div.footer-menu, div.nav-prev, div.nav-next, div.post-4, div.post-3, div.post-2, div.post-1, div.scoreboard {
	float:left;
	margin-right: 20px;
	}

div.last { 
	margin-right: 0; 
	}

/* Link styles ------------------------------------------------------------------------ */
/* blue:  */
/* red: */
	
a {  /* red text, red/gray hover */
	color: inherit;
	background-color: #fff;
	text-decoration: none;
	}

a:link {
	color: #c4000f;
	background-color: #fff;
	text-decoration: none;
	border-style: dotted;
	border-color: #333333;
	}
	
a:visited {
	color: #c4000f;
	background-color: #fff;
	text-decoration: none;
	border-style: dotted;
	border-color: #999999;
	}
	
a:hover {
	color: #c4000f;
	border-color:#fff;
	background-color: #ececec;
	text-decoration: none;
	border-style: dotted;
	border-color: #999999;
	}	

a.invisible {  /* red/gray hover */
	color: inherit;
	background-color: #fff;
	text-decoration: none;
	}

a.invisible:link {  
	color: inherit;
	background-color: #fff;
	text-decoration: none;
	border-style: dotted;
	border-color: #333333;
	}
	
a.invisible:visited {
	color: inherit;
	background-color: #fff;
	text-decoration: none;
	border-style: dotted;
	border-color: #999999;
	}
	
a.invisible:hover {
	color: #c4000f;
	border-color:#fff;
	background-color: #ececec;
	text-decoration: none;
	border-style: dotted;
	border-color: #999999;
	}





/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .page:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
.clearfix, .page {display: inline-block;}
* html .clearfix,
* html .page {height: 1%;}
.clearfix, .page {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }