/*
THEME NAME: StageInfinity
THEME URI: http://www.kickflop.net/kaizen/
DESCRIPTION: An image-less and clean sandbox-based theme
VERSION: 1.0
AUTHOR: <a href="http://www.kickflop.net/blog/">Jeff Blaine</a>
AUTHOR URI:
*/

/***********************************************************************/
/**** 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, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


html {
	font-size: 100%;
}

body {
	font-size: 1em;
}

/*
NOTES:
	Theme based on 800px base width and default font
	size of 16px.  Completely elastic design.

		1px = 0.0625em

		800px = 50em
*/

/***********************************************************************/
/**** CORE SITE STRUCTURE **********************************************/
/***********************************************************************/

#header {
	width: 50em;
	padding: 1em 0 1em 0;
	background: #ffffff;
}

#container {
	width: 50em;
	margin: 1.25em auto 1.25em auto;
}

#toprow, #content {
	width: 47.5em;
	margin-top: 1.25em;
	overflow: hidden;
	border: 0.0625em dotted #999999;
	padding: 1.25em;
	background: #ffffff;
}

/*
** borders: 2 * 0.0625em = .125em
** gutters: 2 * 1.25em = 2.5em
** padding: 0em
** 47.5em - (.125em + 2.5em + 0em) = 44.875
** 44.875em / 3 = 14.9583333em per block
*/
#top1 {
	width: 14.9583333em;
	float: left;
}

#top2 {
	width: 14.9583333em;
	float: left;
	margin: 0 1.25em 0 1.25em;
}

#top3 {
	width: 14.9583333em;
	float: left;
}

#middlerow{
	width: 47.5em;
	padding: 1.25em;
	background: #ffffff;
	border-top: 0.0625em dotted #999999;
	border-bottom: 0.0625em dotted #999999;
	border-left: 0.0625em dotted #999999;
	border-right: 0.0625em dotted #999999;
	margin-top: 1em;
	margin-bottom: 1em;
}

#bottomrow {
	width: 47.5em;
	border-top: 0.0625em dotted #999999;
	border-bottom: 0.0625em dotted #999999;
	border-left: 0.0625em dotted #999999;
	border-right: 0.0625em dotted #999999;
	margin-top: 1em;
	padding: 1.25em;
	background: #ffffff;
}

#footer {
	float: left;
	width: 47.5em;
	background: #ffffff;
	border-top: 0.0625em dotted #999999;
	border-bottom: 0.0625em dotted #999999;
	border-left: 0.0625em dotted #999999;
	border-right: 0.0625em dotted #999999;
	margin-top: 1em;
	margin-bottom: 2em;
	/* Leave the top to be set by child divs */
	padding: 0 1.25em 1.25em 1.25em;
}

/***********************************************************************/
/**** BASIC THINGS *****************************************************/
/***********************************************************************/

body, body.page {
	background: #f6f6f6;
	background-image: url('/IMAGES/SI-logo-v3-background.png');
	background-position: -3em 1em;
	background-repeat: no-repeat;
	line-height: 1.25em;  /* 20px @ 16px base font */
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
a {
	color: #cc0000;
	text-decoration: none;
}
strong {
	font-weight: bold;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	text-rendering: optimizeSpeed; 
}
/* TODO: FIX THESE */
h1 {
	/* 28px */
	font-size: 1.75em;
	margin-bottom: 0.4em;
	letter-spacing: -0.02em;
}
h2 {
	/* 25px */
	letter-spacing: -0.015em;
	font-size: 1.5625em;
	margin-bottom: 0.4em;
	color: #333333;
}
h2.entry-title {
	padding-bottom: 0.4em;
}
h3.blog-entry-title {
	padding-bottom: 0.4em;
	border-bottom: 1px solid #888888;
}
h3 {
	/* 24px */
	font-size: 1.5em;
	margin-bottom: 0.5em;
	color: #555555;
}
h4,h5,h6 {
	/* 22px */
	font-size: 1.375em;
	margin-bottom: 0.416667em;
	line-height: 1.1em;
	color: #777777;
}
em {
	font-style: italic;
}
.clear, .myclear {
	width: 100%;
	clear: both;
	height: 1px;
}
blockquote {
	background-color: #f3f3f3;
	font-style: italic;
	padding: 1em;
}
pre {
        font-family: monospace;
}

/***********************************************************************/
/**** DETAILS **********************************************************/
/***********************************************************************/

ul li.nomarker {
        list-style-type: none;
}

.small {
	font-size: 0.75em;
}

/* Individual product page */
#productbox {
}

#productimage {
	float: left;
	clear: left;
}

#productprice {
	margin-left: 2em;
	float: left;
	clear: right;
}


