/*
Theme Name: Arundel FC
Theme URI: http://www.arundelfc.com/
Description: Theme built specifically for Arundel Football Club
Version: 1.0
Author: Matt Axell
Author URI: http://www.mole-design.co.uk/
Tags: Football club, red
*/

/* browser reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* @fontface */
@font-face {
	font-family: 'Bebas';
	src: url('type/BEBAS___.eot');
	src: local('Bebas Regular'), local('Bebas'), url('type/BEBAS___.TTF') format('truetype');
}

body {background: url(images/bodyBG.jpg) top center no-repeat #a52b31; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
a {font-weight:bold; color:#fff; text-decoration:none;}
a:hover {text-decoration:underline;}
p {padding-bottom:10px; line-height:1.2;}
strong {font-weight:bold;}
img.post-left {border:10px solid #76191d; margin:0 10px 10px 0; float:left;}

#menu {padding:10px 0; height:20px; margin-top:10px;}

ul#nav {list-style:none;}
ul#nav li {display:inline;}
ul#nav li a {display:block; float:left; font-size:14px; margin-right:30px; padding:5px;}
ul#nav li a:hover {background: #ff5c6a; text-decoration:none; borer-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}

#navShadow {height:18px; background: url(images/navShadow.png);}

#header {background:url(images/headerBG.jpg); height:200px; margin-top:5px; position:relative;}
#header h1 a {display:block; height:90px; width:89px; text-indent:-9999px; background:url(images/headerLogo.png); margin:58px 25px;}

#nextMatch {padding:20px 90px 20px 20px; background:url(images/70black.png); position:absolute; right:0px; top:30px;}
#nextMatch h2 {font-size:12px;padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px; text-transform:uppercase; font-weight:bold;}
#nextMatch h3 {font-size:24px; margin-bottom:5px;}

#content {background:#76191d; padding: 20px 0;}
.pagetitle {font-size:24px; margin-bottom:25px;}

#content .boxHeader {padding:0 0 15px 0; position:relative;}
#content .boxHeader h3 {font-size:18px;}
#content .boxHeader a {position:absolute; right:0; top:5px;}
#content .boxBody {background:#ac2635; border-top:solid 5px #ff5c6a; margin-bottom:15px;}

#main .post {padding:10px; margin-bottom:10px;}
#main .post h2 {font-family: Bebas, Arial, Sans-Serif; font-size:60px; letter-spacing:-1px; margin-bottom:25px;}
.post h3 {font-size:18px; margin-bottom:10px; color:ff5c6a;}
#main h2 a {font-size:18px; font-weight:normal;}
#main h2 {font-size:18px;}
.entrySingle {padding:10px; background:#ac2635; border-top:solid 5px #ff5c6a;}
#mainSingle {position:relative;}
#mainSingle p {line-height:1.4;}
#mainSingle h2.title {font-family: Bebas, arial; font-size:28px; line-height:1; ; margin-bottom:10px;}
#mainSingle h3 {font-size:18px; margin-bottom:10px;}
#mainSingle h4 {font-size:14px; font-weight:bold; margin-bottom:10px;}
.postInfo {margin:10px 0; padding-bottom:10px; border-bottom:solid 1px;}
.tags {background:#ac2635; padding:10px;}
.tags a {display:block; background:#ff5c6a; display:inline; padding:3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.relatedPosts {background:#ac2635; padding:10px; margin:10px 0;}

#sidebar .boxHeader h3 {text-transform:uppercase; font-size:12px; font-weight:bold;}

#searchform {margin-bottom:20px;}
#searchform input {width:290px; border:none; padding:5px; background:#ac2635; box-shadow:inset 1px 1px 3px #000; -moz-box-shadow:inset 1px 1px 3px #000; -webkit-box-shadow:inset 1px 1px 3px #000;}

#sidebar ul li {height:50px; border-bottom:solid 1px #500b0b;}
#sidebar ul li h4 {font-weight:bold;}
#sidebar ul li a {display:block; padding:5px 0 12px 10px;font-weight:normal;}
#sidebar ul li a:hover {text-decoration:none;}
#sidebar ul li:last-child {border-bottom:none;}
#sidebar li:hover {background-color:#480b0e;}

#sidebar #box_9 .boxBody ul {padding:10px;}
	#sidebar #box_9 .boxBody ul li {border-bottom:none; height:auto;}
	#sidebar #box_9 .boxBody ul li a {padding:2px 0;}
	#sidebar #box_9 .boxBody li:hover {background-color:none;}

.newsItem {border-top: solid 1px #ff5c6a; height:80px;}
.newsPic {float:right; width:150px; height:80px; margin-left:50px; background:url(images/newsItemBG.jpg);}
.newsTitle {margin:10px;}
.newsTitle h2 a {font-size:18px; font-weight:normal;}
.newsTitle small {font-size:12px; color:#ff5c6a;}
.newsTitle small a {font-weight:normal;color:#ff5c6a;}
.navigation {border-top:solid 1px #ff5c6a; padding:15px 0;}
.navigation a {padding: 3px; background:#ff5c6a; margin-right:5px; text-transform:uppercase; font-size:11px;}
.navigation a:hover {background:#a52b31; text-decoration:none;}

#box_1 ul li {height:50px; border-bottom:solid 1px #500b0b; background:url(images/newsIcon.png) no-repeat 5px 10px;}
#box_1 ul li h4 {font-weight:bold;}
#box_1 ul li a {display:block; padding:5px 0 12px 50px;font-weight:normal;}
#box_1 ul li a:hover {text-decoration:none;}
#box_1 ul li:last-child {border-bottom:none;}
#box_1 li:hover {background-color:#480b0e;}

#box_4 ul li {height:50px; border-bottom:solid 1px #500b0b; background:url(images/matchReportIcon.png) no-repeat 5px 10px;}
#box_4 ul li h4 {font-weight:bold;}
#box_4 ul li a {display:block; padding:5px 0 12px 50px;font-weight:normal;}
#box_4 ul li a:hover {text-decoration:none;}
#box_4 ul li:last-child {border-bottom:none;}
#box_4 li:hover {background-color:#480b0e;}

#box_6 .boxBody {background:url(images/scflBG.jpg); text-align:center; padding:9px;}

/* League Table */
#content table{border: 0px; width: 100%;}
#box_2 table th{background: #500b0b; border-bottom: 1px solid #500b0b; padding: 21px 0 5px 2px;}
#box_2 td{background-color: #ac2635; border-right: 0; border-bottom: 1px solid #500b0b; color: #FFF; vertical-align: middle; padding:5px 2px;}
#box_2 table .col_1{padding-left: 10px; text-align: center; width:15%;}
#box_2 table .col_2{padding-left: 10px; text-align: left; width:55%;}
#box_2 table .col_3, #content table .col_4{text-align: center; width:15%;}
#box_2 td a{color: #FFF;}
#box_2 table tr.last td{border-bottom:none;}
/* Arundel row */
#box_2 table tr.afc td{background-color: #da4e59; font-weight:bold; text-transform:uppercase;}

/* Top Goalscorers */
#box_5 table th{background: #500b0b; border-bottom: 1px solid #500b0b; padding: 21px 0 5px 2px;}
#box_5 td{background-color: #ac2635; border-right: 0; border-bottom: 1px solid #500b0b; color: #FFF; vertical-align: middle; padding:5px 2px;}
#box_5 table .col_1{padding-left: 10px; text-align: center; width:15%;}
#box_5 table .col_2{padding-left: 10px; text-align: left; width:55%;}
#box_5 table .col_3, #content table .col_4{text-align: center; width:15%;}
#box_5 td a{color: #FFF;}
#box_5 table tr.last td{border-bottom:none;}

/* Fixtures  */
#fixtures {width: 100%; margin: 0.8em 0 0 0;}
#fixtures tbody tr.alt td, tbody tr.alt th {background: #48080e;}
#fixtures th {font-weight: bold; text-align: left; text-transform: uppercase; background:#76191d; padding:5px;}
#fixtures th.date {color:#fff; text-transform:none; font-size:18px; font-weight:normal; background:none; padding:20px 5px 10px 5px;}
#fixtures td {padding:5px; background:#48080e; border-bottom:solid 1px #76191d;}
#fixtures caption	{caption-side: bottom;}
#fixtures td.center, th.center {text-align: center;}
#fixtures strong {font-weight:bold;}

/* Friends */
#friends {width: 100%; margin: 0.8em 0 0 0;}
#friends tbody tr.alt td, tbody tr.alt th {background: #581215;}
#friends th {font-weight: bold; text-align: left; text-transform: uppercase;padding:5px}
#friends th.date {color:#fff; text-transform:none; font-size:18px; font-weight:normal; background:none; padding:20px 5px 10px 5px;}
#friends td {padding:5px; background:#76191d; border-bottom:solid 1px #ac2635;}
#friends caption	{caption-side: bottom;}
#friends td.name {font-size:14px; font-weight:bold; background:#480b0e; border-right:solid 5px #ac2635;}
#friends strong {font-weight:bold;}

/* Players */
.player {width:600px; height:200px; margin-bottom:20px;}
.playerInfo {width:180px; height:180px; padding:10px; background:url(images/70black.png);}
.playerInfo h4 {font-size:18px; margin-bottom:10px;}

.axell {background:url(images/players/mattAxell.jpg);}
.jBiggs {background:url(images/players/joshBiggs.jpg);}
.hall {background:url(images/players/davidHall.jpg);}

/* Twitter */
#twitter_update_list {width:300px; height:148px; list-style:none;margin:0;padding:0;}
	#twitter_update_list li {list-style:none;margin:0;font-size:13px;padding:10px;line-height: 1.3; border-top:none;}
	#twitter_update_list a {color:#da4e59; display:inline; font-weight:normal;}
	#twitter_update_list li span {display: block; font-size:18px;}
	
/* Footer */
#footer {background:url(images/footerGradient.jpg) no-repeat center top #76191d; padding:40px 0;}

#footer u#partners {float:left;}

#footer ul#partners li {list-style: none; float:left; margin: 0 10px;}
#footer ul#partners li a {display: block; text-indent: -9999px; height:26px;}
		
	#footer ul#partners li a.roofing { width:156px; background: url(images/sponsors/roofing.jpg); background-position:bottom; }
	#footer ul#partners li a.roofing:hover {background-position:top;}
	
	#footer ul#partners li a.mole { width:114px; background: url(images/sponsors/moleDesign.jpg); background-position:bottom; }
	#footer ul#partners li a.mole:hover {background-position:top;}
	
	#footer ul#partners li a.studio { width:205px; background: url(images/sponsors/studioIV.jpg); background-position:bottom; }
	#footer ul#partners li a.studio:hover {background-position:top;}
	
#footer ul#links {float:right; margin:0 10px; padding:8px; background:#ac2635; -moz-border-radius:5px; -webkit-border-radius:5px;}
#footer ul#links li {list-style: none; float:left; margin: 0px 10px;}
#footer ul#links li a {color:#480b0e; font-weight:normal;}
	
/* Forms */
#application {background:#a52b31; padding:30px; margin-top:20px;}
input, textarea {margin-top:5px; border:none; padding:10px;}
textarea {width:97%; height:100px;}
#application .send {background:#480b0e; font-family: Bebas, Arial, Sans-Serif; font-size:18px; color:#fff; cursor:pointer;}

/* 960 grid system */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:450px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
