/*
Theme Name: ATG for bbPress
Theme URI: http://webdevstudios.com/
Description: bbPress Theme for A Way to Garden. Based on K2 for bbPress.
Version: 0.1
Author: WebDevStudios
Author URI: http://webdevstudios.com/
*/

/* Globals 
=================================== */

* { margin: 0; padding: 0; }

body {
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* 62.5% sets 1em to about 10px */
	background: #F3F4EE url(images/atg-bg.gif) repeat-x scroll center top;
	border-top:6px solid #777744;
	color: #444;
}

a { color: #339933; text-decoration: none; }
a:hover { color: #339933; text-decoration: underline; }
.alt { background-color: #fff; }

pre, code { font: 1.0em Monaco, 'Courier New', monospace; }

p { margin-bottom: 1.0em; }

.left { float: left; }

.right { float: right; }

.delete:hover {
	background-color: #c00;
	color: #fff;
}

h1 { font-size: 2em; }

h2 { font-size: 1.5em; }

fieldset {
	border-width: 0;
	padding: 0;
	margin: 0;
}

img.avatar { border: 2px solid #E9E9E9; }

.bozo { background-color: #eeee88; }

.alt.bozo { background-color: #ffff99; }

.deleted { background-color: #ee8888; }

.alt.deleted { background-color: #ff9999; }

/* Structure
=================================== */

#mainwrap {
	margin: 0 auto;
	width: 1060px;
}

#wrapper {
	margin: 0px auto 0;
	padding: 20px;
	/*border: 2px solid #E9E9E9;*/
	/*border-top: none;*/
	background: white;
	text-align: left;
}

/*
#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 200px;
	background: #DCDCCD;
}
*/

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}

#header h1 { 
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 45px 0 0 40px;
}
#header p { margin-bottom: 0; }

#header h1 a, #header h1 a:visited { color: #fff; text-decoration: none; }
#header h1 a:hover, #header h1 a:active{ text-decoration: underline; }

#main {
	font-size: 1.2em;
	width: 1020px;
	margin: 10px auto 25px;
	position: relative;
}

.bbcrumb {
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 1px;
	padding: 5px 0 20px;
}

/*
#footer { 
	background: #777744;
	margin: auto;
	color: #ffffff;
	font-size: 1.0em;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-top: 40px;
	clear: both; 
	text-align: center;
	width: 100%px;
	height: 100px; 
}

#footer a:link, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}

#footer a:hover, #footer a:active {
	color: #FFFFF;
	text-decoration: underline;
	font-weight: bold;
	}	
.notice {
	border: 2px solid #4c9545;
	background-color: #abd8a2;
	color: #4c9545;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 15px;
	margin: 0 0 1.1em;
}

.notice p { margin-bottom: 0; }
*/

/* Login Form
=================================== */

.login {
	color: #000;
}

.login a, .login a:visited { color: #339933; text-decoration: none; }
.login a:hover, .login h1 a:active{ text-decoration: underline; }


form.login {
	bottom: 15px;
}

.login p { padding: 0 0 4px; }

.login label {
	display: block;
	padding-right: 10px;
	line-height: 14px;
	margin: 10px 0 0;
}

form.login input {
	border: 2px solid #E9E9E9;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
}

form.login .submit {
	margin: 10px 0;
}

form.login input#submit {
	float: left;
	margin-top: 14px;
	margin-bottom: -10px;
	display: block;
}

div.remember label {
	clear: both;
	padding: 0;
	margin: 10px 0;
	line-height: 12px;
}

form.login input#remember {
	border-width: 0;
	padding: 0;
	margin: 0;
	vertical-align: baseline;
}

/* Front Page
=================================== */

#hottags {
	float: left;
	width: 270px;
	overflow: hidden;
}

#discussions {
	clear: right;
	float:left;
	margin-left: 25px;
	width: 725px;
}

.frontpageheatmap {
	font-weight: normal;
	line-height: 30px;
	padding-bottom: 10px;
}

#front-page #main h2, #forum-page #main h2, h2.post-form, #userlogin, #currentfavorites, #register {
	color: #336633;
	border-bottom: 2px solid #E9E9E9;
	margin: 0 0 10px;
	padding: 0 0 5px;
}

#main h2 {
	color: #336633;
	border-bottom: 2px solid #E9E9E9;
	margin: 0 0 10px;
	padding: 0 0 5px;
}

