/*
	URI: http://www.steelecanvas.com
	Theme Name: Steele
	Description: Styles for the Steele Canvas Website
	Author: Rob Dotson
	Author URI: http://www.robdotson.info
	Template: Steele 2009
	Version: 1.0
*/

/* 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, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

:focus { outline: 0; }

caption, th, td {
	text-align: left;
	font-weight: normal;
}

strong { font-weight: bold; }

em { font-style: italic; } 
 
body {
	line-height:1;
	font-family:"Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 1.3333333333333333em;
	text-align:center;
}

h1 {
	font-size: 2.0em;
	line-height: 1.0em;
	margin-bottom: 1.0em;
}

h2 {
	font-size: 1.6666666666666667em;
	line-height: 0.8em;
	margin-bottom: 0.8em;
}

h3 {
	font-size: 1.5em;
	line-height: 0.8888888888888888em;
	margin-bottom: 0.8888888888888888em;
}

h4 {
	font-size: 1.3333333333333333em;
	line-height: 1em;
	margin-bottom: 1em;
}

h5 {
	font-size: 1.1666666666666667em;
	line-height: 1.1428571428571428em;
	margin-bottom: 1.1428571428571428em;
}

p, ul, blockquote, pre, td, th, label {
	font-size: 1em;
	line-height: 1.3333333333333333em;
	margin-bottom: 1.3333333333333333em;
}

p.small {
	font-size: 0.8333333333333334em;
	line-height: 1.6em;
	margin-bottom: 1.6em;
}

table {
	border-collapse: collapse;
	margin-bottom: 1.3333333333333333em;
	border-spacing: 0;
}
 
br.clear { height: 1px !important; }

/* COMMON CLASSES */
.absolute { position: absolute; }
.relative { position: relative; }
.fixed { position: fixed; }

.hidden { display: none; }
.block { display: block; }
.inline { display: inline; }
.invisible { visibility: hidden; }
.visible { visibility: visible; }

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }

.centered { margin-left: auto; margin-right: auto; }

.noborder { border: 0 !important; }

.valign-top * { vertical-align: top; }
.valign-middle *  {  vertical-align: middle; }
.valign-baseline * { vertical-align: baseline; }
.valign-bottom *  { vertical-align: bottom; }

.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; }
 
.normal { font-style: normal; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.strikethrough { text-decoration: line-through; }
.small-caps { font-variant: small-caps; }
.uppercase { text-transform: uppercase; }

/* GLOBAL */

.caption { font-size: .66em; }

.grey-background { background-color: gray; }
.white-background { background-color: white; }

.tan-background { background-color: rgb( 234, 208, 170 ); }

.yellow-background { background-color: rgb( 255, 222, 23 ); }
.wheat-background { background-color: rgb( 255, 245, 181 ); }
.blue-background { background-color: rgb( 213,234,233 ); }

.green { color: rgb(83, 135, 42); }
.blue { color: rgb( 141, 206, 228 ); }

.border-1px { border-width: 1px; }
.border-top-1px { border-top-width: 1px; }
.border-bottom-1px { border-bottom-width: 1px; }
.border-left-1px { border-left-width: 1px; }
.border-right-1px { border-right-width: 1px; }

.border-2px { border-width: 2px; }
.border-top-2px { border-top-width: 2px; }
.border-bottom-2px { border-bottom-width: 2px; }
.border-left-2px { border-left-width: 2px; }
.border-right-2px { border-right-width: 2px; }

.border-4px { border-width: 4px; }
.border-top-4px { border-top-width: 4px; }
.border-bottom-4px { border-bottom-width: 4px; }
.border-left-1px { border-left-width: 4px; }
.border-right-1px { border-right-width: 4px; }

.border-black {
	border-color: black;
	border-style: solid;
}

.border-gray {
	border-color: gray;
	border-style: solid;
}

.font-10 { font-size: 10pt; }

.font-12 { font-size: 12pt; }

.font-14 { font-size: 14pt; }

.font-18 { font-size: 18pt; }

.quarter-width { width: 25%; }
.onethird-width { width: 33.3333333333%; }
.twothirds-width { width: 66.66666666666667%; }
.half-width { width: 50%; }

.width-64 { width: 64px; }
.width-128 { width: 128px; }
.width-256 { width: 256px; }

.full-padding { padding: 1em; }
.half-padding { padding: .5em; }
.quarter-padding { padding: .25em; }

.no-margin { margin: 0; }

a { 
	color: rgb(190, 30, 45 );
	text-decoration: none;
	font-weight: bold;
}

a:hover { text-decoration: underline; }

#main { 
	width: 800px; 
}

/* LINKS */

/* HEADINGS */

/* HEADER */

/* NAVIGATION */

#nav { width: auto; }

#nav li { 
	display: inline;
	list-style: none;
}

#nav li a {
	float: left;
	margin-right: 1em;
	color: black;
	font-weight: normal;
}

/* CONTENT */

#martha-image, #cookie-image { width: 192px; height: 245px; overflow: hidden; padding: 0;}

#msl table { margin-bottom: 0; }

.paypal td { height: 50px; }
.paypal form { height: 50px; }

table.info { border-collapse: collapse; font-size: .75em; }
table.info td, table.info th { text-align: center; font-weight: normal; padding: .25em .5em; }

table.info thead { border-bottom: 2px solid black; }
table.info thead th { font-weight: bold; }

table.info tfoot { border-top: 1px solid black; font-style: italic; }
table.info tbody td { border-bottom: 1px dotted grey; }

.thumbnail img { border: 1px solid gray; }

.colorbar td { width: 32px; border: 1px solid black; }

/* FORMS */

label { 
	width: 96px !important;
}

/* EXTRAS */

/* FOOTER */