/*
Theme Name: Step Back. Think.
Theme URI: http://www.alaress.com.au
Description: SBT default theme.
Author: Alaress
Version: 1.0
*/
/*
	*****Torque CSS Framework *****
	Copyright (C) 2010 Matt Cordell of Alaress.com.au
	Inspired by Stephane Curzi
	Creative Commons Attribution-Share Alike 3.0 License
*/

@import url("reset.css");
@import url("typography.css");
@import url("forms.css");
html,body {
	height: 100%;
}
body {
	background: url(img/bg.png) repeat-x;
	-webkit-text-size-adjust: none;
}
img { display: block; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
/***************************************
	CORE STYLES
***************************************/
#header {
	width: 978px;
	height: 140px;
	margin: 0 auto;
	position: relative;
}
#feature-outer {
	background: url(img/bg-feature.jpg) repeat-x;
}
#feature, #feat-sml {
	width: 978px;
	height: 326px;
	margin: 0 auto;
}
#feat-sml {
	height: auto;
	padding: 30px 0;
}
.left {
	width: 600px;
	float: left;
}
.right {
	width: 348px;
	float: right;
}
.home .left, .home .right {
	width: 474px;
}

.home #content .left, .home .middle, .home #content .right, .middle {
	float:left;
	width: 306px;
	margin-right:30px;
}

.middle { margin-right: 20px !important; }

.home #content .right{margin:0;}


#content {
	width: 978px;
	margin: 35px auto 23px;
}
.featImg {
	margin-bottom: 40px;
}
/***************************************
	HEADER/FEATURE STYLES
***************************************/
#logo {
	margin-top: 34px;
	float: left;
}
#feature .left {
	margin-top: 25px;
}
#feature .right {
	margin-top: 30px;
}
.learn-more {
	width: 349px;
	height: 42px;
	background: url(img/btn-learn-more.png) no-repeat;
}
.learn-more:hover {
	background-position: 0 -42px;
}
#nav {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	list-style: none;
}
#nav li {
	float: left;
	margin-left: 33px;
}
#nav a {
	color: #5b5a57;
	display: block;
	font-size: 18px;
	height: 21px;  
	text-transform: uppercase;
	padding-bottom: 35px;
}
#nav span {
	padding-bottom: 5px;
}
#nav a:hover { text-decoration: none; }
#nav a:hover span {
	border-bottom: 5px solid #d4cfba;
}
#nav li.current_page_item a:hover span {
	border-bottom: 0;
}
#nav li.current_page_item a {
	background: url(img/nav-arrow.png) no-repeat 50% 100%;
	color: #b41017;
}
/***************************************
	HEADER/FEATURE STYLES
***************************************/
#footer-outer {
	background: #5b5a57;
}
#footer {
	width: 978px;
	margin: 0 auto;
	padding: 35px 0;
}
/***************************************
	HOME STYLES
***************************************/
.home #content .left .box {
	min-height: 360px;
}
#content h2 {
	float: left;
}
a.more {
	float: right;
	color: #b41017;
	font-size: 10px;
	margin-top: 7px;
}
p.meta,
.box p {
	margin: 0;
}
p.meta {
	color: #86806b;
	font-style: italic;
}
.box h3 a{
	color: #b41017;
}
.box {
	list-style: none;
	margin: 0 0 21px 0;
	background: #f2f0e8 url(img/bg-box.png) repeat-x;
	padding: 30px 20px 0;
}
.box li {
	padding: 9px 0 10px;
	border-top: 1px solid #d7d4c6;
}
.box li:first-child {
	border-top: 0;
	padding-top: 0;
}
.gnome {
	display: inline-block;
	position: relative;
	width: 434px;
}
.gnome .soon {
	height: 60px;
	width: 60px;
	position: absolute;
	text-indent: -9999px;
	top: -31px;
	right: -3px;
	margin: 0;
	background: url(img/icon-soon.png) no-repeat;
}
.gnome p {
	width: 215px;
	margin: 0 0 20px 0;
}
.gnome p a {
	color: #B41017;
}
.gnome img {
	position: absolute;
	bottom: 0;
	right: 25px;
}
.slideshow {
	padding: 10px 0 0 0;
}
.slides {
	height: 214px
}
.slides img {
	display: none;
}
/***************************************
	BLOG STYLES
***************************************/
.post {
	border-bottom: 1px solid #d7d4c6;
	margin-bottom: 20px;
	padding-bottom: 19px;
}
.post h3 a{
	color: #b41017;
}
p.meta a {
	color: #86806b;
	font-style: normal;
}
.post .meta {
	margin-bottom: 19px;
}
.tag-links {
	color: #86806b;
	font-style: italic;
	font-size: 11px;
	line-height: 20px;
}
.tag-links a {
	color: #b41017;
}
.entry-utility { float: left; }
.addthis_container { float: right; }
.page p strong {
	color: #b41017;
	font-size: 13px;
}
.post-edit-link {
	font-size: 11px;
	margin-top: 20px;
	color: #b41017;
}
.nav-previous { float: left; }
.nav-next { float: right; }
.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}
.alignright {
	float: right;
	margin: 0 0 20px 20px;
}
/***************************************
	SIDEBAR STYLES
***************************************/
ul.xoxo {
	margin: 0;
	list-style: none;
}
#searchform label,
.widget_tag_cloud .box div {
	margin-bottom: 20px;
}
.right .widget-container {
	font-size: 11px;
	line-height: 20px;
	color: #86806b;
}
.widget-container a {
	color: #000;
}
.box ul li {
	padding: 0;
	border: 0;
}
.box ul {
	float: left;
	margin-left: 10px;
	width: 298px;
}
li.cat-item,
.widget_archive li {
	float: left;
	width: 45%;
	margin-right: 5%;
}
.textwidget a {
	float: left;
	display: block;
	height: 40px;
	width: 144px;
	text-indent: -9999px;
}
.textwidget .twitter { background: url(img/btn-twitter-sml.png) no-repeat; margin: 0 10px 6px 0; }
.textwidget .rss { background: url(img/btn-rss-sml.png) no-repeat; margin: 0 0 6px 0; }
.textwidget .facebook { background: url(img/btn-facebook-sml.png) no-repeat; margin-bottom: 20px; }
.textwidget a:hover {
	background-position: 0 -40px;
}
.team, .summary {
	font-size: 11px;
	font-weight: bold;
}

