/*
Theme Name: 2009 Jembrae Droughtmasters Design
Theme URI: http://www.jembrae.com
Description: Jembrae Droughtmasters WP theme, designed by Almost Anything in 2009.
Version: 1.0
Author: Almost Anything Web and Graphic Design
Author URI: http://www.almostanything.com.au
*/

/*
 * COLOURS
 * red					:	ff0000
 * green				:	00ff00
 * blue					:	0000ff
 * 
 * CONTENTS
 * 1.Header and Body
 * 2.Main Content
 * 3.Forms
 * 3.Footer
 * 4.Forms
 * 5.Navigation
 * 6.News
 */

/*
 * 1.Header and Body
 */
body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
	background:#acaddc;
}
#header {
    background: #c7d41c url(images/headerBg.jpg) top left no-repeat;
	border-bottom:2px solid #000;
    width: 100%;
    height: 231px;
	position:relative;
}
#header h1 {
    margin: 0;
    padding: 0;
    font: normal bold 3em/60px Garamond, Georgia, serif;
	width:500px;
	margin:0 auto;
	padding-top:30px;
	text-indent:-9999px;
	text-align:center;
}

#header h1 a {
	color:#ff0;
	text-decoration:none;
	background:transparent;
	display:block;
	width:550px;
	height:140px;
	position:absolute;
	left:50%;
	top:15px;
	margin-left:-295px;
	z-index:9999;
	outline:0;
}

#search {
    display: inline;
}
#description {
    display: inline;
    margin-right: 1em;
}
.widthlimiter {
    width: 763px;
    margin: 0 auto;
	position:relative;
	top:-27px;
	padding:0 21px;
	overflow:hidden;
	background:#343484 url(images/bgRepeater.png) top center repeat-y;
}

#contentContainer {
	background:transparent url(images/internalPageBg.jpg) 0 115px no-repeat;
	width:762px;
	margin:0 auto;
}

#page3 #contentContainer {
	background:transparent url(images/grassBg.jpg) 0 115px no-repeat;
	width:762px;
	height:580px;
}

#menu {
    background: transparent;
	position:absolute;
	bottom:0;
	left:0;
}
#content {
	font:100 normal normal 1em/1.6em Garamond, Baskerville, Georgia, Times, serif;
	padding:30px 20px 54px 20px;
	color:#fff;
	overflow:hidden;
}

#page3 #content h1 {
	color:#fff;
	margin:0 0 11px 0;
	text-transform:uppercase;
	font:100 normal normal 1.5em/1em "Helvetica LT", Helvetica, "Century Gothic", Futura, sans-serif;
	text-shadow:2px 2px 10px #000;
}

#latestnews {
	background:#27294c url(images/homePostsBg.png) top left repeat-x;
	float:right;
	width:320px;
	padding:0 15px;
	-webkit-box-shadow:10px 10px 40px #141527;
	-moz-box-shadow:10px 10px 40px #141527;
	box-shadow:10px 10px 40px #141527;
}

#latestnews .homepagepost {
	margin:10px 0;
}

#latestnews .homepagepost br {
	display:none;
}

#latestnews h2 {
	color:#ff0;
	font:100 normal normal 1em/1.4em "HelveticaNeue LT 45 Light", "HelveticaNeue LT 35 Thin", "Century Gothic", Futura, "Helvetica LT", sans-serif;
	text-transform:uppercase;
	float:left;
	margin:0 .4em 0 0
}

#latestnews span.postdate {
	float:left;
	line-height:1.8em;
	font-size:.7em;
	text-transform:uppercase;
	color:#c4c5ff;
	font-style:italic;
}

#latestnews p {
	clear:both;
	font:100 normal normal 1em/1.6em Garamond, Baskerville, Georgia, Times, serif;
	color:#fff;
	margin:0;
	display:inline-block;
	letter-spacing:-.4px;
}

#latestnews em.readmore {
	font-style:normal;
	font:100 normal normal .9em/1.4em "HelveticaNeue LT 45 Light", "HelveticaNeue LT 35 Thin", "Century Gothic", Futura, "Helvetica LT", sans-serif;
	color:#ff0;
	float:right;
}

#latestnews em.readmore span {
	color:#fff;
}

#latestnews a {
	text-decoration:none;
	background:none;
}



/*
 * 2.Main Content
 */
h1, h2, h3, h4, h5 {
    color: #ff0;
	font-family:"HelveticaNeue LT 35 Thin", "Century Gothic", Futura, "Helvetica LT", sans-serif;
	font-weight:100;
	text-transform:uppercase;
	margin:1.3em 0 0 0;
}

h1 {
	margin:0;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
	color:#ff0;
}

div.newspost {
	clear:both;
	margin:1em 0;
	padding:1em;
	border:2px solid #0e0e1a;
	overflow:hidden;
	background:rgba(0,0,0,0.4);
}

div.newspost .posthead h1 {
	margin:0;
	font:100 normal normal 1.4em/1.4em "HelveticaNeue LT 45 Light", "HelveticaNeue LT 35 Thin", "Century Gothic", Futura, "Helvetica LT", sans-serif;
}

