/*
Theme name: Multi-Tip
M=Theme URL: http://www.christopherdeane.net
Description: Multi-Tip Australia Wordpress theme
Version: 1.1
Author: Christopher Deane
Author URL: http://www.christopherdeane.net
Tags: Multi-Tip, Australia, dark, clean lines
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* general styles */

body {
	background: transparent url('style/images/wrap_bg.jpg') no-repeat scroll;
	background-position: center top;
	background-color: #000000;
	color: #f2f2f2;
	font-family: Arial, sans-serif;
	height: 100%;
}

#wrap {
	width: 960px;
	margin: 0px auto;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

a {
	text-decoration: none;
}


/* header styles */

#header {
	margin: 0px 0px 0px 0px;
	padding-bottom: 50px;
	padding-top: 30px;
}

h1#logo{
	letter-spacing: 0px;
	float: left;
	margin: 0px 60px 0px 20px;
	font-size: 25px;
	text-transform: uppercase;
	font-weight: normal;
}

h1#logo span {
	font-weight: bold;
}

h1#logo a {
	color: #999999;
}

ul#nav {
	letter-spacing: 1px;
	line-height: 30px;
	font-size: 15px;
	cursor: default;
}

ul#nav li {
	float: left;
	display: inline;
	margin: 0px 0px 0px 0px;
}

ul#nav li.current_page_item a {
	float: left;
	display: inline;	
	background: #CC0000;
	border: 0px solid #ccc;
	color: #f2f2f2;
	margin-right: 10px;
	padding: 0px 8px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

ul#nav a {
	float: left;
	display: inline;	
	background: #333;
	border: 0px solid #ccc;
	color: #f2f2f2;
	margin-right: 10px;
	padding: 0px 8px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

ul#nav a:hover {
	float: left;
	display: inline;	
	background: #666;
	border: 0px solid #ccc;
	color: #f2f2f2;
	margin-right: 10px;
	padding: 0px 8px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


/* slider styles */


.container {
	width: 960px;
	height: 360px;
	overflow: hidden;
	position: absolute;
	z-index: -1 !important;
	background: #ffffff;
}

.slides {
	position: relative !important;
	top: 0;
	left: 0;
}

.slides div {
	position: relative;
	top: 0px;
	width: 960px;
	display: none;
}

.slides div img {
	margin-top: 0px;
	padding-left: 0px;
	cursor: pointer;
	z-index:0 !important;
}

ul.pagination {
	list-style-type: none;
	margin: 0px 0px 0px 30px;
	width: 300px;
	padding: 330px 0px 0px 0px;
	z-index: 2 !important;
}

ul.pagination li {
	float: left;
	margin: 0 5px;
}
	
ul.pagination a {
	display: block;
	width: 12px;
	padding-top: 12px;
	height: 0;
	overflow: hidden;
	background-image: url(style/images/pagination.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

ul.pagination li.active a {
	background-position: 0 -12px}

ul.pagination li a {
	background-image: url(style/images/pagination.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 12px;
	width: 12px;
}

.featured_button {
	position: absolute;
	background: transparent url('style/images/featured_button.gif') no-repeat scroll;
	width: 127px;
	height: 29px;
	top: 245px;
	left: 30px;
	font-size: 12px;
}

.featured_button a {
	color: #999999;
}

.next {
	position: absolute;
	top: 7px;
	left: 54px;
}

.previous {
	position: absolute;
	top: 7px;
	left: 15px;
}


.slide_info {
	width: 400px;
	float: left;
	font-size: 12px;
	margin: 20px 0px 0px 20px;
	z-index: 2 !important;
}

.slide_info h3 {
	color: #666666;
	font-size: 30px;
	line-height: 30px;
	margin: 0px 0px 10px 0px;
}

.slide_info p {
	line-height: 21px;
	font-size: 20px;
	margin: 10px 0px 10px 0px;
}

.slide_info p strong {
	color: #CC0000;
	font-size: 15px;
	font-weight: normal;
}


/* front content styles */

#front_content {
	padding-top: 20px;
}

h3#tagline {
	font-size: 40px;
	font-weight: normal;
	color: #f2f2f2;
	line-height: 50px;
	margin: 0px 0px 20px 20px;
	position: relative;
}

h3#tagline span {
	color: #999999;
	text-transform: uppercase;
}