#front-page #discussions ul { padding: 0 0 0 14px; }

.sticky { background-color: #EDEDED; }

/* Topic Page
=================================== */

.infobox {
	border: 2px solid #E9E9E9;
	border-width: 1px 0;
	padding: 1em;
}

.infobox ul {
	margin: 10px 0 10px 12px;
	padding: 0;
}

.infobox ul li { padding-bottom: 3px; }

#topic-info {
	float: left;
	padding: 0 1em 0 0;
}

#topic-tags {
	border-left: 2px solid #E9E9E9;
	float: right;
	padding: 0 0 0 1em;
}

.nav {
	margin: 15px 0;
	padding: 12px 0;
}

.nav span { font-weight: bold; }

.nav span, .nav a { padding: 6px; }

#thread {
	/* background: #eee; */
	list-style: none;
	margin: 0;
	padding: 0;
}

#thread li {
	line-height: 1.5em;
	/* Hack to force padding on .threadauthor on IE */
	border-top: 1px solid #fff;
	min-height: 120px;
}

#thread li ol, #thread li ul { margin-left: 40px; }

#thread li ol li, #thread li ul li { padding: 0; }

.threadauthor {
	position: absolute;
	padding: 1em 1em 0 1em;
	width: 120px;
}

.threadauthor p { margin: 0; }

.threadauthor small { font: 11px Verdana, Arial, Helvetica, sans-serif; }

.threadpost {
	padding: 1.5em 1em;
	margin-left: 140px;
	background-color: #eee;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#thread li.alt .threadpost { background-color: transparent; }

#thread li.deleted { background-color: transparent; }

#thread li.deleted .threadpost { background-color: #ee8888; }

#thread li.alt.deleted .threadpost { background-color: #ff9999; }

#thread .post {
	_height: 90px; /* Hack to fix broken .alt coloring in IE6 */
}

#thread .post blockquote {
	margin: 0 0 0 4ex;
	padding: 0 0 0 1ex;
	border-left: 5px solid #ccc;
}

.poststuff {
	clear:both;
	_clear: none; /* Hack to fix broken .alt coloring in IE6 */
	border-top: 1px dotted #ccc;
	margin: 10px 0 0;
	padding: 5px 0 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.num, #forumlist small {
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
}

.postform {
	background-color: #f0f0f0;
	padding: 1em;
	margin-bottom: 1em;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.postform textarea {
	height: 12em;
	margin: 5px 0;
	padding: 5px;
	width: 690px;
	display: block;
}

.postform label { display: block; }

#manage-tags {
	margin: 10px 0;
	list-style: none;
}

#manage-tags li {
	float: left;
	width: 200px;
	padding-bottom: 10px;
}

.submit { text-align: right; }

.topiclink { display: block; }

.topictitle {
	font-size: 26px;
	font-weight: normal;
	display: inline;
	color: #339933;
}

.rss-link {
	display: block;
	padding: 6px 0;
	text-indent: 20px;
	background-image: url('images/feed-icon-16x16.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#topic-move { margin-top: 1em; }

/* Other
=================================== */

#content .frontpageheatmap a {
	font-weight: normal;
	text-decoration: none;
}

#content .infobox li { margin-bottom: 2px; }

#content .nav a {
	border: 2px solid #E9E9E9;
	font-weight: normal;
}
#content .nav a:hover {
	border: 2px solid #E9E9E9;
}
#content a:visited {
	font-weight: normal;
}

#front-search {
	float: right;
	margin-top: -8px;
}

#latest td, #forumlist td, #favorites td { padding: 10px; }

#forumlist tr td div.nest {
	padding-left: 2.5ex;
}

#latest tr:hover, #forumlist tr:hover, #favorites tr:hover { background-color: #cbd9e4; }

#latest th, #forumlist th, #favorites th {
	border-bottom: 2px solid #E9E9E9;
	background-color: #ddd;
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	padding: 5px 10px;
	text-transform: uppercase;
}

#latest, #forumlist, #favorites {
	background-color: #f7f7f7;
	margin-bottom: 2em;
	width: 100%;
}

/* Profile Page
=================================== */

#profile-menu {
	list-style: none;
	position: absolute;
	right: 0;
	margin-top:14px;
}

#profile-menu li {
	display: inline;
	margin-left: 3px;
}

