/*
 *	The Erudite WordPress theme by Soma Design
 *	http://somadesign.ca/
 *
 *	Licensed under the GPL 2.0
 *	http://www.gnu.org/licenses/gpl-2.0.html
 *
 */

/* CSS Reset based on http://meyerweb.com/eric/tools/css/reset/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
a:focus {overflow:hidden; outline:1px dotted;}
table { border-collapse:collapse;border-spacing:0; }
ol,ul {list-style:none;}

/* Typography Test */
body.baseline {background-image:url(../images/body-bg.png); background-repeat:repeat; background-position:left 20px;}

/* Layout. Based on the idea of 960.gs. Sorta. Loosely. */
#container, #header, #footer-wrap-inner {width:96em; margin:0 auto; position:relative;}
#content {width:54em; padding-left:6em; padding-top:2.4em; overflow:hidden;}
body.single #content, body.page #content {overflow:visible;}
.custpage #content {width:72em;}
.sidebar {width:24em; clear:both;}
#footer {clear:both;}

/* Typography Base */
body {font: normal normal normal 10px/1.5 constantia,'hoefler text','palatino linotype',serif; background-color: #f8f8f8; color:#333; }
textarea, select, input {font-size:12px;}
h1,h2,h3,h4,h5,h6 {font-family:'gill sans','gill sans mt','gill sans mt pro','century gothic',corbel,sans-serif; font-weight:normal; text-transform:uppercase; letter-spacing:.05em;}
h1 {font-size:3.6em; line-height:1.333; margin-top:1.333em; display: none;}
h2 {font-size:2.4em; line-height:1; margin-top:1em;}
h3 {font-size:2.1em; line-height:1.143; margin-top:1.143em;}
h4 {font-size:1.8em; line-height:1.333; margin-top:1.333em;}
h5 {font-size:1.6em; margin-top:1.5em;}
h4, h5 {letter-spacing:.1em;}
.amp {font-size:1.1em; font-style:italic; line-height:1.363;}
pre, code {font-family:consolas,'deja vu sans mono','lucida sans typewriter',monaco,monospace;}

/* Links */
a {text-decoration:none;}
a:link {color:#000;}
a:visited {color:#311;}
a:hover {color:#223; text-decoration:underline;}
a:active {color:#55f;}

/* Header */
#header-wrap {background:#f8f8f8; margin-bottom:2em; padding:0;}
#headerimg {height: 375px; background: url(/header.png) no-repeat;}
#header h1, #header h1 a {color:#333; text-decoration:none; line-height:1; margin-top:0;}
#blog-description {font-size:1.4em; color:#777;}

/* Menu */
.skip-link {display:none;}
#access { margin-top:230px; margin-left: 220px;}
#menu {margin:2.4em 0 -1em; overflow:hidden; padding:1.2em 6em; border-top:1px solid #666;}
#menu a {color:#555;}
#menu li {display:block; float:left; margin-right:1.5em; font-size:1.6em;}
#menu li ul {border-left:1px solid #444; padding-left:.5em; margin-left:.1em; display:none;}
#menu li:hover ul {display:block;}
#menu li li {float:none; font-size:.857em; display:block; margin-right:0;}
#menu li li li {font-size:1em;}

/* Enhanced Menu */
.enhanced .hiding #access {display:none;}
.enhanced #menu {padding-bottom:2.4em;}
.enhanced #menu li ul {display:block;}
#menu-toggle {width:96em; margin:0 auto; position:relative;}
#menu-toggle div {display:block; color:#fff; padding:0 .5em; background:#444; position:absolute; top:-1.7em; right:0; cursor:pointer; font-size:1.2em; height:1.5em; line-height:1.4; z-index:5;}
#menu-toggle span {padding-right:.5em;}
#menu-toggle div:hover {background:#666;}

/* Navigation */
#nav-below {clear:both; width:54em; height:2.7em; position:absolute; left:6em; bottom:0.1em; z-index:5;}
.hiding #nav-below {bottom:-3.5em;}
.paged #nav-below {}
#nav-below div {background:#666; height:100%;}
.nav-previous {float:left;}
.nav-next {float:right;}
#nav-below a {color:#fff; padding:0 1em; line-height:2; height:100%; font-size:1.2em; display:block;}

/* Footer Toggle */
#foot-toggle {clear:both;}
#foot-toggle div {position:relative; width:96em; margin:0 auto; text-align:right; height:3.6em;}
#foot-toggle span {font-size:1.2em; background:#333; color:#fff; padding:.5em 1em; cursor:pointer; position:absolute; bottom:0; right:5em;}
#foot-toggle span:hover {background:#666; border-color:#000 #000 #666;}

/* Footer */
#footer-wrap {background:#333; clear:both; color:#fff; padding:2.4em 0;}
.enhanced .hiding #footer-wrap {display:none;}
.footer {width:24em; float:left; margin-left:6em;}
.footer h3, .footer h2 {border-bottom:1px solid #666; font-size:2.1em; line-height:1.143; margin:1.143em 0 .19em;}
.footer ul li {margin:0 0 3.6em;}
#about-sidebar p {font-size:1em;}
.footer ul li li, .footer ul li p, .footer ul div {font-size:1.4em; margin:0;}
.footer ul li li li, .footer ul div div, .footer ul div li {font-size:1em !important;}
.footer p {margin:0 0 1em; text-indent:0;}
.footer ul li li li:before {content:"\2192\00a0"; margin-left:-1em;}
.footer ul li li ul {margin-left:1em;}
#footer-wrap a {color:#fff; text-decoration:none; border-bottom:1px solid #444;}
#footer-wrap a:hover {border-color:#ccc;}
#footer-wrap p a {border-color:#999;}
.footer #searchform .text {width:14.5em; margin-right:.5em;}
#footer {padding:2.4em 6em 0; text-align:right;}
#footer span {font-size:1.2em; font-variant:small-caps;}
#footer .meta-sep {padding:0 .5em; color:#666;}
.footer select {font-size:12px;}
.footer table {width:100%;}
.footer table caption {margin:1em 0; font-variant: small-caps;}
.footer table th, .footer table td {text-align:center;}
.footer table td {color:#bbb;}
.footer table tfoot td {padding:1em 0 0;}

/* Posts */
div.post, div.page {position:relative; margin:0 0 3.2em; min-height:21.6em; clear:both;}
.post .hidden {overflow:hidden !important;}
.entry-content hr, .hr {height:4.8em; background:url(../images/fleuron.png) center 1em no-repeat; margin:0 0 2.4em; display:block; border-width:0px; border-style: none !important;}
.entry-title, .entry-title a {color:#555; text-decoration:none;}
.entry-title a:hover {text-decoration:underline;}
.entry-title {margin:0 0 .5em; line-height:1.5;}
h3.entry-title {margin-bottom:.857em;}
.entry-content p, .entry-content li, .entry-content dt, .entry-content dd {font-size:1.6em; margin-bottom:.75em;}
.entry-content li li {font-size:1em;}
.entry-content table {font-size:1.6em; margin:1em 0;}
.entry-content table p {font-size:1em; text-indent:0;}
.entry-content td, .entry-content th {padding:.125em .5em; text-align:left;}
.entry-content pre {font-size:1.4em;}
.entry-content legend {font-size:1.4em; text-align:center; text-indent:0;}
.entry-content p {text-indent:0; text-align:justify;}
.entry-content blockquote {padding-left:3em; position:relative;}
.entry-content blockquote::before {content:"\201C"; position:absolute; font-size:4.8em; line-height:1; left:.1em; top:0; color:#999;}
.entry-content blockquote::after {content:"\201D"; position:absolute; font-size:4.8em; line-height:1; right:-.5em; bottom:-.55em; color:#999;}
.enhanced .entry-content blockquote::before, .enhanced .entry-content blockquote::after {content:"";}
.enhanced .entry-content blockquote .quote {position:absolute; font-size:4.8em; line-height:1; color:#999; display:block;}
blockquote .before {left:.1em; top:0;}
blockquote .after {right:-.5em; bottom:-.55em;}
.entry-content blockquote p {font-size:1.5em; text-indent:0;}
.entry-content ul li, .entry-content ol li {text-indent:-.5em; padding-left:.5em;}
.entry-content ul li {list-style: disc outside;}
.entry-content ol li {list-style: decimal outside;}
.entry-content li ol, .entry-content li ul {margin:.5em 0 0 .5em;}
.entry-content p:first-child {text-indent:0;}
body.single .entry-content > p:first-child:first-letter, .first-post .entry-content > p:first-child:first-letter {font-size:4.5em; line-height:.65em;}
.entry-content > p:first-child:first-letter {font-size:3em; float:left; background:#555 url(../images/stripes.png) repeat; color:#fff; margin:.05em .1em 0 0; padding:.1em; line-height:.7em;}

.more-link, .entry-content p.more-link, .home-post .entry-content p.more-link {display:block; text-indent:0 !important; font-size:1.2em; line-height:2;}
.more-link a {text-decoration:none; font-style:italic;}

/* Epigraph */
blockquote.epigraph {font-style:italic; margin:0 6em 2em; text-align:justify;}
.first-page blockquote.epigraph {margin-right:42em;}
blockquote.epigraph p {font-size:1.2em; text-indent:1em; margin-bottom:.75em;}
blockquote.epigraph em, blockquote.epigraph cite {font-style:normal;}
blockquote.epigraph cite {text-align:right; font-size:1.2em; display:block; font-variant:small-caps;}

/* Pullquotes */
.hidden .pullquote-display {display:none;}
.pullquote-display {position:absolute; width:29.8em; right:-36em; border:.1em solid #d6d6d6; background:#f3f3f3;}
.pullquote-display p {padding:1.3em 1.6em; margin:0; font-variant: small-caps; font-size:1.8em; font-style:italic; line-height:1.333; text-indent:0;}

/* Main Links */
.entry-content a {text-decoration:none; border-bottom:1px solid #aaa;}
.entry-content a:visited {border-color:#ddd;}
.entry-content a:hover {border-color:#555; text-decoration:none;}
.entry-content a:active {color:#55f;}

/* Homepage post excerpts */
.first-page #content {width:auto;}
.first-page .first-post, .paged div.post {width:54em; margin-bottom:9.2em;}
.paged div.post {margin-bottom:4.8em;}
.home-post .entry-meta {position:static; border:0; padding:0; width:100%;}
.home-post .entry-meta span {display:none; position:absolute;}
.home-post .entry-meta span.entry-date {top:4.8em; display:block; left:0;}
.home-post .entry-meta span.author {display:block; bottom:-1.273em; right:0;}
.first-page div.home-post {width:24em; float:left; clear: none; margin:0 6em 7.2em 0;}
.first-page div.home-post-4, .first-page div.home-post-7 {margin-right:0;}
.home-post h3.entry-title {font-size:1.8em; line-height:1.333; height:2.667em; margin-bottom:2.085em; overflow:hidden;}
.home-post .entry-content p {font-size:1.4em; line-height:1.714;}
.home-post hr, .home-post .hr {display:none;}

/* entry meta */
.entry-meta {position:absolute; top:5.1em; padding-left:2em;  width:22em; right:-36em; border-left:1px solid #aaa;}
.entry-meta span {display:block; font-size:1.1em; line-height:1.455; padding:.364em 0;}
.entry-meta a {font-style:italic;}
.entry-meta .meta-sep {display:none;}

#tweetbox {height:278px; width:233px; background: url(/cage.png) no-repeat top; position:absolute; top:20em; padding-left:125px; padding-right:50px; right:-36em; padding-top:90px; font-size:1.1em; line-height:1.455;}
#smartarchives {height:98px; width:74px;background: url(/clock.png) no-repeat top; float:right;}

.bottom {height: 419px; background: url(/bottom.png) no-repeat bottom right;}
.bottompage {height: 419px; margin-top:-300px; background: url(/bottom.png) no-repeat bottom right;}
.photoinfo {background: url(/camera.png) no-repeat top left;}
.photoinfo ul {list-style-type: none; margin-top:1.5em; padding-left: 125px;}
.photoinfo ul li {list-style-type: none; font-size:1.2em; margin-bottom:.25em;}
/* Show more/less */
div.reveal {text-align:right;}
div.reveal p {cursor:pointer; font-style: italic; font-size:1.3em; line-height:1.846;}
div.reveal span {font-size:1.1em;}

/* Comments */
img.avatar {position:absolute; left:-4.6em; top:0;}
.children img.avatar {width:16px; height:16px; border:1px solid #999; left:-2.55em;}
#comments {padding:3.6em 0 2.4em; background: url(/bird.png) no-repeat top right;}
li.comment, li.pingback, li.trackback {position:relative; border-left:1px solid #aaa; margin:1.2em 0 2.4em 12em; padding-left:2em; min-height:6em;}
li.comment.bypostauthor {border-color:#000;}
.comment-author a, .comment-meta a {text-decoration:none;}
.reply, #cancel-comment-reply {text-align:right;}
.reply a, #cancel-comment-reply a {text-decoration:none;}
.comment-meta-wrap {position:absolute; width:11em; left:-12em; top:.2em;}
.comment-meta {top:1.5em;}
.comment-author {font-size:1.2em; line-height:1.2; padding-bottom:.25em;}
li.comment p, li.comment li {font-size:1.4em; margin-bottom:1em;}
li.pingback p {font-size:1.2em;}
.children li.comment {padding-left:2em; font-size:1em;}
a.comment-edit-link {position:absolute; left:0; bottom:-2em; color:#bbb; display:block;}
a.comment-edit-link:hover {text-decoration:underline;}
.comment:hover a.comment-edit-link {color:#555;}

/* Responses */
#comments h4 {font-size:2.1em; line-height:1.143; margin:1.143em 0;}
#respond {margin:4.8em 0 0;}
form#commentform {overflow:hidden; padding:2.4em 0;}
form p {font-size:1.4em; margin:0 0 .5em;}
span.required, label .required {color:#900; font-weight:bold; font-size:1.25em;}
.user-comment {width:40em; float:left;}
.user-comment textarea {width:95%; font-size:1.2em; height:12em; padding:.5em; margin:0 0 1em; overflow:auto;}
.user-info {float:left; width:25em;}
.user-info input {width:95%;}
.form-label {font-size:1.2em; margin:.5em 0 0;}
.user-comment .form-label {margin-bottom:.5em;}
.comment #respond div {float:none;}

/* Archives */
.page-title {margin-bottom:1em;}
.archive-meta {font-size:1.4em; font-variant: small-caps; line-height:1.714; padding-bottom:3.429em; margin-top:1.714em;}

/* Pages */
ul#links-page h3, ul#archives-page h3 {font-size:1.312em;}
ul#links-page > li, ul#archives-page > li {list-style-type:none;}
ul#links-page li, ul#archives-page li {margin:.375em 0;}
ul#links-page > li > ul, ul#archives-page > li > ul {margin:1em;}


/* Image Layout */
.centered, .aligncenter {display:block; margin:16px auto;}
.alignright {float:right; margin: 6px 0 3px 15px;}
.alignleft {float:left; margin:6px 15px 3px 0;}
.wp-caption {border:1px solid #aaa; text-align:center; padding-top:5px; margin-bottom:6px;}
.wp-caption a, .wp-caption img {border:0 none; padding:0;}
.wp-caption p.wp-caption-text {text-align:center; margin:5px; text-indent:0; font-size:1.3em;}
#about-sidebar img {float:left;}

.img {
        float: center;
            background: #E8E5DC;
			padding: 4px;
			border: 1px solid #222;
        margin: 4px;
}

#flickr_photostream-widget-3 img {
	        float: center;
            background: #E8E5DC;
			padding: 4px;
			border: 1px solid #222;
        margin: 2px;
        height: 65px;
        weight: 65px;
}

.footnotes {font-size:1em;
color: #999;
text-style:italic;
}

small, p small {font-variant:small-caps;}
#john {float:left; font-variant: small-caps; text-align:left; margin-top:-30px; width:30%; display:none;}
#john img {margin-top:-25px;}
.avatar_container {display: none;}
.typewriter {background: url('/typewriter2.png') no-repeat top left; height:138px; margin-top:20px;}

/*---------------------- Comment Quicktags ---------------------------*/
#comment_quicktags {
	text-align: left;
	margin-left: 1%;
}
#comment_quicktags #ed_comment_toolbar {
	display: inline;
}
#comment_quicktags input.ed_button {
	background: #F4F4F4;
	border: 1px solid #D6D3CE;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1px;
	width: auto;
}
#comment_quicktags input:focus.ed_button {
	background: #FFFFFF;
	border: 1px solid #686868;
}
#comment_quicktags #ed_strong {
	font-weight: bold;
}
#comment_quicktags #ed_em {
	font-style: italic;
}
/* For Link Indication plugin */
a.liexternal { 
padding-right: 12px; 
background: url(/new.gif) no-repeat right; 
}

/* Slider Plugin */
.hackadelic-sliderPanel {
	border: 1px solid #ccc;
	padding: 5px;
	-moz-border-radius: 1em; -webkit-border-radius: 1em;
}

a.hackadelic-sliderButton {
	border: 1px solid lightgrey;
	color: #B3960E;
	padding: 0 3px;
	font-size: 100%;
}
a.hackadelic-sliderButton:hover {
	border: 1px solid #F0F0E0;
	background-color: #F0F0E0;
}
.entry .hackadelic-sliderPanel {
	background-color: #fcfcfc;
}
.textwidget .hackadelic-sliderButton {
	display: block;
	text-align: center;
	margin: .5em;
}
.textwidget .hackadelic-sliderPanel {
	background-color: #F0F0E0;
}

/* CSS accordion menu content styling: */
ul.portfolio .hackadelic-sliderPanel {
	width: 39em; /* skip this if you don't need a width limitation */
}
/* CSS accordion menu title/button styling: */
ul.portfolio a.hackadelic-sliderButton {
	background: url(/i/bg/sidebar-button-bg-1.png) left top repeat-x; /* add some cool button background */
	color: black; /* skip this if your link text color looks good on the background image*/
	display: block; /* important: make all slider buttons expand over the whole list */
	margin: 3px 3px; /* skip this if you don't need specific margins */
	text-indent: 1em; /* skip this if you don't need a specific text indentation */
	line-height: 22px;
	font-weight: bold;
}
/* CSS accordion menu title/button styling when the mouse hovers over it: */
ul.portfolio a.hackadelic-sliderButton:hover {
	background: url(/i/bg/sidebar-button-bg-2.png) left top repeat-x;
}
/* overall portfolio list styling */
ul.portfolio {
 list-style-type: none; /* if you don't like the bullet points, remove them */
}