/*
Theme Name:		Polk SBDC
Theme URI:		http://www.clarknikdelpowell.com
Description:	A custom theme built by <a href='http://www.clarknikdelpowell.com'>Clark/Nikdel/Powell Inc.</a> for Polk SBDC
Author:			Taylor Gorman
Author URI:		http://www.clarknikdelpowell.com
*/

/* ------------------------------------------------------- BASIC LAYOUT */

body {
	background-color: #c2dbef;
	background-image: url(images/bodyBG.png);
	background-repeat: repeat-x;
	color: #555;
	margin-bottom: 50px;
}
#smokeBG {
	background-image: url(images/smokeBG.jpg);
	background-position: center top;
	width: 100%;
	height: 834px;
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
}
#page {
	position: relative;
	z-index: 1;
	width: 956px;
	margin: 0 auto;
}

/* ------------------------------------------------------- LOGO */

h1#logo {
	width: 111px;
	height: 92px;
	position: absolute;
	top: 19px;
	left: 24px;
	z-index: 2;
}
h1#logo a {
	display: block;
	background-image: url(images/PSBDC.png);
	width: 111px;
	height: 92px;
	text-indent: -9999px;
}

/* ------------------------------------------------------- USER SUPPORT NAVIGATION */

ul#navUser {
	height: 23px;
	position: absolute;
	top: 31px;
	right: 297px;
	z-index: 2;
}
ul#navUser li {float:left;}
ul#navUser a {
	display: block;
	background-image: url(images/navUser.png);
	height: 23px;
	text-indent: -9999px;
	margin-left: 2px;
}
ul#navUser a.espanol {width:70px; background-position:0px top;}
ul#navUser a.espanol:hover {background-position:0px center;}
ul#navUser.espanol a.espanol {background-position:0px bottom;}
ul#navUser a.faq {width:46px; background-position:-70px top;}
ul#navUser a.faq:hover {background-position:-70px center;}
ul#navUser.faq a.faq {background-position:-70px bottom;}
ul#navUser a.contact {width:70px; background-position:-116px top;}
ul#navUser a.contact:hover {background-position:-116px center;}
ul#navUser.contact a.contact {background-position:-116px bottom;}
ul#navUser a.links {width:52px; background-position:-186px top;}
ul#navUser a.links:hover {background-position:-186px center;}
ul#navUser.links a.links {background-position:-186px bottom;}
ul#navUser a.site-map {width:73px; background-position:-238px top;}
ul#navUser a.site-map:hover {background-position:-238px center;}
ul#navUser.site-map a.site-map {background-position:-238px bottom;}

/* ------------------------------------------------------- SEARCH */

form#search {
	background-image: url(images/search.png);
	width: 277px;
	height: 23px;
	position: absolute;
	z-index: 2;
	top: 31px;
	right: 10px;
}
form#search input {display:block; position:absolute; top:0px;}
form#search .text {
	background-color: transparent;
	height: 17px;
	width: 200px;
	padding: 6px 0 0 6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #555;
	left: 0px;
}
form#search .submit {
	background-image: url(images/search.png);
	background-position: right;
	width: 59px;
	height: 23px;
	cursor: pointer;
	right: 0px;
}

/* ------------------------------------------------------- HEADER */

#header {
	height: 385px;
	position: relative;
	background-image: url(images/headerBG.png);
	background-position: left bottom;
}
.home #header {height:445px;}
#mailinglist {
	position: absolute;
	z-index: 2;
	right: 0px;
	top: 89px;
	background-image: url(images/mailinglist.png);
	width: 416px;
	height: 35px;
}
#mailinglist input {
	width: 163px;
	background-color: white;
	position: absolute;
	top: 13px;
	left: 176px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}

/* ------------------------------------------------------- FEATURES */

#features {
	height: 388px;
	position: relative;
	z-index: 1;
}
#features a {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;}

#featuresNav {
	height: 15px;
	position: absolute;
	z-index: 2;
	top: 163px;
	right: 45px;
}
#featuresNav li {float:left;}
#featuresNav a {
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(images/homeFeaturesNav.png);
	text-indent: -9999px;
	margin-left: 4px;
}
#featuresNav a.active {background-position:0px -15px;}

/* ------------------------------------------------------- SECTION TITLE */

