/*
Theme Name: MRFC
Theme URI: 
Description: Theme devloped for Mansfield Road Football Club.
Version: 0.1
Author: Joseph Talbot
Author URI: http://www.josephbloggs.com
Tags: Football, 


*/
body{

font-family: Helvetica, Verdana, Arial, sans-serif;

font-family: Century Gothic, lucida grande,  lucida sans, bitstream vera sans, Verdana, Arial, sans-serif;


font-size: 0.84em;
background-color: #9fc4c2;
background-color: #7f7f7f;
color: #000;
padding: 0px;
margin:0px;

background-image: url('images/bgFade.png');
background-repeat: repeat-x;
background-position: top right;



}



div#page
{
margin: 20px;
margin-left: 20px;
margin-right: 0px;
background-color: #fff;

padding-bottom: 7em;



background-image: url('images/footerStrip.png');
background-repeat: repeat-x;
background-position: bottom left;



border-top: 1px solid #222;
border-left: 1px solid #222;
border-bottom: 1px solid #222;

}

h1, h2, h3, h4, h5, h6
{

font-weight: bold;
font-style: normal;
letter-spacing: 0.2em;
color: #333;

}





h1
{
text-align: center;
font-size: 1.6em;

}

h2
{
font-size: 1.3em;
}

h3
{
font-size: 1.2em;
}

h4
{
font-size: 1em;
}

h5
{
font-size: 0.85em;
}

h6
{
margin: 0px;
margin-bottom: 0.2em;
padding: 0px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}



div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6
{
clear: both;
}

/* link styling */

a{
color: #002147;
}

a:link{
color: #002147;
}

a:active{
color: #42adf8;
}

a:visited{
color: #455967;
}

a:hover, a:focus{
color: #0496fc;
}




p
{
padding-bottom: 1em;
line-height: 1.3em;
}

/* avoid annoying borders on linked images*/
a img
{
border: none;

}
/* a class style for highlighting  names in your text*/ 
span.name
{

font-weight: bold;

}


li
{
padding: 0.5em;
line-height: 1em;
}









div#header
{
/*
position: absolute;
top: 50px;
left: 20px;
*/
width: 100%;
height: 140px;

/* place the logo as a bg image */
background-image: url('images/topstrip.jpg');
background-repeat: repeat-x;
background-position: top left;

border-bottom: 1px solid #333;

}

div#headerimg a
{
/* make dimensions of link the same as the logo */
display: block;
margin-top: 0px;
margin-left: 00px;
width: 140px;
height: 140px;

/* just for testing 

border: 1px solid red;
*/
/* place the logo as a bg image */
background-image: url('images/mrfc-logo.png');
background-repeat: no-repeat;
background-position: bottom left;

/*  hide the actual link text */

color: #48522a;
text-decoration: none;
font-size: 0px;

}
div#content

{
/* for testing


border: 1px solid green;
*/

margin-left: 155px;
margin-right: 155px;
padding: 2em;
padding-top:42px;
}


div#footer

{
/* for testing


border: 1px solid blue;
*/

font-size: 0.9em;
color: #999;
margin-left: 155px;
margin-right: 155px;

text-align: center;

padding-top: 7em;
}






div#sidebar

{
/* for testing


border: 1px solid red;
*/
position: absolute;
top: 200px;
left: 21px;
width: 150px;
text-align: right;


padding-bottom: 30px;

border-top: 1px solid #7f7f7f;
border-bottom: 1px solid #7f7f7f;
border-right: 1px solid #7f7f7f;


background-image: url('images/footerStrip.png');
background-repeat: repeat-x;
background-position: bottom left;
}






div#sidebar ul, div#sidebar ul li

{
margin: 0px;
margin-bottom: 0px;
padding: 0px;
list-style: none;


}

div#sidebar ul li.page_item
{
font-weight: bold;
border-bottom: 1px solid #7f7f7f;
}


div#sidebar ul li.page_item ul li.page_item 
{
border-bottom: 0px solid #7f7f7f;
border-top: 1px solid #7f7f7f;

}

div#sidebar ul li.page_item ul li.page_item a
{
font-weight: normal;
padding-right: 1em;

}



div#sidebar ul li.page_item a
{
color: #000;
padding: 5px;
text-decoration: none;
display: block;
background-color: #fff;
}





div#sidebar ul li.page_item a:hover, div#sidebar ul li.page_item a:focus,

div#sidebar ul li.page_item ul li.page_item a:hover, div#sidebar ul li.page_item  ul li.page_itema:focus
{
background-color: #222;
color: #fff;
}

div#sidebar ul li.page_item ul li.page_item a
{

background-color: #fff;
}

/* hide h2's in the sidebar  */ 
div#sidebar h2
{
position: absolute;
left: -900000px;

}

div.fix
{
/* for testing

border: 1px solid red;
*/
position: absolute;
top: 190px;
right: 0px;
width: 150px;
}


div.fix h2
{
font-size: 0.8em;
padding: 5px;
margin-top: 2em;
background-color: #222;
color: #fff;
padding-top: 17px;

background-image: url('images/footerStrip.png');
background-repeat: repeat-x;
background-position: 0px -17px;


/*
border: 1px solid #666;
border-right: 0px solid #222;
*/
}



div.fix ul, div.fix ul li
{
margin: 0px;
margin-bottom: 10px;
padding: 0px;
list-style: none;
}



.float
{
float: left;
margin-right: 5px;
margin-bottom: 5px;
}

/*  IE 6 only selector to force 'has-layout'  to fix the peekaboo bug   

(only IE 6 will recognise "* html" as a valid selector)

*/

* html div#all
{
	height: 1%;
	position: relative;
}