/*
Theme Name: Motormania CQ 2010
Theme URI: http://www.motormaniacq.com.au
Description: Motormania CQ 2010 website
Version: 1.0
Author: Jason Foss, 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
 */

body {
    margin: 0;
    padding: 0;
    font-family: Calibri, "Myriad Pro", Futura, "Century Gothic", Helvetica, sans-serif;
    color: #000;
    background:#333 url(images/bg.jpg) fixed;
}

.outer {
    width: 100%;
}

#header {
    background: #efefef url(images/headerBg.jpg) top center no-repeat;
    width: 100%;
    height: 150px;
    position: relative;
}

#header .widthlimiter {
	height:129px;
}

#header h1 {
    margin:0;
    padding: 20px 0 0 0;
    width:350px;
    height:89px;
    font: normal bold 2em/100px sans-serif;
}

#header h1 a{
    color: #000;
    width:350px;
    height:89px;
    display:block;
    background:transparent url(images/logo.png) center center no-repeat;
    -webkit-background-size: 90%;
    text-decoration: none;
    text-indent:-9999px;
    -webkit-transition:all 150ms linear;
}

#header h1 a:hover {
    -webkit-transform:rotate(1deg);
    -webkit-background-size: 100%;
}

form#search {
    position: absolute;
    height, line-height: 30px;
    top: 0;
    right: 0;
	display:none;
}

#header p#description {
	color:#333;
	font-size:2.4em;
	font-style:normal;
	margin:.3em 1em 0 0;
	font-weight:bold;
	float:right;
	width:341px;
	height:83px;
	background:transparent url(images/headerDate.png) top left no-repeat;
	text-indent:-9999px;
	opacity:.8;
	-webkit-transition:all 500ms linear;
}

#header p#description a {
	display:block;
	height:83px;
}

#header p#description:hover {
	opacity:1;
}

#header #socialmedia {
	position:absolute;
	right:2.4em;
	bottom:-21px;
}

#header #socialmedia ul, #header #socialmedia ul li {
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
}

#header #socialmedia ul li {
	float:left;
	padding:0 .3em;
}

#socialmedia a {
	display:block;
	width:56px;
	height:41px;
	opacity:.8;
	text-indent:-9999px;
}

#socialmedia a:hover {
	opacity:1;
}

#socialmedia #twitter a {
	background:transparent url(images/twitter.png) no-repeat;
}

#socialmedia #facebook a {
	background:transparent url(images/facebook.png) no-repeat;
}

#socialmedia #rss a {
	background:transparent url(images/rss.png) no-repeat;
}

#socialmedia #newsletter a {
	background:transparent url(images/newsletter.png) no-repeat;
}

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

.contentwl {
    overflow:hidden;
    width:100%;
    border-top:4px double #222;
    border-top:4px double rgba(255,255,255,0.2);
}

.homepage .contentwl {
    background:transparent url(images/mainpromoBg.png) 0 0 repeat-x;
    border:none;
}

/*
 * 2.Main Content
 */

#content{
    font: normal 1.1em/1.6em Calibri, "Myriad Pro", Futura, "Century Gothic", Helvetica, sans-serif;
    padding:1.5em 20px;
    width: 920px;
    margin:0 auto 1.5em auto;
    background:transparent url(images/contentBg.png) repeat;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
    border:1px solid #222;
    border:1px solid rgba(255,255,255,0.1);
    border-top:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-top-left-radius:0;
    -webkit-border-top-right-radius:0;
    -moz-border-radius-topleft:0;
    -moz-border-radius-topright:0;
    color:#fff;
}

.homepage #content {
    padding:0 10px;
    width:960px;
    background:none;
    border:none;
    -webkit-box-shadow:none;
}

#mainpromo {
    height:320px;
    padding:0;
}

#homepageimg {
    float:left;
	background:transparent url(../../gallery/main-homepage-gallery/hp12.jpg) 0 0 no-repeat;
}

.ngg-widget-slideshow {
	text-indent:-9999px;
}