div.newspost .posthead h1 a {
	text-decoration:none;
	background:transparent;
}

div.newspost .posthead .postdate, div.newspost .posthead .tags {
	margin:0 0 0 .4em;
	text-transform:uppercase;
	color:#c4c5ff;
	font:100 normal normal .9em/1.4em "HelveticaNeue LT 45 Light", "HelveticaNeue LT 35 Thin", "Century Gothic", Futura, "Helvetica LT", sans-serif;
	font-style:normal;
	float:left;
}

div.newspost .postdate {
	width:100%;
}

div.newspost .posthead .tags a {
	color:#fff;
	text-decoration:none;
}

div.newspost .posthead {
	margin:-1em;
	margin-bottom:1em;
	overflow:hidden;
	padding:.5em 1em;
	background:#6f6903 url(images/newsTitleBg.png) top left repeat-y;
}

form.cform fieldset legend {
	display:none;
} 
 
form.cform {
 	background:#acaddc !important;
	border:1px solid #222;
	width:270px;
	margin:1.5em;
	float:right;
	margin-top:-1.5em;
	-webkit-box-shadow:0 0 20px #000;
	-moz-box-shadow:0 0 20px #000;
	box-shadow:0 0 20px #000;
 }
 
 #content form.cform fieldset {
 	border:none;
	background:transparent !important;
	margin:0;
 }
 
 #page9 form.cform, #page19 form.cform {
 	margin-top:-3.5em;
 }
 
form.cform ol.cf-ol li {
	padding:.5em 15px;
	width:240px;
	color:#000;
	border-bottom:1px solid #8b8bff;
}

form.cform label {
	display:block;
}

form.cform span {
	width:270px !important;
	text-align:left;
	font-weight:bold;
	font-family:Helvetica, sans-serif;
}

form.cform .emailreqtxt, form.cform .reqtxt {
	font-weight:normal;
	margin:0;
	clear:both;
	display:none;
}


form.cform textarea, form.cform input {
	margin:.5em 0;
	font-size:.8em;
	border-color:#999;
	clear:both;
	padding:1px 3px !important;
	width:230px !important;
}

form.cform textarea {
	height:50px;
}

form.cform textarea:hover, form.cform input:hover {
	border-color:#222;
}

form.cform textarea:focus, form.cform input:focus, form.cform textarea:active, form.cform input:active {
	border-color:#fff;
}

form.cform #sendbutton, form.cform #sendbutton2 {
	border-top:1px solid #e0c0c8 !important;
	border-left:1px solid #e0c0c8 !important;
	border-bottom:1px solid #b79da4 !important;
	border-right:1px solid #b79da4 !important;
	margin:1em !important;
	width:100px !important;
}

/*
h1 {
    margin: 0;
    padding: 0;
    font: normal bold 2em/80px sans-serif;
}
h2 {
    font: normal bold 1.6em sans-serif;
    margin: 0.5em 0
}
h3 {
    font: normal bold 1.4em sans-serif;
    margin: 0.4em 0
}
*/
a {
    color: #ff0;
	padding:.3em;
}

.cp-single-animal a {
	padding:0 !important;
	outline:0 !important;
	border:none !important;
}

.cp-single-animal img {
	border:none !important;
	margin-top:1em;
	border:1px solid #555;
	padding:.2em;
}

a:hover {
    background-color: #000;
    color: #ffffff;
    text-decoration: none;
}
#content img.alignleft, #content div.alignleft {
	float:left;
}
#content img.alignright, #content div.alignright {
	float:right;
}
#content img.aligncentered, #content div.aligncentered {
	text-align:center;
	margin:0 auto;
}

#content img.aligncentered, #content img.alignright, #content img.alignleft, #content .aligncentered img, #content .alignright img, #content .alignleft img {
	margin:1em;
	border:1px solid #555;
	padding:.2em;
}

#content .aligncentered img, #content .alignright img, #content .alignleft img {
	margin:0;
}

#content .aligncentered p, #content .alignright p, #content .alignleft p {
	text-align:center;
}

#content .aligncentered, #content .alignright, #content .alignleft {
	margin:1em
}

#content #homepageslideshow {
	float:left;
	border:1px solid #fff;
	margin-right:22px;
	-webkit-box-shadow:10px 10px 40px #0b2b00;
	-moz-box-shadow:10px 10px 40px #0b2b00;
	box-shadow:10px 10px 40px #0b2b00;
}

#content object.slideshow {
	border:1px solid #fff;
	-webkit-box-shadow:10px 10px 40px #111226;
	-moz-box-shadow:10px 10px 40px #111226;
	box-shadow:10px 10px 40px #111226;
}

#content div.slideshow {
	padding:40px;
}

#content .ngg-galleryoverview {
	width:640px;
	margin:1em auto;
	position:relative;
}

#content .ngg-galleryoverview .ngg-gallery-thumbnail-box {
	padding:0;
	width:212px;
	overflow:hidden;
}

