/*
Theme Name: Sunstone Blog
Description: Sunstone Blog
Version: 1.0
Author: eROI
Author URI: http://eroi.com/
*/

/* CSS Document */

/************************************************************************

	Site:		Sunstone

	Author:		eROI		[www.eroi.com]  

	Client:		Sunstone		[www.sunstone.com]  

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Main Content
	4 - Sub Navigation
	5 - Left Navigation
	6 - Footer Navigation
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/
body
{
	margin: 0;
	padding: 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	background: #000000 url('images/background.jpg') top center repeat-x;
	color: #e0e1e2;
	text-align: left;
}

html, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td, fieldset
{ 
	margin: 0; 
	padding: 0; 
}

a
{
	color: #c9d6a6;
	text-decoration: underline;
}
a:hover
{
	text-decoration: underline;
}

a img
{
	border: 0;
}

ol.nobullets,
ul.nobullets
{
	list-style: none;
}
ul.horizontal li,
ol.horizontal li
{
	float: left;
}

.col
{
	float: left;
	display: inline; /* IE6 double margin bug */
}
.colR
{
	float: right;
	display: inline; /* IE6 double margin bug */
}

.nowrap
{
	white-space: nowrap;
}

h1
{
	font-size: 4.4em;
}

h2
{
	font-size: 2.4em;
}

h3
{
	font-size: 1.8em;
}

h4
{
	font-size: 1.4em;
}

h5
{
	font-size: 1.2em;
}

h6
{
	font-size: 1.0em;
}

.yellow
{
	color: #fdb813;
}

.green
{
	color: #c9d6a6;
}

.darkgreen
{
	color: #27434a;
}

.grey
{
	color: #b6b8ba;
}

.submit
{
	cursor: pointer;
}

.errorValidation
{
	color: #ff0000;
	font-weight: bold;
}

.clear {
	clear: both;
}
/***********************************************************************
	2 - LAYOUT
************************************************************************/
.container
{
	width: 992px;
	margin: 0 auto;
	background: url(images/container-background.png) repeat-y;
}

.container_content
{
	width: 960px;
	margin: 0 auto;
}

.header .top
{
	background: url(images/header-background.jpg) no-repeat;
	height: 142px;
}
	.header .top .rss
	{
		margin-top: 26px;
		margin-left: 894px;
	}

.content
{
	margin: 10px 15px;
}
.content.white
{
	padding: 30px;
	background: #ffffff;
	
	color: #363636;
}
.content.white a
{
	color: #27434a;
}
	.content .post
	{
		width: 615px;
		margin-top: 15px;
	}
	.content .post .entry p
	{
		margin: 10px 0;
		
		font-size: 1.4em; 
		line-height: 1.5em;
	}
	.content .post .entry li
	{
		margin-left: 35px;
		
		font-size: 1.4em;
	}
	
	.content .archive_item
	{
		margin-bottom: 45px;
	}
	
	.content .category_box
	{
		width: 264px;
		padding: 20px;
		background: #050703 url(images/post-category_gradient.gif) repeat-x;
		
		border: 1px solid #282828;
		
	}
	.content .category_box_content
	{
		padding: 15px;
		background: #ffffff url(images/post-category_content_background.gif) no-repeat;
		
		color: #363636;
	}
		.content .category_box_content .logo
		{
			margin-bottom: 8px;
			border-bottom: 1px solid #b7b7b7;
		}
		.content .category_box_content p
		{
			margin-top: 7px;
			color: #363636;
			font-size: 1.4em;
		}
		.content .category_box_content a
		{
			color: #27434a;
		}
		.content .category_box_content ul {
			font-size: 1.4em;
			padding: 5px 0 0 15px;
		}

.content ul.partners_list li.partners_list_item
{
	margin: 0;
	padding: 25px 0;
	border-top: 1px solid #d5d5d5;
	clear: both;
	font-size: 1.0em;
}

.content ul.partners_list li.partners_list_item .logo_box
{
	display: -moz-inline-stack; /* FireFox 2 fix. MUST be placed before display inline-block */
	display: inline-block;
	margin-bottom: 15px;
	padding: 20px;
	background: #050703 url(images/partners-background_gradient.gif) repeat-x;
	border: 1px solid #282828;
	float: left;
	margin-right: 15px;
}

