/*
Theme Name: CRI Society
Theme URI: http://crisociety.org/
Description: Custom theme developed by SLD Interactive.
Version: 1.0
Author: Ryan J. Stout | SLD Interactive
Author URI: http://sldinteractive.com/

Copyright 2009 - All Rights Reserved.

*/

/* reset */
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, 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; }
ul { list-style: square;}

.clear{ clear: both; }
.hidden{ display: none; }
a{ color: #006837; text-decoration: underline; font-style: italic; }
  a:hover{ color: #333; }
a.back-to-top{ font-size: 10px; font-style: normal; text-decoration: none; margin-left: 10px; color: #900; }
  a.back-to-top:hover{ color: #333; }
blockquote{ padding: 0 20px; color: #555; line-height: 26px; font-style: italic; }
  .formBuilderSubmit{ text-align: left !important; margin-top: 20px !important; }
  .formBuilderSuccess{ background: #E0F0FF; border: 1px solid #CCC; }

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

img.alignright {
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.no-margin{ margin: 0 !important; }

body{ background: #F2F2F2; font-family: 'Lucida Grande', Verdana, Helvetica, Sans-Serif; font-size: 12px; line-height: 22px; color: #000; }

p{ margin: 0 0 14px 0; }
h1{ color: #C0272D; font-size: 22px; margin-bottom: 10px; }
h2{ color: #C0272D; font-size: 16px; margin-bottom: 0; }
h6{ color: #555; font-size: 11px; font-weight: normal; margin-bottom: 10px; }

div#content{ margin: 0 auto; width: 980px; }
div#content-main{ float: left; width: 580px; margin-bottom: 40px; }

div#header{ background: url(images/header-background.jpg) repeat-x; }
div#header-inner{ width: 980px; margin: 0 auto; }
  div#header-logo{ float: left; }
  
  ul#main-nav-small{ float: right; margin: 20px 0; }
  	ul#main-nav-small li{ display: inline; padding: 0 4px; }
    ul#main-nav-small li a{ font-size: 12px; color: #CBE2B0; text-decoration: none; font-style: normal; }
	ul#main-nav-small li a:hover{ color: #FFF; }
	ul#main-nav-small li.current_page_item a, ul#main-nav-small li.current_page_parent a{ border-bottom: 4px solid #006837; font-style: normal; color: #FFF; }
	
  ul#main-nav{ margin: 10px 0 0 380px; list-style: none; padding: 0; }
  	ul#main-nav li{ display: inline; padding: 0 4px; margin-right: 20px; }
    ul#main-nav li a{ font-size: 16px; color: #CBE2B0; text-decoration: none; font-style: normal; }
	ul#main-nav li a:hover{ color: #FFF; }
	ul#main-nav li.current_page_item a, ul#main-nav li.current_page_parent a, ul#main-nav li.current_page_ancestor a{ border-bottom: 4px solid #006837; font-style: normal; color: #FFF; }
	
div#sidebar{ float: left; width: 322px; background: #FFF; border: solid 1px #CCC; border-top: none !important; color: #333; padding: 0 10px 20px 10px; margin-right: 40px; }
  div.sidebar-feature{ margin-top: 50px; }
    div.sidebar-feature p{ padding: 0 22px; }
	.nopadding{ padding: 0 !important; }
  div.feature-title{ border: 1px solid #CCC; border-right: none !important; border-left: none !important; padding: 6px 10px; background: #FAFAFA; color: #999; margin-bottom: 10px; }
    div.icon-mail{ background: #FAFAFA url(images/icon-mail.jpg) no-repeat right; }
	div.icon-quote{ background: #FAFAFA url(images/icon-quote.jpg) no-repeat right; }
	div.icon-news{ background: #FAFAFA url(images/icon-news.jpg) no-repeat right; }
  
  ul#sub-nav{ list-style: none; margin: 10px 0 0 0; padding: 0; }
    ul#sub-nav li{ margin: 0 0 16px 0; padding: 0 6px; }
	ul#sub-nav li a{ font-size: 14px; color: #333; text-decoration: none; font-style: normal; font-family: Verdana, Geneva, sans-serif; }
	ul#sub-nav li a:hover{ color: #555; }
	ul#sub-nav li.current_page_item{ background: #003D21 url(images/subnav-selected-bg.jpg) left bottom no-repeat; padding: 6px 8px 12px 24px; margin: 0 0 8px -20px; }
	  ul#sub-nav li.current_page_item a{ color: #FFF; }
	
	ul#sub-nav li ul{ list-style: none; }
	  ul#sub-nav li ul li{ margin: 4px 0 0 0; }
	  ul#sub-nav li.current_page_item ul li a{ color: #ECECEC; }
		ul#sub-nav li.current_page_item ul li a:hover{ color: #FFF; }
	  ul#sub-nav li ul li a{ color: #777; }
	  ul#sub-nav li ul li a:hover{ color: #333; }
  
  div.sidebar-feature form{ margin-top: 6px; }
  div.sidebar-feature form input.input-field{ font-style: italic; color: #333; border: 1px solid #CCC; padding: 4px; }
  
  .quote{ font-style: italic; }
    .quote p{ font-style: italic; }
  .quote-credit{ color: #808080; line-height: normal; margin: 10px 0; }
  .news-story{ color: #808080; margin: 10px 0; }
  .news-comment-count{ color: #B3B3B3; }

div#feature-application{ background: #F9F9F9; border: 1px solid #999; padding: 10px; margin: 20px 0; }
  img.button-application{ margin: 6px 0 0 20px; }
  div#feature-application-home{ background: #F9F9F9; border: 1px solid #999; padding: 10px; float: left; width: 550px; margin: 20px 0 0 0; }
  
h3.toggler{ padding: 4px; color: #333; margin: 2px 0; cursor: pointer; border-bottom: 1px solid #999; }
  h3.toggler-last{ margin-bottom: 20px; }
div.element{ border-bottom: 1px #333 dotted; padding: 0 10px 10px 10px; background: #FFF; }

#ajax-form{ margin-bottom: 30px; }
#form-flash{ margin-bottom: 20px; border: 1px solid #999; padding: 20px; }

/* Home Page */
div#home-feature{ background: #FFF; padding: 20px; }
  div#home-feature div#quote{ float: left; width: 500px; }
  div#home-feature div#industry-news{ float: right; width: 315px; }

div.home-page-column{ width: 300px; float: left; margin: 40px 40px 0 0; font-style: italic; font-size: 12px; }
  div.end{ margin-right: 0 !important; }
  div.img-placeholder{ background: #333; width: 298px; height: 225px; }
  div.home-page-column img{ border: #333 solid 3px; }
  div.home-page-column a{ font-size: 16px; }
  
div#tagline-home{ padding-top: 10px; font-size: 18px; color: #C0272D; font-style: italic; }
  
/* Testimonials Page */
div.testimonial{ border-bottom: dotted 1px #999; margin-bottom: 20px; }

/* Footer */
.footer-spacer{ height: 40px; }
div#footer{ background: #F9F9F9; padding: 10px; margin-bottom: 20px; }

ul#footer-nav{ border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin: 0; padding: 10px; }
  ul#footer-nav li{ display: inline; margin-right: 20px; }
  ul#footer-nav li a{ color: #555; text-decoration: none; }
  ul#footer-nav li a:hover{ color: #333; }

div#footer-sponsors ul{ list-style: none; margin: 10px 0; padding: 0; }
  div#footer-sponsors ul li{ display: inline; margin: 0 10px; }

p.sponsors-title{ font-style: italic; color: #006837; }
p.copyright{ font-size: 10px; color: #999; font-style: italic; }

img.sldi-logo{ float: right; margin-bottom: 20px; }


/* News/Blog Page */
ul#blog-nav{ list-style: none; margin: 0; padding: 0; }
  ul#blog-nav ul{ list-style: none; margin: 0; padding: 0 0 0 10px; }
  ul#blog-nav li{ margin: 0 0 20px 0; }
  ul#blog-nav li ul li{ margin: 0; }
.postmetadata{ font-size: 11px; padding-left: 8px; margin-left: 8px; border-left: 1px dotted #999; }

div.post{ margin-bottom: 40px; }


/* Captions - from WP Default theme (thanks!) */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}