/*
Theme Name: DIACTheme
Theme URI: http://www.mysite.com/my-theme/
Description: Describe your theme in a sentence or two
Version: 1.0
Author: Me
Author URI: http://mysite.com/
*/

/******************************************************************************
 * Yahoo! Reset CSS
 *****************************************************************************/
 /*
 Copyright (c) 2007, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
 http://developer.yahoo.net/yui/license.txt
 version: 2.3.0
 */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/******************************************************************************
 * Template
 *****************************************************************************/
body {  }
/*#template { background: url(images/template-bg.jpg) repeat-y; margin: 0 auto; padding: 0 84px 0 66px; position: relative; width: 750px; }*/
/*#template { right: 68px; margin: 0 auto; position: relative; width: 750px; }*/
/*#middle { background: #96c4e4; padding: 0 0 0 28px; position: relative; width: 722px; }*/
#middle { background: #ffffff url(images/template-bg.jpg) repeat-y; margin: 0 auto; padding: 0 84px 0 66px; position: relative; width: 750px; }
div.clear { clear: both; }
#random-member-logo { position: absolute; left: 75px; top: 210px; max-width: 110px; max-height: 50px; _width: expression(this.width > 110 ? 110: true); }

/******************************************************************************
 * Header
 *****************************************************************************/
#header { background: url(images/header-bg.jpg) repeat-y; height: 162px; margin: 0 auto; padding: 0 84px 0 66px; position: relative; width: 750px; z-index: 4; }
#header #site-title { background: #96c4e4 url(images/header-h1.png) 24px 2px no-repeat; font-size: 0; height: 162px; line-height: 0; position: relative; width: 550px; text-indent: -9999px; z-index: 2; }
#header #section-bulletins { background: url(images/bulletins.png) no-repeat; font-size: 0; height: 18px; margin: -30px 0 0 64px; position: absolute; text-indent: -9999px; width: 90px; z-index: 2; }
#header #section-event-calendar { background: url(images/event_calendar.png) no-repeat; font-size: 0; height: 18px; margin: -30px 0 0 64px; position: absolute; text-indent: -9999px; width: 155px; z-index: 2; }
#header #section-product-locator { background: url(images/product_locator.png) no-repeat; font-size: 0; height: 18px; margin: -30px 0 0 64px; position: absolute; text-indent: -9999px; width: 164px; z-index: 2; }
/******************************************************************************
 * Content
 *****************************************************************************/
