/*



Theme Name: Sensory Technologies

Theme URI:  http://sensorytechnologies.com

Description: Custom WordPress theme for Sensory Technolgoies

Version: 1.0

Author: Tommy Day

Author URI: http://blueawesome.com/

*/



/*



	COLOR KEY:

		Green - #aab035

		Gray	#4f4f4f

*/



/* ---------- Sticky Footer ---------- */



html, body, #wrapper {height:100%}

body > #wrapper {height: auto; min-height: 100%}

.content {padding-bottom: 32px;}



#footer {

	position: relative;

	margin-top: -32px;

	height: 32px;

	clear: both;

}



.clearfix:after {content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix { height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



/* ---------- END Sticky Footer ---------- */



body {

	background: #ffffff url(images/bg.jpg) repeat-x;

	font-family: Arial, sans-serif;

	font-size: 14px;

	line-height: 18px;

}



#wrapper {

	width: 960px;

	margin: 0 auto;

	position: relative;

}



#page {

	width: 940px;

	margin: 0 auto;

}



/* ----------- General Styles ------------- */



p {

	margin-bottom: 20px;

}



p:right {

         float: right;

}



h2 {

	font-size: 22px;

	font-weight: bold;

	font-family: Georgia;

	margin-bottom: 20px;

	color: #4f4f4f;

	line-height: 24px;



}



strong {

	font-weight: bold;

	color: #aab035;

}



.typeface-js {

	color: #4f4f4f;

}



a {

	color: #898f0c;

	text-decoration: none;

}



h3 {

	color: #4f4f4f;

	font-weight: bold;

	padding-bottom: 10px;

}



h6 {

	color: #ccc;

}



a:hover {

	text-decoration: underline;

}



a:visited {



}



ul {

	list-style: disc;

	margin-left: 20px;

}



/* ----------- Header ------------- */



#header {

	height: 140px;

	position: relative;

}



#header h1 a {

	display: block;

	width: 289px;

	height: 140px;

	background: url(images/st_logo.jpg) no-repeat;

	text-indent: -9999px;

	position: absolute;

	top: 0;

	left: 0;

}



#header p {

	text-indent: -9999px;

}



#address {

	position: absolute;

	right: 0;

	color: #aab035;

	font-size: 17px;

	text-align: right;

	font-weight: bold;

}



#address p {

	margin-bottom: 5px;

}



/* ------- Slideshow --------- */



#slideshow {

	width: 960px;

	height: 300px;

	margin: 0 auto;

	position: absolute;

	top: 155px;

} 



#slideshow IMG {

    position:absolute;

    top:0;

    left:0;

    z-index:8;

    opacity:0.0;

}



#slideshow IMG.active {

    z-index:10;

    opacity:1.0;

}



#slideshow IMG.last-active {

    z-index:9;

}



#ss-owners {

	width: 230px;

	height: 150px;

	margin: 0 auto;

	position: relative;

} 



#ss-owners IMG {

    position:absolute;

    top:0;

    left:0;

    z-index:8;

    opacity:0.0;

}





#ss-owners IMG.active {

    z-index:10;

    opacity:1.0;

}



#ss-owners IMG.last-active {

    z-index:9;

}



/* -------- Intros ---------- */



#intros {

	width: 960px;

	height: 300px;

	margin-left: 20px;

	background: url(images/stripetest.jpg) no-repeat center;

	position: absolute;

	top: 155px;

} 



#intros-about {

	width: 960px;

	height: 219px;

	background: url(images/anne.jpg) no-repeat center;

	margin: 0 auto;

	position: absolute;

	top: 155px;

} 



#intros-services {

	width: 960px;

	height: 219px;

	background: url(images/andy.jpg) no-repeat center;

	margin: 0 auto;

	position: absolute;

	top: 155px;

} 



#intros-portfolio {

	width: 960px;

	height: 219px;

	background: url(images/kevin.jpg) no-repeat center;

	margin: 0 auto;

	position: absolute;

	top: 155px;

} 



#intros-solutions {

	width: 960px;

	height: 219px;

	background: url(images/blaine.jpg) no-repeat center;

	margin: 0 auto;

	position: absolute;

	top: 155px;

} 





#intros-help {

	width: 960px;

	height: 219px;

	background: url(images/help_desk.jpg) no-repeat center;

	margin: 0 auto;

	position: absolute;

	top: 155px;

} 



#intros-news {

	width: 960px;

	height: 219px;

	background: url(images/derek.jpg) no-repeat center;

	margin: 0 auto;

	position: absolute;

	top: 155px;

} 