/* front columns styles */

#front_columns div {
	width: 960px;
	height: 100%;
	float: left;
}

#front_columns .left {
	width: 300px;
	padding: 0px 0px 20px 0px;
}

#front_columns .left small {
	float: left;
	padding: 10px;
}

#front_columns .left small span {
	color: #CC0000;
	font-size: 13px;
}

#front_columns .left small.link {
	float: right;
	padding: 10px;
}


#front_columns .center {
	width: 300px;
	padding: 0px 0px 20px 30px;
}


#front_columns .center small {
	float: left;
	padding: 10px;
}

#front_columns .center small span {
	color: #CC0000;
}

#front_columns .center small.link {
	float: right;
	padding: 10px;
}


#front_columns .right {
	width: 300px;
	padding: 0px 0px 20px 30px;
}

#front_columns .right small {
	float: left;
	padding: 10px;
}

#front_columns .right small span {
	color: #CC0000;
}

#front_columns .right small.link {
	float: right;
	padding: 10px;
}


#front_columns h2 {
	position: relative;
	background: transparent url('style/images/cheader_bg.png') no-repeat scroll;
	font-size: 18px;
	font-weight: normal;
	padding: 10px;
	margin-top: -41px;

}

#front_columns p {
	font-size: 14px;
	line-height: 20px;
	padding: 10px;
}

#front_columns a {
	color: #CC0000;
	font-size: 13px;
}

#front_columns img.thumbnail {
	position: relative;
}


/* featured styles */

#featured_section {
	background: #FFFFFF no-repeat scroll;
	width: 960px;
	height: 360px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #222222;
	position: relative;
	z-index:-1 !important;
}


/* single page styles */

#featured_section .featured_header {
	margin-left: 0px;
	width: 960px;
	height: 360px;
	color: #666666;
	font-size: 20px;
	line-height: 20px;
	position: relative;
}

#featured_section .featured_header .featured_info {
	width: 300px;
	float: left;
	position: relative;
	
}

#featured_section .featured_header .featured_info h2 {
	color: #666666;
	font-size: 30px;
	line-height: 30px;
	padding: 20px 0px 10px 20px;
}

#featured_section .featured_header .featured_info p {
	color: #222222;
	padding: 0px 0px 0px 20px;
}

#featured_section .featured_header img {
	width: 640px;
	height: 360px;
	float: left;
	position: relative;
}


#page_content {
	float: left;
	color: #f2f2f2;
	width: 600px;
	font-size: 14px;
	line-height: 20px;
	padding: 20px 0px 20px 10px;
}

#page_content a {
	color: #CC0000;
}

#page_content p {
	margin: 0px 0px 10px 0px;
}

#page_content h2 {
	color: #f2f2f2;
	font-size: 30px;
	font-weight: normal;
	padding: 30px 0px 0px 20px;
}


/* contact page styles */

textarea {
	font-family: arial, helvetica;
	color: #222;
}
	
#contact_section {
	background: #FFFFFF no-repeat scroll;
	width: 960px;
	height: 360px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #222222;
	position: relative;
	z-index:-1 !important;
}

#contact_section .contact_header {
	margin-left: 0px;
	width: 960px;
	height: 360px;
	color: #666666;
	font-size: 20px;
	line-height: 20px;
	position: absolute;
}

#contact_section .contact_header .contact_info {
	width: 300px;
	float: left;
	position: absolute;
	
}

#contact_section .contact_header .contact_info h2 {
	color: #666666;
	font-size: 30px;
	line-height: 30px;
	padding: 20px 0px 10px 20px;
}

#contact_section .contact_header .contact_info p {
	color: #222222;
	padding: 0px 0px 0px 20px;
}