#news {
    width:210px;
    height:300px;
    padding:10px;
    position:relative;
    float:right;
    background:#414141;
    -webkit-border-radius:4px;
    -webkit-border-top-right-radius:0;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius:4px;
    -moz-border-radius-topright:0;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-bottomright:10px;
    color:#ccc;
	font-size:.75em !important;
}

#news * {
    color:#ccc;
    margin:0;
    padding:0;
    list-style:none;
    text-shadow:1px 1px 0 rgba(0,0,0,0.8);
	line-height:1.6em;
    -webkit-transition:all 200ms linear;
}

#news h2 {
    margin:0 0 .1em 0;
}

#news h3 {
    margin:.3em 0 0 0;
	color:#f0c602;
	font-size:1.2em !important;
}

#news h3 a {
	line-height:1.3em;
}

#news h2 {
    width:107px;
    height:59px;
    text-indent:-9999px;
    background:transparent url(images/latestnewsBg.png) 0 0 no-repeat;
}

#news h3#readmore {
    position:absolute;
    margin:1em 0 0 0;
    bottom:0;
    left:0;
}

#news h3#readmore a {
    display:block;
    padding:5px 10px;
    background:#333;
    width:210px;
    text-decoration:none;
    -webkit-border-bottom-right-radius:10px;
    -webkit-transition:all 200ms linear;
}

#news h3#readmore a:hover {
    background:#666;
    color:#fff;
    text-shadow:1px 1px 0 rgba(0,0,0,0.4);
}

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

#homepagectas {
    margin:3em 0 1em 0;
}

#homepagectas ul#slideshow1 {
    float:left;
	background:transparent url(../../gallery/left-homepage-slideshow/pic2.jpg) 0 0 no-repeat;
}

#homepagectas #wintickets {
    width:302px;
    height:135px;
    margin:0 auto;
    background:transparent url(../../gallery/centre-homepage-gallery/img3_19.jpg) 0 0 no-repeat;
}

#homepagectas ul#slideshow2 {
    float:right;
	background:transparent url(../../gallery/right-homepage-gallery/pic3.jpg) 0 0 no-repeat;
    margin-top:-135px;
}

h1, h2, h3, h4, h5 {
    text-shadow:2px 2px 4px rgba(0,0,0,0.5);
    margin:1em 0 .6em 0;
}

h2+*, h3+*, h4+*, h5+* {
    margin-top:0;
}

#content h1 {
    margin:0 0 .2em 0;
	font-size:2.3em;
	color:#f5d909;
	text-transform:uppercase;
}

#content h1 a {
    display:block;
    padding-bottom:.3em;
}

#content h2 a, #content h3 a {
    border:none !important;
}

#content h2 {
	font-size:1.7em;
	color:#fff;
}

#content h3 {
	font-size:1.3em;
	color:#f5d909;
}

#content h4 {
	font-size:1.1em;
}

#content .post h1 {
    margin-bottom:0;
}

#content p, #content table, #content ul, #content blockquote {
    color:#fff;
    text-shadow:1px 1px 0 rgba(0,0,0,0.5);
}

#content p em {
	font-size:1.3em;
	font-weight:bold;
	font-style:normal;
}

/* TABLE STYLES */ 

table {
	background:transparent url(images/postBg.png) repeat;
	border-collapse:collapse;
	margin:2em 1em;
	border:1px solid #333;
	border-bottom:5px solid #333;
	width:auto !important;
}

table#clublist {
	background:#fff;
} 

table#clublist a, table#clublist td {
	color:#333;
	text-shadow:none;
}

table#clublist a {
	border-bottom:1px dashed #ccc;
}

#content table#clublist a:hover {
	color:#151515;
}

table th, table td {
	border:1px solid #333;
	padding:.5em 1em;
}

table th {
	font-weight:bold;
	font-size:1.2em;
	color:#f5d909;
	background:transparent url(images/postBg.png) repeat;
	text-align:left;
}

table caption {
	color:#fff;
	font-weight:bold;
	font-size:1.6em;
	padding:0 0 .3em 0;
	text-align:left;
	text-shadow:2px 2px 4px rgba(0,0,0,0.5);
	border-bottom:5px solid #333;
}

