/*

	Theme Name: Comets 2010
	Theme URI: http://www.comets.com.au
	Description: 2010 Comets Redesign
	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:transparent url(images/grainBg.png) fixed;

}



body {

    margin: 0;

    padding: 0;

	background:transparent url(images/man1.png) 0 200px fixed no-repeat;

    font-family: sans-serif;
    color: #000;

	overflow-x:hidden;

}



.outer { /* you can use this as a CSS hook or to constrian the entire width */

    width: 100%;

}



body.large .outer {

	background:transparent url(images/man2.png) right 180px fixed no-repeat;

}



#header {

    background: transparent;

	min-width:1024px;

    width: 100%;

    position: relative; /* this is here for any absolute positioning */
}



#header h1 {

    margin: 0 0 -43px -25px;

    padding: 0;

	position:relative;

	z-index:2;

    font: normal bold 1.6em/1em sans-serif;

	width:342px;

	height:256px;

	background:transparent url(images/headerElementsCombined.png) no-repeat;

	text-indent:-9999px;

}


#header h1 a{
	color: #fff;

	display:block;

	background:transparent;

	width:342px;

	height:256px;
}



form#search {

    position: absolute;
    height, line-height: 30px;
    top: 0;
    right: 0;
}


p#description {
    text-align: right;
    color: #fff;
    position:absolute;

	z-index:3;

	bottom:27px;

	right:-65px;

    width:716px;

	height:134px;

	background:transparent url(images/headerElementsCombined.png) right -122px no-repeat;
}



.widthlimiter, .contentcontainer {

	width:960px;

	margin:0 auto;

	position:relative; /* this is here for any absolute positioning */

}



.contentcontainer {

	background:transparent url(images/contentBg.jpg) 1px bottom no-repeat;

}



body>div.outer>div.widthlimiter {

	width:100%;

	clear:both;

	position:relative;

	z-index:5;

	min-width:1024px;

	background:transparent url(images/wrapperMiddle.png) center top repeat-y;

}



/*

 * 2.Main Content

 */

#content {

    font: normal .9em/1.4em Helvetica, Arial, sans-serif;

	color:#333;

	padding:0 21px;
	width: 492px;

	/*font-weight:bold;*/

}



#content strong {

	color:#000;

}



div#content, .sidebar {

	float:left;

	position:relative;

}


h1, h2, h3, h4, h5 {

    font-family:"Helvetica LT CondensedBlack",  Helvetica, "Arial Narrow", Arial, sans-serif;

	line-height:1.2em;

	/*text-transform:uppercase;*/

	clear:both;

}



h1 {

	color:#333;

	font-size:2.5em;

	margin:.15em 0 0 0;

}



#content div.post:first-of-type h2 {

	margin-top:.5em;

}



h2 {

	color:#666;

	font-size:2em;

	margin:1em 0 .2em 0;

}



h2 a {

	color:#666;

}



li h2, li h3 {

	margin:0;

	text-transform:none;

}



li h2 {

	font-size:1.3em;

}



li h3 {

	font-size:1.1em;

}



h2+*, h2+p, h3+p, h1+h2 {

	margin-top:.2em;

}



.widget_slideshow ul {

	margin-top:0;

}



h3+p {

	margin-top:-1em;

}



h2 em, h1 em {

	font-size:.7em;

	color:#8b8b8b;

	font-style:normal;

}



h1 em {

	color:#666;

}



h3 {

	margin:.5em 0 1em 0;

}



.sidebar h3 {

	margin:0;

	text-transform:none;

	color:#666;

}



.sidebar h3 a {

	color:#333;

}



.sidebar h2 {

	color:#777;

	font-size:1.5em;

	height:24px;

	text-indent:-9999px;

	position:relative;

	z-index:9;

}



ul.sidebar li#slideshow-7 h2, ul.sidebar li.widget_execphp h2 {

	margin:0 0 -8px 0;

	padding:0 0 0 .375em;

}



.sidebar h2 em {

	display:block;

	float:right;

	text-align:right;

	color:#134e97;

	font-size:.7em;

}



.sidebar #execphp-3 h2 {

	background:transparent url(images/titleSprite.png) .375em 0 no-repeat;
	
	margin:0;

	padding:0 0 0 .375em;

}