.content ul.partners_list li.partners_list_item div.logo_txt {
	float: left;
	width: 400px;
}

	* html .content ul.partners_list li.partners_list_item .logo_box
	{
		display: inline; /* IE Hack for display inline-block */
	}
	*:first-child+html .content ul.partners_list li.partners_list_item .logo_box
	{
		display: inline; /* IE Hack for display inline-block */
	}
	
	.content ul.partners_list li.partners_list_item .logo
	{
		padding: 15px;
		background: #ffffff;
	}
	
.byline
{
	margin-top: 10px;
}
/***********************************************************************
	HOME PAGE - SPLASH
************************************************************************/
.splash
{
	background: #000000 url(images/splash-background.jpg) top right no-repeat;
	padding-bottom: 7px;
	border-top: 3px solid #2a2a2a;
	border-bottom: 3px solid #2a2a2a;
}
	.splash .splash_copy
	{
		width: 415px;
		margin: 40px 0 25px 35px;
	}
	.splash .splash_copy p
	{
		font-size: 1.2em;
	}
	
	.splash .latest_news
	{
		width: 269px;
		margin-top: 10px;
		margin-right: 15px;
		background: #000000 url(images/latest_news-background.gif) no-repeat;
		border: 3px solid #050603;
	}
	.splash .latest_news_copy
	{
		margin: 30px 15px 15px 15px;
		padding: 10px 18px;
		background: #ffffff;
		
		color: #231f20;
	}
		.splash .latest_news_copy h4
		{
			text-transform: uppercase;
		}
		.splash .latest_news_copy p
		{
			margin: 7px 0;
			font-size: 1.1em;
		}
		.splash .latest_news_copy a
		{
			color: #27434a;
		}
/***********************************************************************
	HOME PAGE - CATEGORIES
************************************************************************/
.categories
{
	padding: 7px 10px 12px 10px;
	background: #000000;
}

	.home_page_category_box
	{
		/*width: 221px;*/
		width: 200px;
		/*margin-left: 10px;*/
		border: 1px solid #232323;
	}
		.home_page_category_box.knowledge
		{
			background: url(images/home_page_category-knowledge.gif) no-repeat;
		}
		.home_page_category_box.tools
		{
			background: url(images/home_page_category-tools.gif) no-repeat;
		}
		.home_page_category_box.parts-and-libraries
		{
			background: url(images/home_page_category-parts_libraries.gif) no-repeat;
		}
		.home_page_category_box.manufacturing
		{
			background: url(images/home_page_category-manufacturing.gif) no-repeat;
		}
	.home_page_category_box_container
	{
		margin: 75px 15px 15px 15px;
		padding: 10px;
		background: #ffffff;
		
		color: #363636;
	}
		.home_page_category_box_container .home_page_category_box_logo
		{
			padding-bottom: 5px;
			border-bottom: 1px solid #b7b7b7;
			
			text-align: center;
		}
		
		.home_page_category_box_container .home_page_category_box_copy
		{
			margin: 13px 10px 0 10px;
		}
		.home_page_category_box_container .home_page_category_box_copy p
		{
			font-size: 1.1em;
		}
		.home_page_category_box_container .home_page_category_box_copy p.link
		{
			margin-top: 8px;
			
			font-size: 1.2em;
			text-transform: uppercase;
		}
		.home_page_category_box_container .home_page_category_box_copy a
		{
			color: #27434a;
		}

.meet_partners_button
{
	text-align: center;
	margin-top: 5px;
	/*width: 201px;
	margin: 15px auto 0 auto;*/
}
.meet_partners_button.addLeft
{
	margin-left: 10px;
}

.colR .addTop
{
	margin-top: 20px;
}

