/*
Theme Name: Kanimbla Charters
Theme URI: http://www.kanimblacharters.net.au
Description: 2010 design for Kanimbla Charters
Version: 1.0
Author: Jylan Wynne, Almost Anything Web and Graphic Design
Author URI: http://www.almostanything.com.au
*/

/*
 * COLOURS
 * red					:	ff0000
 * green				:	00ff00
 * blue					:	0000ff
 * 
 * based on 960 12 col grid
 * columns 60px
 * column gaps 20px
 *
 * CONTENTS
 * 1.Header and Body
 * 2.Main Content
 * 3.Forms
 * 3.Footer
 * 4.Navigation
 * 5.News
 * 6.Sidebar
 * 7.Homepage
 */

/*
 * 1.Header and Body
 */
 
html {
	background: #000;
	background: transparent url(images/mainBg3.jpg) fixed;
}

body {
	margin: 0;
	padding: 0;
	font-family: Georgia, Palatino, "Palatino Linotype", serif;
}

.outer {
	width: 100%;
	background: transparent url(images/mainBg.png) -100% -250px repeat-x;
}

#header {
	width: 100%;
	position: relative;
	overflow:hidden;
}

#header .widthlimiter {
	height:345px;
}

body.home #header .widthlimiter {
	height:495px;
}

#header h1 {
	margin:10px 0;
	padding:0;
	font: normal bold 30px/100px sans-serif;
	width:230px;
	height:164px;
	float:left;
}

#header h1 a{
	color: #fff;
	width:230px;
	height:124px;
	background:url(images/logo.png);
	text-indent:-9999px;
	display:block;
}

#header #slideshow {
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	background:#000;
}

#header #slideshow li {
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	height:150px;
	width:960px;
	overflow:hidden;
	border-bottom:1px solid #afc4d2;
}

body.home #header #slideshow li {
	height:300px;
}

body.page #header #slideshow li#internal img, body.blog #header #slideshow li#internal img {
	margin-top:-70px;
}

.widthlimiter{
	width:960px;
	margin:0 auto;
	position:relative; /* this is here for any absolute positioning */
}

/*
 * 2.Main Content
 */
 
#content {
	font: normal 1em/1.6em Georgia, Palatino, "Palatino Linotype", serif;
	color:#def2ff;
	width: 960px; /* 8 cols */
	float: left;
	text-shadow:1px 1px 0 rgba(0,0,0,0.2);
}

#content p {
	margin:1em 0;
}

body.blog #content, body.single #content, body.archive #content {
	width: 750px;
}

h1, h2, h3, h4, h5 {
    color: #fff;
    font-family:Helvetica, Arial, sans-serif;
    text-transform:uppercase;
    margin:10px 0;
    line-height:1.3em;
}

h1 { font-size:1.7em; color:#fff; letter-spacing:-1px; }
h2 { font-size:1.4em; color:#dce9f4; }
h3 { font-size:1.1em; color:#fff; }
h4 { font-size:.9em; }

#content h2 a { color:#fff; background:none; }

h1 em, h2 em, h3 em, h4 em, h5 em {
	font-weight:100;
}

#content ul#recipies {
	margin:0;
	padding:0;
	list-style:none;
}

#content ul#recipies li {
	margin:0 0 1em;
	padding:0;
	list-style:none;
	border:none;
	width:100%;
	clear:left;
	overflow:hidden;
}

#content ul#recipies h2 {
	border-bottom:3px solid #dce9f4;
	padding-bottom:3px;
}

#content h2#comments {
	clear:both;
}

#content ul li, #content ol li, #content li li, #content li li, #content ul#recipies li li {
	padding-bottom:.4em;
	margin:0 0 .4em;
	border-bottom:1px dotted #236792;
	width:70%;
	line-height:1.5em;
	list-style:disc;
	overflow:visible;
}

#content ul#recipies li ol li {
	list-style:decimal;
}

#content ul#recipies li div.ingredients, #content ul#recipies li div.preparation {
	float:left;
	width:48%;
}

#content ul#recipies li div.preparation {
	float:right;
	width:50%;
}

#content ul#recipies li li {
	width:100%;
}

#content strong {
	font-weight:normal;
	font-style:italic;
}

div.post {
	margin:0 0 3em;
	overflow:hidden;
	clear:both;
}

body.single div.post {
	margin:0;
}