.sidebar #execphp-4 h2 {

	background:transparent url(images/titleSprite.png) .375em -25px no-repeat;

	margin:0 0 0 0;

	padding:0 0 0 .375em;

}



.sidebar #execphp-5 h2 {

	background:transparent url(images/titleSprite.png) .375em -50px no-repeat;
	margin:0 0 0 0;

	padding:0 0 0 .375em;

}

.sidebar #execphp-20 h2 {

	background:transparent url(images/round-team.png) no-repeat;
	margin:0 0 0 0;
	padding-bottom: 0.375em;

}


/*

 * Corporate Packages Link (not yet live)

 *  

 *  .sidebar #execphp-6 h3 {

	text-indent:-9999px;

	height:43px;

	overflow:hidden;

	background:transparent url(images/titleSprite.png) .375em -76px no-repeat;

}



	.sidebar #execphp-6 h3 a {

		display:block;

		text-indent:-9999px;

		height:43px;

		width:100%;

	}

*/	



.sidebar #execphp-6 h2 {

	background:transparent url(images/titleSprite.png) .375em -124px no-repeat;

}

.sidebar #promo h2 {

	background:transparent url(images/titleSprite.png) .375em -124px no-repeat;

}

.sidebar #slideshow-8 h2 {

	background:transparent url(images/titleSprite.png) .375em -152px no-repeat;

}



.sidebar #execphp-7 h3 {

	text-indent:-9999px;

	height:73px;

	background:transparent url(images/titleSprite.png) 0 -178px no-repeat;

}



	.sidebar #execphp-7 h3 a {

		display:block;

		height:73px;

		width:100%;

		margin:-10px auto 0 0;

	}

	

.sidebar #execphp-8 h2 {

	background:transparent url(images/titleSprite.png) .375em -256px no-repeat;

}


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



a {

    color: #333;

}



h1 a, h2 a, h3 a, h4 a {

	text-decoration:none;

}



a:hover {

    text-decoration:none;

}

div.navigation {
	clear:both;
}

div.navigation a {

	display:block;

	width:240px;

	height:50px;

	margin:1em 0 -1px 0;

	text-indent:-9999px;

	background:transparent url(images/moreNewsBg.png) no-repeat;

}



#content table {

	width:100% !important;

	border:1px solid #ccc;

	margin:1em 0;

	border-collapse:collapse;

}



#content table th {

	background:#eee;

	color:#333;

}



#content table td, #content table th {

	border:1px solid #ccc;

	padding:.3em;

}



a img {

	border:none;

}


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

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

}



#content img {

	max-width:100%;

}



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

.wp-caption{

	background:#ddd;

	padding-right:10px;

}



.wp-caption img {

	margin:10px 10px 0 10px !important;

}



p.wp-caption-text{

	font-size:.85em;

	line-height:1.3em;

	color:#333;

	text-align:left;

	padding:0 10px;

	margin:.5em 0;

}



/*

 * 3.Forms

 * Override any of the default cforms styles here by prefixing with #content

 * to increase specifity

 */



#content .cform {

	overflow:hidden;

}



#content .cform fieldset {

    background: #eee;

	border:1px solid #ddd;

	margin:1em 0;

}



#content .cform legend {

    font-family: sans-serif;

	color: #000;

	font-size:1.5em;

	font-weight:bold;

}



#content .cform fieldset.cf_hidden {

	display:none;

}



#content #usermessagea {

	font-weight:bold;

	margin:0;

	color:#000;

}



#content .cform span.emailreqtxt, #content .cform span.reqtxt {

	font-size:.5em;

	color:#999;

	margin:0 0 0 1em;

	line-height:0;

}



#content .cform ol, #content .cform ol li {

	margin:0;

	padding:0;

	list-style:none;

}



#content .cform ol li {

	padding:.3em .5em;

	-webkit-transition:all 100ms linear;

	clear:both;

	overflow:hidden;

}



#content .cform ol li.cf_li_err, #content .cform ol li.cf_li_err+li.cf-box-group {

	background:#f60;

	padding:.5em;

}



#content .cform ol li.cf-box-group {

	clear:none;

	float:left;

	padding-left:0;

}



#content .cform ol li.cf_li_err label, #content .cform ol li.cf-box-title.cf_li_err, #content .cform ol li.cf_li_err+li.cf-box-group label, #content .cform ol li.cf_li_err span.reqtxt, #content .cform ol li.cf_li_err span.emailreqtxt  {

	color:#fff;

}



