/*

(c) Copyright RulerReading 2008
CSS and XHTML written by James Dunn (http://www.jd-works.com)

- W3C Compliant

/* ---------------------------------------------
GENERAL SELECTORS
--------------------------------------------- */

html, body {
	margin: 0;
	padding: 0;
	}
	
acronym {
	border-bottom: 1px dotted #000;
	}	

#container {
	width: 736px;
	margin: 0 auto;
	}

.hidden {
	display: none;
	}

a:link, a:visited {
	color: #ec1c24;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}

h1 {
	font: 28px "Trebuchet MS", Verdana, Arial, sans-serif;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	color: #fff;
	}
	
h2 {
	font: 24px Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #c8dcff;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	color: #354b7a;
	}

h3 {
	font: 17px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fe4828;
	}
	
h4 {
	font: 14px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #ec1c24;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

#content {
	float: left;
	background: url(/images/background/bg.gif) repeat-y;
	padding: 0 0 0 0;
	}

/* ---------------------------------------------
HEADER
--------------------------------------------- */

#header {
	float: left;
	width: 736px;
	margin: 0;
	}

#logo {
	width: 264px;
	float: left;
	margin: 17px 0 0 0;
	}

#logo img, #logo a {
	margin: 0;
	padding: 0;
	border: none;
	}
	
#nav {
	width: 471px;
	float: left;
	margin: 94px 0 0 0;
	}

/* nav rollover styles */
#nav_home, #nav_background, #nav_archive, #nav_contact, #nav_how, #nav_research, #nav_blog, #nav_buy {
	float: left;
	margin: 0 2px 0 0;
	}
	
#nav div a, #nav .selected {
	width: 92px;
	height: 59px;
	display: block;
	}

/*HOME BUTTON*/
/*unselected*/
#nav_home a {
	background: url(/images/nav/home.gif) 0 0 no-repeat;
	}

#nav_home a:hover {
	background: url(/images/nav/home.gif) 0 -59px no-repeat;
	}
/*selected*/
#nav_home.selected a  {
	background: url(/images/nav/home.gif) 0 -59px no-repeat;
	}
	
/*HOW BUTTON*/
/*unselected*/
#nav_how a {
	background: url(/images/nav/how.gif) 0 0 no-repeat;
	}

#nav_how a:hover {
	background: url(/images/nav/how.gif) 0 -59px no-repeat;
	}
/*selected*/
#nav_how.selected a {
	background: url(/images/nav/how.gif) 0 -59px no-repeat;
	}
		
/*PRODUCT BACKGROUND BUTTON*/
/*unselected*/
#nav_background a {
	background: url(/images/nav/background.gif) 0 0 no-repeat;
	}

#nav_background a:hover {
	background: url(/images/nav/background.gif) 0 -59px no-repeat;
	}
/*selected*/
#nav_background.selected a {
	background: url(/images/nav/background.gif) 0 -59px no-repeat;
	}
	
/*CONTACT BUTTON*/
/*unselected*/
#nav_contact a {
	background: url(/images/nav/contact.gif) 0 0 no-repeat;
	}

#nav_contact a:hover {
	background: url(/images/nav/contact.gif) 0 -59px no-repeat;
	}
/*selected*/
#nav_contact.selected a {
	background: url(/images/nav/contact.gif) 0 -59px no-repeat;
	}

/*RESEARCH BUTTON*/
/*unselected*/
#nav_research a {
	background: url(/images/nav/research.gif) 0 0 no-repeat;
	}

#nav_research a:hover {
	background: url(/images/nav/research.gif) 0 -59px no-repeat;
	}
/*selected*/
#nav_research.selected a {
	background: url(/images/nav/research.gif) 0 -59px no-repeat;
	}


/*ARCHIVE BUTTON*/
/*unselected*/
#nav_archive a {
	background: url(/images/nav/archive.gif) 0 0 no-repeat;
	}

#nav_archive a:hover {
	background: url(/images/nav/archive.gif) 0 -59px no-repeat;
	}
/*selected*/
#nav_archive.selected a {
	background: url(/images/nav/archive.gif) 0 -59px no-repeat;
	}
	
/*BLOG BUTTON*/
/*unselected*/
#nav_blog a {
	background: url(/images/nav/blog.gif) 0 0 no-repeat;
	}

#nav_blog a:hover {
	background: url(/images/nav/blog.gif) 0 -59px no-repeat;
	}
/*selected*/
#nav_blog.selected a {
	background: url(/images/nav/blog.gif) 0 -59px no-repeat;
	}
	
/*BUY BUTTON*/
/*unselected*/
#nav_buy a {
	background: url(/images/nav/buy.gif) 0 0 no-repeat;
	}

#nav_buy a:hover {
	background: url(/images/nav/buy.gif) 0 -59px no-repeat;
	}
/*selected*/
#nav_buy.selected a {
	background: url(/images/nav/buy.gif) 0 -59px no-repeat;
	}
	
