/*  
Theme Name: Nutwork Custom Theme
Theme URI:
Description: This theme has been custom designed for you.  If you need to contact us, please do so on 08 9388 6918
Version: 
Author: Nutwork Web Design
Author URI: http://www.nutwork.com.au
*/

/* colours
Find and replace these terms... in reverse order
#body-bg
#main-font
#nav-link
#nav-link-hover
#nav-link-hover-bg
#heading-color
#heading-link
#364d0f-hover
#main-link
#496e09-hover
#side-h3
#side-p
#side-link
#2a4200-hover
*/


/*** Reset All ***/
* { margin: 0; padding: 0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
a {
  outline:none;
}	


html {
	overflow-y: scroll;
}

body {
	background:  #7dcb37 url(images/BodyGradient.jpg) repeat-x top;
	text-align: center;
	margin: 0 auto;
	font: 12px verdana, Geneva, sans-serif #505050;
	}
	

/* -------------------
Main Structure
------------------- */

#allWrap0 {
  background: transparent url(images/CenterWhite.jpg) repeat-y center;
}
#allWrap1 {
  background: transparent url(images/HeaderBg.jpg) no-repeat center top;
}
#allWrap2 {
  background: url(images/GiantFooter.jpg) no-repeat center bottom; 
}

#frame {
	width: 960px;
	text-align: left;
	margin: 0px auto 0px auto;
	}
	
#middle {
  overflow: auto;
	margin:0 auto;
	clear: both;
	}

#content {
	width: 640px;
	padding-left: 50px;
	padding-top:20px;
	float:left;
	}
	
#sidebar {
	float: right;
	width: 250px;
	padding: 0px 0px 10px 0px;
	/*min-height:720px;*/
	}
	
#clear_nav {
  margin-top: 0px;
	height: 0px;
  clear: both;

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

#header {

    width: 960px;
    height: 200px;
    margin:0px auto;
    clear: both;
		padding: 0px;
	}

	
.headImgLink {
  display:block;
  width:900px;
  height:200px;
  text-indent:-9000px;
}	



/* -------------------------------
navigation
---------------------------------- */
	

#nav {
	font-family: verdana, Geneva, sans-serif;
	width: 960px;
	height: 35px;
	margin: 0 auto;
	clear: both; 
}

#nav ul {
	list-style: none;
  margin-left: 20px;
	text-align: center;
}

#nav li {
	float: left;
}

#nav li a:link, #nav li a:visited {
	display: block;
	text-decoration: none;
	text-transform: none;
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0 20px;
  outline: none;
}

/*
  Colour styling now in Scripts/SlideyMenu
*/




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

#content .post {
	margin: 0 10px 20px 10px;
	}
	
/* Headings */
	
#content h1 {
	color: #75ae12;
	font: 25px verdana,San-serif; 
	margin:10px 0 5px -28px;
  padding-left:60px;
	background:url(images/H1Bullet.jpg) no-repeat left;
	height:40px;
	}


#content h2 {
	color: #75ae12;
	font: 19px verdana,San-serif; 
	font-weight: normal;
	margin: 12px 0 8px 0;
  padding: 4px 0px 5px 0;
}

#content h2 a {
	color: #364d0f;
	text-decoration: underline;
	font: 19px verdana,San-serif; 
	font-weight: normal;
	outline: none;
}

#content h2 a:hover {
	color: #496e09;
}
	
#content h3 {
	font: 14px verdana,San-serif;
	font-weight: bold;
	color: #75ae12;
	margin: 0;
  padding: 4px 0px 5px 0;
}

#content h3 a {
	font: 14px verdana,San-serif;
	font-weight: bold;
	color: #364d0f;
	text-decoration: underline;
}

#content h3 a:hover {
	color: #496e09;
}
	
#content h4 {
	font: 13px verdana,San-serif;
	color: #75ae12;
	font-weight: bold;
	padding-top: 5px;
	margin: 0;
  padding: 4px 0px 2px 0;
}
	
#content h5 {
	font: 12px verdana,San-serif;
	margin: 0;
  padding: 4px 0px 2px 0;
	color: #75ae12;
	font-weight: bold;
	padding-top: 5px;
}
			
#content p, #content dl, #widgetshoppingcart, .wpsc_container, .entry {
	font: 12px/22px verdana,San-serif;
  color: #505050;
}
	