/*----------------------------------------- NEW STATIC CALLOUT ON HOMEPAGE */
div#callOutBg { border-top: 1px solid #2a2a2a; background: #000; padding: 28px 0 10px 0; }
div#callOutWrapper { margin: 0 auto; width: 932px; }
	div.callout { float: left; width: 163px; }
	div.margin { margin: 0 29px; }
		div.callOutContentWrapper { border-top: 2px solid #986e0b; border-bottom: 2px solid #986e0b; margin-bottom: 10px; }
		div.calloutContent { background: #fdfdfd; height: 130px; margin: 2px 0; padding: 20px 15px 25px 15px; }
		div.calloutContent p { color: #323232; font-size: 11px; padding: 15px 0 0 0; }

div#btn_checkout { text-align: center; padding: 15px 0 0 0; }
/***********************************************************************
	3 - COMMENTS
************************************************************************/
h3#comments
{
	margin-top: 25px;
}
ol.commentlist
{
	margin-bottom: 25px;
}
ol.commentlist li
{
	margin-top: 25px;
}

ol.commentlist p
{
	margin: 1.0em 0;
	font-size: 1.2em;
}

ol.commentlist .head
{
	color: #c9d6a6;
	font-size: 1.2em;
}
	ol.commentlist .head a
	{
		color: #c9d6a6;
	}
	ol.commentlist p.nocomments
	{
		color: #565656;
	}
	ol.commentlist .head cite
	{
		font-style: normal;
	}
	ol.commentlist .head .date
	{
		color: #666666;
	}

#respond textarea
{
	width: 490px;
	position: relative;
}

.comment_buttons
{
	margin: 10px 0;
}

/***********************************************************************
	BECOME A PARTNER, CONTACT US
************************************************************************/
div.question ul.nobullets li.nomargin {
	margin-left: 0;
	padding-bottom: 10px;
}

div.question ul.nobullets li.nomargin input {
	width: 235px;
}

div.question ul.nobullets li.nomargin div.formTxt {
	float: left;
	padding: 0 8px 0 0;
	text-align: right;
	width: 150px;
}

div.question ul.nobullets li.nomargin textarea {
	width: 300px;
	position: relative;
}

div#howcanwe {
	padding-top: 10px;
}	
/***********************************************************************
	4 - FOOTER
************************************************************************/
.newsletter
{
	padding: 10px 0;
	background: #ffffff url(images/newsletter-background.gif) repeat-x;
	
	color: #363636;
	font-size: 1.2em;
}
	.newsletter .newsletter_title,
	.newsletter .newsletter_copy,
	.newsletter .newsletter_form
	{
		height: 19px;
		padding: 10px;
		background: url(images/newsletter-divider.gif) top right no-repeat;
	}
	.newsletter .newsletter_copy
	{
		padding-top: 12px;
	}
	.newsletter .newsletter_form
	{
		background: none;
	}
		.newsletter .newsletter_form input.email
		{
			width: 165px;
		}
		.newsletter .newsletter_form .button
		{
			position: relative;
			top: -3px;
		}
	
.bottomnav
{
	padding: 25px 0;
	background: #000000;
	
	text-align: center;
	color: #666666;
	font-size: 1.2em;
}
/***********************************************************************
	5 - SHARETHIS
************************************************************************/
.sharethis
{
	margin-top: 3px;
	margin-left: 15px;
	
	font-size: 1.2em;
}
/***********************************************************************
	97 - NEXT GEN GALLERY SLIDESHOW
************************************************************************/
.slideshow
{
	margin-bottom: 20px;
}
/***********************************************************************
	98 - SIFR
************************************************************************/
/* These are standard sIFR styles... do not modify */

.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;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.sifr {
	visibility: hidden;
	letter-spacing: 0;
	font-size: 4.4em;
}

.sIFR-hasFlash h2.sifr {
	visibility: hidden;
	letter-spacing: 0;
	font-size: 2.4em;
}

.sIFR-hasFlash h3.sifr {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 1.8em;
}
/***********************************************************************
	99 - SELF-CLEARING FLOATS
************************************************************************/
.first,
.nomargins
{
	margin: 0 !important;
}

.floatwrapper:after,
.post:after,
#footer:after
{
	/* Firefox */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .floatwrapper,
* html .post,
* html #footer
{
	height: 1%; /* IE6 fix */
}

*:first-child+html .floatwrapper,
*:first-child+html .post,
*:first-child+html #footer
{
	min-height: 1px; /* IE7 fix */
}