/*
	(1) html elements
	(2) structures
	(3) formatting for structures
	(4) general purpose 
	(5) hacks 
		made in washington */

/************************************************
	(1) html elements
*************************************************/
body {
	font: normal 75% arial, sans-serif;
	background-color: #b5aa8e;
	margin: 0;
	padding: 0
}

h1 {}

h2 {
	color: #c21c16;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/************************************************
	(2) structures
*************************************************/
#main {
	width: 1004px;
	margin: 0 auto;
	background-color: #fff;
}

#global-nav {
	background-color: #B5AA8E;
	color: #fff;
	height: 16px;
	padding-top: 5px;
}

#masthead {
	background: transparent url(../images/bg_masthead.gif) no-repeat scroll left bottom;
	height: 80px;
	overflow: auto;
	margin: 0 12px;
}

#logo {
	float: left;
	padding: 20px 0 0 22px;
}

#primary-nav {
	margin: 30px 3px 0 0;
	float: right;
	background-color: #eae5dc;
}




ul#primary-nav {
	background-color: #e6e6e6;
	height: 34px;
}

#content-wrapper {
	padding: 20px 0 0 0;
	clear: both;
	overflow: auto;
}

#content {
	float: left;
	width: 760px;
	margin: 0 12px;
}

#resources {
	float: right;
	width: 190px;
	margin-right: 10px;
}

#footer {
	background: transparent url(../images/bg_footer.gif) 0 0 repeat-x;
	margin: 10px 10px 20px 10px;
	padding: 20px;
	height: 13px;
	clear: both;
}

/************************************************
	(3) formatting for structures
*************************************************/

/* global-nav */
#global-nav ul {
	float: right;
	margin-right: 14px;
	font-size: 10px;
}

#global-nav a {
	color: #fff;
	border-right: 1px solid #fff;
	padding: 0 10px;
	font-weight: bold;
}

#global-nav a.last {
	border-right: none;
	padding-right: 0;
}



/* --- primary-nav --- */
#primary-nav li {
	padding: 5px 0;
}

#primary-nav .logo {
	padding: 4px 10px 0 14px;
	background: none;
}

#primary-nav a {
	border-right: 1px solid #4C4C4C;
	color: #4C4C4C;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 8px;
}

#primary-nav a.last {
	border-right: none;
}



/* --- content--- */
#content .logo {
	padding-left: 12px;
}


/* --- content-utility --- */
#content .utility {
	float: right;
	width: 220px;
	text-align: right;
}

#content .utility li {
	padding-bottom: 10px;
}

#content .utility a {
	color: #73939c;
	font-size: 1.3em;
}

#content a.rss {
	color: #e36f1e;
	padding: 6px 0 6px 25px;
	font-weight: bold;
	font-size: 1.3em;
}

#content a.rss img {
	margin: 0 0 -5px 0;
}

input.text {
	border-right: 1px solid #f2f2f2;
	background: transparent url(../images/bg_input.gif) 0 0 no-repeat;
	border: none;
	padding: 3px 5px 0 5px;
	height: 20px;
	width: 123px;
}

input.image {
	margin: 0 0 -3px 5px;
}




/* #content #feature */
#content #feature {
	background-color: #e6e6e6;
	padding: 15px;
	margin-top: 15px;
	min-height: 300px;
}

#content #feature .thumb {
	float: left;
	width: 300px;
	margin-right: 11px;
	position: relative;
	cursor: pointer;
}

#content #feature #snippet {
	position: absolute;
	top: 220px;
	left: 0;
	background: transparent url(../images/bg_snippet.png) 0 0 no-repeat;
	width: 265px;
	height: 38px;
	padding: 10px 30px 10px 10px;
	position: absolute;
	font-size: .9em;
}

#content #feature #snippet h3 {
	color: #de1a22;
	margin: 0;
	padding: 0;
	font-size: 1.3em;
}

#content #feature #snippet p {
	margin: 0;
}

#content #feature #snippet a {
	color: #000;
}

#content #feature #snippet a:hover {
	text-decoration: none;
}

#content #feature .content {
	background-color: #73939c;
	float: left;
	padding: 20px 30px 15px 25px;
	color: #fff;
	width: 364px;
	height: 265px;
}

#content #feature .content h2 {
	background: #73939c url(../images/bg_h2_feature.gif) bottom left repeat-x;
	padding-bottom: 6px;
}

#content #feature .content a {
	color: #c21c16;
}


/* #content #posts */
#content #posts {
	background-color: #c0cbd0;
	padding: 5px 15px 15px 15px;
	margin-top: 15px;
}

#content #posts #search {
	text-align: right;
	margin: 0 0 5px 0;
	padding: 0;
	height: 25px;
}

/* --- tabs in #posts --- */
ul#tabs {
	/*border-bottom: 35px solid #73939c;*/
	padding-bottom: 33px;
	background: transparent url(../images/bg_tabs_bottom_bar.gif) bottom left no-repeat;
	height: 46px;
}

* html ul#tabs {
	padding-bottom: 32px;
}

ul#tabs li {
	background: transparent url(../images/bg_tab_static.gif) bottom left no-repeat;
	text-align: center;
	height: 26px;
	padding-top: 20px;
	cursor: pointer;
	width: 94px;
	margin-right: 4px;
	margin-top: -3px;
}

