/*
Theme Name: Colorado Grassroots Training
Theme URI: http://www.coloradograssrootstraining.org
Description: Colorado Grassroots Training Theme
Author: Tynan Szvetecz
Author URI: http://www.commercekitchen.com
Version: 1.0
*/

/* --------------------------------------------------------------
START - Based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */

a.button, button { display: block; float: left; margin: 0 0.583em 0.667em 0; padding: 5px 10px 5px 7px; /* Links */ border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #003366; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: .8em; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer;}
button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; /* IE6 */ }
button[type] { padding: 4px 10px 4px 7px; /* Firefox */ line-height: 17px; /* Safari */ }
*:first-child+html button[type] { padding: 4px 10px 3px 7px; /* IE7 */ }
button img, a.button img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none; }

/* Button colors ------------------------------------------ */

/* Standard */
button:hover, a.button:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #336699; }
a.button:active { background-color: #6299c5; border: 1px solid #6299c5; color: #fff; }

/* Positive */
body .positive { color: #fff; }
a.positive:hover, button.positive:hover { background-color: #003366; border: 1px solid #667c99; color: #eee; }
a.positive:active { background-color: #003366; border: 1px solid #667c99; color: #fff; }

/* Negative */
body .negative { color: #d12f19; }
a.negative:hover, button.negative:hover { background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; }
a.negative:active { background-color: #d12f19; border: 1px solid #d12f19; color: #fff; }
/* --------------------------------------------------------------
END - Based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */


body { margin: 0; padding: 0; color: #000; background: #fff;font-family: Verdana,Arial,serif; font-size: 80%; }

a { color: #003366;font-weight:bold;text-decoration:none; }
a:hover { color: #1f69b0;text-decoration:underline; }
a:active { outline: none; }

img.border { padding: 1px; border: 1px solid; margin-top:6px; }
a img.border { border-color: #003366;}
a:hover img.border { padding: 0; border: 2px solid; }

h1, h2, h3, h5, h6 { padding: 0.25em 0; margin: 0 0 0.5em 0; line-height: 1.5em; font-weight: bold; color:#003366;}
h1 { font-size: 1.4em;padding:.5em 0px; }
h2 { font-size: 1.1em;color: #003366;font-weight:bold; }
h3 {font-size:.9em;}
h4 { padding: 0.25em 0; margin: 0 0 0.5em 0; line-height: 1.5em; font-weight: normal; }
h6 { font-size: 1.25em; }
p img, p img.right { margin-top: 0; }
hr { margin: 0.5em 0 1.4em 0;height:1px; background-color:#ccc; }
.center { text-align: center; }

label { font-weight: normal; }
input.text { width: 92%; }
input.small { width: 30px; }
textarea { width: 92%; height: 8em; }


#header { text-align: left; padding:0; margin:0;background:url("images/header-bg.jpg") repeat-x top center #003366; border-bottom:1px solid #99cc00;}
#main-bg { text-align: left; padding:0; margin:0;background:url("images/main-bg.jpg") repeat-x top center;height:185px;}
.logo {padding:30px 0 0 0;margin:0;}
#green-bg { text-align: left; padding:0 0 2px 0; margin:0;background:url("images/green-bg.jpg") repeat-x top center;height:106px;border-bottom:1px solid #ccc;}

.social a {color:#fff;}
.social a:hover {color:#fff;}
#twitter {background:url("images/twitter.gif") no-repeat left;color:#fff;padding:0 0 0 5em;height:50px;line-height:3.5em;}
#facebook {background:url("images/facebook.gif") no-repeat left;color:#fff;padding:0 0 0 5em;height:50px;line-height:3.5em;}

#what-we-do h2 {background:url("images/what-we-do.gif") no-repeat left;color:#003366;padding:0 0 0 5em;height:70px;line-height:3.5em;}
#what-we-do {padding-right:10px;}

#training-kits h2 {background:url("images/training-kits.jpg") no-repeat left;color:#003366;padding:0 0 0 8em;height:70px;line-height:3.5em;}
#training-kits {padding-right:10px;}

#from-our-blog h2 {background:url("images/from-our-blog.gif") no-repeat left;color:#003366;padding:0 0 0 5em;height:70px;line-height:3.5em;}
#from-our-blog {padding-right:10px;}

#products h2 {border-top: 8px solid #ccc; border-bottom: 1px solid #ccc;}
#products h1 {border-top: 8px solid #ccc; border-bottom: 1px solid #ccc;}

#sidebar div { background-color: #000; border-top: 8px solid #373f94;  padding: 0 4px; margin-bottom: 2em; }
#sidebar div h6 { background-color: transparent; }

#global-menu-container { background:#4b5864;margin:0px;padding:0;}

ul#global-menu { margin:0; padding:30px 0 10px 0; float:right;}
ul#global-menu li { height:1.2em;list-style: none; float: left; list-style: none; line-height:1em; border-right:1px solid #8099b3;text-align:center;padding: 0 1.5em;}
ul#global-menu li a { margin: 0; padding: 0em 0em; color: #fff; font-size: .9em; text-decoration: none;}
.menu-last {border:none;}
ul#global-menu li a:hover { text-decoration:underline;}

#recent-posts {margin-top:10px;}
ul#recent-posts { list-style: none; margin: 0 0 1em 0; color: #0558a4; }
ul#recent-posts li { padding: 0 0 1em 15px; font-weight:normal; font-size: 1em; line-height: 1em; background: transparent url("images/bullet-square.jpg") no-repeat left top; }
ul#recent-posts li a {font-weight:normal;font-size:.9em;}


#content {}

#footer {color:#fff; font-size:.8em; background:url("images/footer-bg.jpg") repeat-x top #003366;padding:8em 0;  }