#profile-menu li a {
	font-size: 1.1em;
	padding: 4px 7px;
	position: relative;
	top: -10px;
	-moz-border-radius-bottomleft: 6px;
	-khtml-border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-khtml-border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

#profile-menu li.current a {
	font-weight:bold;
}

/*
#profile-menu li a:hover {
	background-color: #e4f3e1;
}
*/

#useravatar { margin-bottom: 1em; }

#useravatar img { display: block; border-width: 3px; border-style: double; }

#userinfo { margin-top: 10px; }

#userinfo dt { font-weight: bold; }

#userinfo dd { margin: 0 0 5px; } 

#useractivity { margin: 15px 0 5px; }

.user-recent { margin: 0 0 10px; }

.user-recent ol { margin: 5px 0 0 28px; }

.user-recent ol li { margin: 0 0 3px; }

/* Login, Register, Profile Edit
=================================== */

#login-page fieldset,
#register-page fieldset,
#profile-page fieldset {
	border-top: 3px double #ccc;
	border-bottom: 2px solid #E9E9E9;
	border-left: none;
	border-right: none;
	padding: 10px 0 10px 10px;
	margin-bottom: 15px;
	background-color: #f6f6f6;
}

#login-page legend,
#register-page legend,
#profile-page legend {
	font-weight: bold;
	padding: 0 15px;
}

#login-page fieldset table,
#register-page fieldset table,
#profile-page fieldset table {
	text-align: left;
	margin: 0 15px;
	width: 90%;
}

#login-page fieldset table th,
#register-page fieldset table th,
#profile-page fieldset table th {
	padding: 2px;
	text-align: right;
	width: 20%;
}

#login-page fieldset table td,
#register-page fieldset table td,
#profile-page fieldset table td {
	padding: 2px 0;
}

#login-page fieldset p,
#register-page fieldset p,
#profile-page fieldset p {
	font-size: 11px;
	margin: 10px 16px;
}

#login-page sup.required,
#register-page sup.required,
#profile-page sup.required {
	color: red;
}

/***** top nav  ********************/
#top_bar {
font-family:Arial,Tahoma,Verdana;
font-size:12px;
font-weight:bold;
line-height:20px;
display:block;
padding:20px 0 15px;
font-size:13px;
}
#top_bar a {
color:#0E3E14;
font-weight:bold;
text-transform:uppercase;
}
.tooltip {
color:#97C701 !important;
font-weight: lighter !important;
text-transform: none !important;
text-decoration: none !important;
}
#top_bar input {
 border: none;
 padding:3px;
}	
#top_bar input.button {
 display:table-cell-inline;
 vertical-align:middle;
 padding:0;
}	
#social-links a img {
display:table-cell;
float:right;
height:20px;
border:none;
padding-left:12px;
padding-top:5px;
vertical-align:middle;
}
.separator {
padding:0 5px;
}
.last {
padding-right:0 !important;
margin-right:0 !important;
}
.nav-form {
display:inline;
}
last {
margin-right:0;
padding-right:0;
}
.separator {
padding:0 5px;
}

/***** Header  ********************/

#header {
	height:155px;
	margin:0;
	padding:0 0 20px;
	width:1020px;
	}
	
#header .wrap {
	}

#title-area {
	width: 770px;
	float: left;
	margin: 0; 
	padding:0;
	overflow: hidden;
	}
	
#title-area #title {
	font-size: 24px;
	font-weight: normal;
	line-height: 30px;
	margin: 0; 
	padding: 0;
	width: 480px;
	height:155px;
	float: right;
	background: url(images/away-to-garden-banner480.gif);
	}
	
#title-area #title a {
	color: #333333;
	margin: 0; 
	padding: 0;
	text-decoration: none;
	display:block;
	height:155px;
	text-indent:-99999px;
	}
	
#title-area #title a:hover {
	color: #333333;
	text-decoration: none;
	}
	
#title-area #description {
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin: 0; 
	padding: 0;
	width: 270px;
	height:155px;
	float: left;
	background: url(images/garden_hands.jpg);
	text-indent:-99999px;
	}
#title-area #garden_hands {
font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin: 0; 
	padding: 0;
	width: 270px;
	height:155px;
	float: left;
	}
#header .widget-area {
	width: 250px;
	float: right;
	margin: 0; 
	padding: 0;
	}
	
