/*
Theme Name: TOSSS-Custom-Theme
Theme URI: http://flashwhip.com/
Description: A custom theme for The One Stop Sustainability Shop.
Version: 1.0
Author: Shannon Bodie & Dune Thomas
Author URI: http://lightbourne.com
Tags: green, yellow, white, custom header, fixed width, two columns, widgets

	This site was designed by Shannon Bodie,
	whose work can be found at http://lightbourne.com/
	
	This theme was built and coded by Dune Thomas,
	whose work can be found at http://flashwhip.com/

	The CSS, XHTML and design is the property of The One Stop Sustainability Shop.
	Copyright 2010. All rights reserved.
*/


* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	font-family: Arial, sans-serif;
}

h1, h2 {
	color: #0279b2;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
}
h3, h4 {
	color: #0a780d;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin: 10px 0px 10px 0px;
}
h4 {
	font-size: 14px;
}

p {
	font-size: 14px;
}

.padleft {
	margin-left: 20px;
}
.padright {
	margin-right: 20px;
}
.padbottom {
	margin-bottom: 20px;
}
.padtop {
	margin-top: 20px;
}

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: #a48b58;
}

/* =============================================================================== */
body a:link, a:visited, a:hover, a:active {
	color: #0279b2;
	text-decoration: none;
	font-weight: inherit;
}
h3 a:link, a:visited, a:active {
	color: #0279b2;
	text-decoration: underline;
}
h3 a:hover {
	color:#ffc20e;
	text-decoration: underline;
}

p a:link, a:visited, a:active {
	color: #0279b2;
	text-decoration: underline;
}
p a:hover {
	color: #ffc20e;
	text-decoration: underline;
}


#GlassTopEdge {
	display: block;
	position: static; 
	margin: 10px auto 0px auto;	
	padding: 0;
	width: 1021px;
	height: 10px;
	line-height: 10px;
	z-index: 100;
}

#Glass {
	display: block;
	position: static;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #a48b58;
	width: 1021px;
	height: auto; 		
	z-index: 100;
}
#GlassBottomEdge {
	display: block;
	position: static;
	margin: 0px auto 30px auto; 
	padding: 0;
	background-color: transparent;
	width: 1021px;
	height: 30px;
	line-height: 30px;
	z-index: 100;
}

#Page {
	display: block;
	position: static;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	width: 1021px;
	height: auto;
	z-index: 200;
}


#Header {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 145px;
	line-height: 20px;
	background-color: transparent;
	background-image: url(images/header.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

/* =============================================================================== */
#HouseIcon {
	position: relative;
	float: left;
	width: 114px;
	height: 145px;
	z-index: 500;
	background-image: url(images/houseicon_over.png);
}
#WhatsNewIcon {
	position: relative;
	float: right;
	width: 80px;
	height: 80px;
	z-index: 500;
	padding: 20px 125px 0 0;
}
/*
#HouseIcon a:link img, #HouseIcon a:visited img, #HouseIcon a:active img {
	visibility: show;
}
#HouseIcon a:hover img {
	visibility: hidden;
}
*/
#TopNavBox {
	display: block;
	position: relative;
	width: 865px;
	height: 32px;
	margin: 113px 0px 0px 145px;
	background-color: transparent;
}
#TopNavBox a:link, #TopNavBox a:visited, #TopNavBox a:active {
	color:#fff;
	text-decoration: none;
}
#TopNavBox a:hover {
	color:#ffc20e;
	text-decoration: none;
}
#TopNavBox ul {
	/* color: #7fc241;  */
	color: #fff;
	list-style-type: none;
	text-indent: 0;
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
/*	margin: 20px 10px 5px 10px; */
	letter-spacing: 1px;
}
#TopNavBox ul li {
	display: inline;
	padding: 0 18px
}
#TopNavBox li.current_page_item a {
	text-decoration: underline;
}
#Main {
	font-size:14px;
	color:#000;
	display: inline-block;
	position: static;
	background-color: #fff;
	background-image: url(images/mainback.png);
	background-position: center top;
	background-repeat: repeat-y;
	width: 100%; 
	line-height: normal;
	height: auto; 
	padding: 20px 0px 0px;
}
/* HACK: to make this work in FireFox 2.0 */
#Main, x:-moz-any-link {
	display: table;
}
#Main, x:-moz-any-link, x:default {
	display: inline-block;
}



#NavBox {
	display: block;
	position: relative;
	float: left;
	width: 125px; 
	height: 100%;
	background-color: transparent;
	z-index: 250;
	margin-left: 15px;
	padding: 10px 15px;
}
#NavBox a:link, #NavBox a:visited, #NavBox a:active {
	color:#0a780d;
	text-decoration: none;
}
#NavBox a:hover {
	color:#0279b2;
	text-decoration: none;
}
#NavBox .current-page {
	text-decoration: underline;
}
#ContentBox {
	display: block;
	position: relative;
	float: left;
	width: 800px;      
	height: auto;
	background-color: transparent;
	padding: 10px 0px;
	margin: 0px 0px 0px 5px;
}

#ContentBox ul, #ContentBox ol {
	margin: 15px 0px 15px 40px;
}
#ContentBox p {
	line-height: 20px;
	margin: 10px 0px 20px 0px;
}
#ContentBox a:link, a:visited, a:active {
	color: #0279b2;
	text-decoration: underline;
}
#ContentBox a:hover {
	color: #0A780D;
	text-decoration: underline;
}
#ContentBox blockquote {
	margin: 10px 25px;
}
#NavBox ul {
	/* color: #7fc241;  */
	color: #0a780d;
	list-style-type: none;
	text-indent: 0;
	font-weight: bold;
	font-size: 13px;
	/*line-height: 35px; */
}
#NavBox ul li {
	margin: 18px 0;
	line-height: 18px;
}


#NavBox ul li.current_page_item a {
	text-decoration:underline;
}

#Footer {
	clear: both;
	display: inline-block;
	position: relative;
	bottom: 0px;
	width: 100%; 
	height: 40px; 
	clear: both;
	background-color: transparent;
	background-image: url(images/footer.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#FootBox {
	display: inline;
	float: right;
	color:#000;
	text-align: right;
	padding: 15px 35px 10px 35px;
	display: inline-block;
}

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

img.alignright, img.padleft {
	padding: 4px;
	margin: 0 0 2px 20px;
	display: inline;
	}

img.alignleft, img.padright {
	padding: 4px;
	margin: 0 20px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.date {font-size: 11px; color: #666666; margin: 5px 0;}	

.comments {
	color: #666666;
	text-align: left;
	font-size: 11px;
	margin: 15px 0 25px;
}

.entry h2 {color: #0279b2;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;}

.vcard {width: 400px; float: left; margin: 0 0 25px 0;}
.vcard label {width: 65px; margin-right: 5px; float: left; color: #333; font-size: 11px; font-weight: bold;}

.clear {clear: both;}

.mapp-overlay {text-align: left;}
.mapp-canvas {float: right; border: 2px solid #0279b2; margin: 0 0 15px 15px;}


.trimet-form {margin: 15px 0;}

fieldset.addresses, fieldset.when, fieldset.submit {width: 400px; border: none; margin: 5px 0;}
fieldset label {width: 50px; float: left;}