/*   
Theme Name: HTML5 Aussie Town Theme - Rev
Theme URI: http://dev.flowinteractive.com.au/aussietowns/
Description: 
Author: HP
Version: 2.0
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
a:active { background: none !important; }

body { background: url(images/bg.jpg) repeat top center #ffffff; font-family: DINRegular; } 

h2 { font-size: 26px; color: #01553b; font-weight: bold; }
h3 { font-size: 19px; color: #02563c; line-height: 28px; }
h5 { font-size: 17px; color: #ffffff; }
h6 { font-size: 22px; color: #01553b; font-weight: normal; line-height: 22px; margin-bottom: 5px; }

h3 a { font-size: 19px; color: #02563c; line-height: 28px; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.right { text-align: right; }
.left { text-align: left; }


/* #Page Styles
================================================== */
.header-container { background: url(images/header-bg.png) repeat-x 0 0; width: 100%; height: 108px; }
.search-container { float: right; padding-top: 8px; }
.search-container form { margin: 0; }
.search-container input { background: none repeat scroll 0 0 #F4F4F4; padding: 5px; border: medium none; border-radius: 0 0 0 0; float: left; font-size: 12px; margin: 0 5px 0 0; }
.search-container button { background: url(images/search-go.png) no-repeat; float: left; margin: 0; width: 37px; height: 25px; padding: 0; border: none; text-indent: -9999px; border-radius: 0 0 0 0; }

.logo h1 { padding: 25px 0 0; }
.logo h1 a { display: block; background: url(images/logo.png) no-repeat; text-indent: -9999px; width: 257px; height: 48px; }
.navigation-container nav { padding-top: 17px; }
.navigation-container nav ul { margin: 0; }
.navigation-container nav ul li { margin: 0; float: left; margin: 0 0 0 18px; }
.navigation-container nav ul li a { font-size: 16px; color: #333333; text-decoration: none; }
.navigation-container nav ul li.current-menu-item a { font-size: 16px; color: #f5bb0f; text-decoration: none; }

.cycloneslider { box-shadow: 0 5px 2px #777777; -moz-box-shadow: 0 5px 2px #777777; -webkit-box-shadow: 0 5px 2px #777777; }

.banner-container { position: relative; background: url(images/home-banner.jpg) no-repeat top center; width: 100%; height: 0; box-shadow: 0 5px 2px #777777; -moz-box-shadow: 0 5px 2px #777777; -webkit-box-shadow: 0 5px 2px #777777; }
.inner-banner-container { position: relative; background: #ccc url(images/inner-banner.jpg) no-repeat top center; width: 100%; height: 260px; box-shadow: 0 5px 2px #777777; -moz-box-shadow: 0 5px 2px #777777; -webkit-box-shadow: 0 5px 2px #777777; }
.find-town { background: url("images/find-town-bg.png") repeat scroll 0 0 transparent;
    padding: 10px 25px;
    position: absolute;
    right: 10px;
    top: -389px;
    width: 245px;
    z-index: 9999; }
.find-town .find-town-input { padding-bottom: 10px }
.find-town .find-town-a-z { color: #fff; text-transform: uppercase; }
.find-town .find-town-a-z a { color: #e5b625; text-decoration: none; text-transform: uppercase; }
.find-town .find-town-a-z a:hover { color: #e5b625; text-decoration: underline; }
.find-town h3 { font-size: 23px; color: #fff; font-weight: bold; margin: 0; }
.find-town p { margin-bottom: 10px; font-size: 13px; color: #fff; line-height: 18px; }
.find-town input { width: 183px; padding: 8px 5px; border: medium none; border-radius: 0 0 0 0; float: left; font-size: 12px; margin: 0 5px 0 0; }
.find-town select { width: 192px; padding: 7px 5px; border: medium none; border-radius: 0 0 0 0; float: left; font-size: 12px; margin: 0 5px 0 0; }
.find-town button { background: url(images/find-town-go.png) no-repeat; float: left; margin: 0; width: 44px; height: 31px; padding: 0; border: none; text-indent: -9999px; border-radius: 0 0 0 0; }

.bannerarea { position: relative; height: 413px; display: none !important; }
.banner-caption { position: absolute; bottom: 20px; background: url(images/find-town-bg.png) repeat; padding: 10px 20px; }
.banner-caption p { color: #fff; font-size: 16px; margin: 0; }

.content-container { background: url(images/content-bg.png) repeat-y top center; width: 966px; margin: 0 auto; }
.maincontent { font-size: 14px; color: #333333; padding: 25px 20px; position:relative}
#printIcon {position:absolute; top:40px; right:0; width:60px; background:#fff url(images/printicon.jpg) 0 0 no-repeat; padding-left: 25px; color:#666; text-decoration:none}

.yellow-box { padding: 20px; }
.yellow-box .shadow-box { box-shadow: 1px 1px 1px #D3D3D3; -moz-box-shadow: 1px 1px 1px #D3D3D3; -webkit-box-shadow: 1px 1px 1px #D3D3D3; }
.yellow-box h4 { background: url(images/header-yellow.png) repeat-x; padding: 2px 0; margin: 0; display: block; text-align: center; color: #333333; font-size: 18px; }
.yellow-box .box-container { padding: 10px; }
.yellow-box .box-container p { font-size: 11px; margin: 0; }

.green-box { padding: 20px; }
.green-box .shadow-box { box-shadow: 1px 1px 1px #D3D3D3; -moz-box-shadow: 1px 1px 1px #D3D3D3; -webkit-box-shadow: 1px 1px 1px #D3D3D3; }
.green-box h4 { background: url(images/header-green.png) repeat-x; padding: 2px 0; margin: 0; display: block; text-align: center; color: #ffffff; font-size: 18px; }
.green-box .box-container { padding: 10px; }
.green-box .box-container p { font-size: 12px; margin: 0; }

aside { padding-top: 10px; }

.footer-container { background: url(images/footer-bg.png) repeat-x #02563c; width: 100%; }
.footer-container h5 { padding-bottom: 10px; }
ul.social { margin: 0; padding-top: 5px; }
ul.social li { margin: 0; float: left; margin-right: 5px; }
ul.social li a { background: url(images/social.png) no-repeat; display: block; text-indent: -9999px; width: 29px; height: 28px; }

ul.social li.google a { background-position: -35px 0; }
ul.social li.pinterest a { background-position: -69px 0; }

footer { padding: 15px 0; }
footer ul { margin: 0; }
footer ul li { margin: 0; line-height: 16px; }
footer ul li a { color: #ffffff; text-decoration: underline; font-size: 12px; }

.copyright { padding-top: 20px; }
.copyright p { color: #ededed; font-size: 11px; margin: 0; }
.copyright p a { color: #ededed; text-decoration: none; }
.copyright p a:hover { color: #ededed; text-decoration: underline; }

/* Final Touches aww! */
.single-post {  }
.single-post img { display: block; }
#crumbs { background: #f1f8f4; color: #333333; font-size: 12px; padding: 7px 7px 7px 30px; }
#crumbs a { color: #df7211; text-decoration: none; }
#crumbs span.current { color: #333333; }
#respond { padding-top: 15px; }
#respond h6 { font-weight: bold; }
#commentform { padding: 10px; background: #edf8f4; color: #00543a; }
#commentform  label { padding-bottom: 2px; }
#commentform  textarea { width: 552px; margin-bottom: 5px; margin-top: 4px; border: medium none; border-radius: 0 0 0 0; }
#commentform  input[type="text"] { width: 265px; margin-top: 4px; border: medium none; border-radius: 0 0 0 0; }
#commentform  .comment-name { float: left; }
#commentform  .comment-email { float: right; }
#commentform  input[type="submit"] { float: right; background: url(images/comment-submit.png) no-repeat; width: 94px; height: 31px; display: block; padding: 0; margin: 0; border: none; border-radius: 0 0 0 0; text-indent: -9999px; }

.commentlist {  }
.commentlist a { color: #666666; text-decoration: none; }
.commentlist .comment-author { float: left; padding: 10px 0 0 15px; }
.commentlist .reply { padding: 10px 0 0 15px; }
.commentlist .commentmetadata { float: left; margin-left: 5px; padding: 10px 0 0 0; }
.commentlist .comment-awaiting-moderation { float: left; margin-left: 5px; padding: 10px 0 0 0; }
.commentlist p { color: #01553b; background: #edf8f4; margin: 20px 0; padding: 20px; position: relative; border-radius: 5px 5px 5px 5px; }
.commentlist p:after { content: ""; position: absolute; top: 100%; left: 20px; border-top: 20px solid #edf8f4; border-top-color: #edf8f4; border-left: 20px solid transparent; /*border-right: 20px solid transparent;*/ }

.yellow-box ul li { background: url("images/yellow-bullet.png") no-repeat scroll left 7px transparent; font-size: 13px; padding-left: 25px; }
.green-box ul li { background: url("images/green-bullet.png") no-repeat scroll left 7px transparent; font-size: 13px; padding-left: 25px; }
.green-box ul li a, .yellow-box ul li a { color: #df7211; }

.google-map-box { padding: 20px; }
.google-map-box small { display: none; }

.gallery-box { padding: 20px; }
.gallery-box img { margin-bottom: 0; }
.gallery-box h6 { color: #005339; font-size: 16px; margin-bottom: 10px; font-weight: bold; }

.social-box { padding: 20px; }

.maincontent .result-thumb { float: left; width: 115px; height: 115px; margin-right: 15px; }
.maincontent .result-container{ padding-bottom: 15px; }
.maincontent .result-content { float: left; width: 450px; }
.maincontent .result-content p { margin-bottom: 10px; font-size: 12px; line-height: 16px; }
.maincontent .result-content a.view-details { background: url(images/view-details.jpg) no-repeat; width: 102px; height: 26px; display: block; text-indent: -9999px; }


/*Cyclone CSS callback*/
.cycloneslider {
    position: relative;
    width: 100% !important;
}

.cycloneslider-slides {
    max-height: 100%;
    min-height: 400px !important;
    overflow: hidden;
    position: relative;
}
.cycloneslider-slide {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
    z-index: 100;
}

.cycloneslider-template-default img {
    display: block;
    height: 100%;
    width: 100%;
}
.cycloneslider-template-default .cycloneslider-caption {
    background: url("http://dev.flowinteractive.com.au/aussietowns/atcontent/plugins/cyclone-slider/templates/default/images/bg-caption.png") repeat scroll 0 0 transparent;
    bottom: 0 !important;
    color: #FFFFFF;
    left: 20% !important;
    position: absolute;
    width: 500px !important;
    z-index: 99;
}

.cycloneslider-template-default .cycloneslider-caption-title {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 0;
    padding: 10px 20px 5px;
}

.cycloneslider-template-default .cycloneslider-caption-description {
    font-size: 17px !important;
    line-height: 1.5;
    padding: 0 20px 15px;
}
.cycloneslider-prev, .cycloneslider-next, .cycloneslider-pager {
    cursor: pointer;
}
.cycloneslider-template-default .cycloneslider-prev, .cycloneslider-template-default .cycloneslider-next {
    background: url("http://dev.flowinteractive.com.au/aussietowns/atcontent/plugins/cyclone-slider/templates/default/images/sprite-arrows.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 44px;
    margin-top: -22px;
    opacity: 0.8;
    position: absolute;
    text-indent: -99999px;
    top: 50%;
    width: 26px;
    z-index: 102;
}

.cycloneslider-template-default .cycloneslider-prev {
    background-position: 0 0;
    left: 10px;
}

.cycloneslider-template-default .cycloneslider-next {
    background-position: -29px 0;
    right: 10px;
}
.cycloneslider-template-default .cycloneslider-pager {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 99;
}
.cycloneslider-template-default .cycloneslider-pager a {
    background: url("http://dev.flowinteractive.com.au/aussietowns/atcontent/plugins/cyclone-slider/templates/default/images/sprite-nav.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    font-size: 0;
    height: 10px;
    line-height: 0;
    margin-right: 6px;
    text-indent: -99999px;
    width: 10px;
}

.cycloneslider-template-default .cycloneslider-pager a.activeSlide {
    background-position: left bottom;
}


.gallery img {
    border: medium none !important;
}
.gallery-box p {
    margin-bottom: 0 !important;
}
.gallery-caption { margin-left: 0; font-size: 12px; background: #edf8f4; padding: 4px 0; }

.ngg-gallery-thumbnail img {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.ngg-gallery-thumbnail span {
    padding-left: 0  !important;
	background: #edf8f4;
	font-size:12px !important
}
.ngg-gallery-thumbnail {
    margin-right: 0 !important;
    text-align: center;
	margin-bottom:5px
}

blockquote {
    border-left: none !important;
    margin: 0 0 15px;
    padding: 20px !important;
	background: #edf8f4;
	color: #00543a;
}

.row-list { padding: 20px 0 30px; }
.row-list h6 { font-size: 16px; color: #edbf33; }
.row-list h6 a { color: #edbf33; }
.row-list ul { padding-left: 15px; }
.row-list ul li { margin: 0; }
.row-list ul li a { color: #edbf33; }

.wpcf7 form {  }
.wpcf7 form input[type="text"] { width: 320px; margin: 5px 0 10px; }
.wpcf7 form input[type="email"] { width: 320px; margin: 5px 0 10px; }
.wpcf7 form textarea { width: 500px; margin: 5px 0 20px; }
.wpcf7 form input[type="submit"] { background: #0d5e3b; border-radius: 0 0 0 0; color: #ffffff; text-shadow: none; padding: 8px 22px; border: none; }
span.wpcf7-not-valid-tip {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FF0000;
	color: #FF0000;
    font-size: 10pt;
    padding: 0;
    position: inherit !important;
    width: 280px;
    z-index: 100;
	left: 0 !important;
}

/*#map {
	border:2px solid #cd1f28; 
	-webkit-box-shadow: 0px 0px 8px #000; 
	-moz-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000; 
	margin-top:25px
}

#mapBox {
	width:600px; 
	height:510px; 
	background:url(images/back.jpg); 
	text-align:center; 
}

#mapBox a{color:#fff}

#mapPic:hover { 
	border:2px solid #000;
	-webkit-box-shadow: 0px 0px 8px #000; 
	-moz-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000; 
}*/

.field-details {  }
.field-details h3 { font-weight: bold; }
.field-details a { color: #DF7211; }
a.back-to-top { text-align: right; color: #aaaaaa; text-decoration: none; display: block; }
a.back-to-top:hover { text-align: right; color: #aaaaaa; text-decoration: underline; display: block; }

.quicklinks li { margin-bottom: 2px; }

/* New styles added by Flow
================================================== */

/*State and region*/

.regionlist ul {margin-left:0}
.regionlist li {
	list-style:none;
	width:220px; 
	float:left;
	margin-right:20px;
}
.regionlist li li {
	float:none;
	width:210px;
	margin-left:10px;
}

.letter-links {
    font-size: 17px;
    text-align: center;
}


.letter-links a {
    color: #F5BB0F;
    margin: 0 5px;
    text-decoration: none;
}

.letter-cell {
    border-bottom: 2px solid #F5F5F5;
    color: #01553B;
    font-size: 18px;
    margin: 15px 0 10px;
}

.top-link {
    float: right;
    font-size: 12px;
    text-align: right;
}

.top-link a, .top-link > a:visited {
    color: #CCCCCC;
    text-decoration: none;
}


.title-cell {
    float: left;
    margin-bottom: 0;
    overflow: hidden;
    width: 20%;
}

.title-cell > a, .title-cell > a:visited {
    color: #000000;
    text-decoration: none;
}

.slideshowlink { display:none}


/* CSS3 Transition - Apply comment if not necessary
================================================== */
	.container, img {
		transition:all .1s linear; 
		-o-transition:all .1s linear; 
		-moz-transition:all .1s linear; 
		-webkit-transition:all .1s linear;
	}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Misc
================================================== */

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
@font-face {
    font-family: 'DINRegular';
    src: url('fonts/din-rg__.eot');
    src: url('fonts/din-rg__.eot') format('embedded-opentype'),
         url('fonts/din-rg__.woff') format('woff'),
         url('fonts/din-rg__.ttf') format('truetype'),
         url('fonts/din-rg__.svg#DINRegular') format('svg');
	font-weight: normal;
	font-style: normal; 
}