/*
Theme Name: Business Abundance
Theme URI: http://www.businessabundance.com.au
Description: 2 columns WordPress theme for Business Abundance.
Version: 1.0
Tags: two columns, widgets, business
*/

@import url("reset.css");

body {
	background: #fff url(images/bg-main.jpg) top center no-repeat;
	font: 80% Arial, Helvetica, sans-serif;
	color: #555;
	line-height: 140%;
	margin: 0 auto;
	text-align: center;
}

a {
	color: #154761;
	text-decoration: none;
}

p {
	margin: 10px 0;
}

ul, ol {
	margin: 0 24px;
}

h1, h2, h3 {
	font-weight: bold;
	margin: 10px 0;
}

h1 {
	font: bold 24px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
h2 {
	font-size: 24px;
	letter-spacing: -1px;
	padding: 8px;
}

h3 {
	font-size: 16px;
}

table {
	clear: both;
	margin: 10px 0;
}

ul, ol {
	margin: 0 24px;
}

ul li {
	list-style: disc;
	margin-bottom: 4px;
}

ol li {
	list-style: decimal;
	margin-bottom: 4px;
}

/* Common Style */
.clearfix, .wrapper {
	float: left;
	clear: both;
	width: 100%;
}

/* Main container style */
.container {
	width: 940px;
	display: table;
	margin: 0 auto;
	text-align: left;
}

/* Header style */
#header {
	height: 143px;
}

#main-content {
	margin: 40px 0 0 0;
}

#leftcol {
	float: left;
	width: 700px;
	margin-right: 15px;
}

#rightcol {
	float: left;
	width: 220px;
}

/* HEADER */
/* Logo */
#header .logo {
}

/* Top Menu */
.top-menu {
	background: url(images/bg-top-menu.gif) no-repeat;
	margin-top: 10px;
}

.top-menu ul {
	margin: 0;
	padding: 0;
}

.top-menu ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 6px 14px;
	border-right: 1px solid #376b7e;
}

.top-menu ul li a {
	color: #ccf0fd;
	font-weight: bold;
	line-height: 150%;
}

/* Welcome Text */
.welcome {
	font: italic 18px Georgia, "Times New Roman", Times, serif;
	line-height: 140%;
	margin-bottom: 10px;
	overflow: hidden;
}

.welcome .big {
	font-size: 25px;
	font-weight: bold;
	color: #c82c2c;
	letter-spacing: -1px;
}

.welcome span.quote {
	float: left;
	height: 80px;
	font-size: 72px;
	font-weight: bold;
	line-height: 82%;
	margin-right: 10px;
}

.welcome span.right {
	float: right;
	height: auto;
	margin: 0px 6px 0 20px;
}

/* Post */
.post {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 30px;
}

.post h3.heading {
	font-size: 24px;
	line-height: 120%;
	letter-spacing: -1px;
}

.post p.meta {
	font-size: 11px;
}

.post p.meta a {
	text-decoration: underline;
}

/* Comments */
.comments ul {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.comments ul li {
	float: left;
	clear: both;
	width: 100%;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.comments ul li a {
	text-decoration: underline;
}

.comments ul li .avatar {
	float: left;
	margin: 0 10px 10px 0;
}

.comments ul li .avatar img {
	border: 1px solid #dde9f0;
	padding: 2px;
}

.comments ul li .comment-meta {
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #d9d9d9;
	padding: 0 0 20px 0;
}

/* Comment Form */
.comment-form {
	margin: 10px 0 10px 0;
}

.comment-form dl dt {
	float: left;
	clear: both;
	width: 100px;
	margin-right: 10px;
	padding-bottom: 10px;
}

.comment-form dl dd {
	float: left;
	width: 400px;
	padding-bottom: 10px;
}

.comment-form dl .hint {
	font-size: 11px;
	color: #999;
	margin: 2px 0 4px 0;
}

.comment-form input.textbox, .comment-form textarea {
	font: 12px Arial, Helvetica, sans-serif;
	width: 90%;
	padding: 3px;
	border: 1px solid #e0e0e0;
}

.comment-form input.captcha {
	display: inline;
	width: auto;
}

/* Sidebar */
#rightcol .sidebar {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 16px;
}

#rightcol .sidebar h3 {
	font: 16px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 14px 0;
	padding: 0 0 4px 0;
	border-bottom: 3px solid #e5e5e5;
}

#rightcol .sidebar .f-top {
	height: 10px;
	background: url(images/bg-rounded.gif) no-repeat;
}

#rightcol .sidebar .f-repeat {
	background: url(images/bg-rounded.gif) 0 -10px repeat-y;
}

