/*
Theme Name: JUSFC
Theme URI: http://www.jusfc.gov
Description: kcexpress theme by MillerCox Design
Version: 1
Author: MillerCox Design
Author URI: http://www.millercox.com
Tags: 

*/

body {
	top: 0;
	margin: 0;
	padding: 0;
	background: url(images/background.jpg) repeat-x;
	font-family: verdana, arial;
}

/* STRUCTURE */

#wrapper {
	width: 958px;
	margin: 0 auto 12px auto;
	border: solid 1px #CCCCCC;
	padding: 1px 0;
	border-top: none;
	background: #fff;
	position: relative;
	z-index: 100;
}

#scroll {
	position: absolute;
	top: 0px;
	left: -37px;
	z-index: 3000;
}


#header {
	position: relative;
	height: 194px;
	z-index: 4000;
}

#header h1,
#header .description {
	
}

#logo {
	position: relative;
	top: 5px;
	left: 75px;
	width: 300px;
}

#donate-ribbon {
	position: absolute;
	left: 356px;
	top: 85px;
}

#searchform {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 200px;
}

#searchform label {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#searchform .submit {
	background: #920E12;
	border: none;
	color: #fff;
	height: 26px;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	right: 0;
	width: 30px;
	font-size: 11px;
	font-family: verdana, arail;
	cursor: pointer;
}

#searchform .field {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 6px 5px 5px 5px;
	left: 0;
	width: 158px;
	border: solid 1px #CCCCCC;
	color: #999999;
	font-size: 11px;
	font-family: verdana, arial;
}

#container {
	background: url(images/container-back.jpg) repeat-y;
	padding: 0px 0 15px 0;
}


#main,
#main-interior {
	float: left;
	width: 601px;
	padding: 0 24px;
	font-family: georgia, verdana, arial;
	font-size: 14px;
	color: #333;
	line-height: 160%;
}

#main-interior {
	padding: 0;
	width: 649px;
}

#the-content {
	padding: 20px 24px 0 31px;
	
}

#sidebar {
	float: left;
	width: 309px;
	color: #4e473f;
	font-size: 14px;
	font-family: georgia, verdana, arial;
	line-height: 160%;
}

#sidebar-content {
	padding: 20px 24px 10px 24px;
}

#sidebar-header img {
	width: 309px;
	height: auto;
}

#sidebar-header .read_more {
	display: none;
}

#social-container {
	width: 200px;
	margin-left: 40px;
	border-top: solid 1px #ccc;
	padding-top: 12px;
}

#updated {
	border-top: solid 1px #CCCCCC;
	padding: 5px 0 0 0;
	font-size: 14px;
	margin: 0 auto;
	color: #333;
	font-family: georgia, verdana, arial;
}

/* BLOSSOMS MAP */


#blossoms-map {
	width: 958px;
	height: 1111px;
	background: url(images/map.png);
	margin-left: -309px;
	position: relative;
	margin-top: -50px;
}


.tree-location {
	position: absolute;
	width: 39px;
	height: 26px;
}

.tree-location:hover .callout {
	visibility: visible;
	opacity: 1;
	margin-top: 18px;
}

.pin {
	background: #F45988;
	width: 10px;
	height: 10px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	cursor: pointer;
	position: absolute;
	//box-shadow: 1px 1px 1px #666;
	border: solid 1px #D7F5E0;

}

/*.pin {
	background: url(images/tree-icon.png) no-repeat;
	width: 39px;
	height: 26px;
	cursor: pointer;
	position: absolute;
	z-index: 2000;
}*/

.pin:hover .callout {
	visibility: visible;
	opacity:1;
	margin-top: 14px;
}

.callout h3 {
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
}

.callout {
	visibility: hidden;
	opacity:0;
	position: absolute;
	margin: 18px 0;
	padding: 18px 20px;
	background-color: #FFF0D9;
	/* easy rounded corners for modern browsers */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	left: -250px;
	top: -30px;
	border: 1px solid #CCCCCC; padding: 10px 20px;
	width: 200px;
	height: auto;
	transition: all .2s;
	margin-top: 0px;
	line-height: 140%;
	z-index: 4000;
}
.callout .notch {
	position: absolute;	
	margin: 0;
	border-top: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #FFF0D9;
	padding: 0;
	width: 0;
	height: 0;
}