#intros-contact {

	width: 960px;

	height: 219px;

	background: url(images/earl.jpg) no-repeat center;

	margin: 0 auto;

	position: absolute;

	top: 155px;

} 



#intros-collabave {

	width: 960px;

	height: 219px;

	background: url(images/collabave.jpg) no-repeat center;

	margin: 0 auto;

	position: absolute;

	top: 155px;

} 



#intros-motm {

	width: 960px;

	height: 219px;

	background: url(images/motmheader.jpg) no-repeat center;

	margin: 0 auto;

	position: absolute;

	top: 155px;

}

/* ----------- Post/Content ------------- */



/*

.content {

	margin-top: 366px;

	background: url(images/sb_body3.png) top no-repeat;

}

*/



/*	BODY BACKGROUND OPTIONS - CHANGE ABOVE IF NEEDED

	sb_body.png is rounded corners

	sb_body2.png is square corners

*/





.content {

	margin-top: 263px;

	background: url(images/sb_body5.png) top repeat-y;

}



#column1 {

	width: 250px;

	float: left;

	margin-left: 20px;

	padding-top: 33px;

}



#column2 {

	float: left;

	margin-left: 20px;

	width: 650px;

	padding-top: 35px;

}



.post {

	width: 565px;

	margin: 0 auto;

	padding: 20px 0 10px 0;

	margin-bottom: 20px;

}



.breadcrumb {

	margin-bottom: 25px;

	font-size: 12px;

	margin-top: -28px;

}



.breadcrumb a {

   background: url(images/crumbs.gif) no-repeat right center;

   padding: 8px 15px 8px 5px;

}



.post-page {

	width: 565px;

	margin: 0 auto;

	padding-top: 20px 0 10px 0;

	margin-bottom: 20px;

}



.center img {

	margin-bottom: 20px;

}



.entry-content {

	margin-bottom: 50px;

}

/* ------------ Footer -------------- */



#footer {

	background: url(images/footer.jpg);

	font-size: 10px;

	color: #ffffff;

}



.clear {

	clear: both;

}





/* ------------ Sidebar -------------- */



#sidebar {

	width: 230px;

	margin: 0 auto;

	padding: 35px 10px 0 10px;

}



#sidebar h3 {

	font-family: Georgia, serif;

}



.widget {

	border-bottom: 1px solid #d1d1d1;

	padding-bottom: 20px;

	padding-top: 20px;

}



.widget ul {

	list-style: none;

	margin-left: 0;

}



#sidebar:first-child {

	padding-top: 0;

}



.calculator a {

	display: block;

	width: 180px;

	height: 137px;

	text-indent: -9999px;

	background: url(images/calculator.jpg) no-repeat;

}



ul.twitter-chat {

	list-style: none;

}





ul.twitter-chat li a {

	display: block;

	width: 180px;

	height: 51px;

	text-indent: -9999px;

}



li.twitter {

	background: url(images/twitter.jpg) no-repeat;

}	



li.chat {

	background: url(images/chatnow.jpg) no-repeat;

}



#sidebar h3 {

	font-size: 18px;

	font-weight: bold;

	text-align: center;

	padding-bottom: 5px;

}



.post h2 {

	line-height: 22px;

}



.post img.center {

	margin: 0 auto;

	text-align: center;

}







.center {

	text-align: center;

	margin: 0 auto;

}





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





ul#nav, ul#nav li ul {

	margin-left: 0;
	

}



iframe {

	margin-bottom: 20px;

}



ul#nav a:hover {

	text-decoration: none;

}



ul#nav li {

	display: block;

	height: 25px;

	margin: 0 auto;

	margin-right: 20px;
}



ul#nav li a {

	color: #000000;

}



ul#nav li ul li a {

	color: #ffffff;

}



ul.dropdown	{

	position: absolute;

	top:375px;

	left: 50px;

	width: 100%;

	height: 25px;

	z-index: 1000;

	list-style: none;

}

ul.dropdown li	{

	float: left; 

	margin-right: 20px;

	list-style: none;

}



ul.dropdown a:hover	{

	color: #000;

}



ul.dropdown li a	{

	display: block; 

	padding: 4px 8px; 

	color: #222; 

}



ul.sub-menu li a:hover {

	text-decoration: none;

}



ul.dropdown li.hover,