#content .cform ol li.cf_li_err label:after, #content .cform ol li.cf-box-title:after {

	content:": ";

	color:#fff;

}



#content .cform label, #content .cform ol li.cf-box-title {

	float:left;

	display:block;

	width:100px;

	padding:0 .7em 0 0;

	text-align:right;

	font-weight:bold;

	font-size:.9em;

	line-height:1.9em;

	cursor:pointer;

}



#content .cform ol li.cf-box-title {

	padding-left:.5em;

	cursor:auto;

}



#page6 #content .cform label {

	width:120px;

}



#content .cform label:after, #content .cform li.cf-box-title:after {

	content:": ";

	color:#999;

}



#content .cform li.cf-box-group label:after {

	content:"";

}



#content .cform input, #content .cform select, #content .cform textarea, #content .cform select option {

	width:150px;

	float:left;

	padding:.3em;

	display:block;

}



#content .cform li.cf-box-group input, #content .cform li.cf-box-group label {

	width:auto;

	line-height:1.4em;

}



#content .cform li.cf-box-group label {

	margin-right:.7em;

}



#content .cform input.sendbutton {

	cursor:pointer;

	width:100px;

}



#content .cform select {

	width:160px;

}



#content .cform textarea {

	width:200px;

	height:70px;

}



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

 */

#footer {
	clear: both;

    background: transparent url(images/headerElementsCombined.png) bottom left;

    width:962px;

	margin:0 auto;

    height: 42px;

	text-align:center;

}



#footer p {

    font-size: .9em;

	text-transform:uppercase;

    line-height: 1em;

    color: #b4d9ff;

	float:right;

	font-weight:bold;

	margin:1em 1em 0 1em;

}



#footer p:first-child {

	float:left;

}



#footer p strong {

	margin-left:.5em;

	color:#fff;

}



#footer a {

    color: #fff;

}



/*

 * 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 { width:100%; position:relative; z-index:9; }

.nav ul {position:absolute;top:-999em;}

.nav ul li {width: 100%;}

.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 {
    background: transparent url(images/wrapperTop.png) center top no-repeat;

	clear:both;

	position:relative;

	min-width:1024px;

    height:61px;

	padding-top:4px;

	padding-left:0;

    font: normal bold 1.1em/1em "Helvetica LT CondensedBlack", "Arial Narrow", Helvetica, Arial, sans-serif;

	text-transform:uppercase;
}



.nav {

	padding-left:30px;

}



.nav li {
	text-align: center;

	padding:0;

	margin:0;

}



.nav a {

	color: #b4d9ff;

	text-shadow:2px 2px 0 rgba(0,0,0,0.4);

	padding:14px .8em;

	text-decoration:none;

}



.nav li.current_page_ancestor li a, .nav li.current_page_ancestor li.current_page_parent li a {

	color: #b4d9ff;

}



.nav li.current_page_item, .nav li.current_page_ancestor {

	background:transparent url(images/headerElementsCombined.png) -344px 0 no-repeat;

}



.nav li.current_page_item a, .nav li.current_page_ancestor a {

	background:transparent url(images/headerElementsCombined.png) right 0 no-repeat;

	color:#fff;

}



.nav a:focus, .nav a:hover, .nav li.current_page_item li a:hover, .nav a:active, li.sfHover>a, .nav li li.current_page_item a, .nav li li.current_page_parent a, .nav li.current_page_ancestor li.current_page_parent li.current_page_item a {
	color: #fff;

	background:transparent;

}



.nav li li.current_page_item, .nav li li.current_page_item a, .nav li.current_page_ancestor li, .nav li.current_page_ancestor li a, .nav li li.current_page_ancestor, .nav li li.current_page_ancestor a, .nav li.current_page_item li a {

	background:none;

}



.nav li.current_page_item li a {

	color: #b4d9ff;

}



.nav li.current_page_parent a:hover, .nav li.current_page_ancestor a:hover {

	color: #fff !important;

}



.nav ul {
	background:#32517c url(images/menuBg.png);
	padding-top:.35em;
	padding-bottom:.35em;
	width:180px; /* dropdown width */
	z-index:99;
	font-family: Helvetica, Arial, sans-serif;
	font-size:.9em;
}