#contact_section .contact_header img {
	width: 960px;
	height: 360px;
	float: right;
	position: relative;
}


#contact_content {
	float: left;
	color: #f2f2f2;
	width: 600px;
	font-size: 14px;
	line-height: 20px;
	padding: 0px 0px 20px 10px;
}

#contact_content .address {
	float: left;
	width: 250px;
	margin: -54px 0px 0px 30px;
}

#contact_content .address p {
	width: 250px;
	margin: 0px 0px 0px 0px;
}

#contact_content .address .address1 {
	width: 250px;
	margin: 0px 0px 20px 0px;
}

#contact_content .address .address2 {
	width: 250px;
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 0px 0px;
}

#contact_content a {
	color: #CC0000;
}

#contact_content h2 {
	color: #F2F2F2;
	font-size: 26px;
	font-weight: normal;
	padding: 15px 0px 20px 0px;
}

#contact_content .address span {
	color: #999999;
	text-transform: uppercase;
}

#contact_content .address h3 {
	margin: 0px 0px 10px 0px;
}


/* post page styles */

#content {
	width: 640px;
	float: left;
}

#post {
	float: left;
	width: 300px;
	margin: 0px 20px 20px 0px;
}

#post h2 {
	position: relative;
	background: transparent url('style/images/cheader_bg.png') no-repeat scroll;
	font-size: 18px;
	font-weight: normal;
	padding: 10px;
	margin-top: -41px;

}

#post h2 a {
	color: #f2f2f2;
	position: relative;
	font-size: 18px;
	font-weight: normal;
	padding: 0px;
}

#post p {
	font-size: 14px;
	line-height: 20px;
	padding: 10px;
}

#post small {
	float: left;
	padding: 10px;
}

#post small a {
	color: #CC0000;
}

#post small.link {
	float: right;
	padding: 10px;
}

#post small.link a {
	float: right;
	color: #CC0000;
	font-size: 13px;
	padding: 0px;
}

#post img.thumbnail {
	position: relative;
}


/* post single styles */

#post_section {
	float: left;
	background: #FFFFFF no-repeat scroll;
	width: 640px;
	height: 360px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color: #222222;
	position: relative;
}

#post_content {
	float: left;
	color: #f2f2f2;
	width: 600px;
	font-size: 14px;
	line-height: 20px;
	padding: 0px 0px 20px 10px;
}

#post_content a {
	color: #CC0000;
}

#post_content p {
	margin: 20px 0px;
}

#post_content h2 {
	color: #f2f2f2;
	font-size: 26px;
	font-weight: normal;
	padding: 0px;
}

#post_content h3 {
	color: #f2f2f2;
	font-size: 24px;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

#post img.medium {
	position: relative;
}

#commentform {
	width: 300px;
}

#commentform label {
	padding: 10px 0px 10px 0px;
}

#author {
	width: 300px;
	text-align: left;
	margin: 10px 0px 10px 0px;
}

#email {
	width: 300px;
	text-align: left;
	margin: 10px 0px 10px 0px;
}

#url {
	width: 300px;
	text-align: left;
	margin: 10px 0px 10px 0px;
}


#comment {
	width: 300px;
	margin: 10px 0px 10px 0px;
}

.submit {
	font-size: 13px;
	display: inline;	
	background: #333;
	border: 0px solid #ccc;
	color: #f2f2f2;
	margin: 15px 10px 10px 0px;
	padding: 5px 10px ;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: default;
}

.submit:hover {
	font-size: 13px;
	display: inline;	
	background: #CC0000;
	border: 0px solid #ccc;
	color: #f2f2f2;
	margin: 15px 10px 10px 0px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: default;
}


/* search page styles */

#search_content {
	width: 640px;
	float: left;
}

#search {
	float: left;
	width: 300px;
	margin: 40px 20px 20px 0px;
}

#search h2 {
	position: relative;
	background: transparent url('style/images/cheader_bg.png') no-repeat scroll;
	font-size: 18px;
	font-weight: normal;
	padding: 10px;
	margin-top: -41px;

}

