/*  
Theme Name: Shropshire Smallholders
Theme URL: http://shropshiresmallholdersgroup.org

Description: Theme designed for Shropshire Smallholders Group.

Version: 1.0

Author: Face Interactive
Author URI: http://faceinteractive.com/
*/



/* Begin Typography & Colors */
/* CSS Document */

body{
	background:url(images/bg.gif) repeat-x 0 0 #FEFDF9;
	color:#000000;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	font-family: Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
	

ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}
	
	
/* ----------------------------- header start ----------------------------- */
#header{
	background:url(images/header_bg.gif) no-repeat 0 0 ; position:relative; margin:0 auto;
	width:778px; height:245px;}
#header img{
	position:absolute; left:372px; top:90px; border:none;}
#header ul{
position:absolute; left:42px; top:5px;}
#header ul li{
	font:bold 14px/40px Arial, Helvetica, sans-serif; color:#CECECE; float:left;}
#header ul li a{
	font:bold 14px/40px Arial, Helvetica, sans-serif; color:#CECECE; padding:0 17px; text-decoration:none; text-transform:uppercase; background:none;  display:block;}
#header ul li a.hover{
	font:bold 14px/40px Arial, Helvetica, sans-serif;
	color:#90b1ee;
	padding:0 17px;
	text-decoration:none;
	text-transform:uppercase;
	background:url(images/top_btn_bg_h.gif) no-repeat center bottom;
}
#header ul li a:hover{
	font:bold 14px/40px Arial, Helvetica, sans-serif;
	color:#90b1ee;
	padding:0 17px;
	text-decoration:none;
	text-transform:uppercase;
	background:url(images/top_btn_bg_h.gif) no-repeat center bottom;
}
/* ----------------------------- header end ----------------------------- */
/* ----------------------------- body start ----------------------------- */
#bodyContainer{
	background-color:#FFFFFF; border:#E2DED3 1px solid; position:relative; width:732px; margin:0 auto 15px; padding: 0 0 30px 0;}
#bodyContainer span{
	background:url(images/top_body_bg.gif) repeat-x 0 0 ; height:20px; margin:0 4px; display:block;}

/* ----------------------------- left pannel start --------------------------- */
#left{
	padding:0 0 0 20px; width:415px; float:left;}
.content{
	float:left; width:415px;
	padding-bottom:10px;
	}
#left h2{
	font:normal 220%/120% Arial, Helvetica, sans-serif;
	color:#9A013E;
	margin-bottom: 8px;
}
#left h2 span{
	width:79px; padding:0 7px; background-color:#008E8E; display:block; background-image:none; height:16px; float:left; margin:0;
	font:bold 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;}
#left h2 span.year{
	width:24px; padding:0 7px; background-color:#000000; display:block; background-image:none; height:16px; margin:0 0 18px 1px;
	font:bold 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;}
#left h3{
	font:normal 125%/120% Arial, Helvetica, sans-serif;
	color:#9A013E;
	margin-top: 16px;
	margin-bottom: 8px;
}
#left h4{
	font:normal 110%/120% Arial, Helvetica, sans-serif;
	color:#9A013E;
	margin-top: 16px;
	margin-bottom: 8px;
}
#left h5{
	font:bold normal 80%/100% Arial, Helvetica, sans-serif;
	color:#333333;
	clear:both;
	margin-bottom: 2px;
	margin-top: 5px;
}
#left h6{
	font:bold normal 80%/100% Arial, Helvetica, sans-serif;
	color:#333333;
	clear:both;
	margin-bottom: 2px;
	margin-top: 5px;
}
#left p{
	font:normal 90%/130% Arial, Helvetica, sans-serif;
	color:#333333;
	clear:both;
	width:415px;
	margin-bottom: 6px;
}

#left ul{
	width:298px;
	margin:10px 0 19px 10;
}
#left ul li{
	font:normal 90%/130% Arial, Helvetica, sans-serif;
	list-style-position: outside;
	list-style-type: square;
	margin-left: 16px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 6px;
	}
#left ul li.noborder{
	font:bold 12px/17px Arial, Helvetica, sans-serif; color:#474747; border-bottom:none;
	}
#left ul li a{
	font:bold 12px/17px Arial, Helvetica, sans-serif; color:#474747; padding:0 0 0 12px; text-decoration:none; background:url(images/red_bullet.gif) no-repeat 0 6px #FFFFFF; display:block;
	}
#left ul li a:hover{
	font:bold 12px/17px Arial, Helvetica, sans-serif; color:#474747; padding:0 0 0 12px; text-decoration:none; background:url(images/red_bullet.gif) no-repeat 0 6px #FFFBEB; 
	}
#left img{
	float:right; border: 0px; margin:6px 0 0 0;}
#left p.bg{
	background-color:#FFFBEB; width:379px; padding:0 18px; text-align:right; line-height:19px; margin:0 0 18px 0;}
