/*
Theme Name: Observant
Theme URI: 
Description: WordPress theme for observant.com.au
Version: 1.0
Author: David McDonald
Author URI: http://www.davidmcdonald.org
Tags: 

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{
	margin: 0;
	padding: 0;
}

html{
	font-size: 82.5%;
}

body{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	background-color: #000;
	font-size: 0.9em;
	line-height: 1.25;
	color: #333333;
}

/* global styles */

#header h1 span{
	position: absolute;
	left: -9600px;
}

fieldset{
	border: none;
}

a:link, a:visited{
	color: #F37B28;
	text-decoration: none;
/*
	border-bottom: 1px dotted #F37B28;
*/
}

a:hover{
	/* color: #2255AA; */
}

a img{
	border: none;
}

pre {border: 1px solid #999; background-color: #ddd; padding: 10px; margin-bottom: 10px;overflow-x: auto;}

/* containers */

#header{
	float: left;
	width: 98%;
	margin-left: 10px;
	height: 70px;
	padding-top: 20px;
	background: url(images/bgHeader.gif) repeat-x top;
	position: relative;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}

.container{
	width: 980px;
	margin: 0 auto;
}

#header .container{
	position: relative;
}

#container-two{
	float: left;
	width: 100%;
	background: #fff url(images/content-bg.jpg) repeat-x top left;
}

.home #container-two{
	background: #fff url(images/content-bg.jpg) repeat-x top left;
}

.page #container-two{
	background: #fff url(images/bgShadow-content.jpg) repeat-x top left;
}

#container-three{
	float: left;
	width: 940px;
	padding: 20px 30px 20px 30px;
}
.home #container-three {padding-top: 1px;}

#columna{
	float: left;
	width: 600px;
}

#columnb{
	float: right;
	width: 285px;
	padding: 5px 0 0 35px;
	border-left: 1px solid #efefef;
}

#footer{
	float: left;
	width: 100%;
	padding: 1.5em 0;
	background: #000;
}

/* header */

#header h1{
	float: left;
	width: 168px;
	height: 28px;
	display: inline;
	margin-top: 15px;
	background: url(images/observant-logo.gif);
}

#header h1 a{
	float: left;
	width: 168px;
	height: 28px;
}

#page-title{
	position: absolute;
	width: auto;
	top: 130px;
	right: 100px;
	padding: 10px 20px 8px 20px; 
	background-color: #000; 
	background-color: rgba(0,0,0, 0.6);
	-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
	
	/* IE5-7 */
	filter: alpha(opacity=70);
	/* IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#page-title h2{
	color: #fff;
	font-size: 2.2em;
	font-weight: normal;
	text-align: right;
	text-transform: lowercase;
	text-shadow: 1px 1px 5px #333;
	font-family: 'Droid Sans', Arial, sans-serif;
}

/* main navigation */

ul#nav-main{
	float: left;
	list-style: none;
	margin-left: 20px;
}

ul#nav-main li{
	float: left;
}

ul#nav-main li a{
	float: left;
	display: block;
	padding: 21px 12px 31px 12px;
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
	text-transform: lowercase;
}

ul#nav-main li a:hover, ul#nav-main li.current_page_item a,
ul#nav-main li.current_page_ancestor a{
	color: #f37b28;
	background: url(images/bgNavHover.gif) no-repeat bottom center;
}

/* site search */

form#site-search{
	float: right;
	width: 153px;
	margin: 15px 0 0 0;
	padding-left: 17px;
	background: url(images/bgSearchLeft.gif) no-repeat top left;
}

#site-search fieldset{
	float: left;
	width: 153px;
	padding: 0;
}

#site-search input#s{
	float: left;
	width: 126px;
	height: 14px;
	padding: 6px 1px 6px;
	line-height: 1.3em;
	border-top: 2px #D0D0D0 solid;
	border-right: none;
	border-bottom: 1px #828385 solid;
	border-left: none;
	background-color: #fff;
	outline: none;
}