div.aside, ul#sidebar {
	float:right;
	width:200px;
	margin:0 0 0 1.5em;
	padding-left:1.5em;
	text-align:right;
	border-left:1px dotted #063a53;
}

body.page-id-1391 div.aside {
	margin-top:-2.56em;
	position:relative;
	left:-.6em;
}

div.aside ul, #content div.aside li {
	list-style:none;
	margin:0;
	padding:0;
	border:none;
	width:auto;
}

#content div.aside a {
	background:none;
	border:none;
	display:block;
	margin:0 0 1em 0;
}

#content a, #footer a, #sidebar a { /* please don't turn text-decoration off unless you have a really good reason! */
    color: #fff;
    text-decoration:none;
    padding-bottom:1px;
    border-bottom:1px dotted #fff;
}

#content a:hover, #footer a:hover, #sidebar a:hover {
    border-bottom-color:#063a53;
    background:#063a53;
}

#content div.navigation {
	overflow:hidden;
	margin:2em 0;
}

#content div.navigation a {
	display:block;
	background:#122530;
	color:#fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-shadow:none;
	padding:.5em 1em;
	border:none;
}

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

#content img {
	border:1px solid #fff;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}

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

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

#content img.aligncentered, #content div.aligncentered {
	text-align:center;
	margin:1.3em auto;
	display:block;
}

#content div.aligncentered {
	padding:2em 0 0;
	margin:2em 0 1em;
	border:1px dotted #063a53;
	border-width:1px 0 0;
	overflow:hidden;
}

#content div.ngg-galleryoverview {
	background:transparent url(images/10Opacity.png);
	padding:1em;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border-right:1px solid rgba(255,255,255,0.2);
	border-bottom:1px solid rgba(255,255,255,0.2);
	border-top:1px solid rgba(0,0,0,0.1);
	border-left:1px solid rgba(0,0,0,0.1);
	width:auto;
}

#content div.ngg-gallery-thumbnail {
	background:none !important;
	margin:.5em !important;
	height:85px;
}

#content div.ngg-gallery-thumbnail a {
	border:none;
	display:block;
}

div.ngg-gallery-thumbnail a img {
	margin:0;
	padding:3px;
	background:#063a53 !important;
	border:none !important;
	-webkit-transition:all 150ms linear;
	-moz-transition:all 150ms linear;
	-o-transition:all 150ms linear;
}

div.ngg-gallery-thumbnail a:hover img {
	background:#fff !important;
}

.wp-caption{
	background:transparent;
}

p.wp-caption-text{
	text-align:center;
	padding:0;
	margin:0;
}

/*
 * 3.Forms
 * Override any of the default cforms styles here by prefixing with #content
 * to increase specifity
 */
 
#content form {
	width:100%;
	text-align:left;
}

form input, form textarea {
	border:1px dashed #063a53;
	background:#fff;
	width:100%;
	margin:0 0 0 -2px;
	padding:.3em;
}

form input.button, #sidebar input#searchsubmit {
	width:60px;
	cursor:pointer;
}

#sidebar form input {
	margin:0;
	width:126px;
}

#sidebar form label {
	margin:.8em 0 .3em;
}

#sidebar input#searchsubmit {
	margin:0 0 1em;
}

form input.button:hover {
	border:1px solid #000;
	background:#eee;
}

form label {
	margin:0 0 .4em -2px;
	display:block;
	padding:0;
}

#content .gform_wrapper form li {
	width:auto;
	position:relative;
	line-height:1em;
	margin:0 0 1em 0;
}

.validation_error {
	font-size:.8em;
	line-height:1.4em;
	color:#333;
	margin-bottom:1em;
}

.gfield_description {
	font-size:.8em;
	margin:.4em 0 0;
}

/******************************************************
 * Comments
 */
 
#content ol.commentlist {
	padding:0;
}
 
#content ol.commentlist li {
	width:auto;
	padding:0 1em 1em 300px;
	margin:0;
	border-bottom:1px dotted #063a53;
	list-style:none;
	overflow:hidden;
	background:transparent url(images/10Opacity.png);
}

#content ol.commentlist li.commenteven {
	background:none;
}

ol.commentlist div.comment-author, ol.commentlist div.comment-meta {
	width:265px;
	padding-right:15px;
	padding-left:15px;
	text-align:right;
	margin-left:-300px;
	float:left;
	line-height:1.6em;
}

