/*  
Theme Name: SSS
Theme URI: http://orderofr.net/michael
Description: Theme designed for Accidental Librarian Skye Archer. (Code based off Bartheme)
Version: .9
Author: Skye Archer & Michael Bunsen
Author URI: http://orderofr.net/michael
*/

html, body {
	margin: 0;
	padding: 0;

}
body {
	color: #222;
	line-height: 150%;
	font-family: georgia;
	font-size: 12pt;
	background: #fff;

}
/* GLOBAL ELEMENT COMBINATIONS */
h3.post-date, p.post-date-single, h3#comment-count {
	word-spacing: 0.2em;
}
div.post-header p, p.post-date-single, div.post-footer, h3#comment-count, div#sidebar ul li h2 {
	background: #fff;
	color: #888;
}
h3.post-date, div.post-entry blockquote, div.post-entry h1, div.post-entry h2, div.post-entry h3, div.post-entry h4, div.post-entry h5, div.post-entry h6, div#sidebar ul li p {
	background: #fff;
	color: #444;
}
p.post-date-single, div.post-footer p, h3#comment-count, h4#comment-header, div.nav-left, div.nav-right {
	text-align: left;
}
/* HEADER STUFF */
div#header {
	color: #f5f5f5;
	margin-top: 0;
	margin-bottom: 20px;
	position: relative;
        border-bottom: 4px double #ccc;
        padding: 0 2px;
}
h1#title {
	font-size: .2em;
	font-weight: normal;
	line-height: normal;
	margin: 0;
}

#title a {
	overflow: hidden;
}

#title a,
#title a img,
#title a:hover,
#title a:hover img {
	border: none;
	text-decoration: none;
}


.alt-text {
	text-indent: -90000em;
	position: absolute;
}



#header #email { 
  position: absolute;
  top: 10px; right: 2px;
  width: 500px;
  font-family: Georgia, serif;
  font-size: 100%;
  color: #000;
  text-align: right;
}

#header #email a { 
  color: #000;
}

#header #email a:hover { 
  text-decoration: underline;
}

#topNav img {
  margin-left: 10px;  
}

#topNav a:link img, #topNav a:hover img {
  border: 0px;
}

#topNav a:link span, a#cv {
  position: absolute;
  height: 2em;
  width: 15em;
  top: 25px;
  right: 180px;
  display: none;
  text-align: center;
  color: black;
  background: white;
}

#topNav a:hover span {
  display: block;
}

#topNav a#cv span, #topNav a#cv {
  display: block;
  top: 12px;
  right: 90px;
}

#topNav a#cv:hover span {
text-decoration: underline;
}

p#description {
	font-size: 1.3em;
	margin: 0;
	display: none;
}
/* WRAPPER - CONTAINER - CONTENT STUFF */
div#wrapper {
	margin: 0 auto;
        width: 600px !important;
	position: relative;
}
div#container, div.post-container {
	float: right;
	width: 100%;
}
div#container {
	margin: 0 0 0 -20em;
}

div.post-container {
	margin: 0 0 0 0em;
}
#alphabet {
        position: absolute;
        top: 0;
        left: -170px;
        border-right: 1px dotted #eee;
	width: 120px;
}

div#content {
        position: relative;
}
div.narrowcolumn {
	margin: 0 0 0 260px;
	padding: 0 2% 0 1%;
}
div.widecolumn {
	margin: 0 auto;
	padding: 0 2px;
}
div.post-content {
	margin: 0 0 2em 0em;
}
div.post {
	clear: both;
}
h2.post-title {
	font-size: 1.1em;
	margin: 0;
}
h3.post-date {
	font-size: 1.1em;
	margin: 0 0 1em 0;
}
div.post-header {
	margin: 0 0 3em 0;
	text-align: left;
	width: 100%;
}
div.post-header p {
	line-height: 150%;
	margin: 0 0 0.5em 0;
}
p.post-date-single {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}
h2.post-title-single {
	font-size: 1.5em;
	margin: 0.3em 0 1em 0;
	text-align: left;
}
div.post-entry p {
	line-height: 150%;
	margin: 1em 0;
}
div.post-entry ul li {
	list-style: square;
}
div.post-entry ul li, div.post-entry ol li {
	line-height: 150%;
}
div.post-entry h1, div.post-entry h2, div.post-entry h3, div.post-entry h4, div.post-entry h5, div.post-entry h6 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 1.2em 0 -0.6em 0;
}
div.post-entry blockquote {
	border-left: 1em solid #cfd5dd;
	font-size: 0.9em;
	padding-left: 1em;
}
div.post-footer {
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	font-size: 1em;
	margin: 0 0 3em 0;
	padding: 0.7em 0.2em;
}
div.post-footer p {
	margin: 0 auto;
}
h3.post-comments,
h3.post-date {
	font-size: 12px
}

