/* Start of CMSMS style sheet 'screen' */
/*

Author: Daryn St. Pierre, BB Graphics
Author URI: http://www.bbgraphics.com

	Absolute Recycling (C) 2010 All Rights Reserved
	XHTML, CSS, Design, by Daryn A. St. Pierre
	
	Absolute Recycling by Daryn A. St. Pierre is
	licensed under a Creative Commons
	Attribution-Noncommercial-No Derivative Works 3.0
	United States License.
	Based on a work at http://absoluterecycling.com.

Colors
	green - 00cc00
	blue - 008ddc
*/

/* Eric Meyer's Reset Reloaded - Compact */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* page structure, global */
html {

}

body {
	background: #cde6ff url(uploads/images/siteGraphics/body-bg.gif) repeat-x top;
	font-family: Arial, Verdana, sans-serif;
	font-size: 62.5%;
	color: #000;
	line-height: 1.7;
}

/* phrase, links, headings */
a:link, a:visited { color: #009900; }
a:hover, a:active, a:focus { color: #666; }

h1, h2, h3, h4, h5, h6 {
	margin: 10px 0 0 0;
	line-height: normal;
}

h1 {
	color: #00cc00;
	font-size: 2.2em;
}

h2 {
	color: #00cc00;
	font-size: 1.5em;
}

h3 {
	color: #00cc00;
	font-size: 1.3em;
}

h4 {
	color: #999;
	font-size: 1.2em;
}

h5 {
	color: #999;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h6 {
	color: #999;
}

h1 span, h2 span, h3 span {
	color: #003366 !important;
}

strong, b { font-weight: bold; }
em, i { font-style: italic; }

blockquote, q {
	margin: 10px 50px 10px 50px;
	padding: 10px;
	border-bottom: 2px solid #eaeaea;
	border-top: 2px solid #eaeaea;
	font-family: Georgia, "Times New Roman", Times, serif;
}

p { padding: 0 0 1em 0; }
small { font-size: 80%; }
address {  }
abbr { border-bottom: 1px dotted #666; }
cite {  }
acronym { border-bottom: 1px dotted #666; font-style: italic; }
code, pre { font-family: "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; }
code {  }
pre {  }
code pre {  }
del { text-decoration: line-through; }
ins {  }

ul, ol, ul ul, ol ol { padding: 0 0 0 1em; }
ul { list-style: disc; }
ul ul { list-style: circle; }
ul li {  }
ol { list-style: decimal; }
ol ol { list-style: lower-alpha; }
ol li {  }
dl { padding: 5px; margin: 10px 0 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
dt { font-weight: bold; font-size: 1.1em; color: #666; }
dd { padding: 0 0 0 10px; }

/* tables */
table {
	width: 100%;
}

th {
	color: #666;
	text-align: left;
}

tr {

}

td {
	padding: 5px;
	border: 1px solid #ccc;
}

/* form elements */
.btn {
	background: #001b78 url(uploads/images/siteGraphics/button-bg.gif) repeat-x top;
	color: #99ccff;
	text-shadow: 0 1px 0 #000;
	font-weight: bold;
	font-size: 1.1em;
	line-height: normal;
	padding: 3px;
	margin: 10px 0 0 0;
	border: 1px solid #001b78;
	cursor: pointer;
}

.btn-active {
	color: #fff !important;
}

textarea, .input-wrap {
	background: #fff url(uploads/images/siteGraphics/input-bg.gif) repeat-x bottom;
	border: 1px solid #ccc;
	padding: 5px;
	color: #333;
}

textarea {
	overflow: auto;
}

label {
	font-weight: bold;
	clear: both;
	display: block;
	padding: 10px 0 0 0;
}

.label {
	display: inline !important;
	font-weight: normal !important;
	clear: none !important;
}

legend {
	padding: 0 10px 0 10px;
	font-weight: bold;
	font-size: 1.3em;
	color: #666;
	line-height: normal;
}

fieldset {
	padding: 10px;
	border: 1px solid #ccc;
	margin: 10px 0 0 0;
}

/* page structure */
#outer {
	background: transparent url(uploads/images/siteGraphics/footer-bg.jpg) no-repeat bottom center;
	width: 998px;
	margin: 0 auto;
	font-size: 1.3em;
}

#wrapper {
	background: transparent url(uploads/images/siteGraphics/content-bg.png) repeat-y center;
	width: 998px;
}

#wrapper-inner {
	width: 960px;
	margin: auto;
	padding: 0 0 20px 0;
}

#top-wrapper {
	background: transparent url(uploads/images/siteGraphics/header.jpg) no-repeat center;
	height: 279px;
	clear: both;
}

#header {
	height: 240px;
	width: 960px;
	margin: auto;
	clear: both;
}

#header a {
	display: block;
	height: 240px;
	border: 0;
	text-indent: -10000px;
}

#nav-wrap {
	width: 960px;
	height: 39px;
	clear: both;
	margin: auto;
}

