/*
Theme Name: Roseworthy Roadhouse
Theme URL: http://www.argondesign.com.au
Description: Custom Theme Roseworthy Roadhouse
Author: Argon Design
Author URL: http://www.argondesign.com.au
Version: 1.0
*/

@charset "utf-8";
@import url("reset.css");

/* -- style -- */
body {
	background:#422a12;
	border-top: 7px solid #422a12;
	margin: 0;
	font-family: 'OpenSansRegular';
	font-size: 13px;
	line-height: 1;
	color:#333;
}

/* -- font -- */
@font-face {
	font-family: 'OpenSansRegular';
	src: url('font/opensans-regular-webfont.eot');
	src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/opensans-regular-webfont.woff') format('woff'),
			 url('font/opensans-regular-webfont.ttf') format('truetype'),
			 url('font/opensans-regular-webfont.svg#CabinRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansBold';
	src: url('font/opensans-bold-webfont.eot');
	src: url('font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/opensans-bold-webfont.woff') format('woff'),
			 url('font/opensans-bold-webfont.ttf') format('truetype'),
			 url('font/opensans-bold-webfont.svg#OpenSansBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'alfa_slab_oneregular';
    src: url('font/alfaslabone-regular-webfont.eot');
    src: url('font/alfaslabone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alfaslabone-regular-webfont.woff') format('woff'),
         url('font/alfaslabone-regular-webfont.ttf') format('truetype'),
         url('font/alfaslabone-regular-webfont.svg#alfa_slab_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sans_extraboldregular';
    src: url('font/opensans-extrabold-webfont.eot');
    src: url('font/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-extrabold-webfont.woff') format('woff'),
         url('font/opensans-extrabold-webfont.ttf') format('truetype'),
         url('font/opensans-extrabold-webfont.svg#open_sans_extraboldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* -- Adjusment -- */
.clr { clear: both; }
.fr { float: right!important; }
.fl { float: left!important; }
.ar { text-align: right!important; }
.al { text-align: left!important; }
.ac { text-align: center!important; }
#main ul li {
	margin-left: 20px;
	list-style-type: disc;
	line-height:2;
}
#main ol li {
	margin-left: 20px;
	list-style-type: decimal;
	line-height:2;
}

#main ul, #main ol{
	margin-bottom: 20px;
}

.home #main ul li {
	margin-left: 0px;
	list-style-type: none;
	line-height:2;
}

.mb0 { margin-bottom:0!important;}
.mb10 { margin-bottom:10px!important;}
.mb50 { margin-bottom:50px!important;}
.mr0 { margin-right:0!important;}

/* -- header -- */
header {
	position: relative;
}
header .logo {
	position: absolute;
	top: -6px; left: 10px;
	z-index: 1;
}

header .specials { 
	position: absolute;
	top: 15px;
	right: 0;
	z-index: 1000;
}


/* -- menu-main -- */
#menu-main {
	height:50px;
	line-height:50px;
	font-family: 'OpenSansBold', sans-serif;
	font-size: 15px;	
	text-transform:uppercase;
	position:relative;
	z-index:4;
	float: right;
	padding: 90px 0 10px 0;
}
#menu-main li {
	margin: 0 0 0 25px;
	float:left;
	position:relative;
}
#menu-main li a {
	display:block;
	text-shadow: 1px 1px 1px #fff;
}
#menu-main li a:hover {
	color: #3e4f18;
}
#menu-main li ul {
	position:absolute;
	display:none;
	left:0;
	top:40px;
}
#menu-main li ul li {
	background: #3e4f18;
	float:none;
	clear:both;
	font-size:80%;
	margin: 0px;
}
#menu-main li ul li a {
	width:120px;
	line-height:25px;
	padding: 0 10px;
	text-align:left;
	color:#fff;
	text-shadow: none;
}
#menu-main li ul li a:hover {
	background: #FFDE16;
	text-decoration:none;
}


/* -- footer -- */
footer {
	background:#422a12;
}
footer #footer_in {
	width:940px;
	margin:0 auto;
	padding:30px 0 80px;
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	font-family: 'OpenSansBold';
	line-height:1.5;
}
footer p {
	width:300px;
	float:right;
	text-align:right;
}
footer ul {
	width:500px;
	float:left;
}
footer li {
	margin-right:20px;
	float:left;
}
footer a {
	color:#fff;
}
footer a:hover { 
	color: #758d3d;
}

/* -- common -- */
#wrapper {
	background:url(img/bg_all.jpg);
}
#wrap {
	width:940px;
	margin:0 auto;
}
#content {
}
#main {
	width:640px;
	padding:40px 0 50px;
	float:left;
}
#main h2 {
	margin-bottom:12px;
	font-family: 'alfa_slab_oneregular';
	font-size:24px;
	line-height:1.2;
	text-transform:uppercase;
	color:#758d3d;
	font-weight: normal;
}
#main p {
	margin-bottom:20px;
	line-height:1.8;
}
#main .featurebox {
	background:url(img/bg_paper.png) center bottom no-repeat;
	width:580px;
	padding:30px;
	font-family: 'alfa_slab_oneregular';
	font-size:24px;
	color:#758d3d;
}
#main .featurebox p {
	line-height:1.2;
}
#side {
	width:260px;
	padding:40px 0 50px;
	float:right;
}
#side p {
	margin-bottom:20px;
}
#side .testimonial {
	background:url(img/quotation.png) left top no-repeat;
	width:220px;
	padding:20px;
	color:#777;
	line-height:1.5;
}
#side .testimonial p {
	margin-bottom:10px;
}
#side .testimonial .name {
	border-bottom:1px solid #ccc;
	margin:0;
	padding-bottom:30px;
	font-size:11px;
	color:#0f254a;
	font-style:italic;
}