table[border="0"], table[border="0"] th, table[border="0"] td {
	border:none !important;
	border-width:0 !important;
}

.post.even {
    background:transparent url(images/postBg.png) repeat;
    -webkit-border-top-right-radius:40px;
    -moz-border-radius-topright:40px;
    overflow:auto;
}

.post {
    padding:1.3em 1.3em 0 1.3em;
    margin:0 0 1em 0;
}

.postinfo {
    border:1px dashed #fff;
    border:1px dashed rgba(255,255,255,0.3);
    background:#333;
    -webkit-box-shadow:5px 5px 0 rgba(0,0,0,0.1);
    border-top:none;
    padding:.5em;
    margin-bottom:1.5em;
}

.postinfo p {
    margin:0;
    color:#fff;
}

.postinfo p strong {
    font-size:1.3em;
    color:#fff;
}

h1 a{
	text-decoration: none; /* cause posts start with h1 and they are always links */
}

#content a { /* please don't turn text-decoration off unless you have a really good reason! */
    color: #f0c602;
    text-decoration:none;
	-webkit-transition:all 200ms linear;
}

#content a:hover {
    color: #fff;
}

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

a img {
	border:none;
}

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

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

#content img.aligncentered, #content div.aligncentered {
	text-align:center;
	margin:0 auto;
}

/* 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;
}

/*
 * 3.Forms
 * Override any of the default cforms styles here by prefixing with #content
 * to increase specifity
 */

form {
	background:none;
	margin:0;
	padding:0;
}

form fieldset {
	background:transparent url(images/postBg.png) repeat;
	margin:2em 0;
	border:1px solid #333;
	border-bottom:5px solid #333;
	width:auto !important;
}

form legend {
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
}

form fieldset ol, form fieldset ol li {
	list-style:none;
	margin:0;
	padding:0;
}

form fieldset ol li {
	padding:.5em 1em;
	color:#ccc;
	clear:both;
    overflow:hidden;
}

form fieldset ol li.even {
	background:transparent url(images/postBg.png) repeat;
}

form fieldset input, form fieldset textarea, form fieldset select, form input.sendbutton {
	background:#333;
	border:none;
	color:#fff;
	padding:.4em;
	border:1px solid #222;
	height:20px;
	width:200px;
	-webkit-transition:background 500ms linear;
}

form input.sendbutton {
    height:auto;
    cursor:pointer;
}

form fieldset input.button {
	height:35px;
	font-size:.9em;
	cursor:pointer;
}

form fieldset input:hover, form fieldset textarea:hover {
	background:#222;
	border-color:#111;
}

form fieldset textarea {
	height:60px;
}

form fieldset select {
	height:250px;
	width:212px;
}

form fieldset ol br {
	display:none;
}

label {
	display:block;
	float:left;
	width:130px;
	text-align:right;
	padding:0 1em;
	font-weight:bold;
	color:#f5d909;
}

li#li-2-6 label {
    font-size:.8em;
    line-height:1.3em;
    padding:0 1.4em 0 1em;
}

.reqtxt, .emailreqtxt {
	margin:0 1em;
	color:#999;
}

fieldset.cf_hidden {
	display:none;
}

.linklove { /*hides link to author but still gives them the backlink*/
    display: none;
}

/*
 * 3.Footer
 * Text should be a little smaller and more subtle in contrast.
 */

#sponsors {
	width:100%;
	margin-top:1.5em;
	padding:.5em 0;
	background:#fff;
	text-align:center;
	border-top:3px solid #000;
	border-bottom:3px solid #000;
}

#sponsors ul, #sponsors ul li {
	display:inline;
}

#sponsors li {
	margin:0 .5em;
}

#footer {
    clear: both;
    background: #000 url(images/menuBg.png) 0 0 repeat-x;
    width: 100%;
    height:61px;
    text-align:center;
}

#footer ul {
	margin:0;
	padding:0;
}

#footer ul, #footer ul li {
	display:inline;
}

#footer ul li {
	padding:0 .5em;
}