#sectionTitle {
	width: 956px;
	height: 204px;
	position: absolute;
	top: 124px;
	left: 0px;
}
#sectionTitle img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
#sectionTitleBG {
	background-image: url(images/sectionTitleBG.png);
	width: 956px;
	height: 204px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}
#sectionTitle h2 {
	position: absolute;
	z-index: 3;
	height: 100px;
	width: 500px;
	text-indent: -9999px;
	background-position: right bottom;
	bottom: 39px;
	right: 46px;
}

/* ------------------------------------------------------- PRIMARY NAVIGATION */

ul#navPrimary {
	position: absolute;
	height: 53px;
	left: 12px;
	bottom: 4px;
}
ul#navPrimary li {float:left;}
ul#navPrimary a {
	display: block;
	height: 53px;
	background-image: url(images/navPrimary.png);
	text-indent: -9999px;
}
ul#navPrimary a.home {width:86px; background-position:0px top;}
ul#navPrimary a.home:hover {background-position:0px center;}
ul#navPrimary.home a.home {background-position:0px bottom;}
ul#navPrimary a.about {width:111px; background-position:-86px top;}
ul#navPrimary a.about:hover {background-position:-86px center;}
ul#navPrimary.about a.about {background-position:-86px bottom;}
ul#navPrimary a.services {width:106px; background-position:-197px top;}
ul#navPrimary a.services:hover {background-position:-197px center;}
ul#navPrimary.services a.services {background-position:-197px bottom;}
ul#navPrimary a.counseling {width:130px; background-position:-303px top;}
ul#navPrimary a.counseling:hover {background-position:-303px center;}
ul#navPrimary.counseling a.counseling {background-position:-303px bottom;}
ul#navPrimary a.seminars {width:113px; background-position:-433px top;}
ul#navPrimary a.seminars:hover {background-position:-433px center;}
ul#navPrimary.seminars a.seminars {background-position:-433px bottom;}
ul#navPrimary a.news {width:79px; background-position:-546px top;}
ul#navPrimary a.news:hover {background-position:-546px center;}
ul#navPrimary.news a.news {background-position:-546px bottom;}

/* ------------------------------------------------------- UPCOMING SEMINARS */

#upcoming {
	position: relative;
	margin-top: 5px;
}
#upcoming a.tab {
	display: block;
	background-image: url(images/upcoming.png);
	width: 272px;
	height: 37px;
	text-indent: -9999px;
	position: absolute;
	right: 25px;
	top: -37px;
}
#upcoming ul {background-color:#fff; height:90px; padding:8px 0 10px 51px;}
#upcoming ul li {float:left;}
#upcoming li.noevents {
	float: none;
	margin: 28px 50px 0 0;
	text-align: center;
	font-size: 18px;
}
#upcoming ul a {
	display: block;
	color: #555;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 15px;
	border-right: solid 1px #dfdfdf;
	padding: 17px 19px 17px 43px;
	width: 220px;
	height: 50px;
	background-image: url(images/seminarICN.gif);
	background-position: 20px 19px;
}
#upcoming ul li:last-child a {border-right:0;}
#upcoming ul a b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#upcoming ul a i {color:#b16400;}
#upcoming ul a:hover, #upcoming ul a:hover i {color:#333;}

#upcoming a.prev, #upcoming a.next {
	display: block;
	width: 28px;
	height: 28px;
	position: absolute;
	top: 50px;
	text-indent: -9999px;
	display: none;
}
#upcoming a.prev:active, #upcoming a.next:active {background-position:bottom;}
#upcoming a.prev {
	background-image: url(images/upcomingPrev.png);
	left: 18px;
}
#upcoming a.next {
	background-image: url(images/upcomingNext.png);
	right: 18px;
}

/* ------------------------------------------------------- CONTENT */

#contentBGt {height:16px; background-image:url(images/contentBGt.png); margin-top:5px;}
.home #contentBGt {background-image:url(images/contentBGtHome.png); margin-top:0;}
#white {
	background-image: url(images/sidebarBG.gif);
	background-repeat: repeat-y;
	background-color: #fff;
	position: relative;
	min-height:1px;
}
* html #white {height:1px;}

