/* ---------- GLOBAL RESET ---------- */

@import url("/css/reset.css");


/* ---------- TAGS (generic) ---------- */

html
{
	height: 100%; /* for sticky footer */
}

body
{
	height: 100%; /* for sticky footer */
	width: 75%;
	min-width: 300px; /* may need to tune this? */
	max-width: 600px; /* may need to tune this? */
	margin: 0 auto;
	font: 0.9375em/1.4 Georgia, serif; /* 0.9375em = 15px for most browser defaults... */
	text-align: justify;
	background-color: #fff;
	color: #000;
}

p
{
	margin-top: 1em;
}
p.caption
{
	color: #999;
	margin-top: 0;
	font-size: 0.8em;
}
p.imgcontainer
{
	margin-top: 1.4em; /* = 1 * 1.4 */
	line-height: 1; /* to get rid of whitespace at bottom of contained image */
}
p.imgcontainer img
{
	max-width: 100%;
}
p#feed span
{
	background: url("/blog/layout/img/feed.png") transparent center left no-repeat;
	padding-left: 20px;
}

h1
{
	color: #600;
	font-size: 3em;
	padding-top: 0.333em; /* note: using margin-top 'breaks' the sticky footer... */
	text-align: center;
}

h2
{
	font-size: 2em;
	margin-top: 1em;
	margin-bottom: -0.25em; /* = 0.5em / 1.6em */
	text-align: center;
}

h3
{
	margin-top: -0.8em; /* = 0.5em * 1.4 (+ visual fudge factor) */
	text-align: center;
}
h3 span
{
	padding: 0 25px;
	background-color: #fff;
	color: #999;
}

h4
{
	font-size: 1.2em;
	margin-top: 0.833em;
	text-align: center;
}
#primary h4
{
	font-size: 1.8em;
	margin-top: 0.555em;
}

a
{
	text-decoration: none;
}
a:link
{
	color: #000;
	border-bottom: 1px dotted #000;
}
a:visited
{
	color: #999;
	border-bottom: 1px dotted #999;
}
a:hover,
a:link:hover,
a:visited:hover
{
	border-bottom: none;
}
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:link:hover,
h1 a:visited:hover
{
	color: #600;
	border-bottom: none;
}
h3 a:link,
h3 a:visited
{
	color: #999;
	border-bottom: none;
}
h3 a:hover,
h3 a:link:hover,
h3 a:visited:hover
{
	border-bottom: 1px dotted #999;
}
h4 a:link
{
	border-bottom: none;
}
h4 a:visited
{
	color: #000;
	border-bottom: none;
}
h4 a:hover,
h4 a:link:hover,
h4 a:visited:hover
{
	border-bottom: 1px dotted #000;
}

ul,
ol
{
	margin-top: 1em;
	margin-left: 1em;
}

li
{
	margin-left: 25px;
}

ul li
{
	list-style-type: square;
}

ol li
{
	list-style-type: decimal;
}

blockquote
{
	margin: 1.4em 25px; /* = 1 * 1.4 */
	padding-left: 25px;
	border-left: 3px solid #ccc;
	font-style: italic;
	color: #999;
}
blockquote i,
blockquote em,
blockquote .title,
blockquote .source
{
	font-style: normal;
}
blockquote a:link,
blockquote a:visited
{
	color: #999;
	border-bottom: 1px dotted #999;
}
blockquote a:hover,
blockquote a:link:hover,
blockquote a:visited:hover
{
	border-bottom: none;
}

i,
em
{
	font-style: italic;
}

b,
strong
{
	font-weight: bold;
}


/* ---------- SECTIONS (generic) ---------- */

#wrap
{
	height: 100%; /* for sticky footer */
}
body>#wrap
{
	height: auto; /* for sticky footer */
	min-height: 100%; /* for sticky footer */
}

#content
{
	padding-bottom: 12em; /* for sticky footer */
}

#primary
{
	padding-top: 2em;
}

.secondary
{
	padding-top: 2em;
}
.secondary p
{
	margin-top: 0.5em;
	text-align: center;
}

#footerwrap
{
	clear: both;
	height: 6.5em; /* for sticky footer */
	margin-top: -12em; /* for sticky footer (height+padding) */
	padding-top: 5.5em; /* for sticky footer */
}

#footer
{
	color: #999;
	border-top: 1px solid #ccc;
	font-size: 0.8em;
	text-align: center;
}
#footer p
{
	margin-top: 1.68em; /* 1.2 (=1/0.8) * 1.4 */
}


/* ---------- MAIN NAVIGATION ---------- */

#navwrap
{
	margin-top: 2em;
	text-align: center;
}

#nav ul
{
	margin-left: 25px;
}

#nav li
{
	display: inline;
	font-size: 1.2em;
	margin: 0 25px 0 0;
	text-transform: lowercase;
}

#nav a:link,
#nav a:visited
{
	padding-bottom: 2px;
	color: #600;
	text-decoration: none;
	border-bottom: none;
}
#nav a:hover,
#nav a:link:hover,
#nav a:visited:hover
{
	border-bottom: 1px dotted #600;
}

#p_blog li#l_blog a:link,
#p_blog li#l_blog a:visited,
#p_blog li#l_blog a:hover,
#p_blog li#l_blog a:link:hover,
#p_blog li#l_blog a:visited:hover
{
	border-bottom: 3px solid #600;
}

#p_archives li#l_archives a:link,
#p_archives li#l_archives a:visited,
#p_archives li#l_archives a:hover,
#p_archives li#l_archives a:link:hover,
#p_archives li#l_archives a:visited:hover
{
	border-bottom: 3px solid #600;
}

#p_about li#l_about a:link,
#p_about li#l_about a:visited,
#p_about li#l_about a:hover,
#p_about li#l_about a:link:hover,
#p_about li#l_about a:visited:hover
{
	border-bottom: 3px solid #600;
}

#p_contact li#l_contact a:link,
#p_contact li#l_contact a:visited,
#p_contact li#l_contact a:hover,
#p_contact li#l_contact a:link:hover,
#p_contact li#l_contact a:visited:hover
{
	border-bottom: 3px solid #600;
}


/* ---------- POSTS (generic) ---------- */

.entry
{
	margin-top: 3em;
	border-top: 1px solid #ccc;
}

.entrymeta
{
	color: #999;
	text-align: center;
}
.entrymeta a:link,
.entrymeta a:visited
{
	color: #999;
	border-bottom: 1px dotted #999;
}
.entrymeta a:hover,
.entrymeta a:link:hover,
.entrymeta a:visited:hover
{
	border-bottom: none;
}


/* ---------- ARCHIVES (generic) ---------- */

ul.archives
{
	margin: 1em 0 0 25px;
	text-align: center;
}

ul.archives li
{
	display: inline;
	list-style-type: none;
	margin: 0 25px 0 0;
}


/* ---------- MISC ---------- */

.noshow
{
	display: none;
}

.center
{
	text-align: center;
}

.aside
{
	font-style: italic;
}
.aside i,
.aside em
{
	font-style: normal;
}

.code
{
	font-family: monospace;
}

.title
{
	font-style: italic;
}

.words
{
	font-style: italic;
}

.highlight
{
	font-weight: bold;
}

.followup
{
	font-style: italic;
	color: #999;
}
.followup span
{
	font-weight: bold;
}
.followup i,
.followup em
{
	font-style: normal;
}

.clearfooter:after /* for sticky footer */
{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfooter
{
	display: inline-block;
}
/* Start hide for IE Mac\*/
* html .clearfooter
{
	height: 1%;
}
.clearfooter
{
	display: block;
}
/* End hide for IE Mac */