/*
Theme Name: Green Monkey Corporation
Theme URI: http://www.greenmonkey.us/
Description: Green Monkey Corporation Website.
Version:
Author: Sarah Brenner
Author URI: Web2.0Freelance@gmail.com

*/

/* Reset global properties
----------------------- */
* { margin: 0px; padding: 0px; }
html, body, p, form, input, label, div, span, h1, h2, h3, h4, h5, h6, h7, br, a, table, tr, td, ul, ol, li, img { padding: 0px; margin: 0px; border: 0px; text-decoration: none; list-style-type: none; }
h1, h2, h3, h4, h5, h6, h7 { display: inline; }
/* Basic HTML tags
--------------- */
a { color: #FAF7C9; }
a:hover { color: #577A12; }
a img, a:hover img { border-bottom: none; }
#bottom a { color: #fcffc8; }
#bottom a:hover { color: #fcffc8; text-decoration: underline; }
a:focus { outline: none; }
a:active { outline: none; }
p { font-size: 11px; line-height: 12px; padding: 0px; margin: 0px; padding-bottom: 1em; }
table { font-size: 11px; }
em { font-size: 10px; line-height: 11px; }
table td { vertical-align: top; }
h1 { font-weight: lighter; font-size: 16px; padding: 0px; margin: 0px; padding-bottom: .25em; display: block; color: #FFFFFF; }
h2 { font-weight: normal; font-size: 14px; padding: 0px; margin: 0px; padding-bottom: .25em; display: block; color: #FFFFFF; }
.email { vertical-align: text-bottom; }
.salvia-divinorum { color:#38a747; }
.amanita-muscaria { color:#ed1f24; }
.pure-phernalia { color:#fff200; }
.kind-flavors { color:#50c9f1; }
.head-hunter { color:#f37006; }
.stank-xxpress { color:#00F; }
.hydro-panic { color:#06C; }
.skunky-monkey { color:#999; }
.homegrown-50 { color:#6C3; }
.hawaiian-baby { color:#F60; }
.price { color:#910000; }
.logo a { text-indent:-9999em; width: 199px; height: 189px; background: url(images/Green-Monkey_LOGO.png) no-repeat; display:block; margin: 0px auto; }
.left { float: left; }
.right { float: right; }
/* Start Website in Sequence */
body { font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 62.5%; color: #FAF7C9; background: url(images/bkrnd.gif) repeat; font-weight: lighter; }
#flash { width: 787px; margin-top: 20px; position: absolute; z-index: 1; top: 0px; left: 50%; margin-left: -393px; }
#container { width: 460px; position: absolute; z-index: 2; top: 5px; left: 50%; margin-left: -230px; }
#top { height: 190px; }
#nav ul { list-style: none; padding: 125px 0px 0px 10px; margin: 0; position: absolute; }
#nav ul li { float: left; position: relative; text-align: center; cursor: default; }
#nav ul li a { color: #FAF7C9; font-size:9px; text-transform: uppercase; font-weight: bold; }
#nav ul li a:hover { color: #2D2D17; }
li.wholesale { margin-left: 25px; }
li.locations { margin-left: 177px; .margin-left: 154px; }
li.contact { margin-left: 29px; .margin-left: 26px; }
#middle { height: 345px; margin-top: 10px; }
#middle-content { padding: 0 10px; height: 340px; margin-top: 15px; .margin-right: 20px; overflow: auto; }
#content { height: 345px; float: left; margin-top: 0px; width: 304px; overflow: auto; padding-left: 10px; }
#sidebar { height: 335px; float: right; margin-top: 0px; width: 146px; }
#mailing-list { text-align: left; cursor: default; width: 121px; height: 44px; background: url(images/bkrnd_mailinglist.gif) no-repeat; padding: 7px 2px 0 7px; color: #FAF7C9; float: right; margin-bottom: 30px; }
#apply { float: right; margin: 15px 5px 0 0; }
#bottom { height: 50px; margin-top: 100px; text-align: center; color: #fcffc8; font-size: 9px; }
/* End Footer */
 
 /* Start Forms */
 
 input, textarea { border: none; background-color: none; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 0 2px; font-size: 12px; color: #2D2D17; }
.form input, .form textarea { border: 1px solid #C1C1C1; background-color: #FAF7C9; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 0 2px; font-size: 11px; color: #2D2D17; width: 180px; }
.form-small input, .form-small textarea { border: 1px solid #C1C1C1; background-color: #FAF7C9; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 0 2px; font-size: 11px; color: #2D2D17; width: 90px; }
.form input.radio { border: none; padding: 0; width: auto; }
input:hover, textarea:hover { cursor: pointer; }
input.email { width: 67px; font-size: 9px; }
.form input.submit { border: 1px solid #4E672F; background-color: #4E672F; padding: 0px; font-size: 9px; color: #FAF7C9; width: 35px; height: 15px; }
form td { font-weight: normal; font-size: 10px; }
input.btn, a.btn { border: 1px solid #4E672F; background-color: #2D2D17; padding: 2px; font-size: 11px; color: #FAF7C9; width: auto; }
input:hover.btn, a:hover.btn { background-color: #577A12; }
/* End Forms */

	/* Start Blog */

#blog-posts { width: 545px; float: left; }
#sidebar li { float: none; position: relative; text-align: left; cursor: default; font-size: 13px; }
#sidebar ul { margin: 0.5em 0 0.5em 0; line-height: 2em; }
#sidebar h2 { font-weight: bold; font-size: 19px; display:block; line-height: 26px; text-decoration: none; color: #3D5B92; border-top: solid #3D5B92 1px; width: 220px; margin-top: 15px; }
small { font-size: 10px; line-height: 14px; }
.rss img { vertical-align:bottom; }
.postmetadata { font-size: 11px; color: #333333; }
.postline { border-bottom: dotted #666666 1px; padding-bottom: 5px; }
.date { font-size: 11px; color: #333333; }
.postmetadata a { color: #ED1C24; text-decoration: none; }
.entrywrapper { padding-bottom: 5px; }
.entry { text-align: left; line-height: 1.5em; padding-right: 10px; padding-bottom: 0px; margin-top: -1px; }
.entry p a:active, .entry p a:hover { text-decoration: none; }
.post { margin: 0 0 10px 0; text-align: justify; }
.clear { clear: both; }
/* Begin Images */
p img { padding: 0; max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 3px; margin: 0 0 1px 7px; display: inline; }
img.alignleft { padding: 3px; margin: 0 7px 1px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Clear Fix Code */
.ClearFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* WinIE7 only */
*:first-child+html .ClearFix { height:1%; }
/* WinIE6 and below */
* html .ClearFix { height:1%; }

/* MacIE only */
/*¥*//*/
.ClearFix{
	display:inline-table;
 }
/**/