/*  
Theme Name: Spruce Computer Systems
Theme URI: http://www.sprucecomputersystems.com/
Description: Spruce Computer Systems Custom CMS
Version: 1.0
Author: Austin Siewert
Author URI: http://www.baublitz.com
*/

/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Headings & Elements
  Content Styles
  Forms
  Float Clearing
  Footer



/* ---------- @ HTML Elements -----------*/
body {font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;}		

		

/* ---------- @ Page Structure -----------*/

#header {position:relative;width:100%;border-top:5px solid #DFE4DF;border-bottom:1px solid #DFE4DF;background:#FFF;}
#banner {z-index:100;background:#FFF;}
#billboard {position:relative;width:100%;min-width:960px;height:auto;padding:20px 0;background:#DEE3DE;border-bottom:1px solid #AEC4BA}
#home #billboard {height:275px;background:#DEE3DE}

#headerTab {position:absolute;width:auto;right:0;top:0;background: url(layout/headerTab-left.gif) no-repeat top left;}
#headerTabRight {padding:0 5px;background: url(layout/headerTab-right.gif) no-repeat top right;}
#loginSlider {display:none;padding:35px 0 10px 0;top:0;background:#DFE4DF;}
#closeSlider {position:absolute;right:0;top:-40px;}
#closeSlider a {color:#333;padding:7px 32px 7px 0;line-height:30px;background:url(layout/zoom/closebox.png) no-repeat right center;}

.wrapper {position:relative;width:960px;min-width:960px;margin:0 auto;clear: both;}	/* centers nested content */

/*2 column*/
.col-2-l, .col-2-r {position:relative;width:450px;padding-top:20px;}
.col-2-l {float:left;}
.col-2-r {float:right;}
.col-2-ls {width:440px;margin-left:5px;display:inline;}
.col-2-rw {width:470px;}

/*3 column*/
.col-3-l, .col-3-c, .col-3-r, .col-3-wide {position:relative;margin:20px 14px 0 14px;min-height:400px;}
.col-3-l, .col-3-c, .col-3-wide {float:left;display:inline;}
.col-3-r {float:right}
.col-3-l {width:132px;}
.col-3-c {width:532px;}
.col-3-r {width:212px;}
.col-3-wide {width:692px;}