/* main navigation */
#menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li {
	width: 192px;
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
}

#menu li a {
	width: 100%;
	height: 39px;
	line-height: 39px;
	display: block;
	float: left;
	color: #99ccff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #003366;
	font-size: 1.3em;
	font-weight: bold;
}

#menu li a:hover, .current a {
	background: transparent url(uploads/images/siteGraphics/nav-hover.png) no-repeat bottom center;
	color: #fff;
}

#footer .current a {
	color: #3399ff !important;
}

#menu li span {
	background: transparent url(uploads/images/siteGraphics/nav-span-bg.gif) no-repeat center;
	width: 2px;
	height: 39px;
	text-indent: -10000px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}

.current a {
	background: transparent url(uploads/images/siteGraphics/nav-hover.png) no-repeat bottom center !important;
	color: #fff !important;
}

/* pulldowns */
#menu .sub {
	display: none;
	position: absolute;
	left: 0;
	top: 39px;
	padding: 0;
	margin: 0;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

#menu .sub li {
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
}

#menu .sub li span {
	display: none;
}

#menu .sub li a {
	background-color: #003399 !important;
	width: 192px !important;
	height: 39px;
	line-height: 39px;
	text-transform: none;
	font-size: 1.2em;
	border-bottom: 1px solid #000;
	border-top: 1px solid #0066cc;
}

#menu .sub li a:hover {
	background-color: #0072d4 !important;
}

#menu .sub li a, #menu .sub .sub li a {

}

#menu .sub .sub {
	left: 192px;
	top: 0;
	display: none;
	padding: 0;
	margin: 0;
}

#menu li:hover .sub, #menu li:hover .sub .sub {
	display: block;
}

#content-wrap {
	padding: 10px;
}

#content {
	float: left;
	width: 630px;
}

#content-inner {
	padding: 10px;
}

#sidebar {
	width: 250px;
	float: right;
	background-color: #eaeaea;
	border: 1px solid #ccc;
	padding: 20px;
	text-shadow: 1px 1px 0 #fff;
}

#sidebar h2, #sidebar h3 {
	color: #666;
	line-height: normal;
}

#sidebar h2 {
	font-size: 2em;
	margin: 0 0 10px 0;
}

#sidebar h3 {
	font-size: 1.3em;
	margin: 0 0 5px 0;
}

.block {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	clear: both;
}

/* 'how it works' */
#hiw {

}

#hiw ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#hiw li {
	background: #eaeaea url(uploads/images/siteGraphics/hiw-bg.gif) repeat-x top;
	display: block;
	height: 58px;
	line-height: 58px;
	padding: 5px;
	overflow: hidden;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	line-height: normal;
	color: #666;
	font-weight: bold;
}

#hiw li img {
	border: 1px solid #ccc;
	float: left;
}

#hiw li p {
	display: block;
	width: 56%;
	float: right;
	padding: 5px;
}

/* 'how it works' big home page blocks */
#hiw-bb {
	height: 300px;
	display: block;
	clear: both;
	list-style: none !important;
	padding: 0 !important;
	margin: 20px 0 20px 0 !important;
	border: 1px solid #000;
	overflow: hidden;
}

#hiw-bb li {
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	height: 300px;
	width: 306px;
	float: left;
	display: inline;
	text-shadow: 0 1px 0 #fff;
}

#hiw-bb li p {
	padding: 0 !important;
	margin: 0 !important;
}