.callout img,
.callout .wp-caption{
	max-width: 184px;
	height: auto;
}

.callout .wp-caption {
	background: #FFDBA4;
	font-size: 12px;
	padding: 8px;
}

.callout.bottom-right .notch {
	position: absolute;
	bottom: 10px;
	right: -10px;
	margin: 0;
	border-top: 10px solid transparent;
	border-left: 10px solid #FFF0D9;
	border-right: 0;
	border-bottom: 10px solid transparent;
	padding: 0;
	width: 0;
	height: 0;
}

.callout.bottom-right .border-notch { border-left: 10px solid #CCCCCC; right: -11px; }

.callout.top-right .notch {
	position: absolute;
	top: 10px;
	right: -10px;
	margin: 0;
	border-top: 10px solid transparent;
	border-left: 10px solid #FFF0D9;
	border-right: 0;
	border-bottom: 10px solid transparent;
	padding: 0;
	width: 0;
	height: 0;
}

.callout.top-right .border-notch { border-left: 10px solid #CCCCCC; right: -11px; }

.callout.top-left {
	left: 19px;
}

.callout.top-left .notch {
	position: absolute;
	top: 10px;
	left: -10px;
	margin: 0;
	border-top: 10px solid transparent;
	border-left: 0;
	border-right: 10px solid #FFF0D9;
	border-bottom: 10px solid transparent;
	padding: 0;
	width: 0;
	height: 0;
}

.callout.top-left .border-notch { border-right: 10px solid #CCCCCC; left: -11px; }

.callout.bottom-left {
	left: 10px;
}

.callout.bottom-left .notch {
	position: absolute;
	bottom: 10px;
	left: -10px;
	margin: 0;
	border-top: 10px solid transparent;
	border-left: 0;
	border-right: 10px solid #FFF0D9;
	border-bottom: 10px solid transparent;
	padding: 0;
	width: 0;
	height: 0;
}

.callout.bottom-left .border-notch { border-right: 10px solid #CCCCCC; left: -11px; }

/* END BLOSSOMS MAP */

#footer {
	width: 912px;
	margin: 0 auto;
	font-size: 12px;
	color: #333;
	font-family: georgia, verdana, arial;
	padding: 0 24px;
}

#footer a {
	color: #333;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}


/* MENUS */


#top-menu {
	position: relative;
	margin: 0 auto;
	height: 43px;
	width: 960px;
	z-index: 2000;
	border-bottom: solid 1px #ccc;
}

#top-menu ul {
	float: right;
	margin: 12px 0 0 0;
	padding: 0;
	list-style-type: none;
	position: relative;
}

#top-menu ul li {
	float: left;
	margin-left: 6px;
}

#top-menu ul li a {
	text-decoration: none;
	color: #999999;
	text-transform: uppercase;
	display: block;
	height: 22px;
	padding: 8px 25px 0 25px;
	background: #F7F7F7;
	border: solid 1px #E6E6E6;
	border-bottom: solid 1px #ccc;
	font-family: verdana, arial;
	font-size: 12px;
}

#top-menu ul li.active a {
	background: #fff;
	border: solid 1px #ccc;
	border-bottom: solid 1px #fff;
}

#secondary-menu {
	margin-bottom: 8px;
	float: right;
	width: 458px;
	position: absolute;
	bottom: 39px;
	right: 0;
}

#secondary-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
}

#secondary-menu ul li {
	float: left;
	border-right: solid 1px #ccc;
	padding-right: 12px;
	margin-left: 12px;
}

#secondary-menu ul li.last {
	border: none;
}

#secondary-menu ul li a {
	color: #4e473f;
	font-size: 11px;
	font-family: georgia;
	text-decoration: none;
}