#rightcol .sidebar .f-bottom {
	height: 14px;
	background: url(images/bg-rounded.gif) bottom no-repeat;
}

#rightcol .sidebar .f-repeat .content {
	padding: 0 8px;
}

#rightcol a {
	text-decoration: underline;
}

#rightcol a:hover {
	text-decoration: none;
}

/* Login Form */
#rightcol .login dl {
	margin: 6px 0;
}

#rightcol .login dl dt {
	float: left;
	width: 60px;
	margin-right: 4px;
	padding-bottom: 6px;
}

#rightcol .login dl dd {
	float: left;
	width: 136px;
	padding-bottom: 6px;
}

#rightcol .login input.textbox {
	width: 130px;
	height: 22px;
	background: url(images/bg-login-input.gif) no-repeat;
	border: none;
	padding: 2px;
}

/* Subscribe Newsletter */
#rightcol .newsletter input.textbox {
	width:  198px;
	height: 22px;
	background: url(images/bg-subscribe-input.gif) no-repeat;
	border: none;
	padding: 2px;
}

#rightcol .newsletter div.submit {
	text-align: center;
	margin-top: 4px;
}

/* Search */
#rightcol .search-form input.textbox {
	width:  153px;
	height: 22px;
	background: url(images/b-search-input.gif) no-repeat;
	border: none;
	padding: 2px;
}

#rightcol .search-form div.form-item {
	float: left;
	margin-right: 4px;
}

#rightcol .search-form div.submit {
	margin: 0;
}

/* Services & Products */
#rightcol .services ul, #rightcol .products ul {
	margin: 0;
	padding: 0;
}

#rightcol .services ul li, #rightcol .products ul li {
	clear: both;
	list-style: none;
	margin: 0 0 6px 0;
	padding: 0;
}

/* Drop down menu */
#nav, #nav ul {
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	text-align: center;
}

ul#nav {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	position: relative;
}

#nav li a {
	display: block;
	padding: 0;
}

#nav li li a {
	display: block;
	height: auto;
	padding: 0.4em 2em 0.4em 1em;
}

#nav li {
	float: left;
	list-style: none;
	text-align: left;
	margin: 0;
	line-height: 2em;
	position: relative;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 13.4em;
	w\idth: 14.2em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 6px 0 0 -14px;
	padding: 0;
	background: #117398;
}

#nav li li {
	height: auto;
	background: none;
	text-align: left;
	line-height: 140%;
	margin: 0 !important;
	padding: 0 1em 0 0 !important;
	width: 13em;
	border-left: 1px solid #2d6d85;
	border-right: 1px solid #2d6d85;
	border-bottom: 1px solid #2d6d85;
}

#nav li ul a {
	width: 12em;
	w\idth: 10em;
}

#nav li ul a:hover {
	color: #fff;
}

#nav ul li a {
	background: url(images/icon-arrow.gif) center left no-repeat;
	padding-left: 16px;
}


#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li li:hover, #nav li li.sfhover {
	background: #157ea6;
	position: relative;
	z-index: 100;
}

#nav li:hover, #nav li.sfhover {
	background: none;
}

/* Author Page */
dl.author {
	margin: 10px 0;
}

dl.author dt {
	float: left;
	clear: both;
	width: 100px;
	margin-right: 10px;
}

dl.author dd {
	float: left;
	width: 350px;
	margin-right: 10px;
	padding-bottom: 6px;
}

/* Latest Post & Author Posts */
ul.latest, .author-posts ul {
	margin: 0;
	padding: 0;
}

.author-posts ul li {
	float: left;
	clear: both;
	width: 100%;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #928875;
}

.author-posts ul li h4 a {
	color: #bfd44a !important;
	text-decoration: none !important;
}

.author-posts ul li .post-desc {
	float: left;
	width: 550px;
}

/* Navigation */
.navigation {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0;
}

.navigation .prev {
	float: left;
	width: 48%;
	margin-right: 20px;
}

.navigation .next {
	float: right;
	width: 48%;
	text-align: right;
}


/* Footer */
#footer {
	background: #117398;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
}

#footer .content {
	padding: 16px;
}

#footer a {
	font-weight: bold;
	color: #f2dc1e;
}

#footer .col1 {
	float: left;
	width: 450px;
	margin-right: 20px;
}

#footer .col2 {
	float: right;
	width: 400px;
	text-align: right;
	padding-top: 34px;
}

#footer .col2 a {
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
	padding: 0 4px;
}

#footer .col2 a:hover {
	text-decoration: none;
}

/* Footer Menu */
#footer .footer-menu ul {
	margin: 0;
	padding: 0;
}

#footer .footer-menu ul li {
	float: left;
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
}

.alignright { float: right !important; margin:0 0 15px 15px !important; }