#content .ngg-galleryoverview a {
	padding:0;
}

#content .ngg-galleryoverview a img {
	border:1px solid #fff;
	padding:0;
	margin:0;
}

#content .ngg-gallery-thumbnail {
	margin:5px;
}

/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.50

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

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

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 


/*
 * 3.Forms
 * Override any of the default cforms styles here by prefixing with #content
 * to increase specifity
 */
#content .cform legend {
    font-family: sans-serif;
}
#content .cform fieldset {
    background: #cccccc;
}
.linklove { /*hides link to author but still gives them the backlink*/
    display: none;
}

/*
 * 3.Footer
 * Text should be a little smaller and more subtle in contrast.
 */
#footer {
    background: #1b1b33 url(images/footerBg.png) center bottom no-repeat;
    width: 762px;
    margin: 0 auto;
	padding:0 21px;
    height: 150px;
	clear:both;
	position:relative;
	top:-54px;
}

#footerstripes {
	background:transparent url(images/stripes.gif) top left repeat-x;
	height:27px;
	position:relative;
	top:-54px;
	z-index:99;
	width:100%;
	position:relative;
}

#footer p#backtotop {
	position:absolute;
	top:84px;
	right:50%;
	margin-right:-100px;
	width:200px;
	height:33px;
	line-height:33px;
	font-size:1.3em;
}

#footer p#backtotop a {
	color:#fff;
	display:block;
	background:transparent url(images/dropdownMenuBg.png) top left repeat-x;
	padding:0;
}

#footer p#backtotop a:hover {
	background:transparent url(images/dropdownMenuBg.png) bottom left repeat-x;
}

#footerstripes .bull {
	position:absolute;
	top:-42px;
}

#footerstripes #leftfooterbull {
	left:50%;
	margin-left:-500px;
}

#footerstripes #rightfooterbull {
	right:50%;
	margin-right:-500px;
}

#headerstripes {
	background:transparent url(images/headerstripes.gif) center top repeat-x;
	height:27px;
	position:relative;
	top:89px;
	width:100%;
	z-index:9;
}

#headerstripes .bull {
	position:absolute;
	top:-42px;
}

#headerstripes #leftheaderbull {
	left:50%;
	margin-left:-500px;
}

#headerstripes #rightheaderbull {
	right:50%;
	margin-right:-500px;
}
#footer p {
    font-size: 10px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
    line-height: 2em;
	margin:0;
    color: #000;
	float:left;
	width:37%;
	padding:0 0;
	text-align:center;
}

#footer p#copyright {
	width:31%;
}

#footer p#designedby {
	width:31%;
	float:right;
}

#footer strong {
	color:#4b2715;
	text-transform:uppercase;
}

#footer a {
    color: #222;
    text-decoration: none;
	background:transparent;
}
#footer a:hover {
    color: #555;
}

/*
 * 5.Navigation
 * Ahhh, the fun part. If you get stuck, ask Jeff Vader. I'm his brother.
 * http://www.youtube.com/watch?v=7tUNNM-Hyu8
 */

/*** ESSENTIAL STYLES ***/
.nav, .nav * {
	list-style:none;
	margin:0;
}
.nav {
	line-height:33px;
	z-index:4500;
	padding:0 0 0 40px;
}
.nav ul { /* dropdown width */
	position:absolute;
	top:-999em;
	width:200px;
	z-index:4000;
}
.nav ul li {
	width: 100%;
	z-index:3500;
}
.nav li {
	float:left;
	position:relative;
	z-index:99;
}
.nav a {
	display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul { /* vertical pozzie of dropdown */
	left:-35px;
	top:35px;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul { /* 2nd level dropdown */
	left:90px;
	top:-1px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/*** ORIGINAL SKIN ***/
.nav {
	float:left;
}
.nav li {
	background:transparent;
	padding:0 2px;
}

.nav li li {
	padding:0;
	border:1px solid #000;
	border-width:0 1px;
}

.nav a {
	color: #fff;
	text-decoration:none;
	padding:0 9px;
	background:transparent url(images/menuBg.png) top left repeat-x;
	font:italic normal 1.2em/33px Georgia, Garamond, Baskerville, serif;
	border:1px solid transparent;
	border-bottom:0;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
}

.nav a:focus, .nav a:hover, .nav a:active, li.current_page_item a, li.sfHover a, li.current_page_ancestor a {
	background:transparent url(images/menuBg.png) bottom left repeat-x;
}

.nav li li a {
	background:transparent url(images/dropdownMenuBg.png) bottom left repeat-x;
	border-bottom:1px solid #000;
	z-index:2500;
	padding:0 10px;
	-webkit-border-radius:0 !important;
	-moz-border-radius:0 !important;
}

.nav li li a:focus, .nav li li a:hover, .nav li li a:active {
	background:#000;
}

.nav li li li {
	background:#ccc;
}

/*
 * 6.News
 */
.postdate, .postmetadata{
	font-size:0.8em;
	font-style:italic;
}