#hiw-bb li h2 {
	margin: 0 0 3px 0 !important;
	padding: 0 !important;
}

.bb-panel {
	padding: 210px 10px 10px 10px;
}

#bb-1 h2 {
	color: #666600;
}

#bb-2 h2 {
	color: #003399;
}

#bb-3 h2 {
	color: #006600;
}

#bb-1 {
	background-image: url(uploads/images/siteGraphics/hiw-bb-step1.jpg);
}

#bb-2 {
	background-image: url(uploads/images/siteGraphics/hiw-bb-step2.jpg);
}

#bb-3 {
	background-image: url(uploads/images/siteGraphics/hiw-bb-step3.jpg);
}

#news {

}

#news ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#news li {
	background: transparent url(uploads/images/siteGraphics/icon-date.gif) no-repeat left center;
	display: block;
	font-size: 90%;
	line-height: 1.5;
	padding: 5px 0 5px 25px;
	border-bottom: 1px solid #ccc;
}

#news li p {
	margin: 0;
	padding: 0;
}

#footer {
	text-align: center;
	height: 85px;
	font-size: 90%;
}

#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer li {
	display: inline;
	padding: 0;
}

#footer ul li span {
	padding: 0 5px 0 5px !important;
}

#footer-inner {
	padding: 10px 0 0 0;
}

/* captcha */
.captcha {
	height: 80px;
	clear: both;
	padding: 10px 0 0 0;
}

.captcha img {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
}

/* news */
.news-pagecount {

}

.news-pagecount li { 

}

.news-pagecount li a { 

}

.news-content { 

}

.news-content h2 { 

}

.news-content h2 a { 

}

.news-detail { 

}

.news-postinfo {
	list-style: none;
	padding: 5px 0 0 0;
	margin: 10px 0 0 0;
	border-top: 1px solid #ccc;
}

.news-postinfo li { 
	display: inline;
	padding: 0 10px 0 0;
}

.news-postinfo li a { 

}

.news-li-postdate { 

}

.news-li-author { 

}

.news-li-category { 

}

.news-li-morelink { 

}

/* reusable */
.clear {
	clear: both;
	visibility: hidden;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.pad-left {
	float: left;
	margin: 0 10px 0 0;
}

.pad-right {
	float: right;
	margin: 0 0 0 10px;
}

.pad-5 {
	padding: 5px;
}

.pad-10 {
	padding: 10px;
}

.pad-20 {
	padding: 20px;
}

.shaded-box {
	background-color: #eaeaea;
	padding: 5px;
	margin: 10px 0 10px 0 !important;
	text-align: center;
	border: 1px solid #ccc;
}

.intro {
	font-size: 1.3em;
	color: #666;
	line-height: 1.4em;
}

.half {
	width: 49%;
	display: inline;
}

.tri {
	width: 33%;
	display: inline;
}

.hr {
	background: #ccc;
	height: 1px;
	width: 100%;
	margin: 10px 0 10px 0;
	clear: both;
}

a.get-started {
	background-image: url(uploads/images/siteGraphics/get-started-button.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 65px;
	width: 385px;
	text-indent: -10000px;
	border: 0;
	padding: 0;
	margin: auto;
}

a.get-started:hover {
	background-position: top;
}

/* Reusable Items
---------------------------*/
.two-col { width: 50%; display: block !important; }
.three-col { width: 74%; display: block; }
.tri { width: 306px; }
.dual { width: 460px; }
.inner-padding { padding: 10px; }
.right, .left { width: 45%; }
.right { float: right; text-align: right; }
.left { float: left }
.clear { clear: both; visibility: hidden; }
.float-left { float: left; }
.float-right { float: right; }
.float-left-pad { float: left; padding:0 10px 10px 0; }
.float-right-pad { float: right; padding:0 0 10px 10px; }
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }

.layout-1-col,
.layout-2-col,
.layout-3-col,
.layout-4-col { float:left; padding:0 2% 0 0; margin:0 3% 0 0; }
.layout-1-col { width:100%; padding:0; }
.layout-2-col { width:45%; }
.layout-3-col { width:28%; }
.layout-4-col { width:20%; }
/* End of 'screen' */