/*  
Theme Name: Sleepwalker
Theme URI: http://markmichon.com
Description: Personal Theme of markmichon.com
Version: 1.0
Author: Mark Michon
Author URI: http://markmichon.com/

*/
/* RESETS & BASICS ===============================*/
html, body {position: relative;height: 100%;}
body {font:1em "Lucida Grande", Verdana , Arial, sans-serif;text-align: center;background-color: #fff;}
:link,:visited { text-decoration:none }
a img,:link img,:visited img { border:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:100%;text-align: left; }
* { padding:0;margin:0;}
fieldset { padding: .5em;}
p, ul, ol {margin:0;padding:0 0 8px 0;}
.navarea a {outline:none;}

/* COLORS: #002255 #c8c8c8 #444 #888 #565656 #255bad #FF7A00 */
h1,h2, h3,ul,li, .headline, .commentmeta {color: #444;}

.preload {
display:hidden;
background-image:url(images/headback.gif);
background-image:url(images/search_submit.gif);
background-image:url(images/mainback.gif);
background-image:url(images/mainbase.gif);
background-image:url(images/wideback.gif);
background-image:url(images/widebase.gif);
background-image:url(images/smallback.gif);
background-image:url(images/smallbase.gif);
background-image:url(images/bodybgalt.gif);
background-image:url(images/footer.gif);
background-image:url(images/footerbg.gif);
background-image:url(images/navhome.gif);
background-image:url(images/navarchives.gif);
background-image:url(images/navabout.gif);

}

/* Formatting=============================*/
p {
text-decoration: none;
background: transparent;
font-size: .9em;
font-family:"Lucida Grande", "Verdana"; 
line-height: 1.5em;
color: #222;
}
.post p {text-align: justify;	}
.wide p { margin-right: 15px; margin-left: 15px;}

/*Links*/
a:link, p a:link {color: #255bad;}
a:visited {color: #888;}
a:visited:hover {color:#255bad;}
p a {padding-bottom: 1px;}
#wrapper p a, #wrapper span a {border-bottom: 2px solid #c8c8c8;}
p a:visited , .post li a:visited{color: #888; padding-right: 14px; background: url(images/visited.gif) center right no-repeat;}
.wide h1 a:link, .wide h1 a:visited, h2 a:link, h2 a:visited {color: #444;border:none;}
#sidebar  a {color: #c8c8c8;}
/*#sidebar ul li ul a {border-bottom: 1px dotted #c8c8c8;}*/
#sidebar  a:visited {color: #888; padding-right: 14px; padding:0;background: none;}
/*Hovers*/
#wrapper p a:hover, #wrapper span a:hover {border-bottom: 2px solid #FF7A00;}
.wide h1 a:hover, h2 a:hover, h2 a:visited:hover {color:#255bad;}
#sidebar a:hover {color:#fff;}
#sidebar ul li ul a:hover {background:#444;}
p a:hover, .post li a:hover {color: #255bad;}
p a:visited:hover, .post li a:visited:hover {color: #255bad; background: url(images/visitedh.gif) center right no-repeat;}
#sidebar ol li a:hover {background:#444;}
#sidebar span a, #sidebar span a:hover, 
#sidebar img a, #sidebar img a:hover {border:none; background: none;} /*Removes decoration from images*/
/* HEADERS =================================*/
h1, h2 {font: normal 1em 'Trebuchet MS';text-align: left;margin: 5px 0 0 0;color:#444;letter-spacing: .15em;}
h1 {padding:3px;border-top: 2px solid #c8c8c8;border-bottom: 2px solid #c8c8c8;}
  .post h1 {margin: 0 -10px 5px;padding-left: 5px;}
  .wide h1 {font-size: 1.4em;letter-spacing: .2em;margin: 0 5px 5px 5px; padding: 2px 10px;}
h2 a {font-weight: bold;}
h3, .single h2 {font-size: .8em;padding: 0 2px 2px 0;margin: 0 0 5px 0;border-bottom: 1px dotted #c8c8c8;font-weight: bold;}
hr {height: 2px;background: #c8c8c8;margin: 2px 0;color: #c8c8c8;border: none;padding: 0;}
blockquote, code {
	padding:4px 10px;
	margin: 0 10px;
	font-style: normal;
	font-size: .8em;
	color: #555;
	background: url(images/quote.gif) top left no-repeat #fff;
  border: 1px dotted #c8c8c8;}
code {background: url(images/code.gif) no-repeat top left;}
blockquote cite a, blockquote cite a:visited {
  border: 1px dotted #c8c8c8;
  background: #f8f8f8;
  display: block;
  text-align: right;
	padding: 2px;
  font-size: .75em;}
blockquote cite a:hover{color: #002255;}

abbr {border-bottom:1px dotted #000; cursor: help;}
.subtext {font-size: 1em;}
.postmeta {font: .7em normal 'Arial';color: #888;border-top: 1px dotted #c8c8c8;border-bottom: 1px dotted #c8c8c8;display:block; background: url(images/time.gif) center left no-repeat; padding: 2px 0 2px 16px; margin:3px 0;}
.subtext {font-size: 1em;}
.headline, #sidebar h2 {
  display: block;
	background: url(images/subback.gif) repeat-x top left;
	padding: 0 3px;
	margin: 0 5px 5px ;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
	text-align: left;
	font-size: .75em;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 1px;}
.post , .feature{margin: 0 15px 10px 15px;position: relative;}
.post {border-bottom: 1px solid #c8c8c8;font-size: 85%;}
.single {border: none; font-size: 100%;}

/*MEDIA ================================================================*/
.portrait {display:block; width: 145px; height:160px; background: url(images/img_sidebar.gif) top left no-repeat; padding: 20px 18px; margin: 0 10px;}
.img_480 {display: block; background: url(images/img_content.gif) top left no-repeat;margin:0 auto 0 -5px; padding: 20px 18px;}
.wide img {margin: 0 auto;}
.dropimage {margin: 5px;padding: 3px;background: #fff;}
/*=================================================================
Lists
====================================================================*/
ul , #sidebar ol{list-style-type: none;}

.post ul, .post ol, #comments ul {margin: 5px 10px;text-align: left;font-size: .9em;}
.post ol {list-style: decimal outside;}
.post ol li {margin: 5px 0 5px 20px;}
.post ul li, #comments ul li {margin:8px 0 8px 15px;padding: 2px;border-left: 3px solid #c8c8c8;}
#sidebar ol li a {display:block;}
#sidebar ul, ol {padding: 0;margin: 0;text-align: left;color: #fff;}
#sidebar ul li ul a, #sidebar ul li ul a:visited {display:block;}
#sidebar ul a{color:#c8c8c8;}
#sidebar p a {display:inline;}
/*===========================================================
Layout
=============================================================*/
#wrapper {
	width: 800px;
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
	position: relative;
  background: url(images/bodybgalt.gif) repeat-y center #c8c8c8; }

#header {background: url(images/headback.gif) repeat-x top left;width: 100%;height: 25px;position: fixed;top: 0;left: 0;z-index: 1;}
#header .cap {margin: 0 auto;width: 800px;height:25px;background: url(images/header.gif) bottom center no-repeat;}

#content, #sidebar {text-align: left;}
#content {width: 740px;position: relative;margin: 5px 30px; overflow: visible;padding:0;}

#primary {position: relative;width: 535px;background: url(images/mainback.gif) top left repeat-y; padding:10px 0; min-height: 500px;}
#primary .top, 
#primary .bottom {background: url(images/mainbase.gif) no-repeat 0 0 transparent; width:100%; height: 10px;display: block; position:absolute; left: 0;}
#primary .top {top:0;}
#primary .bottom {background-position: 0 -10px; bottom:0;}

#sidebar {position: absolute;right: 0;top: 0;width: 200px;background: url(images/smallback.gif) repeat-y top left; padding: 10px 0;}
/*#sidebar div {margin-right: 10px; margin-left: 10px;}*/
#sidebar p, #sidebar li {color: #c8c8c8;}
#sidebar ul li p, #sidebar ul li ul, #sidebar ul li ol{margin-left: 15px; margin-right: 15px; font-size: .8em;}
#sidebar .top, 
#sidebar .bottom {background: url(images/smallbase.gif) no-repeat 0 0 transparent; width:100%; height: 10px;display: block; position:absolute; left: 0;}
#sidebar .top {top:0;}
#sidebar .bottom {background-position: 0 -10px; bottom:0;}

#footer {
	background: url(images/footerbg.gif) repeat-x center bottom;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;}
#footer .face {
  position: relative;
	background: url(images/footer.gif) no-repeat center bottom;
	width: 800px;
	height: 100px;
	margin: 0 auto;}

.navarea {width: 100%;position: fixed;bottom: 0;left: 0;z-index: 20;}
.navarea ul {position: relative;width: 800px;height: 100px;list-style-type: none;margin: 0 auto;padding: 0;}
.navarea ul li {position: static;display: block;text-indent: -2000px;width: 100%; }

a.navhome, a.navarchives, a.navabout {
  width: 170px; 
  height: 20px; 
  display: block; 
  padding: 0; 
  margin: 0;
  position: absolute;
  }
a.navhome, a:visited.navhome {top: 26px; right: 86px; background: url(images/navhome.gif) 0 0 no-repeat;}
a.navarchives, a:visited.navarchives {top: 51px; right: 86px; background: url(images/navarchives.gif) 0 0 no-repeat;}
a.navabout, a:visited.navabout {top: 74px; right: 86px; background: url(images/navabout.gif) 0 0 no-repeat;}  
#current {background-position: 0 -20px;}
a:hover.navhome, 
a:hover.navarchives, 
a:hover.navabout {background-position: 0 -40px;}
.feature {margin: 25px 30px 0;}
.wide {width: 740px;margin-left:30px;margin-right:30px;background: url(images/wideback.gif) top left repeat-y; padding: 10px 0;position:relative;}
.wide .top, .wide .bottom {background: url(images/widebase.gif) no-repeat 0 0 transparent; width:100%; height: 10px;display: block; position:absolute; left:0;}
.wide .top {top:0;}
.wide .bottom {background-position:0 -10px;bottom: 0;}

/* Comments============================*/
#comments {margin: 0 10px;padding: 0;}
.commentmeta {display:block;font: .9em "Lucida Grande", "Arial";margin: 2px 0 0 0;}
.commentmeta cite {font-style: normal;font-weight: bold;display:block; padding: 0;}
.commentmeta .timestamp {padding:4px 0;margin: -5px 0 0 0;font-size: .75em;display:block;clear: right;color: #888;} 
.commentmeta a, .commentmeta a:visited {color: #444;}
.commentmeta a:hover {color: #255bad;border-bottom: 1px dotted #c8c8c8;}
.commentlist {margin: 5px 0;list-style: none inside;padding: 0;display: block;}
.commentlist li p {margin-left: 70px;}
.commentlist li blockquote {margin-left: 90px; margin-right:20px;}
.commentlist li {margin:0 0 10px 0;padding:2px;position:relative;}
/*
.com-1 {border-top: 3px solid #c8c8c8;border-bottom: 3px solid #c8c8c8;}
.com-2 {border-top: 3px solid #444;border-bottom: 3px solid #444;}
*/
.com-auth {border-top: 5px solid #255bad;border-bottom: 5px solid #255bad;}
.count {margin:0 5px 0 0;padding:2px;position:absolute;font-family:"Trebuchet MS";font-size:25px;color:#c8c8c8;top:0;right:0;}
.avatar {
  width: 50px;
  height: 50px;
  background: url(images/avback.gif) center center no-repeat;
  border: none;
  display:block;
  float:left;
  padding: 6px;
  margin:0 8px 0 0 ;}
.avatar a {outline:none;margin:0;padding:0;}

/* Forms */
form.commentform {background: #565656;}
form.commentform p {color: #f6f6f6;}
form.commentform fieldset {padding:0; margin: 0; border: none;}
form.commentform span {display:block;padding:6px 0;border-bottom:1px solid #c8c8c8;font-size: .8em;font-weight:normal;clear:both;min-height: 25px;}
form.commentform label {color: #f6f6f6; display:block;float:left;width:70px;text-align: right;margin:0; padding:2px 5px 0 0;}
form.commentform em {margin-left:5px;font-size:0.7em;font-style:normal;color: #c8c8c8;}
form.commentform input {width: 200px;}
form.commentform input, form.commentform textarea {padding:4px;border:1px solid #444;background: #f6f6f6; font: "Lucida Grande" 1.2em;}
form.commentform .button {width: 100px; margin-left:75px;}
form.commentform a:link, form.commentform a:visited, form.commentform a:hover, form.commentform a:visited:hover {color: #f6f6f6; background: #565656; margin: 0; padding: 0;}
form.commentform input:focus,form.commentform textarea:focus {background: #f1f1f1; border: 1px solid #f6f6f6;}

form.search{background: url(images/search.gif) top left no-repeat; padding: 0; width: 180px; height: 50px;margin:0 10px; position: relative; border:none;}

.search fieldset {padding:0; margin: 0;border:none;}
.search .field {border: none; background: #c8c8c8; float:left; width: 130px;height: 17px; padding:5px;margin:11px 0 0 6px;}
.search .sb {float:left;;border:none; background: url(images/search_submit.gif) top left no-repeat; width: 22px; height: 23px; display:block;margin-top:13px;padding:0; clear:none; top: 0; right: 0;}

.subscribe-to-comments {margin:2px 0 2px 70px;}
.subscribe-to-comments label, .subscribe-to-comments input{width: auto;float:left;display:block; clear:none;}
.subscribe-to-comments input {margin: 6px 5px 0 0;}
.contactform {font-size:.85em;}
/*
========================================
Archives
======================================== */

.architem {position: relative;	text-align: left;	font-size:1.6em;	font-family: "Georgia";	margin: 0 10px 10px 10px;}
.architem ul {margin: 0;padding: 0;}
.architem ul li a {color:#252525; display: block;width: 100%;}
.architem ul li a:visited {color:#666;}
.architem ul li a:hover {background: #444; color: #fff;}
.architem small{font-size:.75em; color: #888;}
.archrecent {font-size: 1.2em;}
.archmed {font-size: 1em;}
.archsmall{font-size: .9em; padding: 2px 0;}
.archsub {font-size: .6em;}
/* Extras ============================*/
.pagemeta {text-align:center; width: 700px;margin: 5px auto 0; clear:both; font-size: .6em;}
.bottom {clear:both;}
.pagenav {width: 515px;margin: 5px 10px;display:block; font-size: .7em; padding:2px 0; border-top: 1px dotted #c8c8c8;border-bottom: 1px dotted #c8c8c8;}
.pagenav div {width: 250px; display:block; margin: 0; padding: 0;}
.alignright {float: right;}
.alignleft {float: left;}
.article {position: absolute; width: 250px; font-size: .8em; display: block; clear: both;}
.clear {clear:both;}

.buffer {height: 25px;display: block; clear:both;}
.page {margin-top:25px;}
.spacer {height: 110px;display: block; clear:both;}
.blue {background: url(images/hback.gif) repeat-x top left; color: #fff;}
.broll li {background: url(images/side_link.gif) center left no-repeat; padding-left: 16px;}
.delicious {background: url(images/delicious.small.gif) center left no-repeat; padding-left: 14px;}

.feeds li {background: url(images/feed.gif) top left no-repeat; padding-left: 20px;}
.share {margin: 5px auto 5px 15px;}
.share a, .share a:visited, .share a:hover {border:none; background: transparent; padding: 0; margin: 0;}
.share span {float:left; margin-right: 5px;}
/*
.links li {background: url(images/outlink.gif) top left no-repeat; padding-left: 20px;}
.doclinks li {background: url(images/doclink.gif) top left no-repeat; padding-left: 20px;}

.tags ol li {background: url(images/tag.gif) top left no-repeat; padding-left: 20px;}
.date li {background: url(images/date.gif) top left no-repeat; padding-left: 20px;}*/

.quick {display:block;border-top: 2px solid #888;border-bottom: 2px solid #888;}
/* ==========================================
ADSENSE
============================================*/
.adspace_468  {
	margin: 5px auto;
	padding: 2px 0 ;
	width: 468px;
	height: 60px;
	display: block;
	background: url(images/adsense468.gif) top left no-repeat;
  border: 1px dotted #c8c8c8;
  }

.adspace_728 {padding:0; margin: 0 auto; display:block;width: 728px;}  

#googleSearchUnitIframe {font-size: .8em;}
/* ERROR PAGES==============================*/
#error_content {width: 800px;margin: 0 auto;text-align: left;position: relative;background: #f6f6f6;}
.error {background:#f6f6f6;}
.ersearch {width: 500px;}