ol.commentlist div.comment-meta {
	margin-top:1.8em;
}

ol.commentlist div.comment-author cite, div#respond label {
	font-family:Helvetica, Arial, sans-serif;
    font-weight:bold;
    font-style:normal;
}

ol.commentlist .says {
	display:none;
}

div#respond {
	padding:.5em;
}

div#respond label {
	margin:0 0 .15em 0;
}

div#respond textarea {
	height:87px;
}

div#respond p#submitp {
	clear:both;
}

div#respond p#submitp input#submit {
	float:left;
	width:auto;
	background:#122530;
	color:#fff;
	padding:.6em 1em;
	border:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
}

div#respond div#commenterdetails {
	float:left;
	width:35%;
	margin-right:5%;
}

div#respond div#commentinfo {
	float:left;
	width:35%;
	margin-right:0;
}

div#respond div p {
	margin-top:0;
}

/*
 * 3.Footer
 * Text should be a little smaller and more subtle in contrast.
 */
#footer {
	clear: both;
	border-top:1px dotted #063a53;
	background:transparent url(images/10Opacity.png);
	width: 100%;
	margin:2em auto 0;
	padding:.75em 0;
	text-align:center;
}

#footer p {
	display:inline;
	font-style:italic;
	padding:0 .75em;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #fff;
}

#footer a {
	margin-left:.25em;
}

/*
 * 4.Navigation
 * Ahhh, the fun part. If you get stuck, ask Jeff Vader. I'm his brother.
 * http://www.youtube.com/watch?v=7tUNNM-Hyu8
 */

/*** ESSENTIAL STYLES ***/
/* don't change these guys too much - unless you've got a really good reason! */
.nav, .nav * {margin:0;padding:0;list-style:none;}
.nav ul {position:absolute;top:-999em;}
.nav li {float:left;position:relative;z-index:99;}
.nav a {display:block;}
.nav li:hover li ul, .nav li.sfHover li ul {top:-999em;}
.superfish li:hover ul, .superfish li li:hover ul {top: -999em;}

/*** NAVIGATION SKIN ***/
/* customise this as much as you like... */
#menu {
	margin:144px 0 0;
    line-height:30px;
    height:40px;
    float:right;
    width:960px;
    right:0;
    position:absolute;
    z-index:99;
    border-bottom:5px solid #999;
    border-bottom:5px solid rgba(0,0,0,0.1);
}

.nav {
	padding:0 .75em;
	height:40px;
	background:#eee;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
}

.nav a {
	color: #777;
	text-decoration:none;
	padding:5px .8em;
	font-style:italic;
	font-size:.95em;
	text-shadow:1px 1px 0 #fff;
	-webkit-transition:color 200ms linear;
	-moz-transition:color 200ms linear;
	-o-transition:color 200ms linear;
}

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

.nav a:hover {
	border-bottom:5px solid rgba(0,0,0,0.15);
	padding-bottom:5px;
}

.nav li.current_page_item a {
	border-bottom:5px solid #666;
	border-bottom:5px solid rgba(0,0,0,0.4);
	padding-bottom:5px;
	background:transparent url(images/whiteBg.png) repeat-x;
}

.nav ul{
	width:130px; /* dropdown width */
}

.nav li:hover ul, ul.nav li.sfHover ul { /* relative pozzie of dropdown */
	left:0px;
	top:31px;
}

.nav li li:hover ul, ul.nav li li.sfHover ul { /* pozzie of 2nd level dropdown */
	left:125px;
	top:-1px;
}

.nav li li {
	background:#ccc;
}

.nav li li li {
	background:#ccc;
}

/*
 * 5.News
 */
.postdate, .postmetadata{
	font-size:0.8em;
	font-style:italic;
	margin:-.7em 0 0;
}

/*
 * 6.Sidebar
 */
ul#sidebar {
	float:left;
	text-align:left;
	width:150px;
	margin:0 28px 0 0;
	padding:0 15px;
	border-left:none;
	border-right:1px dotted #063a53;
}

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

#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;
	margin:.5em 0;
	font-size:.8em;
}

/*
 * 7.Homepage
 */

.cta{
	width: 300px;
	float: left;
	height: 150px;
	margin-bottom: 20px;
	text-align: center;
	background: #ccc;
	/*overflow: auto; Err... dunno so much about this one */
}
#cta2, #cta3{
	margin-left:20px;
}