/*
Theme Name: Poynton Motorcycle Club
Theme URI: http://www.poyntonmotorcycleclub.co.uk/
Description: The Poynton Motorcycle Club theme, with style and flair
Version: 0.1
Author: Stefan Pich and James Bisset
Author URI: http://mediachrome.com/
*/


/* reset all default browser behaviour. Now it's up to you */

@import url("css/reset.css");


body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Verdana, Arial, Sans-Serif;
text-align: center;
background-color: #5f6572;
}

#wrapper    {
  width: 960px;
  padding: 0 12px;
  margin: 0 auto;
  background: #5f6572 url(css/graphics/wrapper-bg.png) repeat-y left top;
  }

#page   {
  text-align: left;
  background: white url(css/graphics/page-bg.png) repeat-y left top;
  float: left;
  width: 960px;
  position: relative;
  }

body.forum #page  {
  background-image: none;
  }
hr  {
  display: none;
  }

strong  {
  font-weight: bold;
  }

em  {
  font-style: italic;
  }

/*  Header
------------------------------------------ */

#header {
  height: 236px;
  text-align: left;
  }

#logo   {
  display: block;
  width: 200px;
  border: 0;
  }

#searchform {
  float: right;
  }


#animation  {
  height: 166px;
  background-color: #958d8a;
  }


/*  Main menu
------------------------------------------ */

#main-menu  {
  background: white url(css/graphics/main-menu-bg.png) no-repeat left top;
  height: 156px;
  }

#main-menu ul {
  float: left;
  height: 30px;
  width: 960px;
  }

#main-menu ul li    {
  float: left;
  width: 160px;
  height: 30px;
  background: transparent url(css/graphics/menu-button-off.png) repeat-x left top;
  }

#main-menu ul li a {
  display: block;
  height: 30px;
  background: transparent url(css/graphics/menu-button-off.png) repeat-x left top;
  border-right: 1px solid #787e8a;
  color: white;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
  text-align: center;
  font-size: 1.1em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  word-spacing: 0.1em;
  line-height: 30px;
  }
  
#main-menu ul li a:hover,
#main-menu ul li.current_page_item a:hover, 
#main-menu ul li.current_page_ancestor a:hover, 
#main-menu ul li.current_page_parent a:hover
  {
  background: transparent url(css/graphics/menu-button-hover.png) repeat-x left top;
  color: white;
  }

#main-menu ul li.current_page_item a, 
#main-menu ul li.current_page_ancestor a, 
#main-menu ul li.current_page_parent a 
  {
  background-image: none;
  background-color: #787e8a;
  color: black;
  }
  
/*  Sub menu
------------------------------------------ */
#sub-menu   {
  float: left;
  width: 150px;
  padding: 0 5px 140px 5px;
/* background: transparent url(css/graphics/sub-menu-bg.png) no-repeat left bottom; */
  }

body.forum #sub-menu  {
  padding: 0 5px 10px 5px;
  }


#sub-menu ul li    {
  margin: 0 0 5px 0;
  }

#sub-menu ul li a  {
  display: block;
  background-color: #958d8a;
  text-decoration: none;
  color: white;
  padding: 5px;
  font-size: 1.2em;
  }
  
#sub-menu ul li.current_page_item a  {
  background-color: #787e8a;
  color: black;
  }

#sub-menu ul li a:hover  {
  background-color: #333;
  color: white;
  }

/*  rightbar
------------------------------------------ */
#rightbar   {
  float: left;
  width: 150px;
  padding: 0 5px 0 5px;
  }

#rightbar h2.widgettitle    {
  margin: 0 0 0.6em 0;
  color: #555;
  font-size: 1.4em;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1em;
  text-align: center;
  }

/* Reminder Calendar */

#rightbar h2.widgettitle a   {
  text-decoration: none;
  color: #555
  }

table#wp-calendar  {
  width: 95%;
  }
  
table#wp-calendar th, table#wp-calendar td   {
  padding: 2px 0;
  text-align: right;
  }

div.ad  {
  margin: 10px 0;
  }

/*  Content
------------------------------------------ */

#content    {
  float: left;
  }
  