#secondary-menu ul li a:hover {
	text-decoration: underline;
}

#primary-menu {
	border: solid 1px #ccc;
	border-width: 1px 0;
	width: 958px;
	float: left;
	position: absolute;
	bottom: 0;
}

#primary-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
	position: relative;
	z-index: 4000;
}

#primary-menu ul li {
	float: left;
	border-left: solid 1px #ccc;
}

#primary-menu ul li a {
	padding: 8px 13px;
	display: block;
	color: #4e473f;
	text-decoration: none;
	font-size: 14px;
	font-family: georgia, arial;
}	

#primary-menu ul li a:hover,
#primary-menu ul li.current_page_item a,
#primary-menu ul.sub-menu li.current_page_item a,
#primary-menu ul li.current_page_ancestor a {
	background-color: #FFF0D9;
}

#primary-menu ul li.current_page_item ul a,
#primary-menu ul li.current_page_ancestor ul a{
	background-color: #fff;
}

#primary-menu ul li.current_page_item ul a:hover,
#primary-menu ul li.current_page_ancestor ul a:hover {
	background-color: #FFF0D9 !important;
}

#primary-menu ul ul {
	left: -999em;
	width: 170px;
	position: absolute;	
	background: #fff;
	border: solid #ccc;
	border-width: 0 1px 1px 1px;
	float: left;
}

#primary-menu ul ul li {
	position: relative;
}

#primary-menu ul ul li.parent a,
#primary-menu ul ul li.parent a:hover {
	background-image: url(images/arrows.jpg);
	background-position: 99% 0;
	background-repeat: no-repeat;
}


#primary-menu ul ul ul {
	display: none;
	position: absolute;
	float: left;
	top: -1px;
}

#primary-menu ul ul li:hover ul {
	left: 170px;
	float: left;
	position: absolute;
	display: block;
}

#primary-menu ul ul li {
	border: solid #ccc;
	border-width: 1px 0 0 0;
}

#primary-menu ul ul li a {
	display:block;
	width: 144px;
}

#primary-menu ul li:hover ul {
	left: auto;
}

ul#sidebar-menu {
	list-style-type: none;
}

ul#sidebar-menu li {
	margin-bottom: 10px;
	line-height: 120%;
}

ul#sidebar-menu li:before {
   padding-right: 10px;
   color: #4D4941;
}

ul#sidebar-menu li a {
	background: url(images/arrow.jpg) top left no-repeat;
	background-position: 0 5px;
	padding-left: 15px;
	display: block;
	color: #4D4941;
	font-size: 12px;
	text-decoration: none;
	font-family: verdana, arial;
}

ul#sidebar-menu li a:hover,
ul#sidebar-menu .current_page_item a {
	color: #9F0E12;
	text-decoration: underline;
}

ul#sidebar-menu  ul {
	display: none;
}

/* END MENUS */

/* SLIDER */

#slider-container {
	width: 958px;
	height: 280px;
	overflow: hidden;
	position: relative;
	background: #FFF0D9;
	border-bottom: solid 1px #CCCCCC;
}

#slide-nav-container {
	position: absolute;
}

#slide-nav-container ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

#slider-pane {
	position: absolute;
}

#slider-pane ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#slider-pane .slider-excerpt {
	position: absolute;
	left: 627px;
	top: 45px;
	background: #FFFFFF;
	border: solid 1px #999999;
	padding: 5px 10px;
	width: 276px;
	height: 172px;
	color: #333333;
	font-family: georgia, verdana, arial;
	font-size: 14px;
	overflow: hidden;
	line-height: 140%;
}

#slide-nav {
	position: absolute;
	top: 247px;
	left: 644px;
}

#slide-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 300px;
}

#slide-nav ul li {
	cursor: pointer; 
	float: left; 
	display: inline; 
	background: #F58E22; 
	width: 15px; 
	height: 13px; 
	text-align: center;  
	color: #F58E22; 
	font-family: verdana, arial; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: none; 
	margin-right: 12px;	
}