ul#tabs #first-tab.active {	background-image: url(../images/bg_tab_active_left.gif); }
ul#tabs #last-tab.active {	background-image: url(../images/bg_tab_active_right.gif); }

ul#tabs li.active {
	background-image: url(../images/bg_tab_active_center.gif);
	width: 189px;
	color: #fff;
	height: 36px;
	padding-top: 10px;
	margin-top: 1px;
}

ul#tabs a {
	color: #000;
}

ul#tabs a:hover {
	text-decoration: underline;
}

ul#tabs li.active a {
	color: #fff;
	font-size: 2em;
	font-weight: bold;
}

/* --- posts --- */
#posts-list {
	background-color: #e6e6e6;
	padding: 25px;
}

#posts-list .post {
	border: 1px dashed #b2b2b2;
	padding: 20px;
	overflow: auto;
	background-color: #fff;
	margin-bottom: 20px;
}

#posts-list .thumb {
	width: 160px;
	vertical-align: top;
}

#posts-list .thumb img, .side_img {
	border: 2px solid #999999;
}

.side_img { 
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
#posts-list a.read-more {
	color: #c21c16;
}

#posts-list .post-controls {
	font-size: .9em;
	color: #999;
}

#posts-list a {
	color: #999;
}

#posts-list .share li {
	margin-right: 4px;
}

#posts-list .share .label {
	margin-top: 5px;
}

#posts-list .comments {
	margin-top: 6px;
	font-size: .9em;
}


/* --- #resources, #calendar --- */
#resources h2 {
	margin: 10px 0 5px 0;
}

.quote {
	background: transparent url(../images/bg_quote_top.gif) 0 0 no-repeat;
}

.quote-inner {
	background: transparent url(../images/bg_quote_bottom.gif) bottom right no-repeat;
	padding: 28px 4px;
	width: 137px;
	font-size: .95em;
	line-height: 1.5em;
}

.tell-story {
	font-size: 1.1em;
	color: #000;
	font-weight: bold;
}

#resources h2.cap {
	background: transparent url(../images/bg_resources_cap.gif);
	width: 172px;
	height: 28px;
	padding: 15px 0 0 15px;
	margin: 0;
}

/* --- #calendar --- */
#resources #calendar {
	background: transparent url(../images/bg_calendar_gradient.gif) bottom left no-repeat;
	height: 260px;
	margin: 30px 0 10px 0;
	padding-bottom: 20px;
}

#resources #calendar h2 {
	margin: 0;
}

#calendar #event-description {
	background: transparent url(../images/bg_event_desc.gif);
	width: 142px;
	height: 54px;
	margin: 8px 0 0 10px;
	padding: 6px;
	color: #7797a0;
	font-size: .9em;
	overflow: hidden; /* IE6 needs a little extra room.  this won't clip text, just prevent bouncing */
}

#calendar #event-month {
	text-align: right;
	margin: 10px 25px 10px 0;
	color: #7797a0;
	font-weight: bold;
}
#calendar #event-month a {
	color: #7797a0;
}

#calendar table {
	width: 100%;
	width: 154px;
	height: 108px;
	margin-left: 15px;
}

#calendar td {
	text-align: center;
	padding-top: 2px;
	font-size: .9em;
}
#calendar table tr.row1 td { background-color: #d8d8d7; }
#calendar table tr.row2 td { background-color: #cdcdcd; }
#calendar table tr.row3 td { background-color: #c4c4c3; }
#calendar table tr.row4 td { background-color: #bab9b9; }
#calendar table tr.row5 td { background-color: #bab9b9; }
#calendar table tr.row6 td { background-color: #bab9b9; }
#calendar table td.empty { background-color: transparent !important; }
#calendar table td.activity { background-color: #73939c !important; }
#calendar table td.activity a { color: #fff; }




#whats-coming-up {
	margin: 0 0 0 15px;
	padding: 0;
}

#whats-coming-up li {
	margin: 0;
	padding: 0;
}

/* social ccenter */

#social-center {
	background: #ccc;
	width: 187px;
	margin-top: 15px;
}

#social-center .pad {
	padding: 5px 10px 10px 10px;
}

#social-calendar h3 {
	text-align: center;
}

#social-center ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#social-center li {
	margin: 0 0 11px 0;
	padding: 0;
}

/* --- footer --- */
/* footer */
#footer li {
	border-right: 1px solid #000;
	font-size: .9em;
	padding: 0 17px;
}

#footer li.last {
	border-right: none;
	padding-right: 0;
}

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

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

/************************************************
	(4) general purpose
*************************************************/

table.form {
	font-size: 1em;
}

table.form td {
	padding: 5px;
	vertical-align: top;
}

table.form td.label {
	text-align: right;
	width: 150px;
}

table.form td.controls {
	text-align: right;
}

table.form input.std {
	width: 200px;
}

table.form textarea {
	width: 300px;
	height: 100px;
}

ul.adjacent {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.adjacent li {
	float: left;
	margin: 0;
	padding: 0;
}

ul.flat {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.flat li {
	margin: 0;
	padding: 0;
}

.entry {
	line-height: 1.4em;
}

/* Captions */
.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;
}
/* End captions */

.navigation {
	display: block;
}

/* utilities */
.right, .alignright					{ float: right; }
.left, .alignleft					{ float: left; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/************************************************
	(5) hacks
*************************************************/
* html #content #feature {
	height: 300px;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/
/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}
#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:5px 0px 5px 0px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:pointer;
}