/*
Theme Name: Groes News
Theme URI: http://www.groesnews.com/
Description: Tempate for Groes News.
Version: 1.6
Author: Livetech
Author URI: http://www.livetech.co.uk/

*/



/* Begin Typography & Colors */
/* CSS Document */

body{
	background-color:#FFFFFF;
	padding:0;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:center;
	line-height:150%;
	}
h2 {
	font-size: 13px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;

}	
h3 {
	font-size: 12px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;

}	
body.mceContentBody{
	text-align:left;
	line-height:150%;
	width:370px;
	height:200px;
	border:1px solid #CCCCCC;
	color: #333;
	font-size: 11px;
	line-height: 120%;
	}
	
body.mceContentBody a{
	color:#006600;
	text-decoration:none;
	font-weight:bold;
	}
	
body.mceContentBody h2{
	font-size: 13px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
body.mceContentBody h3{
	color:#006600;
	font-size:14px;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	}
	
body.mceContentBody p{
	margin:0px 0px 5px 0px;
	}
	
#wrapper{
	width:1000px;
	padding:0;
	margin:0 auto;
	background-image: url(images/main.gif);
	background-repeat:repeat-y;
	}
	
	
#top{
	height:110px;
	background-image:url(http://www.minisitehq.com/tiny09/jscripts/tiny_mce/plugins/imagemanager/files/7010/top.jpg);
	background-repeat:no-repeat;
	text-align:left;
	margin:0;
	padding:0;
	}

#nav{
	height:35px;
	text-align:left;
	margin:0px;
	padding:0px;
	background-color: #CCCCCC;
	}
	
#nav ul{
	margin:0px;
	list-style:none;
	display:inline;
	padding:0px 0px 0px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #006600;
	}
	
#nav ul li{
	margin:0px;
	float:left;
	line-height:35px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	}
	
#nav ul li a{
	line-height: 35px;
	display: block;
	height: 35px;
	margin: 0px;
	color: #006600;
	text-decoration: none;
	padding-left: 7px;
	padding-right: 8px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
#nav ul li a:hover{
	color: #FFFFFF;
	background-color: #009900;
	
	}
#nav ul li.activepage a {
	color: #FFFFFF;
	background-color: #435913;	
	}


#banner {
	height: 375px;
	clear: both;

}
#bannerleft {
	float: left;
	width: 790px;
	margin: 0px;
	padding: 0px;
	height: 375px;
	background-image: url(http://www.minisitehq.com/tiny09/jscripts/tiny_mce/plugins/imagemanager/files/7010/bannertemp.jpg);
}
#bannerright {
	float: right;
	width: 210px;
	margin: 0px;
	padding: 0px;
	height: 375px;
	background-image: url(http://www.minisitehq.com/tiny09/jscripts/tiny_mce/plugins/imagemanager/files/7010/bannerright.jpg);
	background-repeat: no-repeat;
}
#bannerright ul {
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 190px;

}
#bannerright ul li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 190px;
	margin: 0px;


}
#bannerright ul li a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(http://www.minisitehq.com/tiny09/jscripts/tiny_mce/plugins/imagemanager/files/7010/leaf.jpg);
	display: block;
	background-repeat: no-repeat;
	height: 40px;
	line-height: 35px;
	padding-left : 40px;
	background-position: left center;
	padding-top: 2px;
}
#bannerright ul li a:hover {
color: #CCCCCC;
}
#main{
	text-align:left;
	margin:0;
	padding:0px;

	}
	
#mainleft {
	width:770px;
	float:left;
	margin:0px;
	padding:10px 10px 0px;


	}	
#mainleft p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #333;
	font-size: 11px;
	line-height: 120%;
	/* clear: both; */
}

#mainleft a, #mainleft a:link, #mainleft a:visited, #mainleft a:active
{
	color: #435913;
	text-decoration: none;
}

#mainleft a:hover
{
	color: #91C229;
	text-decoration: underline;
}

#mainleft h2 
{
	display: block;
	width: 650px;
	float:left;
}

#mainleft small
{
	display: block;
	width: 120px;
	float: right;
	color: #999999;
}

.post
{
	display: block;
	padding-top: 5px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #CCFFCC;
}

#mainleft-page
	{
	width:770px;
	float:left;
	margin:0px;
	padding:10px 10px 0px;
	height: auto;
	}
	
#mainleft-page p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #333;
	font-size: 11px;
	line-height: 120%;
}
#mainleft-page div {
width: 370px;
float: left;
height: 200px;

white-space:normal;
}

#mainleft-page #scroller {
float:none;
width: 770px;
overflow: auto;
white-space: nowrap;
height: 200px;
postition: relative;
overflow:hidden;
}	

#box2, #box4, #box6, #box8, #box10, #box12, #box14, #box16, #box18, #box20{padding:0 0 0 30px;}


.entry
{
	display: block;
	clear: both;
}


#mainright{
	width:190px;
	float:right;
	margin:0px;
	padding:10px 10px 0px;
	background-color: #CCCCCC;

	}
#mainright ul {
	list-style-type: none;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;

}
#mainright li
{
	list-style-type: none;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
}
#mainright ul li a{
	color: #006600;
	text-decoration: none;
	}
	