#content {float:right; width:650px;}
.contentBGb {
	background-image: url(images/contentBGb.png);
	width: 956px;
	height: 10px;
}

/* ------------------------------------------------------- TITLE */

#title {
	background-color: #ebf4f4;
	padding: 20px 40px 25px 40px;
}
.home #title {
	text-indent: -9999px;
	background-image: url(images/intro.png);
	background-position: center;
	height: 122px;
	padding: 38px 45px;
}
#title h1 {
	color: #007589;
	font-size: 30px;
	line-height: 30px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#title h1 small a.post-edit-link:hover {color:#073c5d;}
#title h1 small a.post-edit-link {
	font-size: 10px;
	text-transform: uppercase;
	color: #64aa31;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#title p {
	line-height: 24px;
	color: #108ad4;
	font-size: 16px;
	margin-top: 20px;
}
#title p.date {
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	text-transform: uppercase;
	margin-top: 10px;
}

/* ------------------------------------------------------- EDIT LINK */

#editlink a {
	display: block;
	background-color: #ddebeb;
	color: #888;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	padding: 4px 0;
}
#editlink a:hover {color:#222;}

/* ------------------------------------------------------- ARTICLE */

#article {padding:8px 30px 40px 30px;}
.home #article {padding:15px 335px 30px 30px;}

#article h1 {visibility:hidden;}
#article h2 a {color:#108ad4; border-color:#9fd0ee;}
#article h2 {
	color: #108ad4;
	font-size: 18px;
	padding-top: 27px;
	margin-bottom: -3px;
}
#article h3 a {color:#0098b3; border-color:#99d6e1;}
#article h3 {
	color: #0098b3;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 23px;
	margin-bottom: -5px;
}
#article h4 a {color:#308f9f; border-color:#bbb;}
#article h4 {
	font-family: Georgia, serif;
	color: #308f9f;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	padding-top: 21px;
	margin-bottom: -5px;
}
#article p, #article ul, #article ol, #article table {line-height:20px; margin-top:18px;}
#article p.meta {
	color: #0098b3;
	font-size: 10px;
	text-transform: uppercase;
	margin: 10px 0 -6px 0;
}
#article p.meta a {color:#0098b3; border-color:#99d6e1;}
#article p.meta img {display:inline;}
#article p.more {border-top:solid 1px #cdcdcd; text-align:right;}
#article p.more a {
	display: block;
	color: #007589;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: -10px 20px 0 0;
	background-color: #fff;
	float: right;
	padding: 0 7px;
	border:0;
}
#article .goback {margin-top:32px;}
#article .goback a {
	font-family: Georgia, serif;
	font-style: italic;
	color: #308f9f;
	border-bottom: 0;
}
#article .goback a:hover {color:#08346a;}

#article ul {list-style-type:disc; margin-left:16px;}
#article ol {list-style-type:decimal; margin-left:20px;}
#article ul ul, #article ul ol, #article ol ul, #article ol ol {margin-top:0;}

#article th, #article td {vertical-align:top; padding:2px 9px 2px 0; text-align:left;}

#article a {color:#08346a; border-bottom:solid 1px #8399b4;}
#article a:hover {border-bottom:0;}

#article input, #article textarea, #article select {
	padding: 4px 5px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #ccc;
	background-color: #fff;
	color: #555;
}
#article input[type="submit"] {
	background-color: #00b39d;
	border-color: #00b39d;
	color: #fff;
	cursor: pointer;
	padding: 4px 8px;
}
#article input[type="submit"]:hover {background-color:#009bb1; border-color:#009bb1;}
#article input[type="submit"]:active {background-color:#008fb3; border-color:#008fb3;}

/* ------------------------------------------------------- STAFF CHART */

.staffchart {width:90%;}
.staffchart img.alignleft {margin-right:15px;}

/* ------------------------------------------------------- CONTACT FORM 7 */

#article span.wpcf7-list-item {display:block; margin-left:0;}

/* ------------------------------------------------------- SBDC EVENT REGISTRATION */

#article .SER_form td {vertical-align:middle;}
#article .purchases {border-collapse:collapse;}
#article .purchases td {padding:6px 8px; vertical-align:middle; line-height:17px;}
#article .purchases td.price, #article .purchases td.price input {text-align:right;}
#article .purchase td {background-color:#eee;}
#article .total td {text-align:right; font-weight:bold;}
#article .SER_form em {font-style:normal; color:red;}
#article .message {padding:2px 8px;}
#article .error {background-color:#fdeceb;}
#article .success {background-color:#eef6e5;}

