/*
	Global Stylesheet for Screaming Circuits Blog v2
	Be polite to future developers, and label any hex colors you use! - SV
*/

/* Base TypePad CSS -------------------------------------------------- */
@import url("http://www.typepad.com/.shared/themes/common/base-weblog.css");

/* Base TypePad Overrides -------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
.entry-content, .entry-footer { margin: 0; }
.archive-list { margin: 1em 0; }

/* Universal Rules -------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background: #9ca8b2 url("http://i.screamingcircuits.com/images/bg.jpg") repeat-y top center; /* blue-gray */
	color: #333;
	/* font sizing in ems, baby. if you want to change anything, just change this.*/
	font: 76%/1.5 arial, helvetica, sans-serif;
}
hr, .ahem { display: none; }
img { border: none; }
em em { font-style: normal; }
a { outline: none; } /* firefox claret fix */
a, a:link, a:visited { color: #0084bc; } /* blue */
a:hover, a:focus, a:active { color: #666; }
.floatleft { float: left; margin: 0 1em .5em 0; }
.floatright { float: right; margin: 0 0 .5em 1em; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.clearboth { clear: both; }
.clearfix:after { /* clearfix */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
sup { /* to prevent gaps in paragraph layouts, we'll switch back to regular v-align and shunt it up with pos:rel */
	vertical-align: baseline;
	position: relative;
	bottom: .33em;
}

/* Layout -------------------------------------------------- */
#container {
	width: 780px;
	margin: 0 auto;
	position: relative;
}
#wrapper {
	float: left;
}
#sidebar {
	width: 155px;
	float: right;
}
#content {
	width: 571px;
	float: left;
	margin-right: 24px; /* need this for safari - SV */
}
#footer {
	clear: both;
}

/* Page Styles -------------------------------------------------- */
#wrapper {
	background: #fff url("http://i.screamingcircuits.com/images/line-dashedvert-blu.gif") repeat-y 597px 0;
	padding: 0 15px;
	border: 15px solid #fff;
	border-width: 15px 0;
}

/* Header Styles -------------------------------------------------- */
#header {
	background: #fff;
	height: 220px;
	position: relative;
}
#header h1,
#header p {
	margin: 0;
}
#header #logo {
	position: absolute;
	top: 10px;
	left: 10px;
}
#header #login {
	position: absolute;
	top: 0;
	left: 313px;
	width: 224px;
	height: 72px;
	background: transparent url("http://i.screamingcircuits.com/images/form-bg.gif") no-repeat;
}
#header form, 
#header fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
#header legend,
#header label {
	display: none;
}
#header input {
	border: 1px solid #82b4de; /* blue */
	color: #9ca8b2; /* gray */
	font-size: 10px;
	padding: 2px;
	width: 100px;
}
#header input:hover {
	border-color: #666;
}
#header #login .buttons input {
	width: auto;
	padding: 0;
	border: 2px solid #ced4d9; /* gray */
}
#header #login .buttons input:hover {
	border-color: #fff;
}
#header #login .login,
#header #login .password,
#header #login .buttons {
	position: absolute;
	top: 14px;
	left: 66px;
}
#header #login .password,
#header #login .buttons {
	top: 40px;
	left: 56px;
}
#header #login .buttons {
	top: 38px;
	left: 167px;
}
#header #search {
	position: absolute;
	top: 38px;
	right: 13px;
	line-height: 1;
	width: 147px;
}
#header #search input {
	width: 111px;
	float: left;
}
#header #search a {
	float: right;
	display: block;
	border: 2px solid #fff;
	margin: -2px -2px 0 0;
}
#header #search a:hover {
	border-color: #006793; /* dark blue */
}
#header #tagline {
	position: absolute;
	top: 110px;
	left: 15px;
	width: 750px;
	height: 110px;
	text-indent: -9999px;
	background: #000 url("http://i.screamingcircuits.com/images/sc-blog-header-v2.jpg") no-repeat;
}

