/*
Theme Name: Success In Football
Theme URI: 
Description: Theme for the "Success In Football" blog, developed by ForeFront Web Development.  Build from scratch, but based on the excellent "starkers" framework: http://elliotjaystocks.com
Version: 1.0
Author: ForeFront Web Development
Author URI: http://fore-front.co.uk
Tags: success in football
*/
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body{
	font-family:arial;
	margin:0;
	padding:0;
	background-color:#424242;
	color: #FFF;
}

/*
	Styles have been reset for the blog - this is good practice.  
	
	Let's try to approximate some header tags etc. in keeping with the rest
	of the Success In Football site.
*/

h1{
	font-size: 180%;
}

h2{
	font-size: 160%;
}

h3{
	font-size: 140%;
}

h4{
	font-size: 120%;
}

textarea {
	background-color:#BBB;
	margin: 10px 0;
}

/* search text box and submit button */
#s,#searchsubmit {
	background-color:#BBB;
	border: 0 none;
}

#searchsubmit {
	margin: 1px 0px 1px 5px;
	
	/* to replace search button with image
	background: transparent url(images/search-button.png) no-repeat center right;
	text-indent: -1000em;
	width: 20px;
	height: 20px;
	*/
}

/* search text box */
#s {
	margin: 0 0 0 30px;
}

/* search box form */
#searchform {
	background: url(images/searchball.png) no-repeat center left;
	height: 20px;
	margin: 5px 0;
}

/* search box form */
#main #searchform {
	margin: 25px 0;
}

#wrapper{
	width:980px;
	margin-left: auto;
	margin-right: auto;
}

#top{
	height:130px;
	background-color:#404240;
}

#tel{
	font-weight:900;
	margin:0;
	padding:0;
	padding-left:4em;
	margin-top:2.5em;
	float:right;
	color:#fff;
	font-size:20px;
	font-style: oblique;
}

#topnav{
	
	height:78px;
	background-color:#404240;
	background-image:url(images/topnav.gif);
	font-size:14px;
	padding-left:3em;
	
	margin: 0 0 10px 0;
	
	/* the navbar should always be on top */
	z-index: 500;
}

#topnav a{
	color: #ffffff;
	text-decoration: none;

	margin-top:1.5em;
	padding-top:0.8em;
	padding-bottom:0.8em;
	padding-left:0.2em;
	padding-right:0.4em;

	border-right: 1px solid #414141;

}

.emailUsSmallOn{
	background-color:#2790d8;
}

#topnav a:hover{
	color: #ffffff;
	text-decoration: none;
	
	background-color:#2790d8;
}

#topnav a span{
	padding-right: 10px
}

#topnav a, #topnav a span{
	display: block;
	float: left
}

#main{
	background-color:#424242;
	float:left;
	width: 60%;
	margin: 0 0 0 5%;
	overflow: hidden;
	clear: both;
}


#main h1{
	font-size:19px;
	font-weight:100;
	color:#ffffff;
	padding:0;
	margin:0;
	padding-top:1em;
}

#main p{
	font-size:12px;
	/* letter-spacing: -0.1px; */
	color:#ffffff;
	padding:0;
	margin:0;
	padding-top:1em;
}

a{
	color:#2aa9f4;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
	color:#2aa9f4;
}

#faq{
	background-image:url(images/faq.gif);
	background-repeat:repeat-x;
	padding:1em;
}

#faqsmall{
	background-image:url(images/faq_small.gif);
	background-repeat:repeat-x;
	padding:1em;
}

#faqsmall h3{
	color:#ffffff;
	padding:0;
	margin:0;
}

#faq h3{
	color:#ffffff;
	padding:0;
	margin:0;
}

.question{
	font-style: oblique;
	padding:0;
	margin:0;
}

#leader{
	font-style: oblique;
	
}

ul{
	color:#ffffff;
	font-size:12px;
}

#bottomcontainer {
	background-image:url(images/bottom.gif);
	background-repeat:repeat-x;
	font-size:0.8em;
	font-family:arial;
	background-color:#404240;
	float:left;
	width:100%;
	padding: 1em 0 0 0;
	z-index: 200;
}

#botnav li{
	font-size:0.9em;
	color:#005AA1;
	display:inline;
	border-right: 1px solid #fff;
	padding-right:0.3em;
	padding-left:0.3em;
}