/* ------------------------------------------------------- SIMPLE GOOGLE MAP */

#article #SGM {width:95%; height:280px; border:solid 1px #bbb; margin-top:22px;}
#article #SGM .infoWindow {line-height:12px; font-size:10px;}
#article #SGM input {margin:4px 1px 0 0; font-size:10px; padding:2px;}
#article #SGM input.text {border:solid 1px #ccc; background-color:#fff;}
#article #SGM input.submit {
	background-color: #7bb3b3;
	border: solid 1px #7bb3b3;
	color: #fff;
	cursor: pointer;
}

/* ------------------------------------------------------- EVENT CALENDAR */

#wp-calendar {margin:28px 0 30px 25px; float:right; cursor:default;}
#wp-calendar table {border-collapse:collapse; width:230px;}
#wp-calendar caption a {
	font-weight: bold;
	font-size: 14px;
	color: #585858;
}
#wp-calendar td, #wp-calendar th {
	padding: 6px 8px;
	border: solid 1px #fff;
	text-align: center;
}
#wp-calendar td {background-color:#eee; color:#aaa; font-size:14px;}
#wp-calendar td.pad {background-color:transparent;}
#wp-calendar td#today {color:#108ad4; background-color:transparent;}
#wp-calendar a {border:0; font-weight:bold;}

#wp-calendar table.nav td {
	background-color: transparent;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
#wp-calendar table.nav td#prev {text-align:left;}
#wp-calendar table.nav td#next {text-align:right;}
#wp-calendar a#ec3_publish {display:block; height:16px;}
#wp-calendar a#ec3_publish img {display:inline;}

/* ------------------------------------------------------- HOMEPAGE TESTIMONIAL */

#testimonial {
	width: 305px;
	position: absolute;
	right: 0px;
	bottom: -10px;
	cursor: default;
}
#testimonial p {
	background-color: #d7e8e8;
	padding: 28px 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 17px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-bottomleft: 9px;
}
#testimonial em {color:#308f9f; display:block; margin:5px 0;}
#testimonial img {float:right;}

/* ------------------------------------------------------- SIDEBOX */

.sidebox {
	float: right;
	width: 180px;
	background-color: #d7e8e8;
	padding: 8px 18px 18px 18px;
	margin: 8px -30px 20px 25px;
	-moz-border-radius: 9px 0 0 9px;
	border-radius: 9px 0 0 9px;
}
#article .sidebox h4 {padding-top:12px;}
#article .sidebox p {margin-top:10px; font-size:11px; line-height:17px;}

/* ------------------------------------------------------- RELATED ITEMS */

#related {
	float: right;
	background-color: #d7e8e8;
	padding: 18px 15px 12px 15px;
	margin: 25px -30px 20px 20px;
	font-size: 11px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-bottomleft: 9px;
	width: 170px;
	font-family: Georgia, "Times New Roman", Times, serif;
	cursor: default;
}
#related h3 {
	font-weight: bold;
	color: #308f9f;
	font-size: 11px;
	text-transform: none;
	margin: 0;
}
#related ul {line-height:16px; margin:5px 0 0 0; list-style-type:none;}
#related a {
	display: block;
	padding: 7px 4px 7px 25px;
	border-bottom: solid 1px #ebf4f4;
	font-weight: normal;
	font-size: 11px;
	color: #308f9f;
	background-position: 1px 10px;
}
#related a small {font-size:11px; color:#555;}
#related a:hover, #related a:hover small {color:#333; border-bottom:solid 1px #ebf4f4;}

/* ------------------------------------------------------- SIDEBAR */

#sidebar {
	width: 277px;
	padding: 10px 14px;
	float: right;
}

/* ------------------------------------------------------- SIDEBAR NEWS */

