/* 
lgreen | 7fbf00
dgreen | 33441f
brown  | 583906
*/

html {
font-family:Arial;
background-color:#efefef;
font-size:13px;
padding:0px;
margin:0px;
background-image:url(/i/top-wrap.jpeg);
background-repeat:repeat-x;
}
body {
width:970px;
margin:0 auto;
padding:0px;
background-image:url(/i/header.jpeg);
background-repeat:no-repeat;
background-position:top center;
}
#wrap {
width:970px;
}
#home-link {
position:absolute;
left:60px;
top:0px;
height:95%;
width:360px;
display:block;
}
#user-area {
position:absolute;
top:20px;
right:75px;
width:445px;
height:100px;
}
#nav {
position:absolute;
right:70px;
bottom:20px;
}
.nav-link {
float:left;
padding-right:15px;
padding-left:15px;
font-size:18px;
height:25px;
}
.active {
background-color:#fff;
border:1px solid black;
border-bottom:none;
}
#header {
width:970px;
height:190px;
position:relative;
margin:0 auto;
}
#content {
width:970px;
background-image:url(i/wrap.jpeg);
background-position:center;
}
#buffer {
padding:5px 80px 10px 80px;
}
#footer {
width:970px;
height:341px;
background-image:url(i/footer.jpeg);
background-position:center;
color:black;
text-align:center;

}
#footer a, .thumb-box a {
color:#ecf4db;
}
#footer a:hover, .thumb-box a:hover {
color:#8abc25;
}
#footer-wrap {
width:850px;
height:293px;
margin:0 auto;
}
.footer-box {
width:238px;
padding:20px;
float:left;
padding-top:70px;
text-align:left;
color:white;
font-weight:bold;
}

/* styling */
a {
color:#106E09;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#0CA300;
}
h1 {
padding:0px;
margin-top:0px;
margin-bottom:10px;
font-size:20px;
}
h2 {
font-size:18px;
color:#AACD1B;
}
h3 {
font-size:16px;
}

/* general use css */
.left {
float:left;
}
.right {
float:right;
}
.center {
text-align:center;
}
.clear {
clear:both;
}
a img {
border:none;
}
.notice {
font-size:12px;
font-weight:bold;
color:gray;
}
.title {
font-size:14px;
font-weight:bold;
}
.example-box {
font-size:13px;
font-weight:none;
border:2px dotted gray;
padding:15px;
background-color:#FFFFEE;
}
.info-line {
font-weight:bold;
margin-top:-12px;
font-size:14px;
margin-bottom:5px;
}
.thumb {
border:2px solid #AFDBFF;
float:right;
margin-top:8px;
}
.thumb:hover {
border:2px solid #FA6900 ;
}

/* Forms */
#form input {
margin:3px 0 5px 0; 
border:1px solid #555;
width:100%;
height:22px;
line-height:25px;
font-size:16px;
}
#form textarea {
margin:3px 0 5px 0;
border:1px solid #555;
width:100%;
height:250px;
}
#comment {
display:none;
}
#form .smallinput  {
width:40px;
}
#form .medinput  {
width:70px;
}
.form-title {
font-size:18px;
font-weight:bold;
padding:5px;
}
input .smallinput {
width:30px;
}
input .medinput {
width:70px;
}
.form-table td { 
padding:5px; 
}
.table-row td {
padding:3px;
font-size:11px;
}
.table-row-even {
background-color:#F2F2F2;
}
.table-row-odd {
background-color:#ffffff;
}
.table-row-bottom td {
border-bottom:1px solid #7F7F7F;
font-size:10px;
}
.table-style {
border:1px solid #B4B4B4;
}
#form {
font-size:15px;
}

#contactform{
font-size:14px;
font-weight:bold;
}
#contactform p {
text-align:center;
}
#contactform input {
margin:3px 0 5px 0;
border:1px solid #555;
width:100%;
height:22px;
line-height:25px;
font-size:16px;
}
#contactform textarea {
margin:3px 0 5px 0;
border:1px solid #555;
width:100%;
height:100px;
}
#comment {
display:none;
}
.fail-box {
padding:10px;
margin:10px;
border:1px dashed #ccc;
background:#ffbbbb;
color:#222;
font-size:14px;
font-weight:bold;
}
.confirmation-box {
padding:10px;
margin:10px;
border:1px dashed #ccc;
background:#cceeff;
color:#222;
font-size:14px;
font-weight:bold;
}