ul.dropdown li:hover                { background: #aab035; color: black; position: relative; text-decoration: none; }

ul.dropdown li.hover a              { color: black; }

ul.dropdown li.a:hover			{ text-decoration: none;}



/* 

	LEVEL TWO

*/

ul.dropdown ul	{

	width: 220px; 

	visibility: hidden; 

	position: absolute; 

	top: 100%; 

	left: 0;

}



ul.dropdown ul li 	{ 

	font-weight:normal;

	background: url(images/nav_trans.png);

	color: #000; 

	border-bottom: 1px solid #ccc;

	float: none; 

}



/* IE 6 & 7 Needs Inline Block */



ul.dropdown ul li a { 

	border-right: none;

	width: 100%;

	display: inline-block; 

}	



/* 

	LEVEL THREE

*/

ul.dropdown ul ul 					{ left: 100%; top: 0; }

ul.dropdown li:hover > ul 			{ visibility: visible; }





/* ---------------------- END Navigation -------------------------- */



p.date {

	font-size: 12px;

	margin-top: -15px;

}





#comments {

	width: 600px;

	margin: 0 auto;

	margin-bottom: 20px;

}



ul.commentlist {

	list-style: none;

	margin: 0 0 20px 0;

}



ul.commentlist li {

	width: 560px;

	margin: 0 auto;

	padding: 20px;

	background: #e7e7e7 url(images/comment_top.gif) no-repeat top;

	position: relative;

	margin-bottom: 50px;

}



.comment_author {

	width: 600px;

	height: 30px;

	display: block;

	background: url(images/comment_bot.gif) no-repeat bottom;

	position: absolute;

	bottom: 0;

	left: 0;

	margin-bottom: -20px;

}



.comment_author p {

	padding-top: 15px;

	text-align: right;

	margin-right: 55px;

	font-size: 12px;

}



ul.commentlist li.alt .comment_author {

	background: url(images/comment_bot.gif) no-repeat bottom;

}



a.rsswidget, span.rss-date {

	font-size: 10px;

}



a.kbrsswidget {

	font-size: 12px;

}







.news-post {



	font-size: 12px;



	text-align: center;



	margin-top: -15px;



}



span.rssdate {

	font-size: 12px;

	color: #4f4f4f;

}



.credits {

	font-size: 10px;

	position: absolute;

	bottom: 0;

	height: 24px;

	padding-top: 8px;

	z-index: 1000;

	width: 960px;

	color: #ffffff;

}



.credits p.left {

	left: 0;

}



.credits p.right {

	right: 0;

}



.left {float: left;}



.right {float: right;}







embed#tagcloudflash {

	z-index: 0;

}



#wpcumuluswidgetcontent {

	z-index: -1000;

}



/* ---------- Tables -------- */



table#table-1 {

	width: 565px;

	margin: 0em;

	border-collapse: collapse;

}



table#table-1 td,th {

	padding: .3em;

	border: 0px;

}





table img {

	border: none;

}

	



/* ---------- News Formatting -------- */





h2.news-entry-title {

	font-size: 18px;

	text-align: left;

}



p.news-date {

	text-align: left;

	font-size; 11px;

	margin-top: -20px;

}



.news-post {

	padding: 20px 20px 0 20px;

	margin-bottom: 20px;

}



.news-entry-content {

	text-align: left;

}



.news-entry-meta {

	text-align: left;

}



ul#cities {

	color: #aab035;

	list-style: none;

	font-size: 16px;

	margin: 62px 0 0 350px;

}



ul#cities  li {

	color: #aab035;

	display: inline;

	padding-right: 45px;

}



ul#follow-us {

	list-style: none;

	margin: 0 auto;

	margin-left: 20px;

}



ul#follow-us li {

	display: inline;

	margin: 0 auto;

	padding-right: 5px;

}



/*

.tags {

	width: 610px;

	height: 34px;

	background: url(images/tag_bar.jpg) no-repeat;

}



*/



.news {

	font-size: 12px;

	list-style-image: disc;

}



ul.news li {

	list-style-image: disc;

}



.wp-pagenavi {

	margin: 20px 0 20px 0;

}n-bottom: 20px;

}





.news-entry-content {

	text-align: left;

}





.news-entry-meta {

	text-align: left;

}



ul#cities {

	color: #aab035;

	list-style: none;

	font-size: 16px;

	margin: 62px 0 0 350px;

}







ul#cities  li {

	color: #aab035;

	display: inline;

	padding-right: 45px;

}



ul#follow-us {

	list-style: none;

	margin: 0 auto;

	margin-left: 20px;

}



ul#follow-us li {

	display: inline;

	margin: 0 auto;

	padding-right: 5px;

}



/*

.tags {

	width: 610px;

	height: 34px;

	background: url(images/tag_bar.jpg) no-repeat;

}



*/



.news {

	font-size: 12px;

	list-style-image: disc;

}



ul.news li {

	list-style-image: disc;

}



.wp-pagenavi {

	margin: 20px 0 20px 0;

}