/*-----------------------------------------------------------------------------
Sam Brown Style Sheet (http://sam.brown.tc)

version:	4.0.1
date:		26th March 2008
author:		Sam Brown
email:		sam@massiveblue.com
website:	http://www.massiveblue.com
-----------------------------------------------------------------------------*/

/* =Global Reset
-----------------------------------------------------------------------------*/
* {font-size: 100.01%; margin: 0; padding: 0;}
html {font-size: 62.5%;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul {
  margin: 1em 0;
}


/* =Base Elements
---------------------------------------------------------------------- */
a, a:link, a:visited, a:active {color: #fff; text-decoration: none;}
a:hover {color: #bbb; text-decoration: none;}
blockquote {border-left: 2px solid #444; font-style: italic; margin: 0 0 1em 1.5em; padding-left: 1.5em;}
body {
	background: fixed #333 url('../img/sam-bg2.jpg') bottom repeat-x;
	color: #bbb;
	font: 1.3em/2em "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}
code, var, kbd {background: #1f1f1f; color: #888; font-family: monaco, courier, monospace; font-size: 1.1em; padding: 2px;}
h1 {color: #555; font-size: 2.75em; font-weight: normal; text-align: center; text-shadow: 2px 2px #222;}
h2 {color: #555; font-size: 1.3em; font-weight: normal; line-height: 2em;}
h3 {color: #fff; font-size: 1.1em; font-weight: normal;}
h4 {color: #bbb; font-size: .85em; font-weight: normal;}
hr {border: none; height: 1px; background: #333; margin: 1.5em 0;}
img {border: 0;}
ul, ol {margin-left: 1.5em;}

/* =Structure
---------------------------------------------------------------------- */
#wrap 		{margin: 0 auto; width: 758px;}
#colophon 	{}
#footer		{}

/* =Wrap
---------------------------------------------------------------------- */
#wrap {}

/* =Links
---------------------------------------------------------------------- */
h1 a, h1 a:link, h1 a:visited, h1 a:active {color: #bbb; text-decoration: none;}
h1 a:hover {color: #fff; text-decoration: none;}
h1 a:hover#feed {color: #f60;}

/* =Topper
---------------------------------------------------------------------- */
#topper { background: #222; width: 100%; margin-bottom: 2em; }
#topper p {
	color: #555;
	font-size: 0.7em;
	line-height: 21px;
	margin: 7px auto 7px auto;
	text-align: right;
	text-transform: uppercase;
	width: 65em;
}
#topper p a, #topper p a:link, #topper p a:visited, #topper p a:active {color: #666; text-decoration: none; margin-left: 1em;}
#topper p a:hover {color: #fff; text-decoration: none;}

/* =Colophon
---------------------------------------------------------------------- */
#colophon {
	background: url('../img/sam-black.png');
	font-size: 11px;
	margin-bottom: 3em;
	padding: 1px 0;
	-webkit-border-radius: 6px; -moz-border-radius: 6px;
}
#colophon p {line-height: 2.25em;}
#colophon #newlogo {float: left; padding: .75em 2em;}
#colophon a.Article {color: #2580a2;}
#colophon a.Notes {color: #ad5629;}
#colophon a.Link {color: #3f8141;}
#colophon a.Quote {color: #724a79;}
#colophon a.Photo {color: #777;}
#colophon a.Rant {color: #ad2929;}
#colophon a:hover {color: #bbb;}

/* =Content
---------------------------------------------------------------------- */
.Article, .Notes, .Link, .Quote, .Rant, .Photo {margin-bottom: 3em;}

.Article h2 span {background: #2580a2 !important;}
.Article h2 a {color: #2580a2;}
.Article h2 a:hover {background: #2580a2;}
.Article h3, .Article h4 {border-bottom: 1px solid #2580a2;}
.Article a, .Article a:link, .Article a:visited, .Article a:active {color: #2580a2; text-decoration: none;}
.Article a:hover {color: #fff; text-decoration: none;}

.Notes h2 span {background: #ad5629;}
.Notes h2 a {color: #ad5629;}
.Notes h2 a:hover {background: #ad5629;}
.Notes h3, .Notes h4 {border-bottom: 1px solid #ad5629;}
.Notes a, .Notes a:link, .Notes a:visited, .Notes a:active {color: #ad5629; text-decoration: none;}
.Notes a:hover {color: #fff; text-decoration: none;}

.Link h2 span {background: #3f8141;}
.Link h2 a {color: #3f8141;}
.Link h2 a:hover {background: #3f8141;}
.Link h3, .Link h4 {border-bottom: 1px solid #3f8141;}
.Link a, .link a:link, .Link a:visited, .Link a:active {color: #3f8141; text-decoration: none;}
.Link a:hover {color: #fff; text-decoration: none;}

.Quote h2 span {background: #724a79;}
.Quote h2 a {color: #724a79;}
.Quote h2 a:hover {background: #724a79;}
.Quote h3, .Quote h4 {border-bottom: 1px solid #724a79;}
.Quote a, .Quote a:link, .Quote a:visited, .Quote a:active {color: #724a79; text-decoration: none;}
.Quote a:hover {color: #fff; text-decoration: none;}

.Rant h2 span {background: #ad2929;}
.Rant h2 a {color: #ad2929;}
.Rant h2 a:hover {background: #ad2929;}
.Rant h3, .Rant h4 {border-bottom: 1px solid #ad2929;}
.Rant a, .Rant a:link, .Rant a:visited, .Rant a:active {color: #ad2929; text-decoration: none;}
.Rant a:hover {color: #fff; text-decoration: none;}

.Photo h2 span {background: #777;}
.Photo h2 a {color: #777;}
.Photo h2 a:hover {background: #777;}
.Photo h3, .Photo h4 {border-bottom: 1px solid #777;}
.Photo a, .Photo a:link, .Photo a:visited, .Photo a:active {color: #777; text-decoration: none;}
.Photo a:hover {color: #fff; text-decoration: none;}
.Photo img {border: 5px solid #222;}


div.Article p a {padding: 0.5em; background: url('../img/sam-black.png'); -webkit-border-radius: 6px; -moz-border-radius: 6px;}
div.Article p a:hover {background: #2580a2; padding: 0.5em; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
div.Notes p a {padding: 0.5em; background: url('../img/sam-black.png'); -webkit-border-radius: 6px; -moz-border-radius: 6px;}
div.Notes p a:hover {background: #ad5629; padding: 0.5em; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
div.Link p a {padding: 0.5em; background: url('../img/sam-black.png'); -webkit-border-radius: 6px; -moz-border-radius: 6px;}
div.Link p a:hover {background: #3f8141; padding: 0.5em; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
/*div.Quote p a {padding: 0.5em; background: url('../img/sam-black.png'); -webkit-border-radius: 6px; -moz-border-radius: 6px;}
div.Quote p a:hover {background: #724a79; padding: 0.5em; -webkit-border-radius: 6px; -moz-border-radius: 6px;}*/
div.Rant p a {padding: 0.5em; background: url('../img/sam-black.png'); -webkit-border-radius: 6px; -moz-border-radius: 6px;}
div.Rant p a:hover {background: #ad2929; padding: 0.5em; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
div.Photo p a {padding: 0.5em; background: url('../img/sam-black.png'); -webkit-border-radius: 6px; -moz-border-radius: 6px;}
div.Photo p a:hover {background: #777; padding: 0.5em; -webkit-border-radius: 6px; -moz-border-radius: 6px;}

.highlight {color: #666;}
.image {border: 5px solid #222;}

h2 a, h2 a:link, h2 a:visited, h2 a:active {background: url('../img/sam-black.png'); padding: .5em; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
h2 a:hover {color: #bbb;}
h2 span {color: #1a1a1a; padding: .5em; -webkit-border-radius: 6px; -moz-border-radius: 6px;}

/* =PrevNext */
#prevnext {}
#prevnext h2 a:hover {background: #fff; color: #1a1a1a;}
#prev {float: left;}
#next {float: right;}

/* !Pagination */
ul#pagination {list-style: none;}
ul#pagination a {padding: 0.5em; background: url('../img/sam-black.png'); -webkit-border-radius: 6px; -moz-border-radius: 6px;}
ul#pagination a:hover {padding: 0.5em; background: #fff; color: #222; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
ul#pagination li {display: inline; color: #444; padding: 0.5em;}

/* =Archive */
dl.aa dt {margin-top: 1.5em;}
dl.aa span.rssSubdate {color: #444;}
.searchbox {border: 4px solid #1a1a1a; padding: 2px; width: 45%;}

/* =Contact */
#Name, #Email {width: 45%;}
#Name, #Email, #Message {border: 4px solid #1a1a1a; padding: 2px;}

/* =Comments */
.even, .odd {padding: 1em;}
.even {background: url('../img/sam-black.png'); -webkit-border-radius: 6px; -moz-border-radius: 6px;}
.odd {}
.commentname {float: left;}
.commentname h4 {font-size: 1.1em; margin: 0;}
.commentdate {float: right; color: #666;}
.commentword {clear: both; margin: 0; border-top: 1px dashed #333;}

#comment-form {}
#comment-form p {border-bottom: 1px dashed #333; padding-bottom: 1em;}
#comment-form label, #comment-form span.check {float: left; width: 200px;}
#comment-form span.check label {float: none;}
#comment-form #name, #comment-form #email, #comment-form #web, #comment-form #message {width: 400px;}

/* =Code */
ol.code {color: #2AA7DC; font-family: monaco, courier, monospace; list-style-type: none; overflow: auto; padding: .75em 0; margin: 0;}
ol.code li {background-color: #1f1f1f; margin: .25em 0 0 0; padding: .5em;}
ol.code li.source {background-color: #1f1f1f; border-bottom: 1px solid #333; color: #fff; padding: .5em;}
ol.code li code {color: #888;}
ol.code li.cmnt code {}


/* =Footer
---------------------------------------------------------------------- */
#footer {
	clear: both;
	color: #666;
	font-size: .7em;
	text-align: left;
	text-transform: uppercase;
}
#footer a, #footer a:Link, #footer a:visited, #footer a:active {color: #666; text-decoration: none;}
#footer a:hover {color: #fff; text-decoration: none;}
#footer #left {float: left;}
#footer #right {float: right;}
#footer #right a {padding-left: 1em;}
#footer #right a:hover#north {color: #2580a2;}
#footer #right a:hover#home {color: #ad5629;}
#footer #right a:hover#archive {color: #3f8141;}
#footer #right a:hover#contact {color: #724a79;}
#footer .clear {clear: both;}

/* =Other
-----------------------------------------------------------------------------*/
.clear {clear:both;}
.left {text-align: left;} .center {text-align: center;} .right {text-align: right;}
#accessability {display: none;}

h1 { font-family: "Trebuchet Unicode MS","Trebuchet MS";  text-transform: uppercase; font-size: 200%; margin-bottom: 15px; }
#content 	{float: left; width: 480px;}
#sidebar 	{float: right; width: 250px;}
#content div.Quote p span {display:block;margin-bottom:10px;}
#content img {margin:2px 2px 5px 0; border: 1px solid #28002F;}

#sidebar dl.profile-datablock strong {background: #1e1e1e;  padding: .3em; padding-left: .5em; padding-right: .8em; color: #fff; font-weight: normal;}
#sidebar dl.blogroll dd a:link, #sidebar dl.blogroll dd a:visited, #sidebar dl.blogroll dd a:active {text-transform: capitalize; color:#eee;}
#sidebar dl.blogroll dd a:hover {text-transform: capitalize; background:#ad2929;}
#sidebar dl.archive dd a:link, #sidebar dl.blogroll dd a:visited, #sidebar dl.blogroll dd a:active {text-transform: capitalize; color:#eee;}
#sidebar dl.archive dd a:hover {text-transform: capitalize; background:#ad5629;}

#content div.Quote p a {padding:0; color: #724a79; font-weight: bold;}
#content div.Quote p a:hover {color: #eee;}
#content div.Quote span a, #content div.Quote p a.more {padding: 0.5em; background: url('../img/sam-black.png'); -webkit-border-radius: 6px; -moz-border-radius: 6px;}
#content div.Quote span a:hover, #content div.Quote p a.more:hover {background: #724a79; padding: 0.5em; -webkit-border-radius: 6px; -moz-border-radius: 6px;}

#content div.Quote h5 {font-family: Tahoma,"Trebuchet Unicode MS","Trebuchet MS"; font-size: 140%; font-weight:normal;}
#content div.Quote h6 {font-family: "Trebuchet Unicode MS","Trebuchet MS"; font-size: 120%; font-weight:bold; text-transform:uppercase;}
#content div.Quote span em {font-weight:bold; color:#ddd; font-style: normal; font-family: "Trebuchet Unicode MS","Trebuchet MS";}
#content div.commentname h4 strong {color:#eee;}


#sidebar h3.posts {border-bottom: 1px solid #873282;}
#sidebar .include { margin-left: 20px; margin-top: 120px; margin-bottom: 10px; font-family: Tahoma,"Trebuchet Unicode MS","Trebuchet MS"; font-size: 130%; font-weight:normal; }
#sidebar .include-link:link, #sidebar .include-link:visited { color: #724a79; font-weight: bold; }
#sidebar .include-link:hover, #sidebar .include-link:active { color: #eee; }