/*
Theme Name: Stimulated 2010
Theme URI: http://www.stimulated.tv/
Author: Formula, Inc.
Author URI: http://www.ie-formula.com

*/



/* ------------------------------------------------------------------------------------------------------*/
/* ZERO OUT ALL BROWSER PRE-SET VALUES  -----------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Geneva, sans-serif;
}

a:focus		{ outline: 0; } /* Gets rid of outlines in FF */

.clear { clear: both; }


/* ------------------------------------------------------------------------------------------------------*/
/* BASE BLOCK ELEMENTS & GLOBAL STYLES ------------------------------------------------------------------*/

html { overflow-y: scroll; } /* Add this in to always generate vertical scrolls (and avoid page shift on centered layouts) */
body { background: #ffffff url(images/background.gif) no-repeat top center; }

#wrapper {
	position: relative; /* Set positioning so that we can position the slideshows */
	width: 980px;
	margin: 0 auto;
	padding: 0;
}

#header { 
		width: 1000px;
		height: 365px;
		position: relative;
		padding: 0 0 15px 0;
}

#contentWrapper { 
		clear: both;
		width: 980px;
		padding: 0 10px;
}

#mainContent { width: 800px; float: right;  }

#sidebar { width: 160px; margin: 0 20px 0 0; float: left; }

#footer {
	clear: both;
	width: 980px;
	height: 23px;
	padding: 30px 10px 10px 10px;
}



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

#header h1 a {
	display: block;
	width: 164px;
	height: 195px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 57px;
	left: 7px;
	text-indent: -5000px;
	background: url(images/logo.gif) no-repeat;
}


/* Main Navigation ------------- */

ul#navigation {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 340px;
	left: 165px;
	list-style: none;
}
	
#navigation li{
	margin: 0 0 0 25px;
	padding: 0;
	float: left;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
}

#navigation a:link		{ color: #5b5b5b; text-decoration: none; }
#navigation a:visited	{ color: #5b5b5b; text-decoration: none; }
#navigation a:hover		{ color: #217caa; text-decoration: none; }
#navigation a:active	{ color: #217caa; text-decoration: none; }

/* HIghlight states */
#navigation .current_page_item a:link		{ color: #217caa; text-decoration: none; }
#navigation .current_page_item a:visited		{ color: #217caa; text-decoration: none; }




/* ------------------------------------------------------------------------------*/
/* SIDEBAR ----------------------------------------------------------------------*/


#sidebar h2 { 
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	color: #5b5b5b;
}

#sidebar a:link			{ color: #738a97; text-decoration: none; }
#sidebar a:visited	{ color: #738a97; text-decoration: none; }
#sidebar a:hover		{ color: #217caa; text-decoration: underline; }
#sidebar a:active		{ color: #217caa; text-decoration: underline; }

/* Section Navigation ------------- */

ul#sectionNav {
	padding: 0;
	margin: 20px 0 35px 0;
	list-style: none;
}
	
#sectionNav li{
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height: 12px;
	background: url(images/sectionNav_bullet.gif) no-repeat 0 2px;
}

#sectionNav a:link		{ color: #738a97; text-decoration: none; }
#sectionNav a:visited	{ color: #738a97; text-decoration: none; }
#sectionNav a:hover		{ color: #217caa; text-decoration: none; }
#sectionNav a:active	{ color: #217caa; text-decoration: none; }


div#addThisWidget {
	margin: 18px 0 0 0;
}

a#rssLink {
	margin: 15px 5px 0 0;
	display: block;
	width: 21px;
	height: 21px;
	text-indent: -5000px;
	background: url(images/rss-icon.gif) no-repeat;
	float: left;
}

ul#archiveListing {
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
}
	
#archiveListing li{
	margin: 0 0 8px 0;
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height: 12px;
	background: url(images/sectionNav_bullet.gif) no-repeat 0 2px;
}



/* ------------------------------------------------------------------------------*/
/* MAIN CONTENT ----------------------------------------------------------------------*/

/* ------------------------------------------------*/
/* All text styles for Main Text Block area -------*/


#mainContent { color: #5b5b5b; }

#mainContent h1 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 18px;
	line-height: 19px;
	color: #5b5b5b;
}

#mainContent h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
	line-height: 18px;
	color: #738a97;
}

#mainContent h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	color: #738a97;
}

#mainContent p {
	margin: 0 0 14px 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	color: #5b5b5b;
}

#mainContent ul {
 	list-style-type: none;
	padding: 0;
	margin: 0 0 14px 0;
	font-size: 13px;
	line-height: 14px;
	color: #5b5b5b;
}

#mainContent li {
	margin: 0 0 12px 0;
	background-image:url(../images/shared/listBullet.gif);
	background-repeat: no-repeat;
	background-position: .4em .4em;
	padding-left: 13px;
}


#mainContent a:link			{ color: #738a97; text-decoration: none; }
#mainContent a:visited	{ color: #738a97; text-decoration: none; }
#mainContent a:hover		{ color: #217caa; text-decoration: underline; }
#mainContent a:active		{ color: #217caa; text-decoration: underline; }