img.stackedleft {
	border: 0.0625em dotted #999999; 
	padding: 0.625em;
	margin: 0.625em 1.25em 0.625em 0;
	float: left;
}
img.left { 
	border: 0.0625em dotted #999999; 
	padding: 0.625em;
	margin: 0.625em 1.25em 0.625em 0;
	float: left;
	clear: left;
}
img.right {
	border: 0.0625em dotted #999999; 
	padding: 0.625em;
	margin: 0.625em 0 0.625em 0.625em;
	float: right;
	clear: right;
}

img.top {
	margin-top: 0;
}
img.center {
	border: 0.0625em dotted #999999; 
	padding: 0.625em;
	margin: 0 auto 0 auto;
	display: block; 
	float: none;
	clear: both;
}
img.unboxed {
	padding: 0;
	border: 0;
}
img.captioned {
	margin-bottom: 0.625em;
	padding: 0.625em;
}

.entry-date, .entry-meta {
	font-size: 0.875em;
	line-height: 1.428571em;
}

.post, .page {
	background: #eeeeee;
}
.post p, .page p {
	margin-bottom: 1.25em;
}

p.caption {
	font-size: 0.875em;
	line-height: 1.428571em;
}

#toprow h1 {
	margin-bottom: 0.8em;
}
#bottomrow h1 {
	margin-bottom: 0.8em;
}

/* Main Store page */
.product-leadin-block {
}

.product-leadin-block p {
	margin-bottom: 1.25em;
	padding-left: 1em;
	overflow: hidden;
}

.product-leadin-block h4 {
	overflow: hidden;
	padding-left: 0.74em;
}

img.product-leadin {
	border: 1px dotted #999999;
	margin-top: 0;
	margin-bottom: 1.25em;
	margin-right: 0;
}


/* About page */
.staffprofile {
	margin-top: 1.25em;
}

.staffprofile img {
	padding-right: 1em;
	margin-top: 0;
	margin-bottom: 1.25em;
	margin-right: 0;
	border: 0;
}
.staffprofile p {
	margin-bottom: 1.25em;
}

/* Front page */
#bottomrow div.feature-leadin-block {
	/* Nothing to see here yet */
}

#bottomrow p {
	margin-bottom: 1.25em;
}

img.feature-thumb {
	padding-right: 1em;
	margin-top: 0;
	margin-bottom: 1.25em;
	margin-right: 0;
	border: 0;
}

#content {
	background: #ffffff;
	border: 0.0625em dotted #999999;
}

.post, .page {
	background: #ffffff;
	margin: 1em;
}

.post ul, .post ol, .page ul, .page ol {
	margin-left: 2em;
	margin-bottom: 1.25em;
}

.page-link {
	font-weight: 700;
	text-transform: uppercase;
}

.entry-meta {
	font-size: 0.8em;
	margin-top: 1.25em;
	color: #999999;
}
.entry-meta a {
	color: #666666;
}


/* Masthead */
#blog-title {
}

#blog-title a {
	text-decoration: none;
}

#blog-description {
	font-size: 1em;
}


/* Top Menu */
#access {
	background: inherit;
	font-weight: 700;
	text-align: right;
}

#access ul {
	list-style-type: none;
	text-transform: uppercase;
}

#access ul li {
	display: inline;
	margin: 0 1em 0 0;
}

#access ul li a:hover {
        color: #000000;
}


/* Sidebar(s) in Footer */
#primary {
	width: 13em;
}

#secondary {
	margin-left: 1.25em;
	width: 33.25em;
}

.sidebar {
	float: left;
	background: #ffffff;
}

.sidebar h3 {
	margin-bottom: 0.357143em;
}

.sidebar ul {
	list-style-type: none;
	margin: 0 0 0.625em 0;
}

.sidebar ul li.widget {
	margin: 1.25em 0 0 0;
}

li#search {
	margin-bottom: 0.625em;
}


/* Comments */
#comments {
	border-top: 10px solid #aaaaaa;
	padding-top: 1.25em;
	margin: 3.5em 1em 2.5em 1em;
	font-size: 0.9em;
	line-height: 1.2em;
}
.comment p {
	margin-bottom: 0.9em;
}

#comments ul, #comments ol {
	padding-bottom: 1.25em;
}
#comments ol li, #comments ul li {
	margin-bottom: 1.25em;
	padding: 1em;
	border: 1px solid #aaaaaa;
	list-style-type: none;
	background: #f6f6f6;
}
.comment-meta {
	font-size: 0.7em;
	text-transform: uppercase;
	margin-bottom: 0.9em;
}
.comment-author {
	// font-weight: bold;
}
#comments ol li p, #comments ul li p {
	padding-left: 1em;
	padding-right: 1em;
}


/* Navigation */
.nav-previous {
	float: left;
	margin-left: 1em;
}
.nav-next {
	float: right;
	margin-right: 1em;
}




#full-store-link {
	margin-top: 1em;
	float: right;
	font-weight: 700;
	clear: both;
}



/* For TD04 article */
.thumbimg {
        text-align: center;
        display: block;
        float: none;
}
.thumbimg img {
        height: 100px;
        width: 100px;
	margin: 0.625em;
        background-color: #fff;
}