/*
Copyright © 2011 - Present Day
Theme Name: Sydney Uni
Theme URI: http://www.sydneyunigridiron.com/
Author: Redefine Pty Ltd
Author URI: http://www.redefine.com.au/
Description: A custom theme built for Sydney University American Football Club. It comprises a settings page that allows you to update the header image and background image easily.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: custom, sydney university, gridiron, 2 column, single sidebar, drop down menu, fixed width, custom background, custom header image, custom menu, featured images, theme options.

Phone: +61 (2) 9368 0002
Email: engage@redefine.com.au

## N.B ##
We appreciate you taking the time to look through our CSS, we hope you enjoy our clear structure and almost obsessive commenting... Please do not steal our code, but instead admire it.

Does not work with IE6 - Use standard link tag in html. */
@import url('css/reset.css');

/* Body */
body { font: 12px Arial, Tahoma, Verdana, 'Helvetica Neue', sans-serif; line-height: 16px; }

/* Containers & Wraps */
#site_wrap { background: url('images/bg-wrapborder.png') repeat-y left top; width: 939px; margin: 0 auto; padding: 0 29px; }
#header { }
#content { }
#footer { }

/* Headings */
h1, h2, h3, h4, h5, h6 { margin-bottom: 5px;  }  
h2 { color: #00467d; font-weight: bold; font-size: 18px; }
h3 { color: #00467d; font-weight: bold; font-size: 16px;}
h4 { color: #007ac1; font-weight: bold; font-size: 10px;}
h5 { }
h6 { }

.content-area h1, .content-area h2, .content-area h3, .content-area h4, .content-area h5, .content-area h6 { margin-bottom: 20px; }
.content-area h2 { margin-bottom: 15px; font-size: 18px; }
.content-area h3 { font-size: 16px; }
.content-area h3, .content-area h4, .content-area h5, .content-area h6 { margin-bottom: 10px; font-size: 14px; }

#homepage .content-area h2 { background: none; color: #00467d; font-size: 16px; font-weight: bold; float: none; padding: 0;}

.content-area dl { margin-bottom: 20px; border-bottom: 1px dotted #dbdbdb; padding-bottom: 20px; }
.content-area dl dt { font-weight: bold; font-size: 16px; color: #00467d; cursor: pointer; }
.content-area dl dd { margin-top: 20px; display: none;  }

.content-area ul { list-style-type: disc; padding-left: 20px; margin-bottom: 20px; }
.content-area table { width: 590px; }
.content-area table tr { }
.content-area table tr td:last-child { border-right: 1px solid #dbdbdb; }
.content-area table thead tr td:last-child { border-right: 1px solid #00345d; }
.content-area table tr td { padding: 5px 10px; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; }
.content-area table tr th, .content-area table thead tr td { text-transform: uppercase; font-size: 10px; background: #00467d; color: #fff; border-left: 1px solid #00345d; border-bottom: 0; font-weight: bold; padding: 5px 10px; }

.content-area a { color: #00467d; }
.content-area a:hover { color: #007ac1; }

a.scroll { cursor: pointer; }

p { color: #666666; font-size: 12px;  }


/* Links */
a, a:active, a:link, a:visited, a:hover { text-decoration: none; }
a:hover { }

/* Default Page Styling
Header */ 
#header {background-color: #f7f7f7;}
#header #logo { margin: 0; display: block; }
#logo a { width:940px; height: 156px; display: block; text-indent: -9999em; }
#header nav
{  
	width: 930px; 
	height: 50px; 
	background-color: #003259;
	padding: 0 10px 0 0; 
	float: left;
	position: relative;
	margin-bottom: 10px;
	line-height: 50px;
}
#header nav ul li 
{ 
	float: left;
	margin-right: -4px;
	position: relative;
}
#header nav ul li a 
{ 
	padding: 17px 22px; 
	line-height: 50px; 
	text-decoration: none; 
	color: white; 
	font-weight: bold;
	text-transform: uppercase;
	background: url('images/bg-navborder.png') no-repeat right top;
}
#header nav ul li.active a { }
#header nav ul li:hover a, #header nav ul li:hover { background: #00467d; }
#header nav ul li:hover { padding: 0; }

#header nav ul li .sub-menu { display: none; background: #00467d; left: 0px; position: absolute; top: 50px; width: 200px;}
#header nav ul li .sub-menu li { border-top: 1px solid #003e6b; margin: 0; float: none; line-height: 30px; }
#header nav ul li .sub-menu li a { background: none; display: block; line-height: 30px; padding: 10px 22px; }
#header nav ul li .sub-menu li a:hover { background: #003459; }

#header nav ul li:hover .sub-menu { display: block; }

#social_nav { float: right; width: 50px; height: 16px; }

#social_nav a
{
width: 16px; 
height: 16px;  
display: block; 
position: absolute;
}

#social_nav .facebook { background: url('images/btn-facebook.png') no-repeat left top; right: 60px; top: 17px}
#social_nav .youtube { background: url('images/btn-youtube.png') no-repeat left top; top: 17px; right: 10px;}
#social_nav .twitter { background: url('images/btn-twitter.png') no-repeat left top; top: 17px; right: 35px;}

/* Content */ 
#content { }
#main-content{background-color: #f7f7f7; width: 940px;}
/* Footer */
#footer 
{ 
height: 50px; 
color: #00457c; 
background-color: white; 
border-top: #cfcfcf 1px dotted;
 padding: 10px 0; 
}
 
#footer a { text-decoration: none; color: #00457c;}
#footer ul li  a{ padding: 0 5px;}
#footer ul { float: left;  margin: 5px 0;}
#footer ul li { display: inline;}
#footer p 
{
display: inline; 
float: left; 
padding-right: 5px; 
padding-bottom: 0;
}
#footer h5 
{ 
clear: left; 
margin-left: 5px; 
color: #c5c5c5;
}
#redefine 
{
 background: url('images/bg-redefine.png') no-repeat left top; width: 50px; 
 height: 50px; 
 display: block; 
 float: right; 
 text-indent: -9999em;
 }
#blue-bar{ background-color: #072a5a; height: 25px; width: 960px; margin-left: -10px;}

/* HOME */

/*main content*/

#homepage, #page-content 
{
background: url('images/bg-newsgradient.png') no-repeat left bottom;
background-color: #ffffff; 
color: #666666; 
width: 590px; 
padding: 20px; 
margin-bottom: 10px;
}

#page-content { height: 100%; float: left; }


#latest-news
{
background: url('images/bg-newsgradient.png') no-repeat left bottom;
background-color: #ffffff; 
color: #666666; 
width: 590px; 
padding: 20px; 
margin-bottom: 10px;
}
.page-title-container { 
	background: url('images/bg-page-title.png') repeat-x left top;
	display: block;
	height: 30px;
}
.page-title-container {
margin-bottom: 20px;
}
.page-title h2
{ 
background-color: #003259; 
font-weight: bold; 
font-size: 16px;
color: white; 
padding: 0 20px; 
height: 30px; 
display: block; 
line-height: 30px;
float: left;
}
.page-title span { 
background: url('images/btn-newsbtn.png') no-repeat right top; 
width: 16px; 
height: 30px; 
display: block; 
float: left;
}

.page-title-container .viewall { float: right; width: 90px; height: 30px; margin-right: 10px; }
.page-title-container .viewall a { display: block; background: url('images/btn-view-all-news.png') no-repeat left top; width: 90px; height: 30px; text-indent: -9999em; }


#older-post, #single-post 
{
background-color: white; 
color: #666666; 
width: 590px; 
padding: 20px; 
margin-bottom: 10px;
}

#older-post h4 { text-transform: uppercase; margin-bottom: 10px;} 


a.readmore 
{
width: 120px; 
height: 30px; 
background: url('images/btn-readmore.png') no-repeat left top; 
display: block; 
text-indent: -9999em; 
margin-bottom: 10px;
}


#older-post .post .left { float: left; border: 5px solid #dbdbdb; margin-bottom: 15px; width: 150px; height: 150px; }
#older-post .post .left a { background: url('images/no-feature-image.png') left top no-repeat; display: block; height: 150px; width: 150px; }
#older-post .post .right { float: right; width: 400px; }
#older-post .post .right h3 a { color: #00467d; font-size: 16px; }
#older-post .post .right h3 a:hover { color: #0861a7; }

#older-post .post
{ 
border-bottom: #cfcfcf 1px dotted; 
margin-bottom: 20px; 
padding-bottom: 10px;
}
#older-post .last{ border-bottom: none; margin-bottom: -10px; padding-bottom: 0px;}

/*sidebar*/
#sidebar{ margin-bottom: 20px; width: 300px; }
#ladder-info{ height: 155px; }

#ladder-info span#location
{
width: 300px;
 height: 145px; 
 background: url('images/bg-nextgame.png') no-repeat left top; 
 display: block; 
 text-indent: -9999em; 
 margin-bottom: 10px;
 }
#ladder-info a#map
{
width: 300px; 
height: 40px; 
text-indent: -9999em; 
display: block; 
bottom: 50px; 
position: relative;
}
#ladder-info #hometeam{position: relative; bottom: 160px; left: 10px;}
#ladder-info #awayteam{position: relative; bottom: 160px; left: 188px;}
#ladder-info h4
{ 
text-align: center; 
position: relative; 
bottom: 220px; 
font-weight: bold; 
font-size: 16px; 
color: white; 
}
#ladder-info h5
{ 
text-align: center; 
position: relative; 
bottom: 216px; 
font-size: 12px; 
color: white; 
width: 140px; 
margin: 0; 
left: 80px;
}
#ladder-info h6
{ 
text-align: center; 
position: relative; 
bottom: 208px; 
font-weight: bold; 
font-size: 12px; 
color: white; 
}

/*league ladder*/
#ladder
{ 
width: 280px; 
background-color: #00457c; 
color: white; 
padding: 10px;
border: none;
}
#ladder h2
{ 
font-size: 16px; 
font-weight: bold; 
padding: 5px;
}


.widget { margin-bottom: 20px; border-bottom: 1px dotted #dbdbdb; padding-bottom: 19px; width: 300px;}

.widget h4 { font-size: 16px; margin-bottom: 20px; color: #00467D; }
#play a
{
width: 300px; 
height: 100px;
background: url('images/btn-playforsyd.png') no-repeat left top; 
display: block; 
text-indent: -9999em;
}

#play { padding-bottom: 15px; margin-bottom: 15px; }




#ladder-headings{
background: url('images/bg-ladderheader.png') no-repeat left top; 
width: 280; 
height: 7px; 
display: block; 
padding-bottom: 5px;
}
#ladder td
{ 
padding: 5px 0; 
text-align: center; 
border-bottom: black 1px dotted; 
border-right: black 1px dotted;
}
.team-name{ width: 85px;}
.g{width: 18px;}
.w{width: 18px;}
.l{width: 18px;}
.d{width: 18px;}
.percent{width: 33px;}
.pf{width: 27px;}
.pa{width: 27px;}
.np{width: 30px;}

.leaguemanager_widget { width: auto !important;}
.widget.leaguemanager_widget { background-color: #00457c; color: white; padding: 10px; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.widget.leaguemanager_widget h4 { text-align: left !important; border: none !important; color: #fff !important; }
.widget.leaguemanager_widget h4.standings { display: none; }
.widget.leaguemanager_widget .standingstable th { background: none !important; color: #fff; text-transform: uppercase; font-size: 10px !important; border-bottom: 1px solid #00345d !important;}
.widget.leaguemanager_widget .leaguemanager_widget { width: auto;  padding: 0px; }
.widget.leaguemanager_widget .standingstable td { border-bottom: 1px solid #003d6d !important; border-right: 1px dotted #003d6d !important; vertical-align: middle;}
.widget.leaguemanager_widget .standingstable { margin: 10px 0 0 0 !important; width: 280px;}
.widget.leaguemanager_widget .standingstable tr:hover { background: #025394; }
.widget.leaguemanager_widget .standingstable tr.homeTeam { background: #006ab9;  }

.wp-pagenavi { margin-top: 20px; border-top: 1px dotted #dbdbdb; padding-top: 20px; }
.wp-pagenavi span, .wp-pagenavi a { background: #00467d; color: #fff; font-weight: bold; padding: 7px 10px; margin-right: 5px; }
.wp-pagenavi span.pages { background: #0c5f9f; color: #fff; }
.wp-pagenavi span.current, .wp-pagenavi a:hover { background: #ffc11d; color: #00467d; }

/* Single Page */
#single-post h2 {  }
#single-post h4 { margin-bottom: 20px; border-bottom: 1px solid #dbdbdb; padding-bottom:15px;  }
.single-post { display: block; }
.content-area .alignleft { float: left; margin-bottom: 10px; margin-right: 10px; }
.content-area .alignright { float: right; margin-bottom: 10px; margin-left: 10px; }
.content-area .wp-caption.alignright img { }
.content-area .wp-caption.alignright a { float: right;  }
.content-area .wp-caption.alignleft a { float: left; }
.content-area .wp-caption.alignright .wp-caption-text, .content-area .wp-caption.alignleft .wp-caption-text, .content-area .wp-caption.aligncenter .wp-caption-text { display: block; float: none; margin-left: 10px; border-bottom: 1px dotted #dbdbdb; padding: 15px 10px 10px; font-style: italic; color: #444;}
.content-area .wp-caption.alignleft .wp-caption-text { margin-left: 0; margin-right: 10px; }
.content-area .wp-caption.aligncenter .wp-caption-text { margin: 0 10px 20px 0; }

.wpcf7-form { border-bottom: 1px solid #dbdbdb; padding-bottom: 20px; margin-bottom: 20px; }
.wpcf7-form .form-element { margin-bottom: 10px; }
.wpcf7-form label { font-weight: bold; float: left; width: 100px; text-align: right; margin-right: 40px; line-height: 35px; position: relative;  }
.wpcf7-form label span { color: #a30a0a; font-weight: bold; font-size: 20px; position: absolute; top: 5px; right: -20px;}
.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea { float: left; width: 200px; border: 1px solid #dbdbdb; background: #f2f2f2; padding: 8px 10px; }
.wpcf7-form select { margin-top: 8px; width: auto; }
.wpcf7-form textarea { width: 400px; }
.wpcf7-form .form-element.quiz .wpcf7-quiz-label { color: #a30a0a; float: left; margin-right: 10px; line-height: 36px; font-weight: bold; font-size: 14px; letter-spacing: 3px; }
.wpcf7-form .form-element.quiz input { width: 30px; }
.wpcf7-form input#submit { width: 120px; height: 30px; float: none; display: block; margin-left: 140px; border: none; padding: 0; }
.wpcf7-form span.wpcf7-not-valid-tip { color: #a30a0a; font-weight: bold; font-size: 10px; margin: 0 0 0 140px; padding-top: 10px; text-transform: uppercase; clear: both; float: none !important; position: static !important; display: block; border: none; background: none; padding: 0; width: auto; }

.wpcf7-form .wpcf7-response-output { background: url('images/information.png') no-repeat top left; margin: 0; border: none !important; font-weight: bold; line-height: 18px; padding: 0; margin-left: 140px; padding-left: 20px; }

.wpcf7-form div.wpcf7-validation-errors { border: none; color: #a30a0a; }
.wpcf7-form div.wpcf7-mail-sent-ok { border: none; color: #399b09; }