/*
Theme Name: ARPF
Theme URI: ARPF.org.uk
Description: The Theme from ARPF
Version: 0.1
Author: William Plant
Author URI: planto@ikillclowns.com
Tags: ARPF
*/
/*
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
*/

/* Colour codes; #336600


/* RESET */
/* ----------------------------------------- */

*					{margin: 0;}
html				{overflow-y: scroll;}
html,body  			{height: 100%;}
body				{font-size:62.5%; font-family:Verdana, Geneva, sans-serif; color:#333; background:White url("/Images/page_bg.jpg") repeat-x center top; 
}
#logo				{width: 800px; height: 227px; background:url(/Images/header_01.jpg) top left no-repeat;text-indent: -9999px;  margin: -20px 10px 8px 0; float:left;}

ul					{list-style: square inside;}
ol					{list-style: decimal inside;}
a					{outline:none; text-decoration:none;}
a img				{border:none;}
img					{vertical-align:middle;}
table				{border-collapse:collapse;}

/* UTILITY */

.floatLeft			{float:left;}
.floatRight 		{float:right;}
.clear				{clear:both;}
.button				{border: 1px solid #336600; background: white; padding: 3px 0px;
-moz-border-radius: 5px; -webkit-border-radius: 5px; color:#336600;}
.button:hover		{background: #336600; color:: black;}

/* TYPOGRAPHY */

p, li				{font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0;}
a					{color: #336600;}
a:hover				{background:#336600; color:white;}
h1					{font-size: 3.6em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal;}

h2					{font-size: 2.8em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; margin-bottom: 5px;}

h3					{font-size: 2.6em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0;}

h4					{color:white; font-size:2.0em; margin-bottom: 15px;}

/* STRUCTURE	*/

#page-wrap			{width: 800px; margin: 0 auto -147px;
min-height: 100%; height: auto !important; height: 100%; }
#push				{height: 147px;}
#main-col			{width: 580px; height:auto;  float:left; border-right:solid thin #336600; padding:5px;}
#linksidebar		{width: 200px; height:auto; float:right;}

/* HEADER	*/

#logo				{width: 800px; height: 227px; background:url(/Images/header_01.jpg) top left no-repeat;text-indent: -9999px;  margin: -20px 10px 8px 0; float:left;}

#top-bar			{padding: 40px 0 0 0;}
#top-bar p			{color:#336600; width: 250px; float:left}
form#searchform		{margin: 0px 0px 0px 0; float:right;}

/* WIDGET */

.widget				{border-style:solid;border-color: #336600; border-width:thin;  padding: 3px 0px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* MENU	*/

#menu-bar			{padding: 5px 0 5px; margin-bottom: 20px; border-bottom-color:#336600; border-bottom-style:solid}
#main-nav			{width: 400px; float:left; margin:0; padding: 0 5px;}
#main-nav li		{display:inline; list-style:none; float:left;}
#main-nav li a	{text-transform: uppercase; display:block; color: #336600; font-size:medium; padding: 3px 8px;
					-moz-border-radius: 5px; -webkit-border-radius: 5px;}
#main-nav li a:hover				{background:#336600; color:white;}

#main-nav li ul	{display:none;
					width: 12em;
					background-color: white;
					}






#main-nav li:hover ul  	{
						display:block;
						position:absolute;
						margin:0;
						padding:0;
						}

#main-nav li:hover li 	{float:none;}



/* BLOG */

.datebox			{width: 36px; float:left; padding: 5px; border:solid; border-color:#336600; color: #336600; text-align:center; border-width:thin; margin 0px 20px 0 20px; margin-right:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.day				{font-size:2.8em; font-weight:bold; margin: 0;}

.month				{font-size:1.6em; font-weight:bold; text-transform:uppercase; margin: 0;}
	
.year				{font-size:1.2em; font-weight:bold; margin: 0;}	

.img
  {
  margin:2px;

  height:auto;
  width:auto;
  float:left;
  text-align:center;
  padding-right:5px;
  }
.img img
  {
  display:inline;
  margin:6px;
 
  }

.desc
	{float:left;
	width:280px;
	height:auto;
	display:inline;
	

	}
  
.desc2
	{float:left;
	width:280px;
	height:70px;
	display:inline;
	margin: 5px;

	}
    
  
.textbox
	{  
  margin:2px;

  height:auto;
  width:auto;
  float:left;
  text-align:left;
  padding: 5px;

  }
  
  
/* FOOTER */

#footer				{height: 127px; background:url(/Images/footer.gif) bottom left repeat-x; padding-top:200px;
margin: 0 auto; min-width:800px;}
#footer-inside		{width:800px; margin: 0 auto; float:right; }

#footer-inside a {
	color: #fff;
	text-decoration: underline;
	border: 0;
}

#footer-inside p	{
	
	
	
	width: 800px;
	padding: 0;
	color: #fff;
	font: 1.8em arial,sans-serif;
	
}