#news {position:relative; padding-bottom:20px;}
a.rss {
	background-image: url(images/rss.gif);
	background-position: right center;
	position: absolute;
	top: -1px;
	right: 25px;
	color: #666;
	font-size: 11px;
	padding: 2px 20px 0 0;
	height: 14px;
}
a.rss span {display:none;}
a.rss:hover span {display:inline;}
#news h3 a {
	display: block;
	text-indent: -9999px;
	background-image: url(images/h3news.gif);
	height: 15px;
	width: 60px;
	margin: 30px 0 0 25px;
}
#news ul {margin:9px 11px 0 11px;}
#news ul a {
	display: block;
	padding: 12px 14px;
	border-bottom: dotted 1px #aaa;
	font-weight: bold;
	font-size: 14px;
	color: #555;
}
#news ul a small {
	font-weight: normal;
	font-size: 11px;
}
#news ul a:hover {
	background-color: #e7e7e7;
	color: #444;
}
#news p.more {margin:12px 25px 0 25px; text-align:right;}
#news p.more a {
	font-family: Georgia, serif;
	font-style: italic;
	color: #308f9f;
}
#news p.more a:hover {color:#08346a;}

/* ------------------------------------------------------- SIDEBAR GENERIC GREY BOX */

.greybox {
	background-color: #555;
	padding: 20px 25px 22px 25px;
	margin-top: 15px;
	color: #b4b4b4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	cursor: default;
}
.greybox p {margin-top:16px; line-height:16px;}
.greybox p.message {padding:3px 6px; color:#fff;}
.greybox p.error {background-color:#e10b00;}
.greybox p.success {background-color:#59a331;}
.greybox b {color:#f1f1f1;}

.greybox input {
	padding: 4px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #555;
}
.greybox input.text {width:150px;}
.greybox input.submit {
	background-color: transparent;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 60px;
}
.joinmailinglist h3 {
	background-image: url(images/h3joinmailinglist.gif);
	height: 15px;
	text-indent: -9999px;
}
.needcounseling h3 {
	background-image: url(images/h3needcounseling.gif);
	text-indent: -9999px;
	height: 36px;
}
.meetourstaff h3 a {
	display: block;
	background-image: url(images/h3meetourstaff.gif);
	text-indent: -9999px;
	height: 15px;
}

/* ------------------------------------------------------- SUBNAV */

ul#subnav {
	background-color: #7bb3b3;
	margin: -10px -13px 0 -15px;
	padding-bottom: 15px;
}
ul#subnav a {
	display: block;
	padding: 6px 60px;
	color: #f2f8f8;
	font-size: 16px;
	border-top: solid 1px #b5d3d3;
	border-bottom: solid 1px #569494;
}
ul#subnav a:hover {color:#fff; background-color:#72acad;}
ul#subnav li.current_page_item a {
	color: #fff;
	background-color: #41798a;
	border-top: solid 1px #95b4bd;
	border-bottom: solid 1px #255466;
}
ul#subnav li:first-child a {border-top:0;}
ul#subnav li:last-child a {border-bottom:0;}

#subnavGradient {
	background-image: url(images/subnavGradient.png);
	background-repeat: repeat-y;
	width: 55px;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* ------------------------------------------------------- FOOTER */

.footerBGt, .footerBGb {height:10px; font-size:1px;}
.footerBGt {background-image:url(images/footerBGt.png); margin-top:8px;}
.footerBGb {background-image:url(images/footerBGb.png);}
#footer {background-color:#282828; padding-bottom:9px; cursor:default;}
#footer table {width:100%;}
#footer td {vertical-align:middle;}
#footer a {color:#fff; text-decoration:underline;}
#footer a:hover {text-decoration:none;}

#footer .blue {
	background-color: #0c68a0;
	background-image: url(images/footerBG.png);
	background-repeat: repeat-y;
	color: #fff;
	line-height: 20px;
}
#footer .blue td {padding:12px 25px 20px 25px;}
#footer .blue td.images {width:320px;}
#footer .blue img {display:inline; margin-right:7px;}

#footer .grey {
	color: #949494;
	margin-top: 16px;
	font-size: 11px;
	line-height: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#footer .grey td {padding:0 25px;}
#footer .grey td.call, #footer .grey td.links {font-family:Arial, Helvetica, sans-serif; padding:0 10px;}
#footer .grey td.call {text-align:right; border-right:dotted 1px #777; color:#fff;}
#footer .grey a {color:#7bb3b3;}
#footer .grey a:hover {color:#a8d7d7;}