#content p, #content ul, #content ol, #content dl {
	margin: 0 0 10px 0;
}
#content ul {
    /*list-style:disc;*/
    list-style-image:url(images/NavPaw.jpg);
}
#content ol {
    /*list-style:disc;*/
    list-style:decimal;
}
#content li {
	margin: 0 0 0 30px;
	font: 12px/22px verdana,San-serif;
	color: #505050;

}
#content td, #content th {
  padding:0 5px;
}	
#content dl dt {
	font-weight: bold;
}
	
#content dl dd {
	margin: 0 0 0.4em 0.5em;
}
	
#content blockquote {
	margin: 0 0 0 1em;
	border-left: 5px solid #15a1c4;
	padding: 0 0 0 1em;
}
	
#content a {
	color: #496e09;	
	font: 12px verdana,San-serif;
	font-weight: normal;
 }
#content a:hover { color: #364d0f; }
	
#content .post ul.post-data {	
	list-style: none;
	font: 12px verdana,San-serif;
	padding: 0.1em 0 0.2em 0;
	color: #505050;
	margin: 1.3em 0 0 0;
	}

#content .post ul.post-data li {
	color: #505050;
	}
	
#content .post ul.post-data a {
	color: #496e09;
  text-decoration: underline;
  font-weight:normal;
	}
	
#content .post ul.post-data a:hover {
	color: #364d0f;
	text-decoration: underline;
	font-weight: normal;
	}

#content .post ul.post-data li.comments {
	float: right;
	margin: 0 0.7em 0 0;
	display: inline;
	font: 12px verdana,San-serif;
	}
	

#content .post ul.post-data li.comments a {
	padding: 0 0 0 15px;

	}
#content .post ul.post-data li.tags {
	margin: 0 0 0 0.7em;
	list-style: none;
	}

	
#content .post ul.post-data li.tags a {
	padding: 0 0 0 1px;

	}
	
#content .post ul.post-data li.posted {
	margin: 0 0 0 0.7em;
	list-style: none;

	}
	
#content .post ul.post-data li.posted a {
	padding: 0 0 0 1px;

	}
	
#content .post ul.post-data li.comments a:hover, #content .post ul.post-data li.posted a:hover, #content .post ul.post-data li.tags a:hover {
	background-position: 0 -38px;

	}

.entry {
	margin: 0px 0 0px 0;
	padding: 0px 0 5px 0;
	}

.entry  p {
	margin: 5px 0 5px 0;
	padding: 0;
	}


.entry  img { 
  padding: 5px;
}

.entry  img.alignleft { 
                float: left;
                margin: 3px 3px 1px 0;
                }

.entry  img.alignright { 
                 float: right;
                 margin: 0 3px 1px 3px;
                 }

.spacer {   padding: 0px;
            text-align: right;
            text-transform: lowercase;
            }
	

/* -------------------
Comments
------------------- */

#content #comments {
	margin: 0 20px 20px 25px;
	}
	
#content #comments .comment {
	margin: 0 0 2em 0;
	font: 12px verdana,San-serif;
	}
	
#content #comments .comment p, #content #comments .comment li, #content #comments .comment a { 
	font: 12px verdana,San-serif;
	color: #505050;	
}

#content #comments .comment a:hover { 
	font: 12px verdana,San-serif;
	color: #505050; 
}
	
#content #comments .comment p {
	margin: 0 0 0.8em 0;
	font: 12px verdana,San-serif;
	}
	
#content #comments .comment .comment-data p {
	font: 12px verdana,San-serif;
	color: #505050;
	padding: 0 0 0 22px;
	margin: 1.5em 0 0 0;
}
	
#content #comments .comment .comment-data p a { 
	font: 12px verdana,San-serif;
	color: #505050; 
}

#content #comments .comment .comment-data p a:hover { 
  color: #505050; 
}

#content #comments form {
	color: #505050;
	font: 12px verdana,San-serif;
	}

#content #comments form a { color: #505050; }
#content #comments form a:hover { color: #505050; }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* -------------------
Sidebar
------------------- */


#sidebar h3 {
	color: #364d0f;
	font: 18px/22px verdana,San-serif;
	font-weight: normal;
	margin: 0 0 0px 0;
  padding: 6px 0px 2px 0px;
	text-align: left;
	}
