/* Browser reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1.25; color: #000; font-family: Arial, Helvetica, sans-serif; }
strong { font-weight: bold; }
em { font-style: italic; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: collapse; border-spacing: 0; width: 100%;}
caption, th, td { text-align: left; font-weight: normal; }
ul,ol { margin-left: 3em; }
p { margin: 1em 0; }
a { outline: none; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }


/* ***************************************************************** */

body {
	background: url('../images/back.jpg') repeat 50% 0%;
}

#go-home {
	background: #FF9A00;
	color: white;
	line-height: normal;
	font-size: 18px;
	padding: 10px 0 10px 10px;
	font-family: Helvetica, Arial, sans-serif;
}

#go-home a {
	text-decoration: none;
	color: white;
}

#base-wrapper {
	height: 138px;
	background: url('../images/back-top.png') repeat-x;
}

#base {
	width: 960px;
	position: relative;
	margin: 0 auto;
}

#header {
	height: 138px;
	position: relative;
}

h1 {
	display: block;	
	width: 652px;
	height: 121px;
	position: absolute;
	top: 17px;
	left: 0px;
	text-indent: -2000em;
	background: url('../images/h1.png') no-repeat;
}

#signup {
	position: absolute;	
	top: 0px;
	right: 10px;
	padding: 23px 14px 14px 14px;
	width: 251px; /* 279 - 28 */
	height: 235px; /* 272 - 23 - 14 */
	background: white url('../images/signup-bottom.png') no-repeat bottom;
}

#signup h2 {
	display: block;	
	width: 251px;
	height: 36px;
	text-indent: -2000em;
	margin: 0 0 7px 0;
	background: url('../images/signup.png') no-repeat;
}

input.signup-text {
	background: #2e2d15;
	width: 235px; /* 251 - 8 - 8 */
	height: 15px; /* 31 - 8 - 8 */
	padding: 8px;
	margin: 0 0 8px 0;
	border: 0px;
	color: #dbdbdb;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
}

#signup-terms {
	float: left;
	margin-top: 9px;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	color: #3d3d3d;
}

#signup-terms a {
	color: #3d3d3d;
}

#signup-terms-checkbox {
	width: 18px;
	height: 18px;
	background: url('../images/signup-terms.png') no-repeat;
	float: left;
	position: relative;
	top: -2px;
	margin-right: 8px;
	cursor: pointer;
}

#signup-terms-checkbox.on {
	background-position: 0px -18px;
}

input#submit {
	float: right;
}

#signup-form-wrapper.working {
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
}

#signup-form-working {
	position: absolute;	
	top: 0px;
	right: 0px;
	width: 279px;
	height: 262px;
	background: url('../images/ajax-loader.gif') no-repeat 50% 50%;
}

#signup-form-done {
	background: url('../images/flower-0.png') no-repeat 0 0;
	padding: 0 0 0 30px;
}

#the-contest {
	width: 280px;
	height: 289px;
	position: absolute;
	top: 283px;
	right: 10px;
	background: url('../images/the-contest.png') no-repeat;
	text-indent: -2000em;
}

#rough {
	width: 671px;
	height: 33px;
	position: absolute;
	top: 138px;
	left: 0px;
	background: url('../images/rough.png') no-repeat;
}

#map {
	background-color: #99b3cc;
	width: 635px;
	height: 422px;
	position: absolute;
	top: 140px;
	left: 10px;
	border: 4px solid white;
}

#map-corner-left {
	background: url('../images/map-corner-left.png') no-repeat;
	width: 25px;
	height: 24px;
	position: absolute;
	top: 546px;
	left: 10px;
}

#map-corner-right {
	background: url('../images/map-corner-right.png') no-repeat;
	width: 26px;
	height: 27px;
	position: absolute;
	top: 543px;
	left: 627px;
}

