/*------------------------------------*\
	$TYPE
\*------------------------------------*/

body {
		font: 14px/21px Helvetica, Arial, sans-serif;
		color: #555; }



/*--- HEADINGS ---*/

h1, h2, h3, h4, h5, h6 {
	color: #181818;
}



h1,.alpha{
	font-size:2em;			/* 32px */
	line-height:1;		/* 48px */
	margin-top: 14px;
	margin-bottom: 7px;
}
h2,.beta{
	font-size:1.5em;		/* 24px */
	line-height:1;			/* 24px */
	margin-top: 14px;
	margin-bottom: 7px;
}
h3,.gamma{
	font-size:1.25em;		/* 20px */
	line-height:1;		/* 24px */
	margin-top: 14px;
	margin-bottom: 7px;
}
h4,.delta{
	font-size:1.125em;		/* 18px */
	line-height:1;		/* 24px */
	margin-top: 14px;
	margin-bottom: 7px;
}
h5,.epsilon{
	font-weight:bold;
}
h5,.epsilon,
h6,.zeta{
	font-size:1em;			/* 16px */
	line-height:1.5;		/* 24px */
	margin-bottom: 3px;
}

/*--- PARAGRAPHS ---*/
/*
Mo’ robust paragraph indenting: csswizardry.com/2010/12/mo-robust-paragraph-indenting/
Uncomment to activate
p+p{
	text-indent:2em;
	margin-top:-1.5em;
}
*/

p { margin: 0 0 7px 0; }

/*--- FIGURES ---*/
figure img{
	display:block;
	margin-bottom:0;
}

/*--- LINKS ---*/

a:visited,
a:hover,
a:active,
a:focus{
	text-decoration:none;
}

/*--- LISTS ---*/
li > ul,
li > ol{
	/* Let’s take care of lists in lists */
	margin-bottom:0;
}

/*
A numbered list is NOT the same as an ordered one: csswizardry.com/2011/09/ordered-and-numbered-lists-the-differences/
Use this class when you want a list to be numbered but it has no order.
*/
ul.numbered{
	list-style:decimal outside;
}
dt{
	font-weight:bold;
}

/*--- QUOTES ---*/
/*
Big up @boblet: html5doctor.com/blockquote-q-cite/
*/
q{ quotes:"‘" "’" "“" "”"; }

q:before{ content:"‘"; content:open-quote; }
q:after{ content:"’"; content:close-quote; }

q q:before{ content: "“"; content: open-quote; }
q q:after{ content: "”"; content: close-quote; }

blockquote{ quotes: "“" "”"; }
blockquote p:before{ content: "“"; content: open-quote; }
blockquote p:after{ content: ""; content: no-close-quote; }
blockquote p:last-of-type:after{ content: "”"; content: close-quote; }

blockquote{
	text-indent:-0.4em;
}

/*
Mark up the source of a quote with .source:
<blockquote>
	<p>Lorem ipsum dolor sit amet. <b class=source>Joe Bloggs</b></p>
</blockquote>
*/
.source{
	display:block;
	text-indent:0;
	margin-top:-24px;
	margin-top:-1.5rem;
}
	.source:before{
		content:"—";
	}

/*--- GENERAL ---*/
mark{
	background-color:#ffc;
	color:#333;
}

/*--- CODE ---*/
pre,
code{
	font-family:"Inconsolata", "Monaco", "Consolas", "Courier New", Courier, monospace;
}
pre{
	overflow:auto;
	line-height:24px; /* Having to define explicit pixel values :( */
}





/*------------------------------------*\
	$IMAGES
\*------------------------------------*/
img{
	/* Give it some text styles to offset alt text */
	color:#c00;
}
.img-right, .img-left, .img-center {
	background: #FAFAFA;
    border: 1px solid #DCDCDC;
	padding: 5px;
}
.img-right {
  	margin: 5px 0px 10px 10px;  
  	float: right;
}
.img-left {
  	margin: 5px 10px 10px 0px;
  	float: left;
}
.img-center {
  	margin: 5px auto 10px auto;
  	clear: both;
}

.img-right p, .img-left p{
	margin:0;
	padding:0;
	font-size: 9px;
	text-align:right;
	font-weight: normal;
	line-height: 9px;
}

.img-noframe-right {
  	margin: 5px 0px 10px 10px;  
  	float: right;
}
.img-noframe-left {
  	margin: 5px 10px 10px 0px;
  	float: left;
}
.img-noframe-center {
  	margin: 5px auto 10px auto;
  	clear: both;
}

/*--- FLASH/VIDEO ---*/
object,
embed,
video{
	max-width:100%;
	height:auto;
}








/*------------------------------------*\
	$TABLES
\*------------------------------------*/
/*
Unfortunately, and somewhat obviously, tables don’t fit the baseline all too well. Perhaps in a later version...
*/
table{
	width:100%;
	max-width:100%;
}
thead tr:last-of-type th{
	/* Thicker border on the table-headers of the last row in the table head. */
	border-bottom-width:2px;
}
tbody th{
	/* Thicker right border on table-headers in the table body. */
	border-right-width:2px;
}
th:empty{
	/* Hide the borders on any empty table-headers. */
	border:none;
}
th,td{
	vertical-align:top;
	padding:0.75em;
	border:1px solid #ccc;
}
th{
	font-weight:bold;
	text-align:center
}
table [colspan]{
	text-align:center;
}
table [rowspan]{
	vertical-align:middle;
}
/*
Assuming IE has an 'implied' colspan of one on cells without an explicit colspan attribute, fix/undo it.
See jsfiddle.net/csswizardry/UJJay/
tbody tr:nth-of-type(odd){
	background:rgba(0,0,0,0.05);
}
*/
[colspan="1"]{
    text-align:left;
}
[rowspan="1"]{
    vertical-align:top;
}

tfoot{
	text-align:center;
}
tfoot td{
	border-top-width:2px;
}