#sidebar h1 {
	color: #364d0f;
	font: italic 30px/34px verdana,San-serif;
	font-weight: normal;
	margin: 0 0 0px 0;
  padding: 6px 0px 2px 0px;
	text-align: left;
	}
	
#sidebar h3.small {
  color:#75AE12;
  font-size:13px;
  font-weight:bold;
}
	
#sidebar p, #sidebar li {
	color: #505050;
	font: 12px/15px verdana,San-serif;
  text-align: left;  
  list-style:none;      
}
#sidebar li {

}
	
#sidebar p, #sidebar ul, #sidebar ol {

	}
	
#sidebar ul { 
	list-style: none; 
	}

#sidebar ul li {
	padding: 2px 0px 1px 0px;
	list-style-type: none;
	}
	
#sidebar a {
	color: #2a4200;
	text-decoration: none;
  font-weight:normal;
	}
	
#sidebar a:hover, #sidebar a:hover p, #sidebar a:hover h3 {
	color: #73ad0f;
	text-decoration: none;
  font-weight:normal;
}
#sidebar a:hover h3 {
  font-weight:bold;
}


#newsdiv {
	padding-left: 15px; 
}

#newsdiv a, #newsdiv a:visited {
	color: #333; 
}

#newsdiv a:hover {
	color: #5a2981; 
}

#newsdiv h2 {
	color: #5a2981;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#newsdiv h3 {
	color: #5a2981;
	font-size: 15px;
	font-weight: bold;
}

#search-submit  {
  /*width:175px;*/
  height:22px;
  float:left;

}
.search {
  height:30px;
  float:right;
  margin-right:49px;
  }
#search-text {
  width:125px;
  height:20px;
  float:left;
  margin-right:5px;
}








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

#footer {
    clear: left;
    width: 960px;
    height: 130px;
    margin:0 auto 30px;
    padding: 0px;
    padding-bottom:60px;
	}

#footer_nav {
	position: relative;
  top:20px;
	text-align: left;

	float:left;
	overflow:hidden;
}

#footer_nav ul {
	list-style:none;
	font-family: verdana, Geneva, sans-serif;
	text-align:left;
	position:relative;

	float:left;
}


#footer_nav ul li {
  position:relative;
	display: block;
	border-left: 1px solid #fff;
	float:left;
	padding: 0px 10px; 
	height: 25px;

}

#footer_nav li:first-child {
  border-left: 0px solid #fff; 
}


#footer_nav li a {
	text-decoration: none;
	text-transform: none;
	color:#97ca46;
	font-weight: normal;
	font-size:11px;
  outline: none;
}

#footer_nav li a:link {
	text-decoration:none;
}

#footer_nav li a:visited {
	text-decoration:none;
  color: #97ca46;
}

#footer_nav li a:hover {
	color:#97ca46;
}

#footer_nav li a:active {
	text-decoration:none;
}
	
#footertext {
	clear: both;
	width: 100%;
	position: relative;
	top: 40px;
	text-align:left;
}
		
#footer #footertext {
	color: #fff;
	font: 11px verdana,San-serif; 
	padding: 0px 0 0 0;
	}
	
#footer #footertext a {
	color: #fff;
	text-decoration:underline;
	}

#footer #footertext a:hover {
	color: #fff;
	text-decoration:underline;
	}
	
#footer #searchform {
	padding: 32px 0 0 31px;
	}
	
#footer #searchform .searchfield {
	height: 18px;
	}
	
#footer #searchform .searchbutton {
   height:23px;
	}


.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	letter-spacing: 1px;

	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	font-weight: normal;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	}
ol.commentlist .author_comment {
	background:#F5F5F5;
	border-bottom: 1px solid #0066CC;
	border-top: 1px solid #0066CC;
}

#commentform {
	margin: 2em 0;
	margin-left:2em;
	width: 565px;
}

#commentform textarea {
	border: 1px solid #333;
	width: 475px;
}

#commentform #email, #commentform #author, #commentform #url {
	font-size: 12px;
	border: 1px solid #333;
	width: 180px;
	height: 15px;
}

#commentform input{
	margin-bottom: 3px;
}

#commentform #submit {
	margin:0 auto;
	float:left;
  background:#000000;
  color: #ffffff;
	font: 12px verdana,San-serif;
	border:1px solid #000000;
	padding:2px 8px 2px 8px;
  margin-bottom: 10px;
  height: 20px;
	}

.post{margin:0 0 25px 0;}