#footer a {
	font-weight:bold;
}

#footer p {
    font-size: 0.9em;
    margin:0 1em;
    line-height:61px;
    display:inline;
    color: #ccc;
}

#footer a {
    color: #ccc;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

/*
 * 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 {float:left;}
.nav ul {position:absolute;top:-999em;}
.nav ul li {width: 100%; }
.nav li {float:left;position:relative;z-index:5;}
.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 {
    background: #000 url(images/menuBg.png) top left repeat-x;
    height: 73px;
    line-height:73px;
    font-size: 1.5em;
}

.nav li {
    text-align: center;
}

.nav a {
    color: #fff;
    text-decoration:none;
    background:transparent url(images/menuSprite.png) no-repeat;
    text-indent:-9999px;
    opacity:.7;
    -webkit-transition:all 300ms linear;
}

.nav li li a {
    background:transparent;
	color:#f0c602;
    text-indent:0;
    font-size:.6em;
    line-height:1.4em;
	padding:.3em .5em !important;
	width:auto !important;
	opacity:1;
	-webkit-transition:all 150ms linear;
}

.nav li li a:hover {
	background:#151515;
}

.nav li.current_page_item a, .nav a:hover, .nav li.current_page_ancestor a {
    opacity:1;
}

.nav li.page-item-2 a {
    width:83px;
    background-position:-23px 0;
}

.nav li.page-item-4 a {
    width:147px;
    background-position:-95px 0;
}

.nav li.page-item-1240 a {
    width:155px;
    background-position:-230px 0;
}

.nav li.page-item-13 a {
    width:95px;
    background-position:-390px 0;
}

.nav li.page-item-11 a {
    width:165px;
    background-position:-481px 0;
}

.nav li.page-item-17 a {
    width:140px;
    background-position:-652px 0;
}

.nav li.page-item-19 a {
    width:117px;
    background-position:-789px 0;
}

.nav li.page-item-2.current_page_item a, .nav li.page-item-2.current_page_ancestor a {
    width:83px;
    background-position:-23px -73px;
}

.nav li.page-item-4.current_page_item a, .nav li.page-item-4.current_page_ancestor a {
    width:147px;
    background-position:-95px -73px;
}

.nav li.page-item-1240.current_page_item a, .nav li.page-item-1240.current_page_ancestor a {
    width:155px;
    background-position:-230px -73px;
}

.nav li.page-item-13.current_page_item a, .nav li.page-item-13.current_page_ancestor a {
    width:95px;
    background-position:-390px -73px;
}

.nav li.page-item-11.current_page_item a, .nav li.page-item-11.current_page_ancestor a {
    width:165px;
    background-position:-481px -73px;
}

.nav li.page-item-17.current_page_item a, .nav li.page-item-17.current_page_ancestor a {
    width:140px;
    background-position:-652px -73px;
}

.nav li.page-item-19.current_page_item a, .nav li.page-item-19.current_page_ancestor a {
    width:117px;
    background-position:-789px -73px;
}

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

.nav ul{
	width:150px;
	border:1px solid #000;
	background:#000;
	border-top:none;
	-webkit-box-shadow:5px 5px 20px rgba(0,0,0,0.6);
	-moz-box-shadow:5px 5px 20px rgba(0,0,0,0.6);
}

.nav li.page-item-630 ul {
	display:none !important;
}

.nav li:hover ul, ul.nav li.sfHover ul { /* relative pozzie of dropdown */
	left:0px;
	top:73px;
}
.nav li li:hover ul, ul.nav li li.sfHover ul { /* pozzie of 2nd level dropdown */
	left:150px;
	top:0;
	border-left:3px solid #252525;
	background:#151515;
}
.nav li li {
    text-align:left;
	border-bottom:1px solid #252525;
}

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

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

/*
 * 6.Sidebar
 */
ul#sidebar{
	width: 288px; /* 300 without the 1 px border & padding - 4 columns */
	float: right;
	margin: 10px;
	border: 1px solid #000;
	padding: 0 5px 5px 5px;
	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;
}

/*
 * 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;
}