/*
Theme Name: Tales of Times Past theme
Author: MediaOnMars
Author URI: http://mediaonmars.com.au/
Version: 1.0
License: GNU General Public License
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/**
 * @license
 * MyFonts Webfont Build ID 2742018, 2014-02-07T03:39:24-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Modesto Regular by Parkinson
 * URL: http://www.myfonts.com/fonts/parkinson/modesto/regular/
 * Copyright: Modesto. (c) Copyright, 2000. Parkinson Type Design.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2742018
 * 
 * © 2014 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/29d702");
  
@font-face {
	font-family: 'ModestoRegular';
	src: url('fonts/29D702_0_0.eot');
	src: url('fonts/29D702_0_0.eot?#iefix') format('embedded-opentype'),
	url('fonts/29D702_0_0.woff') format('woff'),
	url('fonts/29D702_0_0.ttf') format('truetype');
}

@font-face {
	font-family: 'Ashbury-Light';
	src: url('fonts/29D6C9_0_0.eot');
	src: url('fonts/29D6C9_0_0.eot?#iefix') format('embedded-opentype'),
	url('fonts/29D6C9_0_0.woff') format('woff'),
	url('fonts/29D6C9_0_0.ttf') format('truetype');
}

html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form {
	border: none;
	margin: 0;
	padding: 0;
}
* {outline: 0;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
a img {
	border: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol li, ul li {
	list-style-position: outside;
}

/* =Global
----------------------------------------------- */

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 17px;
	line-height: 22px;
	color: #372b20;
	background: url(images/bg.jpg) repeat left top;
}

body.home {font-family: 'Ashbury-Light';}

h2, h3 {
	font-weight: normal;
	font-family: 'ModestoRegular';
	text-transform: uppercase;
}

h4, h5, h6 {
	font-family: 'Ashbury-Light';
}

h2 {
	font-size: 22px;
	color: #fff;
	background: #ee6323;
	padding: 10px 20px;
}

h3 {
	color: #0079ba;
	margin-bottom: 15px;
	font-size: 20px;
}

h4 {
	font-size: 18px;
	color: #ee6323;
	margin-bottom: 15px;
}

a {
	color: #0079BA;
	text-decoration: underline;
}
a:focus,
a:active,
a:hover {
	text-decoration: none;
	color: #ed6223;
}

.clear {
	clear: both;
	font-size: 1px;
}

.scroll-pane {
	overflow: auto;
	height: 288px;
}

/* =Structure
----------------------------------------------- */

.wrapper {
	margin: 0 auto;
	width: 1000px;
}

/* Block Alignment */

.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Text Alignment */

.textleft {text-align: left;}
.textright {text-align: right;}
.textcenter {text-align: center;}
.textjustify {text-align: justify;}

/* =Header
----------------------------------------------- */

#branding {
	padding-top: 18px;
	height: 168px;
	font-family: 'Ashbury-Light';
}

#branding a {
	text-decoration: none;
	color: #321;
}
#branding a:hover {color: #ed6223;}

#branding #site-title {float: left;}
#branding #site-title a {text-decoration: none;}

.header_right {
	float: right;
	width: 510px;
	text-align: right;
	font-size: 15px;
	line-height: 18px;
	color: #321;
	padding-top: 12px;
}

.header_right .widget {
	margin-bottom: 14px;
}

/* =Search form
-------------------------------------------------------------- */

.searchform {
	width: 254px;
	float: right;
}

.searchform input.field {
	float: left;
	width: 141px;
	height: 15px;
	padding: 12px 10px 13px 20px;
	margin-top: 10px;
	background: url(images/search_bg.jpg) no-repeat left top;
	border: none;
	font-size: 15px;
	color: #5c4f3e;
	font-family: 'ModestoRegular';
}

.searchform input.submit {
	float: left;
	padding: 0;
	margin: 0;
	height: 71px;
	width: 83px;
	border: none;
	background: url(images/search_submit.jpg) no-repeat left top;
	text-transform: uppercase;
	text-indent: -9999px;
	cursor: pointer;
}

/* =Top Menu
-------------------------------------------------------------- */

#topmenu {
	float: right;
	text-transform: uppercase;
	font-size: 13px;
	font-family: 'ModestoRegular';
	white-space: nowrap;
	background: url(images/topmenu_bg.jpg) repeat-x left top;
}

#topmenu .topmenu_wrapper {
	padding-right: 17px;
	background: url(images/topmenu_right.jpg) no-repeat right top;
}

#topmenu .topmenu_inner {
	padding: 10px 0 13px 28px;
	background: url(images/topmenu_left.jpg) no-repeat left top;
}

#topmenu li {
	display: inline-block;
	padding-left: 18px;
	margin-left: 17px;
	background: url(images/nav_divider.png) no-repeat left top;
	line-height: 17px;
	height: 17px;
}

#topmenu li:first-child {
	background: none;
	margin-left: 0;
	padding-left: 0;
}

#topmenu a {color: #5c4f3e;}
#topmenu a:hover {color: #ed6223;}

/* =Main Menu
-------------------------------------------------------------- */