/* ---------------------------------------------
LEFT COLUMN
--------------------------------------------- */
#left_column {
	float: left;
	width: 416px;
	margin: 0 0 40px 0;
	padding: 0;
	}
	
.left_module h1 {
	color: #354B7A;
	margin: 0;
	}
	
#left_column ul, #wide_column ul {
	margin: 10px 30px 10px 15px;
	padding: 0 0 0 15px;
	}

#left_column li, #wide_column li {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 7px 0;
	line-height: 20px;
	list-style-type: square;
	color: #282828;
	}
	
#left_column ol, #wide_column ol {
	padding: 0 40px 0 0;
	margin: 15px 0 15px 50px;
	}
	
#left_column ol li, #wide_column ol li {
	list-style-type: decimal;
	}

#headline {
	position: relative;
	width: 414px;
	height: 198px;
	background-color: #40547a;
	}

#headline h1 {
	width: 350px;
	height: 120px;
	position: relative;
	text-align: right;
	top: 80px;
	left: 50px;
	}

#left_column h2 {
	line-height: 24px;
	font-size: 18px;
	margin: 0 0 15px 0;
	}
	
#left_column h2 a {
	text-decoration: none;
	color: #354b7a;
	}
	
#left_column p, #wide_column p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #282828;
	margin: 0 10px 8px 0;
	padding: 0;
	}
	
p#blurb {
	margin: 10px 12px 0 0;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	}
	
.left_module {
	float: left;
	width: 416px;
	margin: 15px 0 0 0;
	padding: 0;
	}
	
.image_left {
	float: left;
	margin: 0 9px 0px 0;
	}
	
.image_right {
	float: right;
	margin: 0 0 0 4px;
	}

.fixed_image {
	margin: 0 0 10px 0;
	}


/* ---------------------------------------------
RIGHT COLUMN
--------------------------------------------- */
#right_column {
	float: left;
	width: 320px;
	margin: 2px 0 0 0;
	}
	
#right_column p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin: 0;
	padding: 0;
	}
	
#right_column h3 {
	line-height: 22px;
	font-size: 15px;
	margin: 0 0 7px 0;
	}
	
#right_column ul, #right_column ol {
	margin: 0 0 0 15px;
	padding: 0;
	}
	
#right_column li {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
	margin: 0 0 4px 7px;
	line-height: 15px;
	padding: 0;
	}

.right_module {
	width: 303px;
	border-bottom: 2px solid #c8dcff;
	padding: 0 0 17px 17px;
	margin: 17px 0 0 0;
	}

#last_right_module {
	border: none;
	}

#right_column p {
	margin: 0 0 6px 0;
	}
	
/* ---------------------------------------------
WIDE COLUMN
--------------------------------------------- */
#wide_column {
	float: left;
	clear: both;
	width: 100%;
	}

#wide_column h2 {
	clear: left;
	margin: 0 0 10px 0;
	}
	
.article {
	margin: 0 0 30px 0;
	}
	
.archive_nav {
	margin: 5px 0 15px 0;
	background: #f1f3ff;
	padding: 2px 0 0 3px;
	width: 97%;
	}

/* ---------------------------------------------
FOOTER
--------------------------------------------- */
#footer {
	width: 736px;
	padding: 0 0 60px 0;
	margin: 0;
	float: left;
	}
#footer p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	}
#copyright {
	float: left;
	width: 416px;
	height: 22px;
	background-color: #c8dcff;
	}
	
#copyright p{
	margin: 4px 0 0 5px;
	padding: 0;
	}
	
#copyright a{
	color: #000;
	}
	
#footer_links {
	float: left;
	width: 318px;
	height: 22px;
	background: url(/images/background/footer_bg.gif) repeat-y;
	}	

#footer_links p {
	margin: 4px 4px 0 0;
	text-align: right;
	padding: 0;
	color: #fff;
	}
#footer_links a {
	color: #fff;
	text-decoration: none;
	}


/* ---------------------------------------------
sIFR
--------------------------------------------- */


.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


.sIFR-hasFlash h1 {
	visibility: hidden;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

/* -----------------------------------------------
Contact Page
----------------------------------------------- */
#contact_form dl, #contact_form form {
	margin: 0;
	padding: 0;
	font: 11px Verdana, Arial, sans-serif;
	color: #000;
	line-height: 18px;
	}
	
#contact_form form {
	background-color: #fafcff;
	padding: 6px 0 6px 12px;
	margin: 3px 0 4px 0;
	width: 270px;
	border: 1px solid #ecf3ff;
	}
	
.format_required {
	color: #ec1c24;
	}

#contact_form dd {
	margin: 0;
	padding: 0;
	}
	
#contact_form input {
	padding: 1px 0 0 2px;
	font: 12px Verdana, Arial, sans-serif;
	color: #434343;
	height: 15px;
	width: 170px;
	margin: 0 0 4px 0;
	}
	
#realname, #email, #message, #subject {
	border: 1px solid #435a86;
	background-color: #fff;
	}