.narrowcolumn    {
  width: 600px;
  margin: 0 0 20px 0;
  padding: 0 20px;
  }

.widecolumn    {
  width: 920px;
  padding: 0 20px 120px;
  margin: 0;
  }

body.forum .widecolumn  {
  padding: 0 20px;

  }

#content div.post  {
  margin: 0 0 40px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ddd;
  }

#content div.post h2    {
  margin: 0 0 0.6em 0;
  color: #555;
  font-size: 1.8em;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1em;
  }

h2 a  {
  text-decoration: none;
  color: #555;
  }
  
h2 a:hover  {
  text-decoration: underline;
  color: #000;
  }
  
#content div.entry p    {
  margin: 0 0 1em 0;
  color: #555;
  font-size: 1.25em;
  line-height: 1.7em;
  }

#content div.entry ol, #content div.entry ul  {
  margin: 0 0 1em 1em;
  }

#content div.entry ol li, #content div.entry ul li {
  margin: 0;
  color: #555;
  font-size: 1.25em;
  line-height: 1.3em;  
  }

#content div.entry ol li li, #content div.entry ul li li {
  margin: 0;
  color: #555;
  font-size: 1em;
  line-height: 1.3em;  
  }


#content div.entry ol li  {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 1em;
  }

#content li.linkcat h2  {
  font-size: 1.1em;
  border-bottom: 1px solid #ddd;
  padding: 0 0 3px 0;
  }

#content li.linkcat ul  {
  
  }

  
/* Images */

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

/* forms */

form.standard label	{
	width: 130px;
	display: block;
	float: left;
	font-weight: bold;
	padding: 3px 5px 0 0;
	}

form.standard input, form.standard select, form.standard option 	{
	font-size: 1.1em;
	width: 200px;
	}
	
form.standard input.short, form.standard select.short  {
  width: 100px;
  }

form.standard input	{
	border: 1px solid #333;
	}
	
fieldset {
	padding: 0.5em;
	border: 1px solid #fa8181;
	}

legend	{
	font-size: 1.3em;
	font-weight: normal;
	padding: 0.5em;
	background-color: white;
	color: #c00;
	}

form.standard 	{
	width: 100%
	}

form.standard div	{
	margin: 0.3em 0 0.3em 10px;
	}

form.standard input.submit	{
	width: auto;
	margin: 1em 0 1em 135px
	}


/* checkboxes */

form.standard fieldset fieldset	{
	border: 1px solid #ccc;
	}
	
form.standard fieldset fieldset br	{
	clear: left;
	}

form.standard fieldset fieldset legend	{
	color: #999
	}

form.standard label.checkbox	{
	width: 200px;
	margin: 3px 3px 3px 40px;
	}

form.standard label.checkbox input	{
	display: inline;
	margin: 0 10px 0 -30px;
	width: auto;
	position: relative;
	}

/* News feed */


.entry div.simplepie li h4 a  {
  margin: 0 0 0.3em 0;
  padding: 8px 0 4px;
  display: block;
  border-top: 2px solid #aaa;
  color: #333;
  font-size: 1.25em;
  font-weight: bold;
  text-decoration: none;
  }

.entry div.simplepie p.date {
  display: block;
  margin: 0 0 0.5em 0;
  font-size: 1.1em;
  }

#content .entry div.simplepie li p {
  font-size: 1.15em;
  line-height: 1.3em;
  margin: 0 0 1em 0;
  }

#content .entry div.simplepie li img  {
  float: left;
  padding: 0;
  margin: 0 1em 1em 0;
  }

#content .entry div.simplepie li p.news-source {
  font-size: 0.9em;
  margin: 0 0 1em 0;
  clear: left;
  }


/*  Footer
------------------------------------------ */

#footer {
  position: relative;
  clear: left;
  background: #3e424a url(css/graphics/footer-bg.png) no-repeat left top;
  padding: 15px 180px;
  border-top: 1px solid black;
  color: #bfbab8;
  text-align: left;
  }

#footer a   {
  color: #bfbab8;
  text-decoration: none;
  }

#wheel-logo {
  position: absolute;
  top: -115px;
  left: 0; 
  }

body.forum #wheel-logo  {
  display: none;
  }