#left p.bg a.more{
	font:bold 10px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; margin-left:8px; background:none;
	}
#left p.bg a.more:hover{
	color:#47422F; background:none;
	}
#left p.bg a.comment{
	font:bold 10px Arial, Helvetica, sans-serif; color:#8F7B30; text-decoration:none; margin-left:8px;
	}
#left p.bg a.comment:hover{
	color:#514518; background:none;
	}
#left p.bg a.administrator{
	font:bold 10px Arial, Helvetica, sans-serif; color:#CA0353; text-decoration:none;
	background:url(images/admin_icon.gif) no-repeat 0 4px; padding:0 0 0 11px; margin-left:8px;
	}
#left p.bg a.administrator:hover{
	color:#70002D;
	}
#left .navigation{
	width:100%;
	height:30px;
	text-align:center;
}

#left .alignleft{
	padding-left:5px;
	padding-right:5px;
}

#left .alignleft a{
	font-weight:bold;
	color:#990000;
}

#left .alignright{
	padding-left:10px;
	padding-right:10px;
}

#left .alignright a{
	font-weight:bold;
	color:#990000;
}
#left h3{
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
/* ----------------------------- left pannel end --------------------------- */
/* ----------------------------- right pannel start ------------------------ */
#right{
	 float:left; width:230px; padding:3px 0px 0 50px; }
#right p{
	font:bold normal 70%/130% Arial, Helvetica, sans-serif;
	color:#333333;
	margin-bottom: 6px;
	margin-top: 6px;
	margin-left: 14px;
}
#right h2.blue{
	font:normal 18px/29px Arial, Helvetica, sans-serif;
	color:#003399;
	border:1px solid #003399;
	background-color:#90b1ee;
	padding:0 0 0 12px;
	margin:12px 0 0 0;
}
#right h2.green{
	font:normal 18px/29px Arial, Helvetica, sans-serif; color:#526B2F; border:#CAE2A7 1px solid;
	background-color:#E8FFC6; padding:0 0 0 12px;  margin:12px 0 0 0;}
#right h2.blue1{
	font:normal 18px/29px Arial, Helvetica, sans-serif;
	color:#003399;
	border:1px solid #003399;
	background-color:#90b1ee;
	padding:0 0 0 12px;
	margin:12px 0 0 0;
}
#right h2.green1{
	font:normal 18px/29px Arial, Helvetica, sans-serif; color:#526B2F; border:#CAE2A7 1px solid;
	background-color:#E8FFC6; padding:0 0 0 12px;  margin:12px 0 0 0;}
#right form label{
	font:bold 10px/22px Arial, Helvetica, sans-serif; color:#343434; margin:0 12px;
	}
#right form input{
	width:160px; border:#808080 1px solid; margin:0 12px; padding:2px;
	font:normal 11px/18px Arial, Helvetica, sans-serif; color:#000000;}
#right form input.go{
	background:none; width:23px; height:13px; border:none; margin:0; float:right;
		} 
#right form p{
	height:18px; background-color:#FFFBEB; padding:0 12px; margin:5px 0 0 0;
	}
#right form p a{
	width:auto; float:left; display:block;
	font:bold 10px/18px Arial, Helvetica, sans-serif; color:#CA0353; text-decoration:underline;
	}
#right p a:hover{
	text-decoration:none;
	}
#right ul{
	padding:10px 0 0 10px; margin:0;}
#right ul li{
	font:bold 11px/18px Arial, Helvetica, sans-serif; color:#474747;  border-bottom:#898989 1px dashed;
	}
#right ul li.noboder{
	font:bold 11px/18px Arial, Helvetica, sans-serif; color:#474747;  border-bottom:none;
	}
#right ul li a{
	font:bold 11px/18px Arial, Helvetica, sans-serif; color:#474747; padding:0 0 0 9px; text-decoration:none; background:url(images/red_arrow.gif) no-repeat 0 6px #FFFFFF; display:block;
	}
#right ul li a:hover{
	background:url(images/red_arrow.gif) no-repeat 0 6px #EAEAEA;
	}
	
#right ul li ul li{
	font:bold 11px/11px Arial, Helvetica, sans-serif; color:#474747;  border-bottom:none;
	}
#right ul li ul{
	padding:4px 0 0 5px; margin:0;}
	
#right ul.plus{
	padding:10px 0 0 10px; margin:0;}
#right ul.plus li{
	font:bold 11px/18px Arial, Helvetica, sans-serif; color:#474747;  border-bottom:#898989 1px dashed;
	}
#right ul.plus li.noboder{
	font:bold 11px/18px Arial, Helvetica, sans-serif; color:#474747;  border-bottom:none;
	}
#right ul.plus li a{
	font:bold 11px/18px Arial, Helvetica, sans-serif; color:#474747; padding:0 0 0 9px; text-decoration:none; background:url(images/red_plus.gif) no-repeat 0 6px #FFFFFF; display:block;
	}