#slide-nav ul li:hover,
#slide-nav ul li.active {
	background: #920E12;
	color: #920E12;
}

/* END SLIDER */

/* END STRUCTURE */


/* FONTS */

h1 {

}

h2 {
	border-bottom: solid 1px #989898;
	color: #920E12;
	font-family: georgia, verdana, arial;
	font-size: 18px;
	padding-bottom: 8px;
	font-weight: normal;
	margin-top: 34px;
}

#sidebar-content h2 {
	margin-left: 18px;
}

h2#page-title {
	background: #FFF0D9;
	border-bottom: solid 1px #ccc;
	height: 38px;
	margin: 0;
	padding: 36px 0 0 30px;
	margin-left: 1px;
}


h3 {
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

.post h3 a {
	text-decoration: none;
}

.post .the-date {

	font-size: 14px;
}

h3.search-result-title {
	margin: 0 0 2px 0;
	padding: 12px 0 0 0;
}

h3.search-result-title a {
	font-size: 18px;
	font-weight: normal; 
	font-family: georgia, verdana, arial;
	font-weight: normal;
	color: #920E12;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

h3.search-result-title a:hover {
	text-decoration: underline;
}

h3.archive-title,
h3.blog-title-link {
	margin: 20px 0 0 0;
	padding: 0;
}

h3.archive-title a,
h3.blog-title-link a {
	color: #920E12;
	text-decoration: underline;
}

h3.archive-title a:hover,
h3.blog-title-link a:hover {
	color: #BC1216;
}

h3.archive-title a {
	font-size: 18px;
	font-weight: normal;
	font-family: georgia, verdana, arial;
	color: #4E473F;
	text-decoration: underline;
	margin: 0 0 3px 0;
	padding: 0;
}

.excerpt-container h2.post-title,
.excerpt-container h2.post-title a {
	color: #920E12;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 0;
	text-decoration: none;

	border: none;
}

.excerpt-container h2.post-title a:hover {
	text-decoration: underline;
	color: #BC1216;
}

.excerpt-container {
	margin-bottom: 20px;
}

.excerpt p {
	margin: 0 0 8px 0;
	padding: 0; 
}

.excerpt img {
	max-width: 150px;
	height: auto;
}

.the-date {
	font-size: 11px;
	font-weight: normal;
	color: #727272;
	padding: 0 0 0px 0;
	margin: 0;
	text-transform: uppercase;
}

.the-author,
.the-author a {
	color: #839db6;
	font-size: 12px;
	
	padding: 0 0 6px 0;
	margin: 0;
	text-decoration: none;
}

.the-author a:hover {
	text-decoration: underline;
	color: #6786A5;
}

.post {
	padding-top: 10px;
}

.post p {
	margin: 0 0 8px 0;
	padding: 0;
}

a {
	color: #333;
}

a:hover {
	color: #868686;
}

a.read_more {
	color: #920E12;
	font-weight: bold;
	font-size: 10px;
	font-family: verdana, arial;
	text-decoration: underline;
}

a.read_more:hover {
	color: #BC1216;
}

ul#home-news {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-image: url(images/bullet.jpg);
}

ul#home-news img {
	width: 90px;
	height: auto;
	float: left;
	margin: 6px 8px 8px 0;
	display: block;
}

p {
	margin: 12px 0 10px 0;
}

/* END FONTS */

	
.offsides {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.clear {clear: both;}

.left {float: left; }
.right {float: right; }

.alignleft {
	float: left;
	margin: 0 12px 12px 0;
}

.alignright {
	float: right;
	margin: 0 0 12px 12px;
}

img {border: none; }

#SignUp {
	margin-left: 40px;
}

.link,
.link a,
.signupframe
{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	.link,
	.link a {
		text-decoration: none;
		}
	.signupframe {
		border: 0px solid #CCCCCC;
		background: #ffffff;
		}
.signupframe .required {
	font-size: 10px;
	}
	
.attachment-post-thumbnail {
	width: 150px;
	height: auto;
	//float: left;
	//margin-right: 12px;
	//margin-bottom: 8px;
}