#headers {
	background: url('../images/headers.png') no-repeat;
	width: 948px;
	height: 47px;
	position: absolute;
	top: 579px;
	left: 0px;
}

#resources {
	position: absolute;
	top: 633px;
	left: 10px;
	width: 340px;
	height: 243px;
	background: url('../images/resources.png') no-repeat;
}

#instructions {
	position: absolute;
	top: 23px;
	left: 18px;
	display: block;
	width: 146px;
	height: 172px;
	background: url('../images/planting-instructions.png') no-repeat;
	text-indent: -2000em;
}

#links {
	position: absolute;
	top: 23px;
	right: 123px;
	display: block;
	width: 33px;
	height: 13px;
	background: url('../images/links.png') no-repeat;
	text-indent: -2000em;
}

#garden-web {
	position: absolute;
	top: 46px;
	right: 14px;
	display: block;
	width: 143px;
	height: 44px;
	background: url('../images/garden-web.png') no-repeat;
	text-indent: -2000em;
}

#better-homes-and-gardens {
	position: absolute;
	top: 101px;
	right: 20px;
	display: block;
	width: 137px;
	height: 55px;
	background: url('../images/better-home-and-gardens.png') no-repeat;
	text-indent: -2000em;
}

#video-single {
	position: absolute;
	top: 633px;
	right: 12px;
	width: 279px;
	height: 243px;
	background: url('../images/video-single.png') no-repeat;
	text-indent: -2000em;
}

#video-seeds {
	position: absolute;
	top: 633px;
	right: 310px;
	width: 279px;
	height: 243px;
	background: url('../images/video-seeds.png') no-repeat;
	text-indent: -2000em;
}

#headers2 {
	background: url('../images/headers2.png') no-repeat;
	width: 945px;
	height: 79px;
	position: absolute;
	top: 887px;
	left: 0px;
}

#buy {
	background: url('../images/buy.png') no-repeat;
	width: 340px;
	height: 88px;
	position: absolute;
	top: 972px;
	left: 11px;
	text-indent: -2000em;
}

#buy-amazon {
	background: url('../images/buy-amazon.png') no-repeat;
	width: 340px;
	height: 88px;
	position: absolute;
	top: 1068px;
	left: 11px;
	text-indent: -2000em;
}

#buy-itunes {
	background: url('../images/buy-itunes.png') no-repeat;
	width: 340px;
	height: 88px;
	position: absolute;
	top: 1164px;
	left: 11px;
	text-indent: -2000em;
}

#comments {
	margin: 834px 10px 0 371px;
	width: 575px;
	background: url('../images/comments-bottom.png') no-repeat bottom;
	padding-bottom: 11px;
}

#comments-padding {
	background: white url('../images/comments-top.png') no-repeat top;
	padding: 14px 14px 3px 14px;
}

#dsq-new-post h3 {
	display: none;
}

p.dsq-autheneticate-copy {
	color: #bdbdbd;
}

p.dsq-autheneticate-copy a {
	color: #bdbdbd;
}

#bottom-margin {
	height: 100px;	
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(../images/colorbox/controls.png) 0 0 no-repeat;}
#cboxTopCenter{height:14px; background:url(../images/colorbox/border.png) top left repeat-x;}
#cboxTopRight{width:14px; height:14px; background:url(../images/colorbox/controls.png) -36px 0 no-repeat;}
#cboxBottomLeft{width:14px; height:43px; background:url(../images/colorbox/controls.png) 0 -32px no-repeat;}
#cboxBottomCenter{height:43px; background:url(../images/colorbox/border.png) bottom left repeat-x;}
#cboxBottomRight{width:14px; height:43px; background:url(../images/colorbox/controls.png) -36px -32px no-repeat;}
#cboxMiddleLeft{width:14px; background:url(../images/colorbox/controls.png) -175px 0 repeat-y;}
#cboxMiddleRight{width:14px; background:url(../images/colorbox/controls.png) -211px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../images/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}

.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}