.goToMeeting {text-align:center;padding:10px 0 10px 30px;}
.horDivider {border-right:1px solid #AEC4BA}	

		
/* ---------- @ Headings -----------*/

		   
h1 {position:relative;width:300px;height:80px;top:25px;text-indent:-9999px;background:url(layout/logo.gif) no-repeat;}
h1 a {display:block;position:relative;width:300px;height:80px;}

h2 {line-height:110%;color:#1A2625;padding-bottom:2px;border-bottom:1px solid #DEE6DE}

#billboard h2 {color:#1A2625;padding-left: 30px;font: normal 28px/1em Georgia, Times, "Times New Roman", serif;}
.col-2-r h2 {margin-bottom:5px;}

h2, h3, h4 {letter-spacing:0.025em;	}
		
h3 {margin:0 0 5px 0;font:1em Georgia, "Times New Roman", Times, serif;color:#333;font-weight:bold;}
h3 a {color:#333;text-decoration:none;}
h3 a:hover {text-decoration:underline}

.col-3-wide .post h3 {margin-top:15px;}

#cornerstones {width: 100%}
#cornerstones h3 {margin:0;}
#cornerstones h3 a {display:block;padding:5px;font: normal 18px 'palatino linotype',palatino;text-transform:uppercase;background: url(layout/expand.gif) no-repeat 667px 6px;}
#cornerstones h3 a:hover {color:#616461 !important;background: url(layout/expand.gif) no-repeat 667px 6px #9DE89D !important;}
#cornerstones h3.oddrow a {background: url(layout/expand.gif) no-repeat 667px 6px #DEE3DE !important;}
#cornerstones h3.expand a, #cornerstones h3.expand a:hover {color:#9DE89D !important;background: url(layout/contract.gif) no-repeat 667px 6px #436443 !important;}
		
h4 {font-size: 1.1em;}

h4#pagetitle {margin-bottom:15px;}
	
h5 {font-size: 1em}

h5 {font-size: 0.9em}	

h6 {margin:5px 0 0 10px;text-align:justify;font-size:10px;line-height:14px;color:#666;font-weight:normal}

hr {margin-top:40px;margin-bottom:40px;color:#DEE6DE;border:0;width:75%;background:#DEE6DE;height:1px;}

.wrapper p {margin:5px 0 0 10px;text-align:justify;font-size:14px;line-height:18px;color:#666}



/* ---------- @ Content Styles -----------*/

/*header menu navigation*/
#header ul {float:right;margin-top:20px;}
#header ul li {float:left;font-size:12px;font-family:arial;font-weight:bold;text-transform:uppercase;display:inline;}
#header ul li a {display:block;padding:10px;color:#7B927B;text-decoration:none;}
#header ul li a:hover {color:#BDC8BD;}

/*active menu tab*/
 
#header ul li a.current {
    color:#1A2625;
    margin-left:-5px;
    padding:0 0 0 5px; /* just the corner padding */
    background: url(layout/li-tabLeft.gif) no-repeat bottom left;}

#header ul li a.current span {
    display:block; /* added */
    padding:0 5px 0 0; /* just the corner padding */
    background: url(layout/li-tabRight.gif) no-repeat bottom right;}

#header ul li a.current span strong {
    display: block; /* added, all padding will be effective */
    padding:10px; /* current padding here, default on the link */
    font-style:normal;
    -moz-border-radius-topleft: 3px;
    -khtml-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -khtml-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    background:#DEE3DE;}

/*customer support & search area */
#headerTabContent {
	position:relative;
	padding:0 5px 5px 5px;
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-khtml-border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background:#DEE3DE;}

#headerTab p {float:left;margin:0 5px 0 0;line-height:20px;display:inline;color:#1A2625;font-size:11px;font-family:arial;}
#headerTab p a {color:#1A2625;}	
#headerTab p a:hover {text-decoration:none;background:none;}
#head-search {float:right;}

/*login slider styling*/
#loginSlider .wrapper p {font-size:10px;text-align:center;padding:0 5px 0 0;}

p a {color:#7EA696;padding:2px 3px;}
p a:hover {color:#7EA696;text-decoration:none;background:#1A2625}


.meta {color:#7EA696;font-size:10px;margin-bottom:15px;}
.meta a {color:#7EA696;}
.post .meta {text-align:right !important;}

#pagebody p {text-align:left;margin-bottom:15px;line-height:20px;}

/*Widgets Home*/
#roi-ads {width:960px;height:275px;overflow:hidden;background:#DEE3DE}
#roi-ads li {width:960px;color:#616461}
#roi-ads li img {float:left;margin:0;}
#roi-ads li blockquote {float:right;width:470px;font-size:22px;font-family:Georgia;padding:20px 0 0 90px;font-style:italic;background: url(layout/bg-blockquote.gif) no-repeat 0% 1%}
#roi-ads li blockquote em {padding:2px 5px;color:#218C6C;font-weight:bold;}
#roi-ads li blockquote cite {display:block;margin-top:15px;text-align:right;font-size:12px;font-style:normal;}
#roi-ads li blockquote cite em {font-style:italic;font-weight:normal;}
 
.col-2-r .readmore, .col-3-wide .readmore {margin:15px 20px;text-align:right !important;}
.col-2-r .readmore span, .col-3-wide .readmore span {padding:10px 0 0 0;background: url(layout/readmore.gif) no-repeat}
.col-2-r .readmore a, .col-3-wide .readmore a {padding:2px 10px;color:#1A2625;text-decoration:none;background:#DEE3DE;}
.col-2-r .readmore a:hover, .col-3-wide .readmore a:hover {text-decoration:underline;}

#recentList table {width:100%;margin:5px 0 0 0;}
#recentList table thead tr td {font-size:10px;padding:3px;vertical-align:bottom;border-bottom:double #DEE6DE}
#recentList .ru-title {width:55%;}
#recentList .ru-locations {width:10%;text-align:center;}
#recentList .ru-prevsystem {width:35%;font-style:italic;}
#recentUsers {width:100%;height:194px;}
#recentList #recentUsers table {margin-top:0;}
#recentUsers table tbody tr td {font-size:12px;padding:5px;}
#recentUsers table tbody tr.oddrow td {background:#DEE3DE}

/*
#recentUsers li {width:100%;font-size:12px;color#666;padding:0 5px 5px 0;}
#recentUsers li span {float:left;}
#recentUsers ul li mb_substr(.ru-title, 0, 26, 'UTF-8') {width:55%;display:block;}
#recentUsers ul li .ru-locations {width:10%;display:block;}
#recentUsers ul li .ru-prevsystem {width:35%;display:block;}


#spruceUsers img {padding:5px;border-color:#F5F5F5 #DEDEDE #DEDEDE #F5F5F5;border-style:solid;border-width:1px;}
#spruceUsers .oddrow {background:#EEF1EE;}
#spruceUsers .over {background:#DEE3DE;}
*/



/* Secondary Pages */

.col-3-wide ul {margin:0 0 10px 0;padding:10px;background: url(layout/bg_quote-block.gif) repeat-x left top}
.col-3-wide ul li {padding:5px 0 5px 16px;color:#007D53;font-size:13px;font-family:Georgia;background: url(layout/li-image.gif) no-repeat 0 3px;}
.col-3-wide ul li a {color:#007D53}
.col-3-wide ul li a:hover {color:#FFF;}
.col-3-wide ul li ul {background:none;} 

.jZoom img {float:right;margin:15px 10px;padding:3px;border:1px solid #AEC4BA}
.jZoom a:hover img {border:1px solid #436443;background:#AEC4BA}	
#zoom_content p {margin-top:10px;font:10px arial;text-transform:uppercase;}				

/*Widgets Sidebar*/
#pagebody .submenu {margin:0 0 15px 0;font-size: 10px;list-style: none;}

#pagebody .submenu li {
	border-bottom: 1px solid #DEE6DE;
	width:100%;
	font-size: 11px;
	line-height: 15px;
	margin:0;
	padding: 0;}

#pagebody .submenu li a {display: block;padding:5px;text-decoration:none;color:#7EA696}
#pagebody .submenu li a:hover {background:#7EA696;color:#FFF;}

#pagebody .submenu li.current_page_item a {color:#1A2625;font-weight: bold;}
#pagebody .submenu li.current_page_item a:hover {color:#1A2625;font-weight: bold;background:none;}

#pagebody .submenu li ul {
	margin: 0 0 0 16px !important}

#pagebody .submenu li ul li {
	border-top: 1px solid #DEE6DE;
	border-bottom: none;
	line-height: 15px;}

#pagebody .submenu li.current_page_item ul li a {display: block;margin:0;padding:5px;font-weight:normal;color:#7EA696}
#pagebody .submenu li.current_page_item ul li a:hover {background:#7EA696;color:#FFF;}

.submenu li h3 {margin-top:15px}
.submenu li#requestDemo {border-bottom:none;}
.submenu li#requestDemo h3 {position:relative;height:89px;overflow:hidden;margin-bottom:15px;text-indent:-9999px;border-bottom:none;}
.submenu li#requestDemo h3 a {display:block;position:relative;width:212px;height:89px;overflow:hidden;background:url(layout/request-demo.jpg) no-repeat 0px 0px;}
.submenu li#requestDemo h3 a:hover {display:block;position:relative;width:212px;height:89px;background:url(layout/request-demo.jpg) no-repeat 0px -89px;}

/* Client Testimonials */
div.quote {width:212px;background: url(layout/bg_quote-block.gif) repeat-x scroll left top;}
div.block h3 {margin:0 0 4px;padding:13px 0 0;width:100%;font-size:21px;}
div.quote h3 {padding-top:5px;text-indent:-9000px;height:4px;color:#915D0C;background: url(layout/bg_quote-top.gif) no-repeat scroll center top;}
div.quote p.quote {float:right;margin:0;padding:6px 3px 0 35px;color:#007B51;display:inline;font-size:15px;font-style:italic;line-height:155%;background: url(layout/quote-left.gif) no-repeat scroll 5px 0px;}
div.quote p {margin:10px 0 0 10px;display:block;color:#AAAAAA;clear:both;font-family:georgia,"Times New Roman",times,serif;background:url(layout/quote-right.gif) no-repeat scroll right top;}
div.quote span.name {color:#666;}

/* Partners */
.col-3-wide #partners {width:550px;background:none;padding:0;}
.col-3-wide #partners li {margin:5px 0;font-style:italic;background:none;}
.col-3-wide #partners li span {float:right;width:248px;}
.col-3-wide #partners li span a {font-style:normal;}
.col-3-wide #partners li img {float:left;border-color:#F5F5F5 #DEDEDE #DEDEDE #F5F5F5;border-style:solid;border-width:1px;}

/* Tradeshow */
.col-3-wide table {border-collapse:collapse;width:100%;color:#666;}
.col-3-wide table thead {text-align:center;border-bottom:double #DEE3DE}
.col-3-wide table thead tr td {padding:3px;}
.col-3-wide table tbody {border-bottom:double #DEE3DE}
.col-3-wide table tbody tr td {padding:5px;font:12px Arial;color:#333;}
.col-3-wide table tbody tr.oddrow td {background:#EEF1EE !important}
.col-3-wide table tbody tr td a {color:#7EA696}
.col-3-wide table tbody tr td a:hover {color:#333;text-decoration:none;}

/* Psuedo Classes */
a[href$=".pdf"] {padding: 2px 23px 2px 0;background: url(layout/icon_pdf.gif) no-repeat right center;}
a:hover[href$=".pdf"] {background: url(layout/icon_pdf.gif) no-repeat #7EA696 right center !important;}
	
/* ---------- @ Forms -----------*/

#head-search input.text {
	margin-right: 2px;
	font-size: 10px;
	padding: 3px 6px;
	background: #FFF;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	vertical-align: top;
	color: #666;
}
		
#head-search .button, .button-secondary {
	font-size: 10px;
	cursor: pointer;
	color: #246;
	background: #e5e5e5;
	height: 22px;
	padding: 0 4px;
	border: 1px solid #999;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

#head-search input.text {
	background: #FFF;
	border: 1px solid #999;
	margin-right: 6px;
	color: #AAA;
	float: left;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

#head-search .button {color: #FFF;border-color: #999;background: #7B927B;}

#loginSlider .col-2-l, #loginSlider .col-2-r {padding-top:0;}
#loginSlider legend {padding:10px;font:12px;font-family:Arial;color:#666;}
#loginSlider label {margin-left:10px;color:#666;font:12px Arial}
#cust-support {position:relative;margin:0 auto;width:225px;height:127px;display:block;background: url(layout/cust-support.jpg) no-repeat;}
#cust-support fieldset {text-indent:-9999px;padding-top:5px;}
#cust-support fieldset div {margin:5px 0;padding:0 10px;}
#cust-support fieldset span {float:left;line-height:20px;text-indent:0px;}
#cust-support fieldset input {float:right;}

.linklove {display:none;}	

#archiveform {margin-top:8px;}

/* ---------- @ Float Clearing -----------*/

.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}	
.clearfloat {display:inline-block}
.clearfloat {display:block}


/* ---------- @ Footer -----------*/
	
#footer {position:relative;width:100%;margin-top:20px;padding:20px 0;background: url(layout/bg-footer.jpg) repeat-x #EFF1EE;min-height:100px;border-top:1px solid #AEC4BA;}
#footer p {margin-bottom:10px;font-size:10px;}
#footer p a {color:#1A2625;text-decoration:none;font-weight:bold;background:none;}
#footer p a:hover {text-decoration:underline;}
a.external {padding-right:15px;background: url(layout/external_link.gif) no-repeat center right !important;}
a:hover.external {background-color: #7EA696 !important}
.rssfeed {padding-left:15px;background: url(layout/feedicon10.png) no-repeat center left !important;}
#uklink {float:right;}

/**** noscript ****/
#att {background-color: #fffeb8;border-bottom: 1px solid;height: 2.5em;line-height: 2.5em;position: absolute;top:0;width: 100%;text-align:center !important;}
	
#att p {padding: 6px 26px;display: inline;background: transparent url(layout/att.png) no-repeat 0 46%;}