#site-search input#search{
	float: left;
	width: 25px;
}

/* content */

.content{
	float: left;
	width: 100%;
}

.content a:hover {	border-bottom: 1px solid #F37B28; }

#columna .content{
	padding-bottom: 1em;
}
.home #columna .content.casestudies {border-top: 1px solid #eee;}

.content p, .content ul{
	font-size: 0.95em;
	line-height: 1.3;
	padding-bottom: 1em;
	color: #666;
}

.page .content ul, .single .content ul,
.page .content ol, .single .content ol{
	padding: 1em 0 1em 3em;
}

.post-teaser p{
	padding-bottom: 0;
}

.content p.read-more{
	padding-bottom: 0;
}

.content p.read-more a{
	padding: 0 20px 0 0;
	background: url(images/icon-readmore2.png) no-repeat 100% 4px;
}
.content p.read-more a:hover{
	border-bottom: 1px solid #F37B28;
}


.content p.date{
	color: #555;
	padding-bottom: 0.3em;
	font-weight: bold;
}

/* home content */

.post-teaser{
	float: left;
	width: 100%;
	padding: 0 0 1.5em 0;
}

.home #columna .post-teaser{
	width: 47%;
	min-height: 160px;
	margin-right: 1.2em;
	padding: 0 0 10px 0;
}

.home #columna .casestudies .post-teaser{
	min-height: 200px;
}

.page-id-2 #columna .post-teaser{
	width: 100%;
	padding-bottom: 2em;
}

.content h3{
	color: #000;
	font-size: 1.7em;
	padding-bottom: 1em;
	font-family: /* 'Molengo', */ 'Droid Sans', Arial, sans-serif;
	font-weight: normal;
}
#columnb .content .obsviz-cg-header-title h4 {
	font-family: 'Droid Sans', Arial, sans-serif !important;
	font-weight: normal;
	font-size: 16px;
	padding-bottom: 10px;
}
#columnb .content #viz_chart_gallery {
	border-top:1px solid #eee;
	padding-top: 20px;
	position: relative;
	left: -20px;	
}
#columnb .content .obsviz-cg-wrap {
	left: -10px;
}
#columnb .content #viz_chart_gallery a.obsviz-cg-history-text {
	margin-right: 3px;
}
#columnb .content #viz_chart_gallery .obsviz-cg-history {
	margin: 5px 10px;
}

#columna h3, #columnb h3{
	/* padding-left: 40px; */
}
#columnb h3 {font-size: 1.4em;}

.home #columna h3, .home #columnb h3{
	padding: 20px 0 10px 0;
}

.content h3 a{
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #F37B28;
}
.content h3 a:hover{border-bottom: 1px solid #F37B28;}

/*
.home .content h3 a{
	padding-left: 40px;
}

.solutions h3{
	background: url(images/icon-apps.png) no-repeat 0 2px;
}

.products h3{
	background: url(images/icon-products.png) no-repeat 0 2px;
}

.casestudies h3{
	background: url(images/icon-casestudy.png) no-repeat 0 2px;
}

.news h3{
	background: url(images/icon-news.png) no-repeat 0 2px;
}

.newsletter h3{
	background: url(images/icon-newsletter.png) no-repeat 0 2px;
}
*/

.content h4 {
	padding: 0 0 10px 0;
	color: #111;
	font-size: 1.1em;
	line-height: 1.2em;
}
.home .content h4 {
	min-height: 10px;}

.news h4{
	padding-bottom: 0.1em;
}

.content h4 a{
	color: #333;
	text-decoration: none;
}

.content h4 a:hover{
	color: #f37b28;
}

.content h5{
	padding: 1em 0 0.25em;
	color: #333;
	font-size: 1em;
}

.post-teaser img{
	float: left;
	margin-right: 1em;
	margin-top: 3px;
}

a.product-img {float:left; float:left; width: 170px; display: block; text-align: center;}
a.product-img:hover {border-bottom: none;}
a.product-img img {float:none; }

.page .post img, .single .post img{
	float: right;
	margin: 0 0 1em 1.5em;
}

.wp-caption{
	float: right;
	margin: 0 0 1em 1.5em;
}

.page .wp-caption img, .single .wp-caption img{
	margin: 0;
}

.wp-caption p{
	display: block;
	font-size: 0.8em;
	line-height: 2em;
	margin-left: 10px;
	padding: 0 0 0 10px;
	color: #fff;
	background: #000;
}

/* content pages */

#columnb .content{
	padding-bottom: 2em;
}
#columnb .content h4 {min-height: 18px;}

