/* TABLE OF CONTENTS

	1. = TOOLS
		A. = CLEARING
		
	2. = TYPOGRAPHY
		A. = BODY
		B. = LINKS
		C. = HEADINGS
		D. = TEXT
		E. = LISTS
		F. = TABLES
		G. = HORIZONTAL RULES
    
    3. = LAYOUT
		A. = IMPORTANT OVERRIDES
		B. = SITE SPECIFIC LAYOUT

---------------------------------------------------------
*/

/* = TOOLS
------------------------------------------------------------------------------------------------------------------
*/

.stretch,
.clear
{
	clear:both; 
	height:1px; 
	margin:0; 
	padding:0; 
	font-size: 15px;
	line-height: 1px;
}

.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix
{
	display: inline-block; 
	width: 100%;
}

* html .clearfix
{
	height: 1%;
}

.accessibility
{
	display: none;
}


/* END TOOLS
------------------------------------------------------------------------------------------------------------------
*/

/* = TYPOGRAPHY
------------------------------------------------------------------------------------------------------------------
*/

/* = BODY
---------------------------------------------------------
*/

body
{
	text-align: left;
	font-family: arial, sans-serif;
    font-size: 62.5%;
	color: #333;
	background: white;
}

     /* IE doesn't see this. Compensate for Safari's default font size (14px) as opposed to the standard 16px in other browsers */
     html>body
     {
     	font-size: 10px;
     }

img
{
	border: 0;
}
	
/* = LINKS
---------------------------------------------------------
*/

a,
a:link 
a:active
{
	color: #424242;
	background-color: transparent;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

a:visited
{
	color: #424242;
	background-color: transparent;
	margin: 0;
	padding: 0;
}

a:hover
{
	color: #6a2834;
	background-color: transparent;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}

/* END LINKS
---------------------------------------------------------
*/
	
/* = HEADINGS
---------------------------------------------------------
*/

h1
{
	font-size: 1.8em;
	line-height: 1.0;
	font-weight: bold;
	margin: 0 0 1.0em 0;
	padding: 0;
    color: #333;
}

h2
{
	font-size: 1.6em;
	line-height: 1.125; /* 18/16 = 1.125 */
	font-weight: bold;
	margin: 0 0 1.125em 0;
	padding: 0;
	color: #333;
}

h3
{
	font-size: 1.4em;
	line-height: 1.286; /* 18/14 = 1.125 */
	font-weight: bold;
	margin: 0 0 1.286em 0;
	padding: 0;
	color: #333;
}

h4
{
	font-size: 1.4em;
	line-height: 1.286; /* 18/14 = 1.125 */
	font-weight: bold;
	margin: 0 0 1.286em 0;
	padding: 0;
	color: #333;
}

h5
{
	font-size: 1.2em;
	line-height: 1.5; /* 18/12 = 1.5 */
	font-weight: bold;
	margin: 0 0 1.5em 0;
	padding: 0;
	color: #333;
}

h6
{
	font-size: 1.2em;
	line-height: 1.5; /* 18/12 = 1.5 */
	font-weight: bold;
	margin: 0 0 1.5em 0;
	padding: 0;
	color: #333;
}

/* END HEADINGS
---------------------------------------------------------
*/

/* = TEXT
---------------------------------------------------------
*/

p
{
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	padding: 0;
}

blockquote
{
	border-left: 10px solid #ddd;
	margin-left: 10px;
}

strong, b
{
	font-weight: bold;
}

em, i
{
	font-style: italic;
}

pre
{
	font-family: monospace;
	font-size: 1.0em;
}

code
{
    /*font-family: "courier new", courier, monospace;
    white-space: pre;*/
	margin: 0 0 -1px 0;
	padding: 0;
	line-height: 1.5;
}

p.code
{
	padding: 0.667em 10px;
	margin: 0 0 1.5em 0;
	border: 0.0833em solid gray;
	background: transparent;
}

/* END TEXT
---------------------------------------------------------
*/
	
/* = LISTS
---------------------------------------------------------
*/

ul
{
	list-style-type: disc;
	font-size: 1.2em;
	margin: 0 0 1.5em 14px;
	padding: 0;
}

ul li
{
	line-height: 1.5;
	margin: 0 0 0 0;
	padding: 0;
}

ol
{
	list-style-type: decimal;
	font-size: 1.2em;
	margin: 0 0 1.5em 26px;
	padding: 0;
}

ol li
{
	line-height: 1.5;
	margin: 0 0 0 0;
	padding: 0;
}

dl
{
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	padding: 0;
}

dl dt
{
	font-weight: bold;
	margin: 0;
	padding: 0;
}

dl dd
{
	margin: 0 0 1.5em 30px;
	padding: 0;
}

/* END LISTS
---------------------------------------------------------
*/

/* = TABLES
---------------------------------------------------------
*/

table
{
	font-size: 1.0em;
	margin: 0 0 1.8em 0;
	padding: 0;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
}

table caption
{
	font-weight: bold;
	margin: 0;
	padding: 0 0 1.8em 0;
}

th
{
	font-weight: bold;
	text-align: left;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 7px;
}

td
{
	font-size: 1.0em;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 7px;
}

/* END TABLES
---------------------------------------------------------
*/

hr
{
	display: none;
}

/* END TYPOGRAPHY
------------------------------------------------------------------------------------------------------------------
*/
		
/* = LAYOUT
------------------------------------------------------------------------------------------------------------------
*/

/* = IMPORTANT OVERRIDES */

/** 
{
	float: none;
}*/

div#navigation,
div#browse,
form,
.noprint,
div#postnavigation
{
	display: none;
}

/* END IMPORTANT OVERRIDES */

/* = SITE SPECIFIC LAYOUT */

body
{
	margin: 0;
	padding: 0;
	background: white;
	text-align: center;
}

div#page
{
	width: 90%;
	margin:  0 5%;
	padding: 0;
	background: white;
	text-align: center;
}

div#header
{
	text-align: left;
}

div#branding
{
	text-align: left;
	float: left;
}

div#contactinfo
{
	text-align: right;
	display: inline;
	margin: 25px 0 0 25px;
}

div#content
{
	text-align: left;
}

	#postinfo
	{
		width: 410px;
		text-align: left;
		margin-right: auto;
		margin-left: auto;
	}

	#post-image
	{
		margin-bottom: 15px;
	}
	
	.gallery
	{
		width: 410px;
		margin: 15px auto;
	}
	
	.gallery-row,
	.gallery-item,
	.gallery-icon,
	span.caption
	{
		position: relative;
		float: none;
		text-align: left;
	}
	
	.gallery-row
	{
		display: inline;
		width: 410px;
		height: auto;
		margin: 0;
	}
	
	.gallery-item
	{
		display: block;
		width: 400px;
		margin-bottom: 10px;
	}
	
	.gallery-icon
	{
		display: block;
	}
	
	.gallery-icon img
	{
		display: inline;
	}
	
	.gallery-icon .thumb
	{
	}

	.gallery-icon span.caption
	{
		display: inline;
		width: 200px;
		position: absolute;
		top: 0;
		left: 210px;
		margin: 0;
		line-height: 18px;
	}

div#footer
{
	color: #333;
}

div#footer p
{
	margin: 0;
	padding: 15px;
}

/* END LAYOUT
------------------------------------------------------------------------------------------------------------------
*/