.hero p {
	width:940px;
	margin:0 auto;
}
.hero h1 {
	width:940px;
	height:150px;
	margin:0 auto;
	font-size:40px;
	position:relative;
	font-weight: normal;
}
.hero h1 span {
	width:300px;
	position:absolute;
	left:30px;
	bottom:30px;
	z-index:2;
	display:block;
	font-family: 'alfa_slab_oneregular';
	text-transform:uppercase;
	color:#fff;
	text-shadow: 2px 2px 2px #000;
}
.hero h1 img {
	z-index:1;
}


/* -- home -- */
.home .hero {
	margin-bottom:30px;
}
.home #main {
	width:940px;
	padding:0 0 40px;
	float:none;
}
.home #main h2 {
	font-size:40px;
}
.home #main .fr,
.home #main .fl {
	width:450px;
	margin-bottom:20px;
}



.home .banner li {
	width:287px;
	margin-right:40px;
	float:left;
}
.home .banner li.end {
	width:286px;
	margin:0;
}


/* -- contact -- */
#main .clearfix {
	margin-bottom:20px;
}
#main .contact_details {
	width:300px;
	float:left;
}
#main .contact_details .tl {
	text-transform:uppercase;
	font-family: 'alfa_slab_oneregular';
	font-size:20px;
	color:#0f254a;
}
#main .contact_details p {
	margin-bottom:10px;
	line-height:1.3;
}

#main .contact_details dl {
	padding: 0 0 15px 0;
}
#main .contact_details dt {
	width:50px;
	float:left;
	clear:both;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.5;
}
#main .contact_details dd {
	margin-left:60px;
	line-height:1.5;
}
#main .googlemap {
	width:300px;
	float:right;
}
#main .googlemap a {
	color:#0f254a !important;
}

#main .wpcf7-form .fr,
#main .wpcf7-form .fl {
	width:300px;
}
#main .wpcf7-form label {
	margin-bottom:5px;
	font-family: 'alfa_slab_oneregular';
	display:block;
	text-transform:uppercase;
}
#main .wpcf7-form textarea,
#main .wpcf7-form input {
	background:#ccc;
	border:none;
	width:280px;
	height:30px;
	padding:0 10px;
	margin-bottom:20px;
	display:block;
}
#main .wpcf7-form textarea {
	height:100px;
	padding:10px;
}
#main .wpcf7-form .wpcf7-submit {
	background:#758d3d;
	border:none;
	width:100px;
	height:25px;
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
}

#main .post { 
	border-bottom: 1px dashed #78A02D;
	margin: 0 0 30px 0;
}

#main .post .thumbnail, .single #main .post .thumbnail {
	width:110px;
	margin-top:10px;
	display:block;
	float:left;
}
#main .post dl, .single #main .post dl {
	width:520px;
	float:right;
	line-height:1.5;
	padding-bottom: 20px;
}
#main .post dl {
	border-bottom: none;
	margin: 0;
}
#main .post .wp-post-image {
	border: 1px solid #717732;
}
#main .post dl dt, .single #main .post dl dt {
	margin-bottom:10px;
	font-family: 'alfa_slab_oneregular';
	font-size:18px;
	color:#758d3d;
	text-transform:uppercase;
	font-weight: normal;
	margin: 0;
}
#main .post dl dd, .single #main .post dl dd {
	margin-bottom:10px;
}

#main .post dl .date, .single #main .post dl .date {
	text-transform:uppercase;
	margin-bottom:0;
	font-weight: bold;
}

.readmore { 
	background: #717732;
	padding: 5px 7px;	
	font-family: 'alfa_slab_oneregular';
	text-transform:uppercase;
	color: #fff;
	border: 1px solid #fff;
}
.readmore:hover { 
	background: #AF8256;
}

.single-post .post { 
	border-bottom: none !important;
}

.weather-city, .weather-country { 
}

.weather-location { 
	font-family: 'alfa_slab_oneregular';
	width: 120px;
	float: left;
	text-align: right;
	padding: 18px 20px 0 0;
	color: #758E3D ;
	text-shadow: 1px 1px 1px #fff;
	
}

.weather-day, .weather-hilo { 
	font-size: 10px;
	text-transform:uppercase;
	margin: 0 0 3px 0;
}

.weather-wrapper { 
	position: absolute;
	top: 16px;
	right: 250px;
	width: 330px;
}

.weather-forecast li { 
	float: left;
	padding: 0 10px 0 0;
	text-align: center;
}

.wwo-weather-wrapper h3 { 
	position: absolute;
	width: 120px;
	top: 15px; 
	font-family: 'alfa_slab_oneregular';
	float: left;
	text-align: right;
    padding: 0;
    position: absolute;
    right: 320px;
	color: #758E3D ;
	font-size: 13px;
	font-weight: normal;
	text-shadow: 1px 1px 1px #fff;
}

#gogadget_weather_widget { 

	position: absolute;
	top: 15px; right: 0px;
}

#gogadget_weather_widget table { 
	width: 80% !important;
	font-size: 11px !important;
}
#gogadget_weather_widget table td { 
text-align: center;
}


#gogadget_weather_widget table tr:first-child { 
	font-weight: bold !important;
	text-transform: uppercase !important;
}