select, option {
	margin: 0;
	padding: 0;
	}

#contact_form textarea {
	padding: 0 0 0 2px;
	font: 12px Verdana, Arial, sans-serif;
	color: #434343;
	height: 120px;
	width: 250px;
	margin: 0 0 4px 0;
	border: 1px solid #435a86;
	background-color: #fff;
	}
	
input#submit {
	font-size: 11px;
	height: 20px;
	width: 70px;
	color: #000;
	padding: 0;
	}
	
.contact_method {
	margin: 0 0 15px 0;
	}
	
.alert_box {
	background-color: #496391;
	border: 1px solid #6f82a9;
	padding: 6px 0 6px 12px;
	width: 369px;
	}
	
#message_error {
	margin: 0 0 20px 0;
	}

/* -----------------------------------------------
Buy Page
----------------------------------------------- */
.product {
	clear: left;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 400px;
	border-bottom: 1px solid #c8dcff;
	}
	
.product img {
	float: left;
	margin: 0 6px 0 0;
	}
	
#left_column .product ul {
	float: left;
	margin: 2px 0 0 0;
	padding: 0;
	}
	
#left_column .product li {
	margin: 0 0 0 25px;
	line-height: 14px;
	font-size: 11px;
	}
	
#left_column .product p {
	margin: 0;
	font-size: 11px;
	line-height: 14px;
	}
	
#left_column .product h4 {
	margin: 0 0 3px 0;
	line-height: 14px;
	}
	
#left_column .product form {
	float: left;
	width: 160px;
	margin: 3px 0 0 0;
	}
	
input.button_image {
	position: relative;
	top: 5px;
	}
	
select.quantity {
	padding: 1px 0 0 0;
	width: 40px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	}
	
.product_detail {
	height: 103px;
	}
	
form#view_cart {
	margin: 0 0 10px 0;
	padding: 0;
	}
	
#last_product {
	border: none;
	}
	
	
/* ---------------------------------------------
Blog
--------------------------------------------- */
.blog_meta_data {
	margin: 0 0 15px 0;
	color: #8b8b8b;
	}
	
.lower_meta_data {
	border-top: 1px solid #ccc;
	margin: 15px 0 30px 0;
	}

#left_column .blog_meta_data p {
	margin: 0;
	font-size: 11px;
	color: #8b8b8b;
	line-height: 15px;
	}
	
#left_column .blog_main h2, #left_column h2.archive_listing_heading {
	margin-bottom: 0;
	}
	
#left_column p#view_recent {
	font-style: italic;
	color: #999;
	}
	
	
.blog_recent .lower_meta_data {
	border-top: 0;
	border-bottom: 1px solid #ccc;
	margin: 12px 0 15px 0;
	padding-bottom: 4px;
	}
	
.blog_recent h4 a {
	color: #354b7a;
	}
	
.blog_recent .blog_meta_data {
	margin-bottom: 7px;
	}
	
a.return_to_main {
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	padding: 0 0 14px 0;
	display: block;
	}
	
#individual_entry .blog_meta_data {
	border-bottom: 1px solid #ccc;
	}
	









/* Entry Page */
form#leave_comment fieldset {
	border: none;
	margin: 0;
	padding: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #282828;
	margin: 0 10px 8px 0;
	padding: 0;
	}
	
form#leave_comment dd {	
	margin: 0;
	}
	
form#leave_comment dt {
	margin: 0 0 2px 0;
	}
	
form#leave_comment input {
	margin: 0 0 6px 0;
	width: 200px;
	}

form#leave_comment textarea {
	margin: 0 0 6px 0;
	width: 400px;
	height: 108px;
	}
	
form#leave_comment input#comment-submit {
	width: 61px;
	}

.comment {
	margin: 10px 0 15px 0;
	padding: 10px 15px;
	width: 89%;
	background: #fff2f2;
	border-bottom: 1px dotted #ec1c24;
	border-top: 1px dotted #ec1c24;
	}
	
.comment .from_sally {
	border-bottom: 1px dotted #000;
	border-top: 1px dotted #000;
	}

#left_column .comment p {
	font-size: 11px;
	line-height: 16px;
	font-style: italic;
	margin-bottom: 6px;
	}
	
#left_column p.comment_time {
	font-size: 12px;
	color: #000;
	}

	
#primary_content .month_listing .blog_entry h2 a {
	text-decoration: none;
	}
	
	
#left_column #individual_entry h3 {
	color: #000;
	margin: 0 0 3px 0;
	font-style: italic;
	font-weight: normal;
	}
	
.comment.from_sally {
	border-bottom: 1px solid #60729a;
	border-top: 1px solid #60729a;
	background: #e0ebff;
	}

#left_column .comment.from_sally p {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
#left_column .from_sally p.comment_time {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	}
	
img#rss_icon {
	border: 0;
	}
	
	
#right_column ul#latest_entries {
	margin-bottom: 10px;
	}