#mainright ul li a:hover{
	color: #003300;
	}
#mainpage{
	text-align:left;
	margin:0;
	padding:0px;
	background-image: url(http://www.minisitehq.com/tiny09/jscripts/tiny_mce/plugins/imagemanager/files/7010/mainback.gif);
	background-repeat: repeat-y;
	}
	
#mainpageleft{
	width:770px;
	float:left;
	margin:0px;
	padding:10px 10px 0px;

	}
#mainpageleft p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


#mainpageright{
	width:190px;
	float:right;
	margin:0px;
	padding:10px 10px 0px;
	background-color: #CCCCCC;

	}	

	

#footer{
	height:85px;
	margin: 0px;
	padding: 0px;
	width: 1000px;
	
	}
#footer1 {
	background-color: #435913;
	height: 60px;
	width: 790px;
	float: left;
	text-align: left;
}
#footer1 p {
	color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 770px;
	background-color: #72972F;

}
#footer1 ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#footer1 ul li {
	line-height: 20px;
	margin: 0px;
	display: inline;
	font-size: 11px;
}
#footer1 ul li a {
	color: #CCCCCC;
	font-weight: normal;
	height: 20px;
	padding-left: 0px;
	padding-right: 24px;
	text-decoration: none;
}
#footer1 ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer2 {
	background-color: #72972F;
	height: 25px;
	width: 790px;
	float: left;
}
.footer2left {
	float: left;
	width: 375px;
	margin: 0px;
	padding: 3px 0px 0px 10px;
	text-align: left;
	color: #333333;
}
.footer2right {
	margin: 0px;
	padding: 3px 10px 0px 0px;
	float: right;
	width: 375px;
	text-align: right;
	color: #333333;
}
.footer2right a {
	text-decoration: none;
	color: #333333;
	font-weight: bold;

}
.footer2right a:hover {
	color: #006600;
}
#footer3 {
	background-color: #CCCCCC;
	height: 85px;
	width: 210px;
	float: right;
}	
#footer3 p {
	text-align: left;
	color: #006600;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
font-size: 10px;

}
	


	
	
	
#mini{
	width:1000px;
	margin:0 auto;
	text-align:right;
	font-size:11px;
	height:30px;
	}
	
#mini p{
	line-height:30px;
	font-size:11px;
	}
	
#mini a{
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	}
	
#mini a:hover{
	text-decoration:none;
	}
#holder{
	display:none;
	}
		
#mainleft-contactleft {
	float: left;
	width: 370px;
}
#mainleft-contactright {
	float: right;
	width: 375px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mainleft-page-contact
	{
	width:770px;
	float:left;
	margin:0px;
	padding:10px 10px 0px;

	}
	
#mainleft-page-contact p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #333;
	font-size: 11px;
	line-height: 120%;
}



	
	
	
#mini{
	width:1000px;
	margin:0 auto;
	text-align:right;
	font-size:11px;
	height:30px;
	}
	
#mini p{
	line-height:30px;
	font-size:11px;
	}
	
#mini a{
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	}
	
#mini a:hover{
	text-decoration:none;
	}
#holder{
	display:none;
	}
		
#mainleft-contactleft {
	float: left;
	width: 370px;
}
#mainleft-contactright {
	float: right;
	width: 375px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mainleft-page-contact
	{
	width:770px;
	float:left;
	margin:0px;
	padding:10px 10px 0px;

	}
	
#mainleft-page-contact p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #333;
	font-size: 11px;
	line-height: 120%;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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
	}
/* End Images */

/* Comment Styles */
.avatar
{
	display: block;
	padding: 5px;
	float: right;
}

.feed-button {
  padding: 10px 0;
}

.feed-button a {
  color: #666;
  padding: 10px 15px 10px 36px;
  background: #ccc url("images/rss.gif") no-repeat 15px 50%;
  border-top: 1px solid #e2e2e2;
  border-right: 1px solid #818181;
  border-bottom: 1px solid #565656;
  border-left: 1px solid #d7d7d7;
}

.feed-button a:hover {
  color: #444;
  background: #eee url("images/rss.gif") no-repeat 15px 50%;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #969696;
  border-bottom: 1px solid #646464;
  border-left: 1px solid #f2f2f2;
} 

/*TICKER STYLES*/
/* the outer div with the black border */
.tickercontainer {width:790px; height:20px; margin:0; padding:0px 0px 0px; overflow:hidden; background:#72972F;}
/* that serves as a mask. so you get a sort of padding both left and right */
.tickercontainer .mask {position:relative;left: 10px;top: 0px;width: 770px;overflow: hidden;}
/* that's your list */
ul.newsticker {position: relative; left: 750px; font: bold 1.1em Verdana; list-style-type: none; margin: 0; padding: 0; white-space: nowrap;}
/* important: display inline gives incorrect results when you check for elem's width */
ul.newsticker li {float: left; margin: 0; padding: 0; color:#FFFFFF;}
ul.newsticker li br{ display:none;}
ul.newsticker a {white-space: nowrap; padding: 0; color: #FFFFFF; font: bold 1.1em Verdana; margin: 0 50px 0 0;} 
ul.newsticker span {margin: 0 10px 0 0; color:#FFF;} 
ul.ticker01 li {color:#FFFFFF;}


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */