/*
Theme Name: Cloncurry Mustering
Theme URI: http://www.cloncurrymustering.com.au
Description: 2011 Design
Version: 1
Author: Jason, Jylan & Michael, Almost Anything Web and Graphic Design
Author URI: http://www.almostanything.com.au
*/

/*
 *
 * based on 960 12 col grid
 * columns 60px
 * column gaps 20px
 * 10px left/right, usable width in content area 940px
 *
 */

/***************************************************************
 *
 * Let's play Tetris!
 * (Block-level layout only)
 *
 ***************************************************************/

html, body {
    margin: 0;
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
    background: #1f1a17 url(images/backgroundBg.jpg) center top repeat-y;
    color: #e8dbd3;
}

    html {
        background:#e8d6cc;
    }

    body {
        padding-top:40px;
    }

.outer {
    width: 100%;
}

.widthlimiter {
    width:900px;
    margin:0 auto;
    position:relative;
}

#header {
    padding:100px 0 50px;
    margin:0 auto 40px;
    height:150px;
    width:970px;
    position: relative;
    overflow:hidden;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    border-radius:25px;
    border:10px solid #fff;
    border-width:10px 0;
}

    #header .widthlimiter {
        overflow:hidden;
        background:#e8d6cc url(/wp-content/uploads/inair.jpg) 100% 300px no-repeat;
        -moz-border-radius:500px;
        -webkit-border-radius:500px;
        border-radius:500px;
        width:940px;
        padding:370px 0;
        margin-top:-420px;
    }

#sidebar { /* 4 cols = 300 */
    width: 280px;
    float: right;
    padding: 10px;
}

#content {
    float:left;
}

#content.narrow { /* 8 cols = 620 */
    width: 620px;
}

#content.wide { /* 12 cols = 940 */
    width: 900px;
    margin: 0 0 40px;
}

#footer {
    clear: both;
    width: 100%;
}

/***************************************************************
 *
 * Header
 *
 ***************************************************************/

#header h1, #header h1 a {
    margin: 0;
    width:400px;
    height:205px;
    display:block;
    float:left;
}

    #header h1 {
        margin-left:40px;
    }

    #header h1 a {
        text-indent:-9999px;
        background:transparent url(images/logo.png) no-repeat;
    }

/* Skip links */
#skiplinks {
    position: absolute;
    left: -9999px;
}

/***************************************************************
 *
 * Navigation
 *
 ***************************************************************/
/*** ESSENTIAL STYLES ***/
/* don't change these guys too much - unless you've got a really good reason! */
.nav, .nav ul, .nav li {margin:0;padding:0;list-style:none;}
.nav li {position:relative;clear:left;}
/*.nav ul {position:absolute;top:-9999px;left:0;}
.nav ul, .nav ul li {display:block;}
.nav ul li {width:210px;}
.nav li:hover ul, .nav li.sfHover ul {top:35px;z-index:100;}*/

/*** NAVIGATION SKIN ***/
/* customise this as much as you like... */

.menu-main-container, .nav, .nav li {
    float:left;
}

.menu-main-container {
    margin:7px 0 0 260px;
}

.nav a {
    color: #d8f3ff;
    border:none;
    display:block;
    font-size:1.3em;
    line-height:1em;
    margin:7px 0;
    text-decoration: none;
}

/*    .nav li li a {
        line-height:25px;
        padding:5px 1em;
    } */

.nav a:focus, .nav a:hover, .nav a:active, .nav li.sfHover a, .nav li.sfHover li a:hover {
    color:#fff;
    background:transparent;
}

/*    .nav li.sfHover li a {
        background:#ccc;
        color:#000;
    }
*/
.nav li.current_page_item a {
    color:#fff;
    font-weight:bold;
    border-right:60px solid #fff;
    padding-right:10px;
}


/***************************************************************
 *
 * Main Content
 *
 ***************************************************************/

#content {
    line-height:1.5em;
}

#printlogo {
    display:none;
}

#content h1, #content h2, #content h3, h4, h5 {
    color: #fff;
    line-height: 1.2em;
    margin:1em 0 .25em;
}

    #content h1 {
        margin:0 0 0 -30px;
    }

    h2+*, h3+*, h4+* {
        margin-top:.5em;
    }

    h2 {
        font-size:1.8em;
    }

    h3 {
        font-size:1.5em;
    }