.post .info{
	padding:2px 3px 3px 8px;
	border:1px solid #000000;
	background-color:#ffffff;
	font-size:12px;
	color:#000000;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}




/* -------------------
Extras
------------------- */

.roundMe {
  border: 1px #b21d24 solid;
  margin: 10px;
    padding: 0px 10px 10px 10px;
  -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #c2232b;
}

.imgLink {
  border:0px;
}

small {
  font-family: verdana, Arial;
  font-size:10px;  
}


table.shoppingcart {
  display:none;
}

.wpsc_container {
  float:left;
}

.clear {
  clear:both;
}

strong {
  font-weight:bold;
}
em {
  font-style:italic;
}
.ngg-galleryoverview {
  clear:none !important;
}
.ngg-albumoverview {
  clear:none !important;
}
div.piclenselink {
  display:none;
}
div.navigation {
  height:30px;
}
input, select, textarea {
  border:1px solid #b4b4b4;
}



/* _______________  PULL QUOTES ________________________ */

#pullout_right {
	float: right;
	width: 250px;
	margin: 0 0 20px 25px;
}

#pullout_right p {
	font-size: 22px;
	line-height: 28px;
	color: #7ebbce;
	margin-left: 12px;
	text-indent: -12px;
}

#pullout_left {
	float: right;
	width: 250px;
	margin: 0 25px 20px 0;
}

#pullout_left p {
	font-size: 22px;
	line-height: 28px;
	color: #7ebbce;
	margin-left: 12px;
	text-indent: -12px;
}
.donate {
  display:block;
  width:232px;
  height:65px;
  background:url(images/Donate.jpg) no-repeat bottom;
}
.donate:hover {
  background:url(images/Donate.jpg) no-repeat top;
}
#AdvertContain {
  width:232px;
}
#AdvertTopGraphic {
  width:232px;
  min-height:150px;
  background: #4e9700 url(images/AdvertTop.jpg) no-repeat top;
}
#AdvertBottomGraphic {
  background: #4e9700 url(images/AdvertBottom.jpg) no-repeat top;
  width:232px;
  height:8px;

}
#NewsDiv {
  background:#e5e5e5 url(images/NewsTop.jpg) no-repeat top;
  width:232px;
}
#NewsBottom {
  background:#e5e5e5 url(images/NewsBottom.jpg) no-repeat top;
  height:17px;
  width:232px;
}
#NewsInner {
  margin:0px 29px 0;
  padding-top:20px;
}
#AdvertTopGraphic h3 {
  text-align:center;
  color:#fff;
  font-size:25px;
  line-height:38px;
}
#SocialLinks img {
  margin-right:10px;
} 
.Hspace {
  height:20px;
}
.recipe-press-table input, .recipe-press-table textarea, .recipe-press-table select {
      width:200px
}

.animalList td {
  vertical-align:top;
}
.recipe-list-block {
  
}
.recipe-section{
  margin-left:10px;
}
.petDetails {
  width:365px;
}
.petDetails td {
  vertical-align:top;
  border-bottom:1px solid #DDDDDD;
  border-top:1px solid #DDDDDD;
  padding:5px !important;
}
.petDetails td:first-child {
  font-weight:bold;
  width:130px;
}
#PetImage, #recipe-ingredients {
  float:left;
}
#PetImage  {
  /*background:url(images/NoImage.jpg) no-repeat top;*/
  width:150px;
  height:112px;
}
#PetImage img {
  padding:0;
}
#recipe-ingredients {
  clear:right;
}
.recipe-header, .contact {
  clear:both;
}

input.recipe-press-text-submitter_email {
  /*width:150px;*/
}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

img.cal {
  padding:0;
  margin:0;
}
input.charLeft {
  width:28px;
  border:0;  
}
.thumbDisplay {
  width:145px;
  float:left;
  border:1px solid #DDDDDD;
  margin-right:5px;
  margin-bottom:5px;
  min-height:175px;
}
.imageDiv  {
  height:109px;
  overflow:hidden;
  text-align:center;
}
.thumbDisplay img {
  padding:0; 
} 
.short_desc td {
  font:11px/18px arial;
  vertical-align:top;
}
.short_desc td:first-child {
  font-weight:bold;
  width:60px;
}
.shortTitle {
  padding:2px 1px 0 !important;
}
#lost, #found, #submit {
  display:none;
}
#errorDiv p {
  color:#A0111D;
}