#bottomcontainer h2{
padding:0;
margin:0;
	padding-top:1em;
	padding-bottom:0.5em;

}

#bottomcontainer li a, #bottomcontainer a{
	color:#2aa9f4;
	font-weight:800;
}


#services, #latest, #contact{
	float:left;
	padding-left:1em;
	
	margin-left:1.7em;
	width:288px;
	height:229px;
	color:#fff;
	background-image:url(images/bottom_back_black.gif);
	background-repeat:no-repeat;
	margin-top:3em;
}

#services ul, #latest ul, #contact ul{
	padding:0;
	margin:0;
}

#services li, #latest li, #contact li{
	margin-left:1em;
	padding-bottom:0.5em;
	font-size:0.9em;
	list-style:none;
}

#services a, #latest a, #contact a{
	color:#2aa9f4;
	text-decoration:none;
}

#services a:hover, #latest a:hover, #contact a:hover{
	color:#2aa9f4;
	text-decoration:underline;
}

/* post styling */
#postnav {
	margin: 15px 0;
	float: right;
}

.post-date,.post-info {
	font-style: oblique;
	color: gray !important;
}

.post-info {
	margin: 0 0 1px 0;
}

.post-time {
	color: #b9a4a0 !important;
}

.post {
	margin: 5px 0 20px 0;
	border-bottom: dashed 1px gray;
}

/* Sociable plugin styling */
div.sociable {
	margin: 16px 0 1px !important;
}


/***********************************************************
 * Sidebar and widgets
 ***********************************************************/
#sidebar {
	position: relative;
	top: 0;
	right: 0;
	width: 25%;
	overflow: hidden;
	float: right;
	margin: 0 2% 0 0;
	z-index: 100;
}

/* widget spacing */
.widget {
	margin: 5px 0 20px 0;
}


.widgettitle {
	margin: 0 0 10px 0;
	padding: 5px 5px 5px 0;
	line-height: 23px;
		
	/* 
	Uncomment this for border on Widget title
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); 

	border: solid 1px grey;
	
	background: #414141 url(images/sif.png) no-repeat;
	background-position: -20px -5px;
	*/
	
	/*
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); 
	*/
}

.screen-reader-text {
	display: none;
}

#sidebar h2 a {
	color: #FFF;
}

#sidebar ul {
	margin: 0 0 20px 0;
}

/* calendar */
table#wp-calendar{
	width:90%;
	padding:0;
	margin:0;
}
.widget_calendar h2 {
	background: url(images/calendar.png) no-repeat left center;
	padding: 0 0 0 25px;	
}

table#wp-calendar td,table#wp-calendar th{
	text-align:center;
	padding:2px;
}
table#wp-calendar th{
	font-weight:bold;
	font-size:125%;
}
table#wp-calendar caption{
	font-style:italic;
	text-align:right;
	padding: 0 0 10px 0;
}

.twitterwidget-title {
	background: url(images/twitter.png) no-repeat -5px;
	padding: 0 0 2px 25px;
	margin: 0;
}

.widget_twitter li {
	margin: 0 0 15px 0;
	border-bottom: dashed 1px grey;	
}

.widget_rss li {
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	background: url(images/bullet_blue.png) no-repeat left center;
}

.widget_rss a img {
	width: 20px !important;
	height: 20px !important;
}

.widget_twitter .entry-content{
	display:block;
	margin: 0 0 10px 0;
}
	
.widget_twitter .entry-meta {
	display: block;
	font-style: oblique;
	font-size: 80%;
	
	font-style: oblique;
	color: gray !important;
}

.wpTwitterWidgetError {
	margin: 0px 0px 0px 5px;
}

/*
.widget_twitter  .time-meta a {
	color: #b9a4a0 !important;
}
*/

.widget_archive h2 {
	background: url(images/cabinet.png) no-repeat left center;
	padding: 0 0 0 25px;	
}

.widget_archive li {
	padding: 0 0 0 20px;
	background: url(images/bullet_blue.png) no-repeat left center;
}

.widget_categories h2 {
	background: url(images/category.png) no-repeat left center;
	padding: 0 0 0 25px;	
}

.widget_categories li {
	padding: 0 0 0 20px;
	background: url(images/bullet_blue.png) no-repeat left center;
}