.content_cta {
    font-weight:bold;
    font-size:1.4em;
    background:#000;
    padding:.75em 1em .75em .5em;
    margin:15px auto 0;
    border-radius:10px;
    width:470px;
    text-align:center;
}

h1 a {
    text-decoration: none;
}

#content a {
    color:#fff;
    padding:0 7px;
}

#content a:hover {
    text-decoration:none;
    background:rgba(255,255,255,0.2);
    padding:2px 7px 0;
}

#content img {
    border:5px solid #fff;
}

    #content img.plain {
        display:block;
        border:none;
        padding:0;
    }

ul#servicesList {
    margin:0 0 20px;
    float:left;
}

    ul#servicesList li {
        float:left;
        margin-left:25px;
    }

/* the next 3 rules are for the way WP sets its image floats */

#content .alignleft {
    float:left;
    margin:0 1em 1em 0;
}

#content .alignright {
    float:right;
    margin:0 0 1em 1em;
}

#content .aligncenter {
    text-align:center;
    margin:0 auto;
}

/* These 2 will make image captions look a bit like polaroids */

.wp-caption {
    background:#ccc;
}

.wp-caption p {
	line-height: 0.8em;
}

.wp-caption-text {
    font-size:.8em;
    text-align:center;
    padding:0;
    margin:0;
}


/***************************************************************
 *
 * Sidebar
 *
 ***************************************************************/

#sidebar {
    list-style: none;
    background: #ddd;
}

#sidebar ul, #sidebar li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#sidebar li ul { /* a nested list, so this should actually be displayed as a list */
    padding-left: 20px;
}

#sidebar li li {
    list-style-type: disc;
}

/* Sidebar menus (auto child pages)*/
#sidebar ul.child_pages, #sidebar ul.child_pages li, #sidebar ul.child_pages ul{
    padding:0;
    margin:0;
    list-style:none;
}
#sidebar ul.child_pages li a{
    display:block;
    line-height:2em;
    background:#aaa;
    text-align:center;
    color:#000;
    border-bottom:2px solid #000;
    text-decoration: none;
}
#sidebar ul.child_pages li li a{
    font-size:0.8em;
    color:#666;
}
#sidebar ul.child_pages li a:hover{
	color: #ccc;
	background: #000;
}

/* Sidebar menus (the built-in WP ones)*/
#sidebar ul.sidebar_menu, #sidebar ul.sidebar_menu li, #sidebar ul.sidebar_menu ul{
    padding:0;
    margin:0;
    list-style:none;
}
#sidebar ul.sidebar_menu li a{
    display:block;
    line-height:2em;
    background:#aaa;
    text-align:center;
    color:#000;
    border-bottom:2px solid #000;
}
#sidebar ul.sidebar_menu li li a{
    font-size:0.8em;
    color:#666;
}

/***************************************************************
 *
 * News and/or blog
 *
 ***************************************************************/
.postdate, .postmetadata {
	font-size:0.8em;
	font-style:italic;
}
.news_post_excerpt{
	width: 300px;
	height: 290px;
	float: left;
	margin: 0 10px 0 0;
}

/* If commenting is turned on, these are a start
 *  Prefix defs with .single-post to make sure they don't bleed into other things

.single-post #comments ol, single-post #comments li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.single-post .highlighted {
    background: #ccc;
}

.single-post .comment {
    border-bottom: 1px solid #999;
}

.single-post blockquote {
    margin: 0 60px;
}

.single-post blockquote blockquote {
    background: #999;
    margin: 0 20px;
    padding: 5px 20px;
}

#commentform textarea {
    width: 75%;
}

img.avatar {
    float: left;
}

*/

/***************************************************************
 *
 * Homepage
 *
 ***************************************************************/

.ctacontainer {
    overflow:hidden;
    float:left;
    margin-bottom:20px;
}

.cta {
    width: 293px;
    float: left;
    margin-bottom:-58px;
    position:relative;
    z-index:10;
}

    .ctacontainer img {
        clear:left;
    }

    #cta2 {
        width:294px;
    }

    .cta p {
        display:inline;
    }

    #content .cta a {
        display:block;
        padding:22px 0 0 20px;
        text-decoration:none;
        font-size:1.8em;
        background: #fff url(images/ctaIcons.png) no-repeat;
        color:#287da4;
        font-weight:bold;
        height:100px;
    }

        #content #cta1 a {
            background-position:-80px 30px;
        }

            #content #cta1 a:hover {
                background-position:190px 30px;
            }

        #content #cta2 a {
            background-position:-83px -185px;
        }

            #content #cta2 a:hover {
                background-position:187px -185px;
            }

        #content #cta3 a {
            background-position:-85px -395px;
        }

            #content #cta3 a:hover {
                background-position:185px -395px;
            }

        #content .cta a:hover {
            color:#fff;
            background-color:#287da4;
        }