.summary{
	font-weight:normal
	
	}

#content .team li a {
	color: #000000;
	font-weight: bold;
	display:block;
}

.team a span{font-weight:normal;}

/***************************************
	CONTACT STYLES
***************************************/
#contactForm label {
	color: #000;
	border-bottom: 1px solid #d7d4c6;
	padding-bottom: 10px;
}
#contactForm label span {
	float: left;
	width: 105px;
}
#contactForm label em {
	color: #ac9f77;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}
#contactForm input.error,
#contactForm select.error,
#contactForm textarea.error {
	border-color: #b41017;
	float: left;
}
div.error {
	font-size: 10px;
	color: #b41017;
	font-weight: normal;
	float: right;
	line-height: 30px;
}
#submitThat,
#submitThis {
	background: url(img/btn-comment.png) no-repeat;
	width: 222px;
	height: 32px;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
}
#submitThis { background: url(img/btn-submit.png) no-repeat; }
#submitThat:hover,
#submitThis:hover {
	background-position: 0 -32px;
}
/***************************************
	COMMENTS STYLES
***************************************/
#comments ol,
#comments ul {
	list-style: none;
	margin: 0;
	font-size: 11px;
}
#comments ul li {
	margin-left: 50px;
}
div.commentdiv {
	background: #f1f1f1;
	padding: 20px;
	margin-bottom: 20px;
}
ul div.commentdiv {
	background: #e6e6e6;
}
#comments img,
#comments .says {
	display: none;
}
.comment-author {
	color: #b41017;
	font-weight: bold;
}
#comments p.meta {
	font-style: normal;
	float: left;
}
#comments .reply {
	float: right;
}
#comments .reply a {
	color: #b41017;
}
#comments label {
	color: #000;
}
#comments-title {
	margin-bottom: 20px;
}
#nav-below {
	margin-bottom: 20px;
}
#nav-below a {
	color: #b41017;
	font-size: 11px;
	line-height: 20px;
}
#comments ol.commentlist {
	border-bottom: 1px solid #D7D4C6;
	margin-bottom: 19px;
}
/***************************************
	FOOTER STYLES
***************************************/
.col {
	float: left;
	width: 222px;
	margin-right: 30px;
}
.col.last {
	margin-right: 0;
}
#footer h2 {
	color: #fff;
	font-size: 15px;
	border-bottom: 1px solid #7a7975;
	padding-bottom: 11px;
	line-height: 20px;
	float: none;
}
#footer p {
	color: #d6d6d5;
}
#footer p strong { color: #d6d6d5; }
.tweets{
	list-style: none;
	margin: 0;
}