/* ------------------------------------------------------------------------------*/
/* ACCORDION POSTS  -------------------------------------------------------------*/

#accordion { border-bottom: 1px solid #eaeaea; margin: 0 0 0 18px; position: relative; display: none } /* Hide this until DOM fully loads. It will be turned back on via jquery document.ready() jquery call in postsContent.php */
#accordion h3 { padding: 8px 0 0 0; border-top: 1px solid #eaeaea }
#accordion h3:first-child { padding: 8px 0 0 0; border-top: none; }
#accordion h3 a:link		{ color: #738a97; text-decoration: none; }
#accordion h3 a:visited	{ color: #738a97; text-decoration: none; }
#accordion h3 a:hover		{ color: #738a97; text-decoration: none; }
#accordion h3 a:active	{ color: #738a97; text-decoration: none; }
#accordion .ui-state-focus		{ outline: 0; }


#accordion h3 .ui-icon-triangle-1-e { 
	display:block;
	position:absolute;
	left: -18px;
	height:11px;
	width:11px;
	background: url(images/arrow_up.gif) no-repeat;
}

#accordion h3 .ui-icon-triangle-1-s { 
	display:block;
	position:absolute;
	left: -18px;
	height:11px;
	width:11px;
	background:url(images/arrow_down.gif) no-repeat;
}

span.postDate { font-weight: normal; }


/* ------------------------------------------------------------------------------*/
/* SLIDESHOWS  -------------------------------------------------------------*/

#slideshow {
	position: absolute;
	width: 800px;
	height: 280px;
	top: 15px;
	left: 190px;
}

/* Hide the default no flash text by making it the same color as the background (before the flash loads) */
div.swfobject a:link { color: #fff; }
div.swfobject a:visited { color: #fff; }
div.swfobject a:hover { color: #fff; }
div.swfobject a:active { color: #fff;  }


/* -------------------------------------------------------------------------------------------------------*/
/* CONTACT FORM  -----------------------------------------------------------------------------------------*/

#contactForm { margin: 30px 0 0 0; }

input.text, select, input.checkbox, textarea {
	background-color: #f1f1f1;
	border: 1px solid #b0b5c1;
	padding: 3px;
	font-size: 10px;
	color: #233a81;
}

input.text { width: 285px; height: 15px; }
textarea { width: 285px; height: 140px; }
input:focus, textarea:focus { background-color: #FFFFFF; }

label {
	display: block;
	text-align: right;
	margin: 0 10px 5px 0;
	padding-top: 3px;
	font-size: 11px;
	line-height: 12px;
	letter-spacing: .05em;
	color: #5b5b5b;
}

label#subscribeBox {
	display: inline;
	text-align: left;
	padding: 1px 0 0 3px;
}

table.formLayout td {
	width: auto;
	padding: 0 0 16px 0;
	margin: 0;
}

#contactForm input#firstName	{ width: 425px }
#contactForm input#lastName		{ width: 425px }
#contactForm input#email			{ width: 425px }
#contactForm textarea#message	{ width: 425px }

input.submit {
	background: #738a97;
	color: #333;
	padding: 6px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
}


/* -------------------------------------------------------------------------------------------------------*/
/* SEARCH FORM  -----------------------------------------------------------------------------------------*/

#searchform #s {
	background-color: #ffffff;
	border: 1px solid #5f5458;
	padding: 3px;
	width: 90px;
	height: 12px;
	font-size: 10px;
	color: #233a81;
	font-size: 9px;
}

#searchform #searchsubmit {
	background: #666666;
	border: 1px solid #5f5458;
	color: #ccc;
	padding: 1px;
	min-width: 50px;
	height: 20px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 9px;
}

/* On the Search/Search Results page... */
body.search #searchform #s {  margin: 35px 0 0 0; width: 350px; }


/* -------------------------------------------------------------------------------------------------------*/
/* VERTICAL ANNOUNCEMENT/NEWS SCROLLER  ------------------------------------------------------------------*/

/* NOTE: This functionality is generated from the "Announcement and vertical scroll news" plug-in, which renders out the 
   html and inserts lots of in-line styles (which will override anythign set here).  */

#v_container {
	margin:  0 0 25px 0;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}



/* -------------------------------------------------------------------------------------------------------*/
/* SEARCH PAGE  -----------------------------------------------------------------------------------------*/


body.search #mainContent h3 { padding: 8px 0 0 0; border-top: 1px solid #eaeaea }


/* -------------------------------------------------------------------------------------------------------*/
/* FOOTER  -----------------------------------------------------------------------------------------------*/

#footer p {
	margin: 0 10px 0 0;
	padding: 0 0 2px 180px;
	color:#b0b5c1;
	font-size: 9px;
	line-height: 10px;
	float: left;
}

#footer a:link { color: #b0b5c1; text-decoration: none; }
#footer a:visited { color: #b0b5c1; text-decoration: none; }
#footer a:hover { color: #217caa; text-decoration: underline; }
#footer a:active { color: #217caa; text-decoration: none; }