/* Navigation Styles -------------------------------------------------- */
#nav {
	position: absolute;
	top: 75px;
	left: 15px;
	width: 750px;
	height: 38px;
	background: #fff url("http://i.screamingcircuits.com/images/nav_bg.gif") repeat-x 50% 40%;
}
#nav ul	{
	width: 519px;
	height: 38px;
	background: #fff url("http://i.screamingcircuits.com/images/nav.gif") no-repeat top left;
	margin: 1px 0 0 231px;
	padding: 0;
	position: absolute;
	list-style: none;
}
#nav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
#nav ul li, 
#nav a	{
	height: 38px;
	display: block;
}
#nav ul li a	{
	text-indent: -9999em; 
	text-decoration: none;
}
#nav-quote {left: 0; width: 110px;}
#nav-services {left: 110px; width: 85px;}
#nav-about {left: 195px; width: 78px;}
#nav-blog {left: 273px; width: 65px;}
#nav-account {left: 338px; width: 100px;}
#nav-contact {left: 438px; width: 81px;}
#nav-quote a:hover {background: transparent url("http://i.screamingcircuits.com/images/nav.gif") 0 -38px no-repeat;}
#nav-services a:hover {background: transparent url("http://i.screamingcircuits.com/images/nav.gif") -110px -38px no-repeat;}
#nav-about a:hover {background: transparent url("http://i.screamingcircuits.com/images/nav.gif") -195px -38px no-repeat;}
#nav-blog a:hover {background: transparent url("http://i.screamingcircuits.com/images/nav.gif") -273px -38px no-repeat;}
#nav-account a:hover {background: transparent url("http://i.screamingcircuits.com/images/nav.gif") -338px -38px no-repeat;}
#nav-contact a:hover {background: transparent url("http://i.screamingcircuits.com/images/nav.gif") -438px -38px no-repeat;}
#navigation ul li.on { z-index: 2; }
#nav-quote.current a, 
#nav-quote.current a:hover, 
#nav-services.current a, 
#nav-services.current a:hover, 
#nav-about.current a, 
#nav-about.current a:hover, 
#nav-blog.current a, 
#nav-blog.current a:hover, 
#nav-account.current a, 
#nav-account.current a:hover, 
#nav-contact.current a, 
#nav-contact.current a:hover {
	z-index: 1;
	margin-top: 2px;
}
#nav-quote.current a, #nav-quote.current a:hover {
	background: transparent url("http://i.screamingcircuits.com/images/nav-quote.gif") 0 0 no-repeat; 
	width: 130px;
	margin-left: -10px;
} 
#nav-services.current a, #nav-services.current a:hover {
	background: transparent url("http://i.screamingcircuits.com/images/nav-services.gif") 0 0 no-repeat; 
	width: 88px;
}
#nav-about.current a, #nav-about.current a:hover {
	background: transparent url("http://i.screamingcircuits.com/images/nav-about.gif") 0 0 no-repeat; 
	width: 86px;
	margin-left: -7px;
}
#nav-blog.current a, #nav-blog.current a:hover {
	background: transparent url("http://i.screamingcircuits.com/images/nav-blog.gif") 0 0 no-repeat; 
	width: 59px;
	margin-left: 5px;
}
#nav-account.current a, #nav-account.current a:hover {
	background: transparent url("http://i.screamingcircuits.com/images/nav-account.gif") 0 0 no-repeat; 
	width: 107px;
}
#nav-contact.current a, #nav-contact.current a:hover {
	background: transparent url("http://i.screamingcircuits.com/images/nav-contact.gif") 0 0 no-repeat; 
	width: 77px;
	margin-left: 4px;
}
#nav #nav-home a {
	position: absolute;
	top: 16px;
	left: -220px;
	width: auto;
	height: auto;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-indent: 0;
	font-size: .9em;
	background: none;
}