.tweets li {
	border-top: 1px solid #7a7975;
	padding: 9px 0 10px;
	word-wrap: break-word;
}
.tweets li:first-child {
	border-top: 0;
	padding-top: 0;
}
.tweets p {
	margin: 0;
}
.tweets .meta {
	font-weight: bold;
	font-style: normal;
	font-size: 10px;
}

#content .tweets .meta{font-weight:normal; font-style:italic; font-size:11px}
#content ul.tweets {
	margin:0;
	float:none;
	width:auto;
	font-size:11px;	
	line-height:20px;
}
#content ul.tweets li{border-top: 1px solid #D7D4C6;
    padding: 9px 0 10px;}

#content ul.tweets li:first-child{ padding-top:0; border:0;}
#footer .widget-container {
	font-size: 11px;
	line-height: 20px;
	color: #D6D6D5;
}
#footer a {
	color: #d7bd7c;
}
.social {
	display: block;
	width: 100%;
	height: 40px;
	text-indent: -9999px;
}
.social.twitter { background: url(img/btn-twitter.png) no-repeat; }
.social.facebook { background: url(img/btn-facebook.png) no-repeat; margin-bottom: 18px; }
.social.enquiry { background: url(img/btn-enquiry.png) no-repeat; margin-bottom: 18px; }
.social:hover {
	background-position: 0 -40px;
}
#footer input[type='text'],
#searchform input[type='text'] {
	color: #898269;
	margin: 0;
}
#searchsubmit,
#formsubmit {
	margin: 0 0 0 9px;
	width: 32px;
	height: 31px;
	background: url(img/btn-submit-sml.png) no-repeat;
	border: 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}
#searchsubmit:hover,
#formsubmit:hover {
	background-position: 0 -31px;
}
#lower {
	border-top: 1px solid #7a7975;
	padding-top: 10px;
	margin-top: 32px;
	color: #d6d6d5;
}
#lower p { margin: 0; float: left; }
#lower ul {
	list-style: none;
	margin: 0;
	float: right;
}
#lower li {
	float: left;
	font-size: 11px;
	background: url(img/footer-div.png) no-repeat 0 4px;
	padding-left: 12px;
	margin-left: 11px;
}
#lower li:first-child {
	background: 0;
	padding-left: 0;
	margin-left: 0;
}
#corner {
	width: 207px;
	height: 201px;
	background: url(img/corner.png);
	position: fixed;
	right: 0;
	bottom: 0;
	z-index:50;
}
/***************************************
	PARTNER STYLES
***************************************/
#partnerGrid a {
	display: block;
	width: 180px;
	float: left;
	margin-left: 30px;
	font-size: 11px;
	color: #000;
}
#partnerGrid a:hover {
	text-decoration: none;
}
#partnerGrid a:hover img {
	/*border-color: #B41017;*/
}
#partnerGrid img {
	border: 1px solid #ccc;
	margin-bottom: 4px;
}
#partnerGrid a.first {
	margin-left: 0;
}
/**************************************
	MISC STYLES
***************************************/
#alaress {
	text-indent: -9999px;
	height: 16px;
	width: 59px;
	display: inline-block;
	background: url(img/alaress.png) no-repeat;
}
#alaress:hover {
	background-position: 0 -16px;
}
.btn {
	text-indent: -9999px;
	display: block;
}
.half-marg {
	margin-bottom: 10px;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.float-fix {
	clear: both;
	overflow: hidden;
	height: 0;
}