@import url("cforms-cal.css");

/* 
* 
* CSS 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
vertical-align:baseline;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
* {
margin:0pt;
padding:0pt;
}
 
 
/* 
* 
* FOUNDATIONS
* 
*/ 

/* div { overflow: visible; } */
/* body.home { background: url(that/bg-front.png) top center no-repeat; } */
.cfct_banner { font-family: Monaco; font-size: 0.7em; color: #555; background: #EEE; }

.hidden { display:none; }
#container { width: 900px; margin: 0 auto; position:relative; background: #FFF; }
div { overflow: visible; } /* HEADER HAS FLUIDITY PROBLEMS, CAN"T BE FIXED WITH OVERFLOW */

/* 
* 
* HEADER
* 
*/ 

#header { width: 900px; height: 85px; }

#header #site-title a, #header #site-title span { background: url(that/header-logo.png) top left no-repeat; width: 325px; height: 85px; float: left; text-indent: -7777px; }
#header #site-description { display:none; }

#header #contact-info { background: url(that/header-right2.jpg) top left no-repeat; width: 575px; height: 85px; float: left; }
#header #contact-info .widget { height: 100%; width: 415px; margin-left: 160px; display: table; } 
#header #contact-info .widget .textwidget { display: table-row; }
#header #contact-info .widget .textwidget p { color: #FFF; font-family: Century Gothic, Gill Sans, sans-serif; font-size: 0.8em; display: table-cell; vertical-align: middle; }


/* 
* 
* SUBSTANCE - STRUCTURES
* 
*/ 

/* ########   HOME - STRUCTURE   ######## */

body.home #substance-container { margin-top: 2em; }

#substance .home-main { width: 66%; }
#substance .home-minor { width: 33%; }

#substance #home-our-blog { width: 66%; float: left; }
#substance #home-other-blogs { width: 66%; float: left; }
#substance #home-sidebar { width: 33%; float: right; }

#substance #home-other-blogs .widget { width: 50%; float: left; margin-bottom: 1em; }
#substance #home-sidebar .widget { }

/* ########   SINGLE - STRUCTURE  ######## */

#substance .content-details { width: 33%; float:right; }
#substance .content-col { width: 66%; float:left; position: relative;  }
#substance .pagination_single { width: 66%; float: left; }

/* ########   PAGE - STRUCTURE   ######## */

#substance #page-details { width: 33%; float:right; }
#substance #page-col { width: 66%; float:left; position: relative; }
#substance #page-widgets { width: 33%; float:right; }

#substance #wp-link-pages {  }

/* ########   ARCHIVE - STRUCTURE   ######## */

/* need to add columns to archive ... */

.archive .pagination { display: block; width: 50%; margin: 0 auto; }
.archive .pagination .previous { display: block; width: 48%; float:left; text-align: right; }
.archive .pagination .next { display: block; width: 46%; float:left; margin-left: 2%; }

/* Search results.. probably other non OL archives if I adapt it */

/* wait not sure anymore... maybe it was the class/id mixup on excerpt-details. need to check on IE */

/* ########   ABOUT/BLOG - STRUCTURE   ######## */

.page-id-628 #page-col, .page-id-628 #page-widgets { margin-bottom: 1em; }
.page-id-628 #substance #page-widgets { background: none; padding-top: 12px; }
.page-id-628 #substance ol.archive-list { margin: 0; list-style-type: none; padding: 0 15px 0.5em; }

.page-id-628 #substance #blog-listing { clear:both; }
.page-id-628 #substance #blog-listing h1 { padding: 0 15px; }


/* 
* 
* SUBSTANCE - FOUNDATIONAL STYLES
* 
*/ 

#substance { padding: 0.5em 0.5em 0.5em; font-family: Gill Sans, serif; color: #333; }
#substance-container { margin-top: 3.2em; background: url(that/substance-bg2.png) top left no-repeat; width: 900px; margin-left: -9px; padding: 12px 9px 6px 9px; }

#substance p { margin: 0 10px 0.5em; font-size: 1em; line-height:1.4em; }
#substance ul { padding: 0 10px 0.5em 2em; }
#substance ul li {  }
#substance ol { padding: 0 10px 0.5em 2em; }
#substance ol li {  }
#substance dl { margin: 0 10px 0.5em; }
#substance dl dt {  }
#substance dl dd { margin: 0 0 0 1.5em; }
#substance a:link { color: #2288DD; text-decoration:none; border-bottom: 1px dotted #28D; }
#substance a:visited { color: #44D; border-bottom: 1px dotted #C73; text-decoration: none; }
#substance a:hover {  }
#substance hr { margin: 1em 10px; }
#substance form { margin: 0 0 10px; }
#substance textarea { margin: 0 10px 0.5em; }
#substance input { margin: 0 10px 0.5em; }
#substance label { margin: 0 0 0.5em; }

#substance h1, #substance h2, #substance h3, #substance h4, #substance h5, #substance h6 { font-weight:bold; margin: 0 10px 0.5em; font-family: Helvetica, sans-serif; }

#substance h1 #substance a:link, #substance h2 #substance a:link, #substance h3 #substance a:link, #substance h4 #substance a:link, #substance h5 #substance a:link, #substance h6 #substance a:link { color: #357; text-decoration:none; border-bottom: 1px dotted #28D; }

#substance h1 a:visited, #substance h2 a:visited, #substance h3 a:visited, #substance h4 a:visited, #substance h5 a:visited, #substance h6 a:visited { color: #357; text-decoration:none; border-bottom: 1px dotted #28D; }

#substance h1 { font-size: 2.2em; font-weight: normal; color: #222; }
#substance h2 { font-size: 1.6em; font-weight: normal; color: #759fa5; /*37A*/ border-bottom: 1px solid #699; /*59C*/}
#substance h3 { font-size: 1.2em; margin-bottom: 0.25em; background: #dcf0ff; padding: 0.5em; font-weight: normal; border-bottom: 1px solid #CDD; line-height: 1.2em; } /* NOTE THE SMALLER MARGIN on <=H3 */
#substance h4 { font-size: 1.1em; margin-bottom: 0.25em; font-size: 1em; font-weight: normal; }
#substance h5 { font-size: 1em; font-style: italic; margin-bottom: 0.25em; }
#substance h6 { font-size: 0.9em; font-style: italic; margin-bottom: 0.25em; }

#substance blockquote { padding: 15px 0; /*color: #256161;*/ background: #e0d0d0; }

#substance h2 a:link { color: #17C; text-decoration:none; border-bottom: 1px dotted #FFF; }
#substance h2 a:visited { color: #17C; border-bottom: 1px dotted #FFF; text-decoration: none; }

#substance h1 + h2 { margin-top: 0 !important; }

/* 
* 
* SUBSTANCE - STYLES
* 
*/ 

/* ########   COMMON FEATURES  ######## */

#substance div.breadcrumb { background: url(that/breadcrumbs.png) no-repeat top center transparent; color: #BBB; height: 45px; width: 900px; margin: -0.5em 0em 0 -1em; padding: 0.5em 0 0 1em; } /* WILL THIS REALLY WORK ON IE? */
#substance div.breadcrumb a:link, #substance div.breadcrumb a:visited { color: #BBB; border: none;}
#substance div.breadcrumb a:hover { color: #77B; }
#substance div.breadcrumb span.current { color: #77B; }

#substance .widget { color: #357; }
#substance h3.widget-title { color: #F9F9F9; border-bottom: 1px solid #AAA; background: #B9B9B9; margin: 0 0 0.5em; /*padding: 0.25em 0.5em 0.1em;*/ padding: 0 0.5em; font-size: 1.2em; font-family: Century Gothic, sans-serif; }
#substance h3.widget-title a:link, #substance h3.widget-title a:visited { color: #F9F9F9; }

#substance .widget ul, #substance .widget ol, #substance .widget dl { list-style-type: none; margin: 0; padding: 0 10px; }

#substance .widget_SubPages li { margin: 0 0 0.25em; }
#substance .widget_SubPages li ul { padding: 0; margin-left: 1em; }
#substance .widget_SubPages li ul li { margin: 0.25em 0 0; }
#substance .widget_SubPages li a:link { border-bottom: none; } 

#substance .inset-post .content-details { width: auto; float: none; padding: 0.5em; margin-bottom: 1em; }
#substance .inset-post .content-details p { margin-bottom: 0; font-size: 1em; font-weight:normal; display: inline; }
#substance .inset-post .content-details .date-day { }
#substance .inset-post .content-details a img { display: none; }


/* ########   SINGLE - STYLES  ######## */

#substance .content-details h1 { }
#substance .content-details p { margin-bottom: 0; font-size: 1.5em; font-weight:normal; font-family: Century Gothic, sans-serif; }
#substance .content-details a:link, #substance .content-details a:visited { border:none; }
#substance .content-details .detail_thumbnail { margin-top: 10px; }
#substance .content-details a img:hover { border-bottom: 4px dashed #BBB; }

#substance .pagination_single { background: #EEE; font-family: Century Gothic, sans-serif; font-size: 0.85em; }
#substance .pagination_single span { display: block; background: #DDF; color: #39C; text-align: center; margin: 0.25em; }
#substance .pagination_single span.previous { padding: 0.25em 0 0 0; }
#substance .pagination_single span.next { padding: 0 0 0.25em 0; }
#substance .pagination_single span a:link, #substance .pagination_single span a:visited { color: #39C; border-bottom: none; }
#substance .pagination_single span a:hover { color: #3CE; }

/* ########   PAGE - STYLES   ######## */

#substance #page-col { padding-top: 25px; background: url(that/page-col.png) no-repeat top center; }
#substance #page-col p, #substance #page-col p, #substance #page-col ul, #substance #page-col ol, #substance #page-col dl, #substance #page-col hr, #substance #page-col textarea, #substance #page-col input, #substance #page-col table, #substance #page-col h1, #substance #page-col h2 { margin: 0 25px 0.5em; }

#substance #page-col h2 { margin: 1.5em 25px 0.5em; }

#substance #page-col h3, #substance #page-col h4, #substance #page-col h5, #substance #page-col h6 { margin: 0 25px 0.25em; }
#substance #page-col table * { margin: 0; }

#substance #page-widgets { padding-top: 10px /*250px*/; /*background: transparent url(that/deco-umbrella-250-upright.png) no-repeat scroll right top;*/ }

.page-template-page-fullsidebar-php #substance #page-widgets { padding-top: 10px; background: none; }/* not really necessary when the background is turned off by default */

#substance #page-widgets .widget_postthumbnail { width: auto; border: 4px solid #B9B9B9; padding: 10px 0; margin: 10px 0; }
#substance #page-widgets .widget_postthumbnail img { display: block; margin: 0 auto; }

/* ########   HOME - STYLES   ######## */

#substance #home-our-blog a.more-link { display: block; width: 4.5em; }

#substance #home-our-blog { background: url(that/home-featured-bottom5.png) no-repeat bottom left #DEE; color: #333; padding-bottom: 56px; }
#substance #home-our-blog h3.home-our-blog-header { border-bottom: 1px solid #EAA; background: #369; margin-left: 0; margin-right: 0; padding: 0 0.5em; font-family: Century Gothic, sans-serif; font-size: 1.2em; }
#substance #home-our-blog h3.home-our-blog-header a:link, #substance #home-our-blog h3.home-our-blog-header a:visited { color: #8CC; border-bottom: none; display: block; width: 100%; }

#substance #home-our-blog h1 { font-size: 1em; font-weight: bold; color: #444; }
#substance #home-our-blog h2 { font-size: 1em; font-weight: bold; color: #444; border-bottom: none; }
#substance #home-our-blog h2.post-title { font-size: 1.6em; font-weight: normal; color: #333; border-bottom: none; }
#substance #home-our-blog h3 { font-size: 1em; margin-bottom: 0.25em; background: none; padding: 0; font-weight: bold; border-bottom: none; color: #444; } /* NOTE THE SMALLER MARGIN on <=H3 */
#substance #home-our-blog h4 { font-size: 1em; margin-bottom: 0.25em; font-weight: bold; color: #444; }
#substance #home-our-blog h5 { font-size: 1em; font-style: italic; margin-bottom: 0.25em; }
#substance #home-our-blog h6 { font-size: 0.9em; font-style: italic; margin-bottom: 0.25em; }
#substance #home-our-blog strong { color: #444; }

#substance #home-our-blog .content-details { background: #E0FCEE; border-bottom: 1px solid #BDD; }
#substance #home-our-blog .content-details p { color: #AAC; }
#substance #home-our-blog .content-details .date-day { font-size: 1.1em; }
#substance #home-our-blog .content-details .date-date { font-weight: bold; }
#substance #home-our-blog .content-details .date-month { font-weight: bold; }
#substance #home-our-blog .content-details .date-year { font-weight: bold; }
#substance #home-our-blog .content-details a:link  { color: #AAC; text-decoration:none; border-bottom: 1px dotted #28D; }
#substance #home-our-blog .content-details a:visited { color: #AAC; border-bottom: 1px dotted #C73; }

#substance #home-blog-link { margin: 56px 10px -53px; }
#substance #home-blog-link a:link, #substance #home-blog-link a:visited { color: #FFF; border: none; text-decoration: underline; }

#substance #home-other-blogs h3.widget-title { color: #069; background: #111; border-top: 1px solid #444; border-bottom: none; }
#substance #home-other-blogs h3.widget-title a:link, #substance #home-other-blogs h3.widget-title a:visited { color: #069; border-bottom: none; }
#substance #home-other-blogs { background: #111; color: #F9F9F9; border-bottom: 2px solid #444; }
#substance #home-other-blogs a:link, #substance #home-other-blogs a:visited { color: #F9F9F9; }

#substance #home-other-blogs ul { }
#substance #home-other-blogs ul li { margin: 0 0 0.5em; }
#substance #home-other-blogs ul li a { }
#substance #home-other-blogs ul li cite { display: block; font-size: 0.85em; color: #369; }
#substance #home-other-blogs ul li cite a:link, #substance #home-other-blogs ul li cite a:visited { color: #369; border-bottom: none; }

#substance #home-other-blogs .widget_rss a.rsswidget img { display: none; }

#substance #home-sidebar .widget_search label { display: none; }
#substance #home-sidebar .widget_search #s { width: 55%; margin: 0 0 0.5em 5%; }
#substance #home-sidebar .widget_search #searchsubmit { width: 30%; margin: 0 0 0.5em 5%; }

#substance #home-sidebar .widget { background: url(that/greyskygrad.jpg) repeat-x 0 1.2em; }

/* ########   ARCHIVE - STYLES   ######## */

/* old format - left and right columns
ol.archive-list { margin-left: 3%; }
ol.archive-list li div.content { display: table; }
#substance ol.archive-list li div.content .excerpt-col { EDIT OUT width: 66%; float: left; ENDEDIT NOTE display: table-cell ONLY SEEMS TO WORK ON 70% OF THE ENTRIES ENDNOTE }
#substance ol.archive-list li div.content .excerpt-details { EDIT OUT width: 33%; float: right; ENDEDIT display: table-cell; width: 20%; }
*/

/*.archive #substance h1 { text-align: center; }*/
#substance ol.archive-list { /*list-style-type: upper-roman;*/ list-style-type: none; padding: 0; }
#substance ol.archive-list li { background: url(that/iceygrad.jpg) no-repeat bottom left transparent; margin: 0 0 1.5em; border-bottom: 4px solid #CEE; }

.archive #substance #page-col h2 { margin: 0 10px 0.25em; }

#substance ol.archive-list li h2 { margin: 0 10px 0.25em; border: none; }
#substance ol.archive-list li h2 a:link { border: none; }
#substance ol.archive-list li h2 a:visited { color: #28D; border-bottom: none; }

/* prevent list inside archive items from being styled */
#substance ol.archive-list li li { background: none; margin: 0; border:none; }

#substance ol.archive-list li p { text-align: left !important; }

#substance ol.archive-list .excerpt-details { background: url(that/fffalpha.png) repeat transparent /*#E0FCEE*/; border-bottom: 1px solid #BDD; text-align: center; padding: 0.5em 0 0; }
#substance ol.archive-list .excerpt-details p { color: #AAC; margin: 0 10px !important; }
#substance ol.archive-list .excerpt-details .date-day { font-size: 1.1em; }
#substance ol.archive-list .excerpt-details .date-date { font-weight: bold; }
#substance ol.archive-list .excerpt-details .date-month { font-weight: bold; }
#substance ol.archive-list .excerpt-details .date-year { font-weight: bold; }
#substance ol.archive-list .excerpt-details a:link  { color: #AAC; text-decoration:none; border-bottom: 1px dotted #28D; }
#substance ol.archive-list .excerpt-details a:visited { color: #AAC; border-bottom: 1px dotted #C73; }

#substance #page-col .excerpt-col p, #substance #page-col .excerpt-col p, #substance #page-col .excerpt-col ul, #substance #page-col .excerpt-col ol, #substance #page-col .excerpt-col dl, #substance #page-col .excerpt-col hr, #substance #page-col .excerpt-col textarea, #substance #page-col .excerpt-col input, #substance #page-col .excerpt-col table, #substance #page-col .excerpt-col h1, #substance #page-col .excerpt-col h2 { margin: 0 10px 0.5em; }



/* 
* 
* SUBSTANCE - SPECIFIC FEATURES STYLES'
* 
*/ 

/* ########   DISCRESH FORM   ######## */

#page-widgets .widgetcform fieldset { border: 1px solid #6CE; background: #F3F9F9; }
#page-widgets .widgetcform fieldset legend { color: #3CE; text-indent: 3em; }
#page-widgets .widgetcform fieldset ol { list-style-type: none; padding: 0 0 0.5em; }
#page-widgets .widgetcform fieldset li { }
#page-widgets .widgetcform fieldset label { margin-bottom: 0; margin-left: 10px; display: block; }
#page-widgets .widgetcform fieldset input { margin-right: 0; width: 90%; }
#page-widgets .widgetcform fieldset textarea { margin-right: 0; width: 91%; }

#page-widgets .widgetcform fieldset.cf_hidden { visibility: hidden; }
#page-widgets .widgetcform fieldset.cf_hidden legend { display: none; }
#page-widgets .widgetcform fieldset input.dp-applied { width: 80%; margin-right: 2%; }
#page-widgets .widgetcform fieldset li.textonly { margin: 0 10px 0.5em; color: #F99; }
#page-widgets .widgetcform fieldset input.cf-box-b { text-align: left; }
#page-widgets .widgetcform p.cf-sb { border: 1px solid pink; background: #FFF9F9; margin:0; padding: 0.5em 0 0 0; }
#page-widgets .widgetcform p.cf-sb input { }

body.page-id-43 #substance #page-col .cform fieldset { border: 1px solid #6CE; background: #F3F9F9; }
body.page-id-43 #substance #page-col .cform fieldset legend { color: #3CE; text-indent: 3em; }
body.page-id-43 #substance #page-col .cform fieldset ol { list-style-type: none; padding: 0 0 0.5em; }
body.page-id-43 #substance #page-col .cform fieldset li { }
body.page-id-43 #substance #page-col .cform fieldset label { margin-bottom: 0; margin-left: 10px; display: block; }
body.page-id-43 #substance #page-col .cform fieldset input { margin-right: 0; width: 95%; }
body.page-id-43 #substance #page-col .cform fieldset textarea { margin-right: 0; width: 95%; }

body.page-id-43 #substance #page-col .cform fieldset.cf_hidden { visibility: hidden; }
body.page-id-43 #substance #page-col .cform fieldset.cf_hidden legend { display: none; }
body.page-id-43 #substance #page-col .cform fieldset input.dp-applied { width: 90%; }
body.page-id-43 #substance #page-col .cform fieldset li.textonly { margin: 0 10px 0.5em; color: #F99; }
body.page-id-43 #substance #page-col .cform fieldset input.cf-box-b { text-align: left; }
body.page-id-43 #substance #page-col .cform p.cf-sb { border: 1px solid pink; background: #F9F9F9; margin:0; padding: 0.5em 0 0 0; }
body.page-id-43 #substance #page-col .cform p.cf-sb input { }

#substance .linklove { margin: -0.5em 0 10px; }
#substance .linklove a:link, #substance .linklove a:visited { font-size: 0.75em; color: #BBB; border-bottom: none; }

/* ########   EVENTS - AmR iCal   ######## */

/* AmR is NOT IN USE ... scoll down
.page-id-111 #substance #page-col h1 { margin-bottom: 0; }
EDIT OUT #substance #page-col #calprop0 li.icsurl { position: absolute; top: 25px; right: 75px; }
#substance #page-col #calprop0 li.icalrefresh { position: absolute; top: 25px; right: 25px; } ENDEDIT
#substance #page-col #calprop0 li { float: left; margin-right: 1em; }

#substance #page-col #compprop0 thead th { text-align: center; border-bottom: 2px solid #111; border-top: 2px solid #069; background: #444; color:#09C; }

#substance #page-col #compprop0 tbody ul, #substance #page-col #compprop0 tbody ol, #substance #page-col #compprop0 tbody dl, #substance #page-col #calprop0 tbody ul, #substance #page-col #calprop0 tbody ol, #substance #page-col #calprop0 tbody dl { padding-left: 0; list-style-type: none; } 

#substance #page-col #compprop0 tbody tr td { border-bottom: 2px solid #9DC; padding: 0.5em 0 0 10px; }
#substance #page-col #compprop0 tbody tr td.amrcol1 { background: url(that/greyskygrad.jpg) repeat-x 0 0; EDIT OUT border-left: 2px solid #666; ENDEDIT }
#substance #page-col #compprop0 tbody tr td.amrcol2 { color: #3AC; font-family: Century Gothic, sans-serif; text-align: center; border-left: 1px solid #9DC; border-right: 1px solid #9DC; font-weight: bold; }


#substance #page-col #compprop0 .SUMMARY h3 { float: none; }
#substance #page-col #compprop0 .SUMMARY { float: none; } NOTE This is the title ENDNOTE
#substance #page-col #compprop0 .DESCRIPTION { float: none; } NOTE This is the body ENDNOTE
#substance #page-col #compprop0 .EventDate { font-family: Arial Black, sans-serif; float: none; } 
#substance #page-col #compprop0 .StartTime { float: none; }
#substance #page-col #compprop0 .map { float: none; } NOTE LINK TO GMAP ENDNOTE
#substance #page-col #compprop0 .LOCATION { margin-top: 0.5em; float: none; }


#amr-ical-widget table { width: 100%; }
#amr-ical-widget .eventdate { display: inline; color: #069; font-weight: bold; }
#amr-ical-widget .starttime { display: inline; color: #069; }
#amr-ical-widget .endtime { display: inline; color: #069; }
#amr-ical-widget .endtime:before { content:"- "; }
#amr-ical-widget .summary { border-bottom: 2px dotted #CCF; }
*/

/* ########   EVENTS - ICS Calendar   ######## */

.page-id-111 #substance #page-col h1 { margin-bottom: 0; }

#substance .event-instance .event-details { list-style-type: none; padding: 0 0.5em 0.5em; color: #3AC; font-family: Century Gothic, sans-serif; font-weight: bold; border-left: 1px solid #9DC; border-right: 1px solid #9DC; border-top: 2px solid #6A9; background: #DCF0FF; margin-bottom: 0 !important; }

	#substance .event-instance .event-date { font-size: 2em; }

#substance .event-instance .event-title { padding: 0 0.5em; border-left: 1px solid #9DC; border-right: 1px solid #9DC; }

#substance .event-instance .event-description, #substance .event-instance p { padding: 0 0.5em; }

/* ########   EVENTS - WIDGET   ######## */

#ics-calendar-widget p.event-title { margin: 0 10px 0; }
#ics-calendar-widget cite { display: block; margin: 0 10px 1em; color: #069; }

#substance .widgetICSImporter small { display: block; background: #DDD; text-align: center; padding: 0.25em; border-bottom: 1px solid #09C; } 
#substance .widgetICSImporter small a:link, #substance .widgetICSImporter small a:visited { color: #369; border-bottom: none; }
#substance .widgetICSImporter small a:hover { color: #09C; }

/* ########   WG LISTING   ######## */

#substance #page-widgets #section-tabbed-3 h3.widget-title { background: none; color: #357; font-family: Century Gothic, sans-serif; font-weight: normal; border-bottom: none; font-size: 1.6em; }

/* swt-wrapper uses jQuery UI theme for most styles. these styles ensure theme functions correctly */
#substance #page-widgets #section-tabbed-3 .swt-wrapper h3.ui-accordion-header { margin:0; font-size: 0.9em; }
#substance #page-widgets #section-tabbed-3 .swt-wrapper div.ui-accordion-content { padding: 0.5em; font-size: 0.9em; }
#substance #page-widgets #section-tabbed-3 .swt-wrapper div.ui-accordion-content h1, #substance #page-widgets #section-tabbed-3 .swt-wrapper div.ui-accordion-content h2{ font-size: 1.1em; color: #09C; background: #FFF; margin: 0 -10px 0.25em; padding: 0 0 0 20px; }
#substance #page-widgets #section-tabbed-3 .swt-wrapper div.ui-accordion-content h3, #substance #page-widgets #section-tabbed-3 .swt-wrapper div.ui-accordion-content h4 { font-size: 1em; font-weight: bold; }

/* ########   WG PAGE - WG RSS   ######## */

#kb-advanced-rss-4 h3.widget-title { margin-bottom: 0; }

ul#workinggroups-rss { font-family: Helvetica, Arial, sans-serif; font-size: 80%; background: #222; padding-top: 1em !important; }
ul#workinggroups-rss li { border-bottom: #069 solid 2px; margin-bottom: 0.5em; }
ul#workinggroups-rss li h4 { color: #FFF; line-height: 1.3em; font-size: 1.1em; }
ul#workinggroups-rss li cite { display: block; font-size: 0.85em; color: #47C; margin: 0 10px 0.5em; }
ul#workinggroups-rss li cite a:link, ul#workinggroups-rss li cite a:visited { color: #47C; border-bottom: none; }
ul#workinggroups-rss li p .rss-read-more { font-size: 0.85em; }
ul#workinggroups-rss li p .rss-read-more a:link, ul#workinggroups-rss li p .rss-read-more a:visited { color: #47C; }

/* ########   ERROR 404   ######## */

.error404 #substance #error-widgets { width: 75%; margin: 2em auto 0; color: #333; }
.error404 #substance #error-widgets .widget { margin: 0 0 1em; background: url(that/tangskygrad.jpg) repeat-x 0 1.2em; padding-bottom: 1em; }
.error404 #substance #error-widgets .widget_search { color: #FB0; border: 2px dashed #FC0; background: none; padding: 0.5em; }
.error404 #substance #error-widgets .widget .widget-title, .error404 #substance #error-widgets .widget .widget-title a:link, .error404 #substance #error-widgets .widget .widget-title a:visited { padding: 0; border-bottom: none; color: #EA0; background: none; }
.error404 #substance #error-widgets .widget li { margin-bottom: 0.5em; }
.error404 #substance #error-widgets .widget li cite { display: block; font-size: 0.85em; color: #666; }



/* 
* 
* NAVIGATION
* 
*/ 

#nav { position:absolute; top: 75px; width: 895px; background: url(that/grass-upright.png) no-repeat top center; padding: 1.5em 0 0 5px; }

/* Works with WP-LIST-PAGES */
#nav ul#site-nav { list-style-type: none; margin:0; padding:0 0 0 60px; font-family: Century Gothic, Gill Sans, sans-serif; font-size: 1em; background: url(that/nav-icon.png) left no-repeat transparent; }
#nav ul#site-nav li { margin:0 0.75em 0 0; padding:0; display:inline; }
#nav ul#site-nav li a:link, #nav ul#site-nav li a:visited { color: #777; text-decoration: none; }
#nav ul#site-nav li a:hover { color: #77B; }
#nav ul#site-nav li.current_page_item a:link, #nav ul#site-nav li.current_page_item a:visited { color: #77B; }
#nav ul#site-nav li.current_page_item a:hover { color: #77B; }

body.home #nav { position:absolute; top: 333px; width: 900px; padding:0; background: transparent; }


/* 
* 
* FOOTER
* 
*/ 

/*#footer { margin-top: 2em; padding: 0.5em 0; text-align: center; font-size: 0.8em; font-family: Arial; color: #F90; background: #FD4; border-top: 3px dotted #FC0; }*/
#footer { margin-top: 2em; padding: 0.5em 0; text-align: center; font-size: 0.7em; font-family: Arial; color: #99C; background: #EEE; border-top: 1px solid #DDD; }

#footer a:link, #footer a:visited { color: #99C; }


/* 
* 
* WORKING GROUPS
* 
*/ 

body.workinggroup { background: #225CAD; }

#header #wg-info { width: 555px; height: 85px; float: left; display: table; margin-left: 20px; }
#header #wg-info p { margin: 0; font-family: Century Gothic, Gill Sans, sans-serif; font-size: 0.8em; display: table-cell; vertical-align: middle; }

body.workinggroup #substance-container { background: url(that/substance-Bg-wg2.png) top left no-repeat; }

#nav ul#wg-nav { list-style-type: none; margin:0; padding:0; font-family: Century Gothic, Gill Sans, sans-serif; font-size: 1.5em; }
#nav ul#wg-nav li { margin:0 1em 0 0; padding:0; float:left; }
#nav ul#wg-nav li a:link, #nav ul#wg-nav li a:visited { color: #BBB; text-decoration: none; }
#nav ul#wg-nav li a:hover { color: #77B; }