#content { background: #fff; border-left: 28px solid #96c4e4; color: #333; font-family: Helvetica; font-size: 12px; float: left; _height: 640px; min-height: 640px; padding: 0 0 0 20px; width: 472px; z-index: 3; }
#content h1 { color: #96c4e4; font-size: 30px; margin: 25px 0; }
#content h2 { color: #00209e; font-size: 18px; margin: 0 0 20px 0; }
#content h3 { font-size: 12px; font-weight: bold; }
#content p, #content h1, #content dl, #content ul { margin-bottom: 10px; }
#content dd, #content dt { margin-bottom: 5px; }
#content li { display: list-item; list-style-type: square; margin-bottom: 5px; margin-left: 15px; }
#content strong { font-weight: bold; }
#content em { font-style: italic; }
div.introduction { background: #efefef; padding: 10px; margin-bottom: 10px; }
#content table.styled th { text-align: left; }
#content table.styled td { padding: 0 0 1.0em 0; vertical-align: top; }
#content a { color: #00209e; }

/******************************************************************************
 * Splash
 *****************************************************************************/
#splash-ctr { background: #efefef; text-align: center; height: 350px; padding: 20px 0 0 0 }

/******************************************************************************
 * Bulletins
 *****************************************************************************/
div.bulletin-preview { background: #f1f1f1; border-style: solid none; border-width: thin; border-color: #bdbdbd; margin: 0 0 5px 0; padding: 5px 0 0 55px; }
div.bulletin-preview div.to strong,
div.bulletin-preview div.from strong,
div.bulletin-preview div.category strong,
div.bulletin-preview div.date strong,
div.bulletin-preview div.subject strong { display: inline-block; margin: 0 0 0 -50px; width: 47px; }
div.bulletin-category-listing a { display: inline-block; margin: 0 0 20px 0;}
div.latest-category-bulletin { margin: 0 0 40px 0; }
div.latest-category-bulletin div.bulletin-preview { background: #f1f1f1; border-style: solid none; border-width: thin; border-color: #bdbdbd; margin: 0 0 10px 0; padding: 5px 0 0 100px; }
div.latest-category-bulletin div.bulletin-preview div.latest { color: #00209e; float: left; font-weight: bold; margin-left: -95px; }
div.latest-category-bulletin div.bulletin-preview div.to strong,
div.latest-category-bulletin div.bulletin-preview div.from strong,
div.latest-category-bulletin div.bulletin-preview div.category strong,
div.latest-category-bulletin div.bulletin-preview div.date strong,
div.latest-category-bulletin div.bulletin-preview div.subject strong { display: inline-block; margin: 0 0 0 -50px; width: 47px; }
div.bulletin { padding: 0 0 10px 0; }
div.bulletin div.header { background: #f1f1f1; border-style: solid none; border-width: thin; border-color: #bdbdbd; color: #00209e; padding: 5px 0 5px 60px; }
div.bulletin div.header strong { display: inline-block; margin: 0 0 0 -60px; width: 47px; padding: 0 0 0 10px; }
div.bulletin div.body { margin: 10px 0 0 0;}


/******************************************************************************
 * blue banner
 *****************************************************************************/
#empty-banner { background: url(images/content-h2-bg.jpg) repeat-x; border-top: 1px solid #fff; height: 40px; margin: 0 -20px; padding: 0 20px; position: relative; }

/******************************************************************************
 * News Items
 *****************************************************************************/
#content div.news-source { background: #f1f1f1; border-top: 1px solid #bdbdbd; color: #00209e; padding: 5px 5px 0 5px; }
#content div.news-source strong { display: inline-block; width: 70px; }
#content div.news-date { background: #f1f1f1; border-bottom: 1px solid #bdbdbd; color: #00209e; margin: 0 0 10px 0; padding: 0 5px 5px 5px; }
#content div.news-date strong { display: inline-block; width: 70px; }
#content div.news-item-preview { margin: 0 0 30px 0;}
#content div.news-item-preview h2 { margin: 0; }
#content div.news-item-preview h2 a { text-decoration: none; }

/******************************************************************************
 * Section Menu
 *****************************************************************************/
#section-menu { background: url(images/content-h2-bg.jpg) repeat-x; border-top: 1px solid #fff; height: 40px; margin: 0 -20px; overflow: hidden; padding: 0 20px; position: relative; }
#section-menu li { float: left; height: 30px; list-style-type: none; margin: 5px 3px 5px 2px; width: 70px; text-align: center; }
#section-menu li a { color: #ffffff; text-decoration: none; }
#section-menu li.selected { background: #ffffff; height: 29px; margin: 0 3px 0 2px; padding: 5px 2px; }
#section-menu li.selected a { color: #00209e;}

/******************************************************************************
 * Site Menu
 *****************************************************************************/
#site-menu { background: url(images/site-menu-bg.jpg) repeat-x; float: right; left: 1px; height: 501px; margin: 134px 0 0 0; position: relative; width: 210px; }
#site-menu li { }
#site-menu li a { border-bottom: 1px solid #fff; color: #fff; display: block; font-family: Helvetica; font-size: 14px; height: 19px; padding: 2px 0 0 20px; text-decoration: none; width: 190px; }
#site-menu li.special { font-weight: bold; }
#site-menu li a.selected { background: #96c4e4; color: #00209e; }

/******************************************************************************
 * Member Spotlight
 *****************************************************************************/
/*#member-spotlight { background: url(images/diac-man.jpg) no-repeat; height: 295px; max-height: 295px; max-width: 306px; position: absolute; right: 0px; width: 306px; top: 0; z-index: 1; }*/
#member-spotlight { background: url(images/diac-man.jpg) no-repeat; height: 295px; margin: -162px auto -133px auto; max-height: 295px; max-width: 306px; left: 298px; position: relative; width: 306px; top: 0; z-index: 1; }

/******************************************************************************
 * Technorama
 *****************************************************************************/
#technorama-menu { margin: 10px 0; }
#technorama-menu dl {
  padding: 0 5px 5px 5px;
 	position: relative;
 	border: 1px solid #666;
 	background: #efefef;
 	font-weight: bold;
 	margin: 0;
 	text-align: center;
}
#technorama-menu dt { background: #666; color: #fff; margin: 0 -5px 5px -5px; padding: 5px; text-align: left; }
#technorama-menu dd {
 	display: inline;
 	margin: 0 2ex 0 0;
}

/******************************************************************************
 * Member listing
 *****************************************************************************/
div.diac-member { padding: 10px 0; border-bottom: 1px solid #333; margin: 0 0 10px 0; overflow: hidden; width: 472px; }
div.diac-member span.logo { float: left; width: 300px; }
div.diac-member span.name { float: right; width: 172px; }
div.diac-member .accordion { float: right; position: relative; width: 172px; }

/******************************************************************************
 * Footer
 *****************************************************************************/
#footer { background: #666666; border-top: 4px solid #666666; height: 300px; }

/******************************************************************************
 * Forms
 *****************************************************************************/
div.labelled-field { clear: both; margin: 0 0 5px 0; }
div.labelled-field label { float: left; width: 100px; margin: 0 5px 0 0; text-align: right; }
div.labelled-field input { width: 300px; }
div.labelled-text-area { margin: 10px 0; }
div.labelled-text-area label { float: left; width: 100px; margin: 0 5px 0 0; text-align: right; }
div.labelled-text-area textarea { width: 300px; }
div.button-bar { padding: 0 0 0 105px; }

/******************************************************************************
 * Event Calendar
 *****************************************************************************/
div.calendar-date { color: #00209e; font-size: 18px; margin: 0 0 20px 0; }
div.calendar-event { margin: 0 0 10px 0; }
div.calendar-event div.headline { font-size: 12px; font-weight: bold; }

div.calendar { padding: 0 25% 20px 25%; position: relative; }

/******************************************************************************
 * Custom WordPress "to" and "from" text in body CSS
 *****************************************************************************/

div.diac-bulletin div.to { font-style: italic; }
div.diac-bulletin div.from { /*font-weight: bold; border-bottom: 1px solid #666666;*/ }
div.diac-content { margin: 15pt 15pt 0 0; }

div.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
.alignright { float: right; }
.alignleft { float: left; }

div.dialog404 { font-color: #666; text-align: center; width: 25em; padding: 0 4em; margin: 4em auto 0 auto; border: 1px solid #ccc; border-right-color: #999; border-bottom-color: #999; }
div.dialog404 h1 { font-size: 100%; color: #f00; line-height: 1.5em; }