/*
Theme Name: Annadale
Theme URI: http://www.annadale.co.uk
Description: Theme for Annadale Hockey Club (Based on Starkers by Elliot Jay Stocks)
Version: 1.0
Author: Andrew McGimpsey
Author URI:
Tags: annadale, starkers
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

/*FONT USED THROUGHOUT THE SITE*/
@font-face {
	font-family: 'TitilliumText14L600wt';
	src: url('fonts/TitilliumText600wt-webfont.eot');
	src: local('?'), url('style/fonts/TitilliumText600wt-webfont.woff') format('woff'), url('fonts/TitilliumText600wt-webfont.ttf') format('truetype'), url('fonts/TitilliumText600wt-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*STANDARD HTML ELEMENTS*/
body {background:#CC0000 url(images/background.png) top center no-repeat; font-family:Calibri, Arial, Helvetica, Sans-Serif; font-size:13px;}

h2 {border-bottom:3px solid #232323; font-family:TitilliumText14L600wt, Calibri, Arial, Helvetica, Sans-Serif; font-size:21px;font-weight:normal; letter-spacing:-1px; margin:10px; margin-bottom:0; padding-bottom:5px;}
h3 {color:#9D080C; font-family:TitilliumText14L600wt, Calibri, Arial, Helvetica, Sans-Serif; font-size:21px; font-weight:bold; letter-spacing:-1px; margin:10px;}
h3 a:link, h3 a:visited {color:#9D080C; font-weight:bold; text-decoration:none;}
h3 a:hover, h3 a:active {text-decoration:underline;}
h4 {font-family:TitilliumText14L600wt; font-size:18px; font-weight:bold; letter-spacing:-1px; margin:10px 0 5px 0;}

/*CUSTOM ELEMENTS*/
#container {margin:0 auto; max-width:960px; width:960px;}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}

/*HEADER ELEMENTS*/
#logo {float:left; margin:5px 0 0 10px; width:240px;}
#logo img {height:150px; width:200px;}

#meta {float:right; text-align:right; width:700px;}

.social {color:#FFFFFF;}
.social a:link, .social a:visited {color:#FFFFFF; display:block; margin:5px; padding:5px; text-decoration:none;}
.social a:hover, .social a:active {background:#232323; text-decoration:none;}
.social img{height:24px; vertical-align:middle; width:24px;}
.social li {float:right;}
.social ul {}

#searchform {background:#232323; margin:5px;}
#searchform input[type="text"] {background:#FFFFFF; border:5px solid #232323; color:#232323; float:left; font-family:Calibri; font-style:italic; padding:5px; width:130px;}
#searchform input[type="submit"] {background:#232323; border:5px solid #232323; color:#FFFFFF; cursor:hand; font-family:Calibri; padding:5px; width:55px;}

.sponsor {clear: both; color:#FFFFFF; float:right; padding:25px 25px 0;}
/*.sponsor img {margin-top:-15px;}*/
.sponsor .smallcaps {font-size:14px; font-variant:small-caps;}
.sponsor ul {float:right; margin-left:50px;}

#navigation {background:transparent url(images/nav.png) top center no-repeat; clear:both; float:left; font-size:14px;}
#navigation a:link, #navigation a:visited {border-top:2px solid #232323; color:#FFFFFF; display:block; font-variant:small-caps; padding:7px 0px; text-align:center; text-decoration:none;}
#navigation a:hover, #navigation a:active {border-top:2px solid #FF0000; text-decoration:none;}
#navigation li {float:left; width:89px;}
#navigation ul {margin:0 15px;}

/*MAIN CONTENT ELEMENTS*/
#maincontainer {background:#ECECEC; float:left; width:960px;}

#latestnews {background:#FFFFFF; float:right; height:300px; margin:10px 10px 10px 0; width:290px;}
#latestnews h3 {display:inline; font-family:Calibri, Arial, Helvetica, Sans-Serif; font-size:15px; letter-spacing:0; margin:0;}
#latestnews h3 a {font-weight:normal;}
#latestnews em {color:#AFAFAF;}
#latestnews ul {padding:0 10px;}
#latestnews li {border-bottom:1px solid #DFDFDF; padding:5px;}

#sponsors {background:#FFFFFF; clear:both; float:left; margin:0 10px; width:940px;}
#sponsors li {float:left; padding:10px;}

#maincontent {background:#FFFFFF; float:left; margin:10px; padding-bottom:10px; width:640px;}

.pagenavigation {background:#232323; clear:both; float:left; font-size:14px; margin:0 0 10px 10px; width:620px;}
.pagenavigation a:link, .pagenavigation a:visited {border-bottom:2px solid #232323; color:#FFFFFF; display:block; font-variant:small-caps; padding:7px 0px; text-align:center; text-decoration:none;}
.pagenavigation a:hover, .pagenavigation a:active {border-bottom:2px solid #FF0000; text-decoration:none;}
.pagenavigation li {float:left; width:100px;}
.pagenavigation ul {margin:0 10px;}

.homepost {clear:both; padding-top:15px;}
.homepost img {border:5px solid #CDCDCD; float:left; height:120px; margin:0 10px; width:125px;}
.homepost p {line-height:150%; padding:0 10px;}
.homepost em {color:#AFAFAF;}
.homepost h3 {margin:0 0 5px 10px;}
.homepost a:link, .homepost a:visited {color:#9D080C; font-weight:bold; text-decoration:none;}
.homepost a:hover, .homepost a:active {text-decoration:underline;}

#post {background:#FFFFFF; float:left; padding-bottom:10px; width:640px;}
.post {line-height:150%; margin:10px;}
.post a:link, .post a:visited {color:#9D080C; text-decoration:none;}
.post a:hover, .post a:active {text-decoration:underline;}
.post .date {color:#ABABAB;}
.post img {border:5px solid #CDCDCD; max-height:360px; max-width:600px; margin:0px auto;}
.post p {padding-bottom:15px;}
.post table {margin-bottom:15px;}
.post td {padding:3px;}
.post iframe {margin:10px auto;}

.fixturesresults table {border:1px solid #EEEEEE; margin:10px auto; width:600px;}
.fixturesresults td {min-width:50px; max-width:200px; padding:7px;}
.fixturesresults tr {border-bottom:1px solid #EEEEEE;}
.fixturesresults .odd {background:#EEEEEE;}

.juniors table {margin-bottom:15px; text-align:center;}
.juniors td {padding:3px; width:200px;}

.ladies ul {margin:10px 0;}
.ladies li {display:block; float:left; margin:10px 20px; width:270px;}
.ladies p	{line-height:150%;}
.ladies .dates {background:#F5F5F5; border:1px solid #E5E5E5; float:left; line-height:150%; margin-right:10px; padding:10px;}

.contacts ul {margin:10px 0;}
.contacts li {display:block; float:left; margin:10px 20px; width:280px;}
.contacts p	{line-height:150%;}
.contacts h3 {margin:0;}
.contacts .contactform {margin-top:20px; width:600px;}

#findus h3 {border-bottom:3px solid #9D080C; margin:10px 0 0; padding-bottom:5px;}
#findus li{float:left; margin:0 10px; width:290px;}
#findus .grey {background:#EEEEEE;}
#findus td {padding:5px;}

.iframe {border:1px solid #232323; margin:10px;}

.page-numbers {clear:both; padding:10px 0; text-align:center;}
.page-numbers ul {display:block;}
.page-numbers li {display:inline;}
.page-numbers a:link, .page-numbers a:visited {border:1px solid #9D080C; color:#9D080C; display:inline-block; margin:10px 1px; padding:3px 7px; text-decoration:none;}
.page-numbers a:hover, .page-numbers a:active {background:#9D080C; border:1px solid #9D080C; color:#FFFFFF; text-decoration:none;}
.page-numbers .current {background:#9D080C; border:1px solid #9D080C; color:#FFFFFF; margin:10px 1px; padding:3px 7px; text-decoration:none;}

/*SIDEBAR ELEMENTS*/
#sidebar {background:#ECECEC; float:right; margin-top:10px; width:300px;}

#latestresults, #nextfixtures {background:#FFFFFF; float:right; margin:0 10px 10px 0; width:290px;}
#latestresults h3, #nextfixtures h3 {margin:0;}
#latestresults li, #nextfixtures li {border-top:1px solid #DFDFDF; padding:5px;}
#latestresults .date, #nextfixtures .date {margin:0 10px; padding:5px;}
#latestresults em, #nextfixtures em {color:#565656;}
#latestresults ul, #nextfixtures ul {padding:0 10px 10px;}

#nextfixtures {background:#FFFFFF; float:right; margin:0 10px 10px 0; width:290px;}
#latestresults h3 {margin:0;}
#latestresults li {border-top:1px solid #DFDFDF; padding:5px;}
#latestresults .date {margin:0 10px; padding:5px;}
#latestresults em {color:#565656;}
#latestresults ul {padding:0 10px 10px;}

/*FOOTER ELEMENTS*/
#footer {background:#232323; clear:both; float:left; padding-bottom:30px; width:960px;}

#btmnavigation {float:left; margin:10px; width:300px;}
#btmnavigation h2 {border-bottom:3px solid #FFFFFF; color:#FFFFFF;}
#btmnavigation ul {padding:0 10px 10px; width:130px;}
#btmnavigation li {}
#btmnavigation li a:link, #btmnavigation li a:visited {border-bottom:1px solid #FFFFFF; color:#FFFFFF; display:block; font-variant:small-caps; padding:5px; text-decoration:none;}
#btmnavigation li a:hover, #btmnavigation li a:active {background:#FFFFFF; color:#232323; display:block;}

#downloads { float:left; margin:10px; width:300px;}
#downloads h2 {border-bottom:3px solid #FFFFFF; color:#FFFFFF;}
#downloads ul {padding:0 10px 10px; width:280px;}
#downloads li {}
#downloads li a:link, #downloads li a:visited {border-bottom:1px solid #FFFFFF; color:#FFFFFF; display:block; font-variant:small-caps; padding:5px; text-decoration:none;}
#downloads li a:hover, #downloads li a:active {background:#FFFFFF; color:#232323; display:block;}

#metalinks {color:#FFFFFF; float:left; margin:10px; width:300px;}
#metalinks h2 {border-bottom:3px solid #FFFFFF; color:#FFFFFF;}
#metalinks ul {padding:0 10px 10px; width:280px;}
#metalinks li {}
#metalinks li a:link, #metalinks li a:visited {border-bottom:1px solid #FFFFFF; color:#FFFFFF; display:block; font-variant:small-caps; padding:5px; text-decoration:none;}
#metalinks li a:hover, #metalinks li a:active {background:#FFFFFF; color:#232323; display:block;}
#metalinks .wordpress {float:right; padding:10px 10px 0;}
#metalinks .wordpress a:link, #metalinks .wordpress a:visited {color:#FFFFFF; font-weight:bold; text-decoration:none;}
#metalinks .wordpress a:hover, #metalinks .wordpress a:active {text-decoration:underline;}