#search h2 a {
	color: #f2f2f2;
	position: relative;
	font-size: 18px;
	font-weight: normal;
	padding: 0px;
}

#search p {
	font-size: 14px;
	line-height: 20px;
	padding: 10px;
}

#search small {
	float: left;
	padding: 10px;
}

#search small a {
	color: #CC0000;
}

#search small.link {
	float: right;
	padding: 10px;
}

#search small.link a {
	float: right;
	color: #CC0000;
	font-size: 13px;
	padding: 0px;
}


/* page sidebar styles */

#page_sidebar {
	float: right;
	text-align: left;
	display: inline;
	width: 300px;
	color: #666666;
	padding: 0px 0px 20px 0px;
}

#page_sidebar h2 {
	background: none;
	color: #f2f2f2;
	font-size: 26px;
	font-weight: normal;
	padding: 10px 0px 10px 0px;
}

#page_sidebar ul {
	background: none;
	margin: 0px;
	font-size: 14px;
	line-height: 25px;
}

#page_sidebar ul li {
	background: transparent url(style/images/arrow_right.png) no-repeat scroll -5px 2px;
}

#page_sidebar ul li a {
	color: #f2f2f2;
	display: inline !important;
	padding-left: 20px;
	margin-left: 0px;
}

#page_sidebar ul li a:hover {
	color: #ffffff;
	background: transparent url(style/images/arrow_right_hover.png) no-repeat scroll -5px -2px;
	cursor: hand;
}

#page_sidebar .submit {
	display: inline;	
	background: #333;
	border: 0px solid #ccc;
	color: #f2f2f2;
	margin: 0px 10px 0px 10px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: default;
}

#page_sidebar .submit:hover {
	display: inline;	
	background: #CC0000;
	border: 0px solid #ccc;
	color: #f2f2f2;
	margin: 0px 10px 0px 10px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: default;
}


/* single sidebar styles */

#single_sidebar {
	float: right;
	text-align: left;
	display: inline;
	width: 300px;
	color: #666666;
	margin: -380px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

#single_sidebar h2 {
	background: none;
	color: #f2f2f2;
	font-size: 26px;
	font-weight: normal;
	padding: 10px 0px 10px 0px;
}

#single_sidebar ul {
	background: none;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 25px;
}

#single_sidebar ul li {
	background: transparent url(style/images/arrow_right.png) no-repeat scroll -5px 2px;
}

#single_sidebar ul li a {
	color: #f2f2f2;
	display: inline !important;
	padding-left: 20px;
	margin-left: 0px;
}

#single_sidebar ul li a:hover {
	color: #ffffff;
	background: transparent url(style/images/arrow_right_hover.png) no-repeat scroll -5px -2px;
	cursor: hand;
}

#single_sidebar .submit {
	display: inline;	
	background: #333;
	border: 0px solid #ccc;
	color: #f2f2f2;
	margin: 0px 10px 0px 10px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: default;
}

#single_sidebar .submit:hover {
	display: inline;	
	background: #CC0000;
	border: 0px solid #ccc;
	color: #f2f2f2;
	margin: 0px 10px 0px 10px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: default;
}


/* pages styles */

#pages {
	padding: 10px 10px 10px 10px;
	margin: 20px 0px 20px 0px;
}


/* footer styles */

#footer {
	clear: both;
	background: transparent url('style/images/footer_bg.png') no-repeat scroll;
	width: 960px;
	height: 100px;
	margin: 0px auto;
	color: #999999;
	font-size: 14px;
	position: relative;
}

#footer ul {
	padding: 60px 0px 0px 20px;
}

#footer ul li {
	float: left;
	display: inline;
	margin-right: 5px;
}

#footer ul li.current_page_item a {
	color: #CCCCCC;
}

#footer ul li a {
	color: #999999;
}

#footer p {
	margin-right: 20px;
}

#footer p strong {
	color: #666666;
}