#cta2, #cta3 {
    margin-left:10px;
}

/***************************************************************
 *
 * Contact Page
 *
 ***************************************************************/

#google_map{ /* The outer div */
	margin: 20px 0;
}
#google_map #map_canvas{ /* the inner container that defines the actual map size */
	width: 600px;
	height: 300px;
	margin: auto;
	border: 1px solid #000;
	/* x offset, y offset, blur radius, colour */
	-webkit-box-shadow: 5px 5px 5px #999; 
	-moz-box-shadow: 5px 5px 5px #999; 
	box-shadow: 5px 5px 5px #999; 
}

/***************************************************************
 *
 * Forms
 *
 ***************************************************************/

.gform_wrapper ul, .gform_wrapper li {
    list-style:none;
    margin:0;
    padding:0;
}

.gform_wrapper {
    float:right;
    margin:0 0 15px 15px;
}

    #gform_wrapper_2 {
        margin-top:10px;
    }

.gform_body, .gform_footer {
    float:left;
    clear:left;
    margin:0 0 1em;
}

.gform_wrapper input, .gform_wrapper textarea {
    margin:0;
    padding:8px;
    border:2px solid #000;
    background:#e8d6cc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    width:166px;
}

.gform_wrapper input:focus, .gform_wrapper textarea:focus {
	outline:0;
	border:2px solid #222;
    background:#fff;
	color:#000;
}

.gform_wrapper li#field_1_4 textarea { /* Enquiry box */
	width:578px;
}

#gform_wrapper_2 textarea {
    width:784px;
}

.validation_error, .validation_message {
    float:left;
    color:#fff;
}
    
    .validation_error {
        background:#f00;
        width:568px;
        margin-bottom:15px;
        padding:10px 15px 7px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
    }

    .validation_message {
        font-size:.9em;
        margin-top:3px;
    }

.gform_footer input {
	width:auto;
	background:#fff;
	font-size:1em;
	font-weight:bold;
	border:none;
	color:#1f1a17;
 	padding:10px 15px;
	margin:0 0 1em;
	cursor:pointer;
}

.gform_wrapper label {
    font-weight:bold;
    display:block;
    margin:0 0 .2em;
}

.gform_wrapper li {
    float:left;
    width:186px;
    margin-right:20px;
}

    .gform_wrapper li#field_2_5 {
        margin-top:13px;
    }

    .gform_wrapper li#field_1_3 {
        margin-right:0;
    }

    .gform_wrapper li#field_1_4 {
        margin:1em 0 0;
        clear:left;
        margin-right:0;
    }

/***************************************************************
 *
 * Footer
 *
 ***************************************************************/

#footer {
    background: #e8d6cc;
    padding:1em 0;
    font-size:.8em;
    color:#333;
}

#footer .vcard {
    clear: both;
    padding: 1em 0 0 0;
}

#footer a {
    color: #333;
    text-decoration: none;
    border-bottom:1px solid #333;
}

#footer a:hover {
    color:#000;
    border-bottom:1px solid #000;
}

.rssfeed {
    display: none;
}


/***************************************************************
 *
 * For skinny screens XD
 *
 ***************************************************************

@media only screen and (max-width: 1000px), only screen and (max-device-width: 480px) {
	.outer {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.widthlimiter {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#menu{
		width: 100%;
		padding: 0;
		margin: 0;
	}
		.nav ul{
			width: 100%;
		}
		.nav li{
			width: 25%;
		}
	#content, #content.wide{
		width: 90%;
		float:none;
		padding: 0;
		margin:0 auto;
	}
	#sidebar{
		width:90%;
		float:none;
		margin:0 auto;
		padding:0;
	}
	#cta1, #cta2, #cta3{
		margin: 0;
	}
		div#content div.cta {
			width:90%;
			float: none;
			margin:5px auto;
		}
	#google_map #map_canvas{ 
		width: 100%;
		height: 200px;
	}
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	#header h1{
		width: 100%;
		background-size: 100% auto;
	}
	.nav ul{
		height: 75px;
		background: #000;
	}
}
*/