/*
Theme Name: Lennon Bros Circus
Theme URI: http://www.lennonbroscircus.com.au/
Description: 2011 theme for Lennon Bros Circus
Version: 1.0
Author: Jylan Wynne/Jason Foss, Almost Anything Web and Graphic Design
Author URI: http://www.almostanything.com.au
*/

/*
 *
 * based on 960 12 col grid
 * columns 60px
 * column gaps 20px
 *
 */

/***************************************************************
 *
 * Let's play Tetris!
 *
 * (No 'styles' in here - block-level layout only)
 *
 ***************************************************************/

body {
    margin: 0;
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
    background: #fff url(images/bodyBg.png);
    color: #000;
}

.outer {
    width: 896px;
    margin:0 auto;
    position:relative;
}

.widthlimiter {
    position:relative;
}

#header {
    position: relative;
    height:281px;
    margin:1.5em 0 0;
    background:transparent url(images/headerBg.gif) center top no-repeat;
}

#menu {

}

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

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

#header h1 {
    margin:0 0 0 -9999px;
}

#header h1 a {
    color: #fff;
    border:none;
}

a#headerBookNow {
    width:149px;
    height:44px;
    display:block;
    background:transparent url(images/bookNowHeaderHover.gif);
    border:none;
    position:absolute;
    top:44px;
    right:138px;
}

a#headerBookNow img {
    border:none;
}

a#headerBookNow:hover img {
    display:none;
}

/* Skip links */
#skiplinks{
    position: absolute;
    left: -999em;
}

#printlogo {
    display:none;
    margin:0 0 1em;
}

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

.widthlimiter {
    background:#fff url(images/contentBg.gif) repeat-y;
    float:left;
    width:100%;
}

#content {
    line-height:1.5em;
    padding:175px 44px 0;
    color:#444;
    font-weight:100;
    letter-spacing:-.3px;
    background:transparent url(images/topContentBg.gif) no-repeat;
}

#contentwrap {
    background:transparent url(images/lightBlueGradient.jpg) center center no-repeat;
    padding:0 36px 1em;
    margin-bottom:1em;
    margin-left:-1px;
    border-bottom:1px solid #0cf;
}

body#page15 #contentwrap {
    background:none;
}

body#page7 #contentwrap {
    background-position:0 0;
    padding:1em 36px 0;
    border-bottom:none;
    margin-bottom:0;
}

body#page27 #contentwrap {
    background-position:-200px 0;
}

div.intro {
    color:#444;
    font-size:1.2em;
    margin:.75em 0 0;
}

div.intro p {
    margin:.75em 0;
    line-height:1.5em;
}

#content h1 {
    text-align:center;
    color:#fff;
    font-size:2.5em;
    line-height:1em;
    width:100%;
    margin:0 -80px;
    position:absolute;
    z-index:2;
    top:67px;
    text-shadow:2px 2px 0 rgba(0,0,0,0.2);
}

#content h1:after {
    display:block;
    color:transparent;
    content:"000000000";
    _content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    text-shadow:0 0 70px rgba(0,0,0,0.5);
}

#ie #content h1:after {
    display:none;
}

h1, h2, h3, h4, h5 {
    color: #06f;
    font-weight:900;
    letter-spacing:1px;
    margin:.75em 0 0.25em;
}

h2 {
    color:#f00;
}

h3 {
    color:#09f;
}

h1 {
	line-height: 1.2em;
}

h1 a {
	text-decoration: none;
}

a {
    color: #f00;
    text-decoration:none;
    border-bottom:1px dotted #f00;
}

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

a#bookNowPromo {
	border:none;
	display:block;
	float:right;
	width:218px;
	height:164px;
	margin:0 0 1.5em 1.5em;
	text-indent:-9999px;
	background:transparent url(images/bookNowGraphic.gif) 0 0 no-repeat;
}

a#bookNowPromo:hover {
	background:transparent url(images/bookNowGraphic.gif) bottom left no-repeat;
}

strong, b {
    font-weight:900;
    color:#f00;
}

#content img {
    border:2px solid #333;
    padding:1px;
}

body.home #content img {
    border:none;
    padding:0;
    width:100%;
}

table {
    border-collapse:collapse;
    border:1px solid #f00;
    width:100%;
}

table td {
    background:#fff800;
}

table tr:nth-child(even) td {
    background:#ff0;
}

td, th {
    border:1px solid #000;
    text-shadow:1px 1px 0 rgba(255,255,255,0.5);
    padding:.4em .5em;
    text-align:left;
}

th {
    font-weight:bold;
    background:#f00;
    border:1px solid #000;
    text-shadow:none;
    color:#fff;
}

/* the next 3 rules are for the way WP sets its image floats */
#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.aligncenter, #content div.aligncenter {
	text-align:center;
	margin:0;
	width:100%;
	border:none;
	padding:0;
}

/* These 2 will make image captions look a bit like polaroids */
.wp-caption {
	background:#ccc;
}
p.wp-caption-text {
	font-size:80%;
	text-align:center;
	padding:0;
	margin:0;
}


/***************************************************************
 *
 * Footer
 *
 ***************************************************************/
#footer {
    background: transparent url(images/footerBg.gif) bottom left no-repeat;
    padding:.75em 0 75px;
    text-align:center;
    color: #444;
    font-size: 0.8em;
}

#footer .vcard {
    clear: both;
}

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

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

/***************************************************************
 *
 * 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, #menu {float:left;width:100%;}
.nav ul {position:absolute;top:-999em;}
.nav ul li {width: 100%;}
.nav li {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... */

.nav {
    text-align:center;
    background:transparent url(images/menuBg.png) repeat-x;
}

.nav li {
    display:inline-block;
}

.nav a {
    color: #fff;
    position:relative;
    padding:.4em .5em .25em;
    border:none;
    display:block;
    font-size:1.4em;
    text-shadow:1px 1px 0 rgba(0,0,0,0.4);
    text-transform:uppercase;
    font-weight:600;
}

.nav a:after {
    position:absolute;
    z-index:-1;
    left:0;
    width:100%;
    color:transparent;
    text-align:center;
    content:"000000";
    text-shadow:0 0 20px rgba(0,0,0,0.4);
}

#ie .nav a:after {
    display:none;
}

.nav a:hover {
    background:rgba(255,255,255,0.1);
}

.nav li.current_page_item a {
    color:#ff0;
    text-shadow:2px 2px 0 rgba(0,0,0,0.3);
}

.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;
}

/***************************************************************
 *
 * News and/or blog
 *
 ***************************************************************/
.postdate, .postmetadata {
	font-size:0.8em;
	font-style:italic;
}
/* 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{ /* if the author comments */
	background: #ccc;
}
.single-post .comment {
	border-bottom: 1px solid #999;
}
.single-post blockquote{
	margin: 0 60px;
}
.single-post blockquote blockquote{ /* if a commenter adds a blockquote, as each comment itself is a blockquote */
	background: #999;
	margin: 0 20px;
	padding: 5px 20px;
}
#commentform textarea{
	width: 75%;
}
img.avatar{
	float: left;
}

/***************************************************************
 *
 * Sidebar
 *
 ***************************************************************/
ul#sidebar {
	list-style: none;
	background: #ccc;
}

#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;
}

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

.cta {
	width: 300px;
	float: left;
	height: 300px;
	margin-bottom: 20px;
	text-align: center;
	background: #ccc;
}

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