/*Comments*/
#comments {
border-top:1px solid #ccc;
margin-left:3px;
margin-right:3px;
margin-bottom:3px;
margin-top:25px;
}
#comment {
display:none;
}
.comment {
padding:5px;
border-bottom:1px solid #ccc;
text-align:left;
}
.commenta {
background-color:#f1f1f1;
}
.comment-info {
color:gray;
font-weight:bold;
}
.comment-body {
padding:10px;
}
.commenttextarea {
width:460px;
height:125px;
margin-left:10px;
margin-bottom:5px;
margin-right:1;
float:left;
}
.recaptcha {
float:right;
margin-right:12px; 
margin-top:1px
}
.formbutton { 
width:785px; 
margin-left:10px;
}

/* system styling */
.item {
background-position: left;
background-repeat:no-repeat;
padding-left:22px;
margin-bottom:5px;
}
.folder {
background-image:url(/i/folder.png);
}
.file {
background-image:url(/i/file.png);
}
.download {
background-image:url(/i/download.png);
}
.underline {
text-decoration:underline;	
}
.indented {
background-position:15px 50%;
font-size:10px;
padding-left:37px;
}
.three-columns {
float:left;
width:33%;
}
.system-medium {
float:left; 
width:490px;
}
.system-small {
float:left; 
width:295px; 
margin-right:25px;
}
.box {
border:1px solid #CDCDCD;
padding-left:10px;
padding-right:10px;
background-image:url(/i/box-back.gif);
background-repeat:repeat-x;
margin-bottom:15px;
}
.box-header {
font-size:18px;
border-bottom: 1px solid #CCC;
line-height:35px;
height:35px;
color:#583906;
}
.box-contents {
padding-top:10px;
padding-bottom:8px;
}
.box-sub-header {
font-size:15px;
border-bottom: 1px solid #CCC;
line-height:25px;
height:25px;
color:#583906;
}
.box-sub-footer {
border-top:1px solid #CCCCCC;
color:#583906;
font-size:11px;
height:25px;
line-height:25px;
text-align:right;
}

/* Blog Styling */
.blog-title {
font-size:18px;
}
.blog-topline {
font-weight:bold;
border-bottom: 1px solid #D9D9D9;
padding:5px 0px 5px 0px;
}
.blog {
padding:10px;
}
.blog-bottom {
padding:5px 0px 5px 0px;
border-bottom: 1px solid #D9D9D9;
border-top: 1px solid #D9D9D9;
margin-bottom:20px;
}
.blog-image-wrapper {
margin-left:15px;
margin-bottom:10px;
}

/* thumbs */
.thumb-box {
background-image:url('/i/thumb-back.jpeg');
width:135px;
height:100px;
float:left;
}
.thumb-container {
width:123px;
height:87px;
overflow:hidden;
position:relative;
top:6px;
left:7px;
}
.medium-text {
font-size:16px;
}
.thumb-title {
background-color:black;
border-top:1px solid white;
bottom:10px;
left:7px;
overflow:hidden;
position:relative;
text-align:center;
width:123px;
height:15px;
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
z-index:5;
}
.thumb-title-text {
bottom:24px;
left:7px;
overflow:hidden;
position:relative;
text-align:center;
width:123px;
height:15px;
z-index:10;
font-size:11px;
color:white;
font-weight:bold;
}

.by {
font-size:11px;
margin-bottom:10px;
}
.sub-header {
font-size:14px;
margin-top:10px;
}
.strain-explanation {
font-weight:bold;
margin-bottom:5px;
}

.graph {
border:1px solid black;
background-image:url(/i/graph-wrap.jpeg);
margin-bottom:10px;
}
.graph-container {
background-image:url(/i/graph-left.jpeg);
background-repeat:no-repeat;
background-position:left;
position:relative;
}
.graph-marker {
position:absolute;
font-weight:bold;
font-size:8px;
background-repeat:no-repeat;
background-position:left;
padding-left:8px;
}
.marker-1 {
background-image:url(/i/graph-marker.jpeg);
}
.marker-2 {
background-image:url(/i/graph-marker-2.jpeg);
}
.marker-3 {
background-image:url(/i/graph-marker-3.jpeg);
}
.graph-bar {
width:12px;
position:absolute;
background-color:#009900;
font-size:8px;
color:white;
text-align:center;
border: 1px solid #003300;
border-bottom: none;
}
.graph-date {
font-size:10px;
font-weight:bold;
position:absolute;
}

.blog-medium-image {
float:left;
width:380px;
height:300px;
overflow:hidden;
border:2px solid #7fbf00;
margin:6px 11px 6px 0px;
}.larger {font-size:180%;}