#mainmenu {
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'ModestoRegular';
	background: url(images/main_menu_bg.png) repeat-x left top;
	padding: 5px 0;
	margin-bottom: 25px;
	position: relative;
	z-index: 99999;
}

#mainmenu li {
	list-style-type: none;
	display: inline-block;
	padding-left: 1px;
	position: relative;
	background: url(images/nav_divider.png) no-repeat left 11px;
}

#mainmenu li:first-child {background: none;}

#mainmenu a {
	color: #5c4f3e;
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 13px 7px 13px;
	text-decoration: none;
}
#mainmenu li.current-page-ancestor > a, #mainmenu li.current-menu-ancestor > a, #mainmenu li:hover > a, #mainmenu li.current-menu-item > a, #mainmenu a:hover {color: #ed6223 !important;}

/* if Submenu -------------------------------------------------- */
#mainmenu ul.sub-menu {
	position: absolute;
	top: 44px;
	left: 0;
	text-align: center;
	z-index: 999;
	display: none;
}

#mainmenu li:hover ul.sub-menu {display: block;}

#mainmenu ul.sub-menu li {
	display: block;
	padding-left: 0;
	background: none;
}

#mainmenu ul.sub-menu a {
	color: #fffbf4;
	height: auto;
	padding: 5px 8px;
	line-height: normal;
	background: #007aba;
	border-top: 1px solid #fffaf3;
	font-size: 13px;
	text-transform: uppercase;
	white-space: nowrap;
}

/* =Content
----------------------------------------------- */

#main {background: url(images/home_wrapper_bg.jpg) repeat center top;}

.main_top, .main_bottom {
	height: 21px;
	font-size: 1px;
	background: url(images/main_top_bg.jpg) repeat-x center top;
	clear: both;
}
.main_bottom {background: url(images/main_bottom_bg.jpg) repeat-x center bottom;}

#primary {padding: 15px 0;}

body.home #main #primary {
	background: url(images/home_bg2.jpg) no-repeat center top;
	height: 651px;
	padding: 0;
}

#content {
	float: left;
	width: 655px;
}
#content.full_width {width: 100%;}

body.home #content {
	float: right;
	width: 370px;
	margin-top: 132px;
	padding: 0 35px 0 0;
}

#content .entry-content {
	padding: 20px;
	background: #fffbf4;
}

.sidebar {
	float: right;
	width: 330px;
	margin-top: -5px;
}

.sidebar .featured, .sidebar .featured2 {margin-bottom: 10px;}

.featured_top {
	height: 32px;
	background: url(images/sidebar_photo_top.png) no-repeat left top;
}

.featured_bottom {
	height: 37px;
	background: url(images/sidebar_photo_bottom.png) no-repeat left top;
}

.featured_inner {
	text-align: center;
	position: relative;
	padding: 0 20px;
}

.featured_inner .frame {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(images/sidebar_photo_frame.png) repeat-y left top;
}

.caption, .caption2 {
	font-size: 17px;
	line-height: 19px;
	text-align: center;
	color: #fff;
	padding: 10px 15px;
	margin: 10px 8px 0 4px;
}

.caption {background: #2d73a5;}
.caption2 {background: #f5991f;}

.flexslider {
	float: left;
	width: 340px;
	height: 340px;
	padding: 32px 28px 31px 28px;
	margin: 36px 0 0 161px;
	box-shadow: none;
	overflow: hidden;
}

.flexslider .frame {
	width: 396px;
	height: 403px;
	background: url(images/homepage_frame.png) no-repeat left top;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

.flex-control-nav {
	bottom: 40px;
	right: auto;
	left: 35px;
	text-align: left;
}

.flex-control-nav li {margin: 0 4px;}

.flex-control-paging li a {
	width: 8px;
	padding-top: 8px;
}

#content p, #content ol, #content ul {margin-bottom: 20px;}
#content ol, #content ul {margin-left: 20px;}
body.home #content p {margin-bottom: 15px;}

.quote {
	float: left;
	width: 324px;
	line-height: 24px;
	margin: 51px 0 0 134px;
}

/* =Footer
----------------------------------------------- */

#footer {
	clear: both;
	background: url(images/footer_top_line.png) repeat-x left top;
	padding-top: 25px;
	position: relative;	
	margin: 20px 0;
	font-size: 12px;
	color: #5c4f3e;
	font-family: 'ModestoRegular';
	line-height: 18px;
	text-transform: uppercase;
}

#footer a {
	text-decoration: none;
	color: #5c4f3e;
}
#footer a:hover {color: #ed6223;}

.footer_icon {
	width: 38px;
	height: 32px;
	background: url(images/footer_icon.jpg) no-repeat left top;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -19px;
}

.footer_inner {
	padding-bottom: 11px;
	background: url(images/footer_dashed.png) repeat-x left bottom;
}

.footer_left {
	float: left;
	width: 498px;
}

.footer_right {
	float: right;
	width: 498px;
	background: url(images/footer_right_sep.png) repeat-y right top;
	text-align: right;
}

.lotterywest {float: right;}

.footer_widgets {
	float: right;
	padding-right: 44px;
}

hr{
    padding: 0;
    border: none;
    border-top: none;
    color: #333;
    text-align: center;
	height: 30px;
	background-image: url(images/line.png);
	background-position: center center;
}