#columnb ul{
	padding-top: 0;
	padding-left: 1.4em;
}

#columnb li{
	padding-bottom: 0.4em;
}

.page #columna p, .category #columna p{
	padding-bottom: 1.25em;
}
.entry {padding-bottom: 20px;}



/* single posts */

.navigation{
	float: left;
	width: 100%;
	padding-bottom: 2em;
}

.alignright{
	float: right;
}

.single p.date{
	padding-bottom: 2em;
}

.alignleft{
	float: left;
}

/* footer */

#footer-info{
	float: left;
	width: 600px;
}

#footer ul{
	float: left;
	width: 100%;
	padding-bottom: 1em;
	list-style: none;
}

 #footer li{
 	float: left;
 	padding-right: 5px;
	line-height: 1;
 }
 
 #footer p{
 	float: left;
 	font-size: 0.8em;
	color: #fff;
	line-height: 2;
 }

#footer li a:link, #footer li a:visited{
	padding-left: 5px;
	color: #fff;
	font-size: 0.8em;
	line-height: 1;
	text-decoration: none;
}

#footer li a:hover{
	color: #f37b28;
	text-decoration: underline;
}

/* newsletter */

.newsletter{
	float: right;
	width: 290px;
}

#footer .newsletter p{
	float: none;
	line-height: normal;
}

div.mce_inline_error{color: red !important;}

.newsletter span{
	display: none;
}

.newsletter form{
	margin: 7px 0;
}

.newsletter label, .newsletter input, .newsletter button{
	float: left;
}

.newsletter button {margin: 0; padding: 0; width: 90px; height: 34px}
.newsletter button img {position: relative; top:-1px; left: -10px;}

.newsletter input#mce-EMAIL{
	width: 175px;
	height: 24px;
	line-height: 1.3em;
	padding: 2px 5px 3px;
}

/* banner styles */

#slideshow{
	float: left;
}
.home #slideshow {}

.page #slideshow, .category #slideshow, .single #slideshow{
	width: 980px;
	height: 190px;
	background-color: #000;
	-moz-box-shadow: 0px 1px 3px #999;
	-webkit-box-shadow: 0px 1px 3px #999;
	box-shadow: 0px 1px 3px #999;
}

.page-id-2 #slideshow, .parent-pageid-2 #slideshow{
	background: url(images/banner-solutions.jpg);
}

.page-id-5 #slideshow, .parent-pageid-5 #slideshow{
	background: url(images/banner-products.jpg);
}

.page-id-6 #slideshow{
	background: url(images/banner-generic.jpg);
}

.page-id-8 #slideshow{
	background: url(images/banner-generic.jpg);
}

.page-id-58 #slideshow, .page-id-60 #slideshow, .page-id-62 #slideshow,
.category #slideshow, .single #slideshow{
	background: url(images/banner-generic.jpg);
}

.page-id-34 #slideshow, .parent-pageid-34 #slideshow{
	background: url(images/banner-casestudies.jpg);
}

.category-case-studies #slideshow {
	background: url(images/banner-livestock.jpg);
}

.page-id-627 #slideshow, .page-id-627 #page-title {display: none;}

/* only for staging server */
/*
.page-id-638 #slideshow, .page-id-638 #page-title {display: none;}
*/

