/*
Theme Name: Feeder Factory
Description: 2 Column Widgetized WordPress Theme branded for The Feeder Factory
Author: <a href="http://www.pixelmagic.co.za/">::pixelmagic::</a>
Author URI: http://www.pixelmagic.co.za/
Tags: 2 columns, wordpress themes
*/

/*** GENERAL TAGS ***/

body { margin: 0px; background: #e9e7e7 url(images/bg.jpg) repeat-x center top; font-family: 'Trebuchet MS','Arial','Helvetica',sans-serif; font-size: 14px; color: #ffffff; }
.wrap { width: 950px; text-align: left; }
h1, h2, h3, h4, h5 { margin: 0px; font-weight: normal; }
.clear { clear: both; }

a, a:active, a:link { color: #cba5a7; text-decoration: none; }
a:hover { color: #000000; }
input { border: 0px; }

/*** Header & Search Box ***/

.header { margin-top: 10px; }

.logo {
	background-image: url(images/logo.gif);
	width: 245px;
	height: 150px;
	float: left;
}

.search { padding: 10px 0 0px 0; width: 275px; float: right; text-align: right;}
.search form{ background: url(images/search.jpg) no-repeat center left; }
.search input { float: right; background: #929468; color: #ffffff; border-left: solid 1px #221f1f; border-top: solid 1px #221f1f; border-bottom: solid 1px #221f1f; border-right: none; padding: 4px; width: 180px; vertical-align: top; }
.search input.submit { margin-left: -4px; background: #929468 url(images/search-go.jpg) no-repeat center center; text-indent: -9999px; width: 32px; padding: 3px; border-right: solid 1px #221f1f; border-top: solid 1px #221f1f; border-bottom: solid 1px #221f1f; border-left: none; }


/*** Menu ***/

.menu { display: block; border-top: solid 1px #666666; margin-top: 0px; border-bottom: solid 10px #221f1f; background-color: #929469;}
.menu ul { margin: 0px; padding: 0px; list-style: none; float: left; width: 750px; }
.menu ul li { display: inline; }
.menu ul li a { padding: 10px 0px 10px 0px; width: 120px; text-align: center; font-size: 20px; display: block; float: left; color: #221f1f; font-weight: bold; }
.menu ul li.current_page_item a { background: #221f1f; color: #aaac80; }
.menu ul li a:hover { color: #221f1f; background: #aaac80; }

.RSS { background: url(images/rssfeeds.jpg); width: 194px; height: 20px; display: block; text-indent: -9999px; float: right; margin-top: 11px;  }

/*** Content ***/

.content {  background: #221f1f url(images/sidebarbg.jpg) repeat-y right; }
.leftcontent { 
	width: 550px; 
	margin: 25px; 
	float: left; 
}
.rightcontent { float: left; width: 350px; }

/*** Article ***/

.article { margin-bottom: 50px;}
.article h2 { font-size: 28px; font-family: 'Trebuchet MS','Arial','Helvetica',sans-serif; font-weight: bold; line-height: 28px; }
.article h2 a { color: #aaac80; }
.article h2 a:hover { color: #9b9d77; }

.postcontent { line-height: 18px; }
.postcontent a { text-decoration: underline; color: #b1b289; }

.postmeta { text-transform: uppercase; font-family: 'Trebuchet MS','Arial','Helvetica',sans-serif; color: #ecede3; border-top: solid 1px #ffffff; display: block; margin-top: 8px; padding: 5px 0px 2px 0px; }
.date { padding-left: 20px; background: url(images/date.png) no-repeat center left; }
.mcategories { padding-left: 25px; width: 395px; background: url(images/categories.png) no-repeat center left; padding-top: 1px; float: left; }
.mcomments { background: url(images/comments.png) no-repeat center left; float: right;  padding-left: 20px; padding-top: 1px; }

/*** Sidebar ***/
.item { width: 300px; margin-left: 10px; }
.advertising {  background: #9b9d77; padding: 15px 0 15px 0; border-left: solid 5px #5e5e4b; }

.advertising a img { border: solid 5px #ffffff; float: left; }
.advertising img { margin-left: 10px; }
.advertising .item { width: 330px; margin: 0px; margin-left: 10px; }
.sidebar .item { margin: 15px 0px 25px 20px; }
.item h3, .item h2 .comments h2 { color: #221f1f; font-size: 22px; font-family: 'Trebuchet MS','Arial','Helvetica',sans-serif; padding-bottom: 2px; border-bottom: solid 1px #ecede3; }
.item ul { list-style: none; padding: 0; margin: 0px; border-top: solid 1px #FFFBF6; background: #aaac80; }
.item ul li { width: 280px; padding: 6px 10px 6px 10px; border-bottom: dashed 1px #ecede3; line-height: 15px; color: #221f1f; font-size: 11px; }
.item ul li a { font-size: 13px; color:#221F1F; }

.latest ul li a { background: url(images/article.png) no-repeat top left; padding-left: 25px; }
.half ul li { width: 140px; float: left; padding: 5px; color: #221f1f; }
.half ul { float: left; }


/*** Comments h2 ***/

.comments h2 { margin-bottom: 13px; }
.comment { display: block; padding: 10px; color: #221f1f; background: #b1b289; margin-top: 10px; }
.alt { background: #b1b289; }
.comment-meta { color: #221f1f; border-bottom: solid 1px #ecede3; padding-bottom: 4px; }
.comment-meta span { font-size: 14px; font-weight: bold; }

.commentform { background: #b1b289; display: block; padding: 10px; margin-top: 10px;}
.commentform span { font-size: 16px; display: block; color: #221f1f; margin-bottom: 4px; }
.commentform input, .commentform textarea { width: 350px; background: #ffffff; border: #221f1f; padding: 4px; margin-bottom: 10px; }
.commentform input.subscribe_button{ width: 173px; height: 33px; background: url(images/submit-off.jpg); display: block; text-indent: -9999px; }
.commentform input.subscribe_button:hover { background: url(images/submit-on.jpg); }

.comment H2 {
	font-weight: bold;
}

.comment A {
	text-decoration: none;
	color: #221f1f;
}

.comment A:HOVER {
	text-decoration: underline;
	color: #ffffff;
}

.comment A:VISITED {
	text-decoration: none;
	color: #221f1f;
}

/*** Footer ***/


.footer {
	width: 950px;
	background-image: url(images/footerbg.gif);
	height: 187px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.credits {
	color: #221f1f;
	font-size: 13px;
	text-align: right;
	padding-top:140px;
	padding-right: 100px;
}

.credits A {
	text-decoration: none;
	color: #221f1f;
}

.credits A:HOVER {
	text-decoration: none;
	color: black;
}

.credits A:VISITED {
	text-decoration: none;
	color: #221f1f;
}


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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
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;
}