/* Content Styles -------------------------------------------------- */
.entry {
	background: #fcc;
	margin: 1em 0 3em;
	padding-bottom: 1em;
	background: transparent url("http://i.screamingcircuits.com/images/line-dashed-blu.gif") repeat-x left bottom;
}
.content-header,
.archive-header,
.entry-header {
	margin: 0;
	color: #e35000; /* orange */
	text-transform: uppercase;
	font-size: 2em;
	line-height: 1;
}
.content-header a,
.archive-header a,
.entry-header a {
	color: #e35000; /* orange */
	text-decoration: none;
}
.content-header a:hover,
.archive-header a:hover,
.entry-header a:hover {
	color: #0084bc; /* blue */
	text-decoration: underline;
}
.content-header {
	margin: 1em 0 0;
}
.content-header,
.content-header a {
	color: #0084bc; /* blue */
}
.content-header a:hover {
	color: #e35000; /* orange */
}
.entry img {
	border: 1px solid #ccc;
	padding: 4px;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4 {
	margin: .5em 0;
}
.entry .entry-footer-info {
	color: #9ca8b2; /* gray */
	clear: both;
	margin: 1em 0;
}
.entry .entry-footer-info p {
	margin: 0;
}
.entry .entry-footer-info a {
	color: #9ca8b2; /* gray */
}
.entry .entry-footer-info a:hover {
	color: #0084bc; /* blue */
}
.entry .entry-footer-share {
	background: #9ca8b2; /* gray */
	color: #fff;
	padding: 10px;
	position: relative;
	margin: 1em 0;
}
.entry .entry-footer-share a {
	color: #fff;
}
.entry .entry-footer-share a:hover {
	color: #0084bc; /* blue */
}
.entry .entry-footer-share ul,
.entry .entry-footer-share li {
	margin: 0;
	padding: 0;
}
.entry .entry-footer-share li {
	margin-right: 10px;
	padding-right: 5px;
	border-right: 1px solid #fff;
	list-style: none;
	display: inline;
}
.entry .entry-footer-share .social li {
	padding-right: 10px;
	margin-right: 5px;
}
.entry .entry-footer-share li.last {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
.entry .entry-footer-share .social {
	position: absolute;
	top: 10px;
	right: 10px;
}

/* Sidebar Styles -------------------------------------------------- */
#sidebar {
	font-size: .9em;
}
#sidebar div {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: transparent url("http://i.screamingcircuits.com/images/line-dashed-blu.gif") repeat-x left bottom;
}
#sidebar a {
	color: #333;
}
#sidebar a:hover {
	color: #0084bc; /* blue */
}
#sidebar h2 {
	margin: 0;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #669911; /* green */
}
#sidebar h2 a {
	text-decoration: none;
	padding-right: 10px;
	background: transparent url("http://i.screamingcircuits.com/images/arrow-grn.gif") no-repeat right center;
	color: #669911; /* green */
}
#sidebar h2 a:hover {
	color: #333;
}
#sidebar #about h2,
#sidebar #recent-comments h2 {
	color: #e35000; /* orange */
}
#sidebar #about h2 a,
#sidebar #recent-comments h2 a {
	background-image: url("http://i.screamingcircuits.com/images/arrow-orng.gif");
	color: #e35000; /* orange */
}
#sidebar #about h2 a:hover, 
#sidebar #recent-comments h2 a:hover {
	color: #333;
}
#sidebar p,
#sidebar ol,
#sidebar ul {
	margin: .33em 0 0;
	padding: 0;
}
#sidebar li {
	margin: .25em 0 .25em 1.5em;
	padding: 0;
	list-style-image: url("http://i.screamingcircuits.com/images/arrow-blkslnt.gif");
}
#sidebar li a {
	font-style: italic;
}
#sidebar #about {
	background: none;
	padding: 0;
}
#sidebar #categories,
#sidebar #pages,
#sidebar #archives,
#sidebar #quote {
	background: #ccc;
	padding: 10px;
}
#sidebar #quote {
	background: #e35000; /* orange */
	color: #fff;
}
#sidebar #pages {
}
#sidebar #categories p,
#sidebar #pages p,
#sidebar #archives p,
#sidebar #quote p,
#sidebar #categories ul,
#sidebar #archives ul, 
#sidebar #quote ul {
	margin-bottom: 0;
}
#sidebar #categories h2 a,
#sidebar #archives h2 a {
	color: #333;
	background-image: url("http://i.screamingcircuits.com/images/arrow-black.gif");
}
#sidebar #pages h2 {
	color: #333;
}
#sidebar #categories h2 a:hover,
#sidebar #archives h2 a:hover {
	color: #0084bc; /* blue */
}
#sidebar #quote .floatleft {
	background: none;
	margin: .5em .75em .5em 0;
	padding: 0;
}
#sidebar #quote h2 a {
	color: #fff;
	background-image: url("http://i.screamingcircuits.com/images/arrow-wht.gif");
}
#sidebar #quote a {
	color: #fff;
}
#sidebar #quote h2 a:hover,
#sidebar #quote a:hover {
	color: #333;
}
#sidebar #recent-comments li {
	list-style-image: url("http://i.screamingcircuits.com/images/icn-quote.gif");
	color: #9ca8b2; /* gray */
	margin: .5em 0 1em 1.75em;
}
#sidebar #recent-comments a {
	color: #9ca8b2; /* gray */
	font-style: normal;
}
#sidebar #recent-comments a:hover {
	color: #0084bc; /* blue */
}
#sidebar #recent-comments .author,
#sidebar #recent-comments .byline {
	text-align: right;
	background: none;
	padding: 0;
	margin: 0;
}
#sidebar #recent-comments .author {
	display: block;
	font-weight: bold;
}
#sidebar #syndicate p a {
	display: block;
	padding-left: 2em;
	background: transparent url("http://i.screamingcircuits.com/images/icn-feed.gif") no-repeat left center;
}

/* Footer Styles -------------------------------------------------- */
#footer {
	padding-bottom: 1em;
	font-size: .9em;
}
#footer ul {
	margin: 0;
	background: #fff url("http://i.screamingcircuits.com/images/line-dashed-blu.gif") repeat-x;
	padding: 15px;
	list-style: none;
}
#footer li {
	margin: 0;
	display: inline;
	border-left: 1px solid #9ca8b2; /* gray */
	padding: 0 .25em 0 .5em;
}
#footer li.last {
	border: none;
	padding-right: 0;
}
#footer li a {
	color: #9CA8B2; /* gray */
	text-transform: uppercase;
}
#footer li a:hover {
	color: #0084BC; /* blue */
}
#footer p {
	color: #fff;
}
#footer p a {
	color: #fff;
}
#footer p a:hover {
	color: #0084BC; /* blue */
}
/* ph=1 */