/* only for production server */
.page-id-637 #slideshow, .page-id-637 #page-title {display: none;}

/* slideshow styles */

#slideshow #smooth_sldr{
	margin: 0;
	background-color: #000;
	position: relative;
	-moz-box-shadow: 0px 1px 3px #999;
	-webkit-box-shadow: 0px 1px 3px #999;
	box-shadow: 0px 1px 3px #999;
	margin-top: 50px;
	
}

#slideshow #smooth_sldr_items{
	padding: 0 0 30px;
}

#slideshow #smooth_sliderc,
#slideshow #smooth_sliderc .smooth_sliderb, #slideshow #smooth_sliderc .smooth_slideri{
	height: 290px;
	width: 980px;
}
#slideshow #smooth_sliderc {
	text-align:left;
}

#slideshow .smooth_slider_thumbnail{
	position: absolute;
}

#slideshow #smooth_sldr_body h2{
	padding-bottom: 10px;
/*
	position: absolute;
	width: 370px;
	top: 60px;
	right: 130px;
*/
}

#slideshow #smooth_sldr_body span{
/*
	position: absolute;
	width: 370px;
	top: 100px;
	right: 130px;
	text-align: left;
*/
}

#slideshow #smooth_sldr_body p.more{
	padding-top: 10px;
/*
	position: absolute;
	width: 370px;
	top: 185px;
	right: 130px;
*/
}
#slideshow #smooth_sldr_body a:hover p.more{color:#F37B28}

#slideshow #smooth_sldr_body p.more a{
}

#slideshow #smooth_sliderc_nav{
	position: absolute;
	width: auto;
	top: 40px;
	left: 273px;
}

#slideshow .sldrlink{
	display: none;
}
#slideshow div.featuredText {position: relative; top:60px; left: 120px; width: 380px; padding: 15px 20px;
	background-color: #000;
	background-color: rgba(0,0,0, 0.6);
	-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
	
	/* IE5-7 */
	filter: alpha(opacity=70);
	/* IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
#slideshow div.featuredText a {display: block;}
#slideshow div.featuredText:hover {background-color: rgba(0,0,0, 0.8);
	/* IE5-7 */
	filter: alpha(opacity=90);
	/* IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

/* Managed services */
.managed-services {position: absolute; right: 0; top:58px; font-size: 11px; }
.managed-services .sign-in a {background: #000 url(images/ms-signin.jpg) no-repeat 63px 1px; padding: 0 0 0 20px; height: 34px; width: 137px; line-height: 4em; float: right; color: #fff;  margin-bottom: 4px;
	-moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000;}
.managed-services .sign-in a:hover {color: #F37B28;}
.managed-services .request-acct {clear: both; font-size: 9px; text-align: right;}
.managed-services .request-acct a:hover {text-decoration: underline;}

/* contact page */

.content #post-8{
	float: left;
	width: 175px;
}

#map{
	float: right;
	width: 300px;
}

h3.gform_title{
	padding: 0 0 0.5em;
	color: #000;
	font-size: 1.3em;
}

#gform_1{
	float: left;
	width: 100%;
}

#gform_1 ul{
	padding: 0;
	list-style: none;
}

/* Request access page */
#gform_wrapper_3 {font-size: 1.1em;}
#gform_3 .gform_heading {color:#000; font-weight: bold;}
#gform_3  span.gfield_required {display: none;}
#gform_3  label {float: left; display: block; width: 140px; color: #333;}
#gform_3  input.medium {width: 200px; padding: 2px 6px; vertical-align: middle;}
#gform_3 .validation_error {color: red;}
#gform_3 .validation_message {color: red; margin-left: 140px; }
#gform_3 #field_3_6 .validation_message {margin-left:0;}
#gform_3 .gform_body ul {list-style-type: none; margin:20px 0; padding: 0; position: relative;}
#gform_3 .gform_body ul li {margin-bottom: 20px;}