.nav ul li a {

	text-transform:none;

	font-size:.9em;

	text-align:left;

	padding-top:.35em;

	padding-bottom:.35em;

}



.nav ul ul {

	border-left:3px solid #002850;

}


.nav li:hover ul, ul.nav li.sfHover ul { /* relative pozzie of dropdown */

	left:0px;

	top:44px;

}


.nav li li:hover ul, ul.nav li li.sfHover ul { /* pozzie of 2nd level dropdown */

	left:180px;

	top:-1px;

}



/*

 * 5.News

 */

.postdate, .postmetadata{

	font-size:0.8em;

	font-style:italic;

}


/*

 * 6.Sidebar

 */

ul.sidebar{

	width: 212px; /* 300 without the 1 px border & padding - 4 columns */

	margin-left:1px;

	float: left;

	padding:0;

	margin-top:0;

	list-style: none;

}



ul.sidebar .execphpwidget, ul.sidebar .widget_slideshow ul {

	background:#e8e8e8;

	margin-bottom:1.5em;

	padding:.6em .3em .4em .5em;

}



ul.sidebar .widget_slideshow ul {

	background:#fff;

}



ul.sidebar li#slideshow-8 object {

	margin:0 auto;

	display:block;

}



ul.sidebar li#execphp-6 p {

	margin:0;

	height:24px;

}

ul.sidebar li#currentpromo {
	
	margin: 0;
	
	height: auto;
}


ul.sidebar .execphpwidget:after, ul.sidebar .widget_slideshow ul:after {

	content:"";

	display:block;

	clear:both;

}



ul#gameinfo .execphpwidget {

	-webkit-border-top-right-radius:10px;

	-webkit-border-bottom-right-radius:10px;

	-moz-border-radius-topright:10px;

	-moz-border-radius-bottomright:10px;

	border-top-right-radius:10px;

	border-bottom-right-radius:10px;
}



ul#promotioninfo .execphpwidget, ul.sidebar .widget_slideshow ul {

	-webkit-border-top-left-radius:10px;

	-webkit-border-bottom-left-radius:10px;

	-moz-border-radius-topleft:10px;

	-moz-border-radius-bottomleft:10px;

	border-top-left-radius:10px;

	border-bottom-left-radius:10px;

	padding:.4em .5em .4em .6em;

}



ul#gameinfo .execphpwidget a, ul#gameinfo .execphpwidget>em, ul#gameinfo .execphpwidget span {

	color:#0d3669;

	display:inline-block;

	float:left;

	margin:0 .2em;

}



ul#gameinfo .execphpwidget>em {

	line-height:4em;

	font-weight:bold;

	font-style:normal;

	font-size:1.3em;

}



ul#gameinfo .execphpwidget span {

	margin:0 .3em;

}



ul#gameinfo .execphpwidget span * {
	margin:0;
	text-align:center;
}

ul#gameinfo .execphpwidget strong {
	display:block;
	font-size:1.3em;
	clear:both;
}

ul.sidebar li#execphp-7 .execphpwidget {
	height:47px;
}

ul.sidebar li#execphp-3 .execphpwidget {
	margin-bottom:3em;
	text-align:center;
}

ul.sidebar li#execphp-4 .execphpwidget {
	text-align:center;
}

ul.sidebar #execphp-3 .execphpwidget, ul.sidebar #execphp-4 .execphpwidget {
	background:#e8e8e8 url(images/footballBg.png) center bottom no-repeat;
}



ul.sidebar .execphpwidget table {
	text-align:left;
	border-collapse:collapse;
	text-transform:uppercase;
	font-family:"Helvetica LT CondensedBlack", Helvetica, Arial, sans-serif;
	font-size:.8em;
}



ul.sidebar .execphpwidget table td {

	border-right:1px solid #ccc;

	padding-right:.5em;

	padding-left:.5em;

	color:#134e98;

}



ul.sidebar .execphpwidget table th {

	padding-left:.5em;

	color:#0d3669;

}



ul.sidebar .execphpwidget table tr.cqcomets th, ul.sidebar .execphpwidget table tr.cqcomets td {

	background:#0064ff;

	color:#fff !important;

}



ul.sidebar .execphpwidget table tr.even td {

	color:#0064ff;

}



ul.sidebar .execphpwidget table tr.even th {

	color:#134e97;

}


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