#right ul.plus li a:hover{
	background:url(images/red_plus.gif) no-repeat 0 6px #EAEAEA;
	}

#right ul.archive{
	padding:10px 0 0 10px; margin:0;}
#right ul.archive li{
	font:normal 11px/18px Arial, Helvetica, sans-serif; color:#CA0353;  border-bottom:#898989 1px dashed; 
	}
#right ul.archive li p{
	font:normal 11px/18px Arial, Helvetica, sans-serif; color:#CA0353;  border-bottom:none; padding:0 0 5px 9px; 
	}
#right ul.archive li.noboder{
	font:normal 11px/18px Arial, Helvetica, sans-serif; color:#CA0353;  border-bottom:none;
	}
#right ul.archive li a{
	font:bold 11px/18px Arial, Helvetica, sans-serif; color:#474747; padding:0 0 0 9px; text-decoration:none; background:url(images/red_arrow1.gif) no-repeat 0 6px #FFFFFF; display:block;
	}
#right ul.archive li a:hover{

	background:url(images/red_arrow1.gif) no-repeat 0 6px #EAEAEA;
	}

#right ul.meta{
	padding:10px 0 0 10px; margin:0;}
#right ul.meta li{
	font:bold 10px/18px Arial, Helvetica, sans-serif; color:#CA0353;  border-bottom:none;
	}
#right ul.meta li a{
	font:bold 10px/18px Arial, Helvetica, sans-serif; color:#CA0353; padding:0 0 0 9px; text-decoration:none; background:url(images/black_plus.gif) no-repeat 0 6px #FFFFFF; display:block; text-transform:uppercase;
	}
#right ul.meta li a:hover{
	background:url(images/black_plus.gif) no-repeat 0 6px #EAEAEA; color:#CA0353;
	}

#right p.btn{
	background:url(images/star_icon.gif) no-repeat 8px 4px #FFFBEB; color:#000000; text-align:center; line-height:20px; margin:12px 0 0 0;}
a.icon{
	font:bold 12px/17px Arial, Helvetica, sans-serif; color:#191919;	background:url(images/icon1.gif) no-repeat right 2px #FFFBEB; text-decoration:none; text-transform:uppercase; padding:0 18px 0 0; margin:0 0 0 8px;
	}
a.icon:hover{
	font:bold 12px/17px Arial, Helvetica, sans-serif; color:#6B6B6B;	background:url(images/icon1.gif) no-repeat right 2px #FFFBEB; text-decoration:none; text-transform:uppercase; padding:0 18px 0 0; margin:0 0 0 8px;
	}

/* ----------------------------- right pannel end ------------------------ */
/* ----------------------------- body end ----------------------------- */

/* -------------------------------------- footer start ---------------------------------- */

#footer{
	background:url(images/footer_bg.gif) repeat-x 0 0 #A09775; margin:0 auto; height:123px; color:#FCF5DB;
	}

#footer ul{
	margin:0 auto; padding:20px 0 0 0;
	width:446px;
	}
#footer ul li{
	float:left;
	font:bold 11px/16px Arial, Helvetica, sans-serif; color:#FFFFFF;
	}

#footer ul li a{
	font:bold 11px/16px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;
	padding:0px 7px;
	background:none;
	}

#footer ul li a:hover{
	font:bold 11px/16px Arial, Helvetica, sans-serif; color:#FCF5DB; text-decoration:none;
	padding:0px 7px;
	background:none;
	}

#footer p{
	font:normal 11px/14px Arial, Helvetica, sans-serif; color:#FFFBEB; clear:both;
	text-decoration:none; text-align:center; padding:5px 0 8px 0;
	}
#footer ul.css{
	margin:0 auto; padding:0; width:120px;
	}
#footer ul.css li{
	float:left;
	font:bold 11px/15px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#E72271; margin: 0 0 0 4px;
	}
#footer ul.css li a{
	float:left;
	font:bold 11px/15px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#E72271; padding:0 12px;
	}
#footer ul.css li a:hover{
	float:left;
	font:bold 11px/15px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#971147; padding:0 12px;
	}
#footer p.templateWorld{ width:218px;
	font:bold 10px/17px Arial, Helvetica, sans-serif; color:#FFFFFF; clear:both;
	text-align:center; padding:0; background-color:#6A6243; margin:7px auto 0;

	}
#footer p.templateWorld  a{
	font:bold 10px/17px Arial, Helvetica, sans-serif; color:#FFFFFF; clear:both;
	text-decoration:none;
	}
#footer p.templateWorld a:hover{
	font:bold 10px/17px Arial, Helvetica, sans-serif; color:#FCF5DB; clear:both;
	text-decoration:none;
	}

a{
 color:#000066;
}

/* -------------------------------------- footer end ------------------------------------ */