#header .widget-area p {
	margin: 0;
	padding: 0 0 5px 0;
	}
	
#header .widget-area h4 {
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	margin: 10px 0 0 0; 
	padding: 0;
	text-decoration: none;
	}
	
#header .widget-area ul {
	margin: 0;
	padding: 0;
	}
	
#header .widget-area ul li {
	list-style-type: square;
	margin: 0 0 0 20px;
	padding: 0;
	}
#header .featuredpost .post {
width:105px;
height:70px;
background:#eee;
margin-left:20px;
float:left;
overflow:hidden;
margin-bottom:15px;
}
#header .featuredpost .post h2 {
background:#3262a0;
margin:0;
padding:0;
}
#header .featuredpost .post h2 a {
color:#fff;
}

.widget-area .textwidget img {
width:105px;
height:70px;
background:#eee;
margin-left:20px;
float:left;
overflow:hidden;
margin-bottom:15px;
}

.widget-area .textwidget a img {
border: 0 !important;
}

#title-area {
float:left;
margin:0;
overflow:hidden;
padding:0;
width:770px;
}

#title-area #title {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://awaytogarden.com/wp-content/themes/ATG/images/away-to-garden-banner480.gif) repeat scroll 0 0;
float:right;
font-size:24px;
font-weight:normal;
height:155px;
line-height:30px;
margin:0;
padding:0;
width:480px;
}


	.thumbleft {
float:left;
margin-right:10px;
}
#footer {
clear:left;
background:url("images/in-chair500.jpg") no-repeat scroll 290px -87px transparent;
text-transform:lowercase;
}
#footer .wrap {
height:245px;
position:relative;
}
#motto {
background:none repeat scroll 0 0 #336633;
bottom:0;
display:inline;
float:left;
left:330px;
opacity:0.8;
padding:0.8em;
position:absolute;
text-align:center;
width:405px;
}
.motto {
color:white;
display:inline;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
letter-spacing:0.04em;
line-height:16px;
}
#find-me {
color:green;
display:inline;
float:left;
font-size:0.9em;
width:34em;
}
#othersites {
color:green;
float:left;
font-size:0.9em;
width:34em;
}
#footer #site-links {
float:left;
font-size:13px;
height:200px;
padding:0 0 0 15px;
width:21em;
}
#icons {
float:right;
margin:10px;
width:200px;
}
#icons img {
padding-bottom:12px;
border:none;
}
#copyright {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	color:green;
	float:left;
	font-size:10px;
	margin:20px;
	padding-top:8px;
	text-align:center;
	width:100%;
}
#thumbs {
background:none repeat scroll 0 0 yellow;
color:green;
display:inline;
float:right;
}
#footer a .mrinc, .custom #footer .mrinc a:hover {
font-family:"Andale Mono",Monaco,monospace;
}
#footer p {
font-size:15px;
margin:0;
padding:0;
}
#footer a, #footer a:visited {
color:#000000;
text-decoration:none;
}

#atg-description {
font-family:Arial,Tahoma,Verdana;
background:#666633 none repeat scroll 0 0;
border-bottom:1px solid #666666;
clear:both;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
height:30px;
letter-spacing:1px;
margin:0;
padding:0;
text-transform:none;
width:1020px;
}
#atg-description ul {
border-bottom:2px solid #777744;
float:left;
height:30px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:3px 0 0;
padding:0 0 5px;
width:100%;
}
#atg-description li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:5px;
text-align:center;
}
#atg-description li.left {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:5px;
width:270px;
}
#atg-description li.center {
margin:0 auto;
width:490px;
}
#atg-description li.right {
float:right;
padding:5px;
width:230px;
}

#ugq_message {
	margin: 10px 0;
}

#ugq_message p {
	color:#333333;
	font-family:Arial,Tahoma,Verdana;
	font-size:12px;
	line-height:20px;
}

.ugq_title {
	color:#333333;
	font-family:Arial,Tahoma,Verdana;
	font-size:14px !important;
	font-variant:small-caps;
	font-weight:bold;
	margin:4px 0;
	padding:0;
	text-transform:none;
}

#ugq_login, #ugq_search, #ugq_message, #ugq_tags {
	margin: 0 0 40px;
}

.form-required label:before {
	content:"* ";
}

#viewdiv {
	margin: 10px 0;
}