/* COMMENTS STUFF */
h3#comment-count {
	font-size: 0.9em;
	margin: 0;
}
h4#comment-header {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0.1em 0 1em 0;
}
h4#respond {
	font-size: 1.3em;
	font-weight: normal;
	margin: 2em 0 0 0;
}
div.formcontainer p {
	margin: 0.5em 0 1em 0;
}
div#comments ol li {
	background: #f6f7f9;
	color: #111;
	margin: 1em 5%;
	padding: 0.5em 1em;
}
div#comments ol li.alt {
	background: #e7eaed;
	color: #111;
}
div#comments ol li p {
	margin: 0.5em 0;
}
div#comments ol li p.comment-metadata {
	font-size: 0.9em;
}
/* SIDEBAR STUFF */
div#sidebar {
	float: left;
	width: 20em;
	margin-top: 4em;

}
div#sidebar ul {
	margin: 0 1.5em 0 19px;
	padding: 0;
}
div#sidebar ul li {
	font-size: 1em;
	line-height: 175%;
	list-style: none;
	margin: 0 0 2.5em 0;
	padding: 0;
}
#link_back { 
	padding-top: 2em !important; 
	font-size: .9em !important;
}

div#sidebar ul li h2 {
	font-size: 1em;
	margin: 0;
}
div#sidebar ul li p, div#sidebar ul li ul, div#sidebar ul li ul li {
	margin: 0;
	padding: 0;
}
div#sidebar ul li ul li ul li {
	font-size: 0.9em;
	margin: 0 0 0 1em;
}
/* FOOTER STUFF */
div#footer {
	clear: both;
	color: #888;
	padding: 5em 0 1em 3em;
}
div#footer p {
	font-size: 0.9em;
	margin: 0;
}
/* GLOBAL ALIGNMENT AND MISC ELEMENTS */
div.navigation {
	clear: both;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
}
div.nav-left, div.nav-right {
	margin: 0 auto;
	width: 49%;
}
.alignleft, div.nav-left {
	float: left;
}
.alignright, div.nav-right  {
	float: right;
}
.clear_left { clear: left }

abbr, acronym {
	border-bottom: 1px dotted #546188;
	cursor: help;
}
code, pre {
	font: 1em/normal "courier new", courier, monospace;
}
.clearer {
	clear: both;
	height: 0;
}
/* IMAGE ELEMENTS, INCLUDING LINKS */
div#content img {
	max-width: 600px;
}
div#content img.center {
	display: block;
	margin: 0.4em auto;
}
div#content img.alignright {
	margin: 0.4em 0 0.4em 1.1em
}
div#content img.alignleft {
	margin: 0.4em 1.1em 0.4em 0;
}
li a img {
	border: none !important;
}
/* FORMS FOR COMMENTS AND SEARCH / INCLUDES STYLES FOR THE WP-CONTACTFORM PLUGIN */
form {
	margin: 0.3em 0 0 0;
	padding: 0;
}
input#s {
	margin: 0 0 0.4em 0;
	padding: 0.2em;
	width: 70%;
}
textarea {
	height: 13em;
	overflow: auto;
	width: 66%;
}
input#searchsubmit, input#submit {
	border: 1px outset #999;
}
input#s, input#author, input#email, input#url {
	width: 66%;
}
input#s, input#author, input#email, input#url, textarea {
	border: 1px inset #999;
	padding: 0.2em;
}
div.formcontainer {
	font-size: 1em;
	margin: 0 0 3em 0;
	width: 100%;
}
div.formright, div.formleft {
	display: inline;
	float: left;
	margin: 0 0 0.5em 0;
}
div.formleft {
	clear: both;
	text-align: right;
	width: 15%;
	margin: 0 2% 0 0;
}
div.formright {
	width: 80%;
}
/* LINK STYLES */
div#header a, div#header a:active, div#header a:link, div#header a:visited {
	background: transparent;
	color: #fff;
	text-decoration: none;
}
div#header a:hover {
	background: transparent;
	color: #e5e5e5;
}
div#content a, div#content a:active, div#content a:link, div#content a:visited {
	color: #546188;
	background: transparent;
}
div#content a:hover {
	color: #000;
	background: transparent;
}
div.post-header a, h2.post-title a {
	text-decoration: none;
	color: #444 !important;
}
div.post-header a:hover, h2.post-title a:hover {
	color: #2f4e6f !important;
}
div.post-footer a {
	background: #fff;
	color: #888;
}
div#sidebar a, div#sidebar a:active, div#sidebar a:link, div#sidebar a:visited {
	background: #fff;
	color: #999;
	text-decoration: none;
}
div#sidebar a:hover {
	background: #fff;
	color: #2f4e6f;
	text-decoration: underline;
}
div#footer a, div#footer a:active, div#footer a:link, div#footer a:visited {
	background: #fff;
	color: #888;
}
div#footer a:hover {
	background: #fff;
	color: #222;
	text-decoration: none;
}

/* Flickr Badge Styles */

#flickr_badge_uber_wrapper {
	text-align:right;
	width: 500px;
	position: absolute;
	bottom: 0px;
	right: 0;
}
#flickr_badge_wrapper {padding:2px 0 2px 0;}
.flickr_badge_image {margin:0 4px 0px 2px; float: right;}
#flickr_badge_wrapper a {
	margin-left: 4px;
}
#flickr_badge_wrapper a img {
	border: 1px solid white;
	width: 40px !important; 
	height: 40px !important;
}
#flickr_badge_wrapper a:hover img {
	border: 1px solid #ccc;
}
#flickr_badge_source {text-align:left; margin:0 2px 0 2px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 2px 0 2px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}