/*
Theme Name: wsba_theme
Theme URI: http://www.bmet.org
Description: A custom theme for the WSBA
Author: Geoff McAlpin
Author URI: http://www.mcalpindesigns.com
version: 1.0
*/



/* basics */

*{margin:0; padding:0;}

body {
	background: #ddd;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
	margin: 20px;
        height: 100%;
        }
	
h1 {font-size: 18pt;}
h2 {font-size: 14pt; margin-top:10px;}
h3 {font-size: 10pt; margin-top:10px;}
h4 {font-size: 9pt;}


/* images and misc. */

img{ border: none; padding: 6px; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px; }
img.right{ float: right; border: none; padding: 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	margin:10px;
	font-family:"Courier New", Courier, monospace;
        font-style: italic;
        }


/* links */

a{
	color:#666;
	text-decoration:none;
	border: none;
	}

a:hover{color:#6A7CA0;text-decoration: underline; border: none;}

/* link images */
.popup {padding-right: 18px; background: transparent url(images/icon_popup.gif) no-repeat center right;}
.popup:hover {padding-right: 18px; background: transparent url(images/icon_popup.gif) no-repeat center right;}
.external {padding-right: 18px; background: transparent url(images/icon_external.gif) no-repeat center right;}
.external:hover {padding-right: 18px; background: transparent url(images/icon_external.gif) no-repeat center right;}
a[href$='.pdf'] {padding-right: 18px; background: transparent url(images/icon_pdf.gif) no-repeat center right;}
a[href$='.pdf']:hover {padding-right: 18px; background: transparent url(images/icon_pdf.gif) no-repeat center right;}
a[href$='.doc'] {padding-right: 18px; background: transparent url(images/icon_doc.gif) no-repeat center right;}
a[href$='.doc']:hover {padding-right: 18px; background: transparent url(images/icon_doc.gif) no-repeat center right;}
a[href$='.xls'] {padding-right: 18px; background: transparent url(images/icon_xls.gif) no-repeat center right;}
a[href$='.xls']:hover {padding-right: 18px; background: transparent url(images/icon_xls.gif) no-repeat center right;}
a[href ^="mailto:"] {padding-right: 18px; background: transparent url(images/icon_mailto.gif) no-repeat center right;}
a[href ^="mailto:"]:hover {padding-right: 18px; background: transparent url(images/icon_mailto.gif) no-repeat center right;}
a[href*='feed'] {padding-right: 18px; background: transparent url(images/rss.jpg) no-repeat center right;}
a[href*='feed']:hover {padding-right: 18px; background: transparent url(images/rss.jpg) no-repeat center right;}

/* container */

#container {
	width: 980px;
	margin: 0 auto;
	padding: 6px;
	background:#fff;
	color:#333;
	border: 1px solid #0B1224;
        min-height: 100%;
        position: relative;
	}
	
/* header */

#header {
	background: #EED795 url(images/headbg.jpg) repeat;
        width: 100%; 
	color: #000; 
	height: 100px;
	}

#header h1{
	font-family: "palatino linotype", georgia, arial, times;
	font-size: 24pt;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0;	
	padding: 30px 0 0 16px;	
	}
	
#header h1 a{color: #3F3E4C; text-decoration: none;}
#header h1 a:hover{color: #666; text-decoration: none;}


#header h2{
	font-family: "palatino linotype", georgia, arial, times;
	font-size: 10pt;
	font-weight: 400;
	font-style: italic;
	color: #3F3E4C;
	letter-spacing: 1px;
	margin: 0;	
	padding: 0 0 0 18px;	
	}

/* main menu */

#menu {
	background: #0B1224;
	font-family: verdana, arial, times, serif;
	font-size: 8pt;
	width:100%; 
	height:25px;
	border-top: 1px solid #fff;
        margin-bottom: 10px;
}


#menu ul {
	margin: 6px 0 0 0;
	padding: 0;
	text-align: left;
}

#menu ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#menu ul li a {
	padding: 6px 13px 6px 13px;
	margin: 0;
	text-decoration: none;
	color: #fff;
}

#menu ul li a:hover {
	background-color: #fff;
	color:#0B1316;
         height: 25px;
}



/* content */


#content {
	float: left;
	width: 59%;
	overflow: hidden;
	border-left: 1px dotted #A2A2A2;
	border-right: 1px dotted #A2A2A2;
        margin-bottom: 10px;	
        min-height: 100% !important;
        height: 100% ;
        }

#content2 {
	float: left;
	width: 80%;
	overflow: hidden;
	border-left: 1px dotted #A2A2A2;
        margin-bottom: 10px;	
        min-height: 100% !important;
        height: 100% ;
        }

#altcontent {
	float: left;
	width: 75%;
        margin: 0 10px 0 10px;
	border-left: 1px dotted #A2A2A2;
	overflow: hidden;
        min-height: 100% !important;
        height: 100% ;
	}

.post {
	margin: 0 10px;
	padding:15px;
	line-height: 14pt;
        font-family: tahoma, verdana, arial, sans-serif;
	}
	
.post h2{
	font-family: baskerville, georgia, times, serif;
	font-size: 14pt;
	font-weight: 300;
	color: #08122E;
	}
	
.post h2 a{
	color: #08122E;
        text-decoration: none;
	}
	
.post h2 a:hover{
	color: #666;
	text-decoration: none;
	}
	
.post p{font-size: 8pt;}

.post a{text-decoration:underline;}

.post ul {list-style-type: none; margin-left: 5px;}

.post li {margin-left: 5px;}

.entry p{margin:12px 0;}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin-top: 16px;
	}

.navigation {
	font-size:8pt;
	float:left;
	width:100%;
	}
	
	.alignleft {float:left; margin:25px;}
	.alignright {float:right; margin:25px;}

.notfound{padding: 25px; font-size: 14pt; font-weight: 300;}

.nodisk {list-style-type:none; line-height:16px; margin: 0 0 0 5px;}

#content ol {list-style-position: inside;}
#content ol ol {margin-left: 5px;}
#content ol ol ol {margin-left: 10px;}
#content ul {list-style-type: none; margin-left: 5px;}
#content ul li {margin-left: 5px;}

h2.special {margin-left: 10px;}
h3.special {margin-left: 10px;}
h4.special {margin-left: 10px;}
h3.special2 {margin-left: 5px;}

/* left sidebar */

#left {
	font-family: verdana, arial, tahoma;
	font-size:8pt;
	width: 190px;
	float:left;
	margin: 12px 0 24px 0;
	padding: 0;
	}

#left h2{
	font-family: georgia, verdana, times;
	font-weight: bold; 
	font-size: 10pt; 
	text-align: left;
	background: #EED795;
	color: #000;	
	margin: 0;
	padding: 0 0 0 5px;
}

#left p {margin:0; padding: 0 6px 0 12px;}

#left img {padding: 0; margin: 0;}

#left ul {
	margin:12px;
	padding:0;
	list-style-type: none;
	}

#left ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}
	
#left ul ul {
	margin: 6px 0 6px 12px;
	padding: 0;
}

#left ul ul li {
	list-style-type: none;
	list-style-position: inside;
	}

#left ul ul ul{
	margin: 0;
	padding: 0;
}

#left ul ul ul li{
	padding: 0 0 0 15px;
	color: #898989;
}

#left ul ul ul li:before{
        content: "\00BB";
	color: #898989;
}



/* right sidebar */

#right{
	font-family: verdana, arial, tahoma;
	font-size:8pt;
	width: 200px;
	float:right;
	margin: 12px 0 24px 0;
	padding: 0;
	}

#right h2{
	font-family: georgia, verdana, times;
	font-weight: bold; 
	font-size: 10pt; 
	text-align: left;
	color: #000;
	background: #EED795;
	margin: 0;
	padding: 0 0 0 5px;
}

#right p {margin:0; padding: 0 6px 0 12px;}

#right img {padding: 0; margin: 0;}

#right ul {
	margin:12px;
	padding:0;
	list-style-type: none;
	}

#right ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#right ul ul {
	margin: 6px 0 6px 12px;
	padding: 0;
}

#right ul ul li {
	list-style-type: none;
	list-style-position: inside;
	}

#right ul ul ul{
	margin: 0;
	padding: 0;
}

#right ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}

/*contacts table*/
.contacts {border:solid 1px #000;}
.data {border-top:solid 1px #000; border-bottom:solid 1px #000;}

/* Calendar Widget*/

#wp-calendar {
	margin: 0 auto;
	text-align: center;
	color: #000;
	width: 100%;
	}


#wp-calendar caption{
	margin-top: 10px;
	}
	
#wp-calendar a{ 
	margin: 0;
	padding: 0;
	color: #000;
	border-bottom: 1px dotted
	}

/* comments */

#commentssection{
	clear: both;
	padding: 2px 12px;
	margin: 0;
	}
	
#commentssection h3{
	font-family: georgia, times, verdana;
	font-size: 12pt;
	font-weight: 300;
	font-style: normal;
	color: #000;
	}

#commentform{
	background: #F0F0F0;
	margin: 12px 12px 20px 12px;
	padding:20px;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	}
	
#commentbox{
	width:75%;
	min-width:400px;
	margin:5px 5px 0 0;
	}

#author, #email, #url, #commentbox, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	border: none; 
	padding: 6px;
	border: 1px solid #B2B2B2;
	}

#submit{margin:5px 5px 0 0;}

	
ol.commentlist {list-style-type: none;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	overflow: hidden;
	}

ol.commentlist li.alt {background: #EDEDED;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}


/* search */

#searchform{
	padding: 6px 0 6px 6px;
	font-family: verdana, arial, times;
	position:absolute;
	top:20px;
	right:20px;
	}

#searchform input#s{
	font-family: verdana, arial, times;
	font-size: 8pt;
	padding: 2px;
	margin: 2px;
	border: 1px solid #BEBEBE;
	}

#searchform input#searchsubmit{
	font-family: verdana, arial, times;
	font-size: 7pt;
	padding: 2px;
	margin: 2px 0 0 2px;
	border: 1px solid #BEBEBE;
	background-color: #fff;
	color: #797979;
	}


/* footer */

#footer {
	background: #0B1224;
	clear: both;
	width: 100%;
        height: 25px;
	margin-top:10px;
	border-top:solid 1px #DEDEDE;
	font-family: verdana, arial, tahoma;
	font-size: 7pt;
	}
	
#footer p{padding:6px;margin: 0; color: #eee;}
#footer a{color: #BCBCBC;text-decoration: none;}
#footer a:hover{color: #5D5D5D;text-decoration: underline;}

#logo {
margin: 0 auto;
}

/* Fake table */
.table {display: table; width: 100%; padding: 4px 0 0 5px;}
.trow {display: table-row; outline:1px solid;}
.trow:hover {background: #EAE7E0; border-style:solid;}
.trow_jobs {display: table-row; outline: 1px solid;}
.tcell_1 {display: table-cell; width: 25%; padding: 4px 0 0 0;}
.tcell_2 {display: table-cell; width: 75%; padding: 4px 0 0 5px; }
.tcell_l {display: table-cell; width: 60%; padding: 0 0 0 5px;height: 55px;vertical-align:middle;}
.tcell_r {display: table-cell; width: 40%; padding: 0 0 0 5px;height: 55px;vertical-align:middle;}
.thead {display: table-row; background:#EED795;}
.thead_contacts {display: table-row; background:#EED795; outline: 1px solid;}
.theadcell_l {display: table-cell; width: 60%; padding: 0 0 0 5px;height: 55px;vertical-align:middle;}
.theadcell_r {display: table-cell; width: 40%; padding: 0 0 0 5px;height: 55px;vertical-align:middle; }

/* Job form */
#mainForm 
{
	position: relative;
	border: 0;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 95%;
	background-color: #ffffff;
}

ul.mainForm
{
	list-style-type: none;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size:15px;	
}

li.mainForm
{
	padding-bottom: 10px;
}


#mainFormError
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
}



input.mainFormError
{
	background-color: #FADADD;
}


textarea.mainFormError
{
	background-color: #FADADD;
}


select.mainFormError
{
	background-color: #FADADD;
}


#formHeader
{
	position: relative;
	width: 100%;
	background-color: #fff;
	margin:0 0 0 0;
	padding-bottom: 5px;
}

p.formHeader
{
	text-align: right;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #000;
	font-size:25px;
	position:relative;
	left:-5px;
	top:4px;
	letter-spacing: 2px;
}



#formInfo
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;
}

h2.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:20px;
	position:relative;
	left:20px;
	top:0px;
	letter-spacing: 1px;
	line-height:150%;
	color: #000;
}


p.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #000000;
	font-size:12px;
	position:relative;
	left:20px;
	top:0px;
	color: #000;
}

#formFields
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;

}

label.formFieldQuestion
{
	line-height:125%;
	padding:0 4px 1px 0;
	border:none;	
	display:block;
	font-size:95%;
	font-weight:bold;
}

label.formFieldOption
{
	font-size:90%;
	display:block;
	line-height:1.0em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	width:90%;
}



input.formFieldStyle
{
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}


/* tooltip */
a.info {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration:none; 
	position: relative;
}

a.info span {
	position: relative;
	display:none;
}

a.info:hover {
	position: relative;
	cursor:default;
}

a.info:hover .infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:20px;;
	left:25px;
	width:205px; 
	height:70px; 
	border: 1px solid #ccc; 
	background:#f4f4f4 url(question.gif) no-repeat bottom right; 
	color:#000; 
	text-align:left; 
	font-size:0.7em; 
	padding-left:10px; 
	padding-top:10px;
}
#clearbottom {
        width: 100%;
        margin-top: 10px;
}

/* Begin AMR iCal Plugin CSS - icallist.css*/

.alt { /* make  and alt look different. if your theme has an "alt" styling, then remove this for consistency with your theme's styling. */
 	background-color: #eee; 
	} 
.history
{ /* make  and alt look different. if your theme has an "alt" styling, then remove this for consistency with your theme's styling. */
	opacity: .7; /*  for all other browsers*/
	filter: alpha(opacity=70); /* for IE 5 to 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE8 */
	zoom:1 /* so the element "hasLayout"
    /* or, to trigger "hasLayout" set a width or height */
}
	} 
table#compprop0  {  
	border-collapse:collapse;  /* required to get the today rown border styling loooking good  */
}

#compprop0 tr.today td {  /* style today's events differently perhaps? */
	border-top: 2px solid !important;
	border-bottom: 2px solid !important;
	border-left: 0px;
	border-right: 0px;
}

#compprop0 tr.today td.amrcol1 {  /* style today's events differently perhaps? */
	border-left: 2px solid !important;
	border-right: 0px !important;
}
#compprop0 tr.today td.lastcol {  /* style today's events differently perhaps? */
	border-right: 2px solid !important;
	border-left: 0px !important;
}
#compprop0 tr.history td.amrcol1 ,
#compprop0 tr.history td.lastcol,
#compprop0 tr.history td {  /* un style today's historical  */
	border: 0 !important;
}
#wcompprop0  {  /* style recurring events differently perhaps? */
	border: 0;
}

#wcompprop0 td.today {  /* style recurring events differently perhaps? */
	font-weight: bolder !important;
}	

#compprop0 .group  {/* make groupings look different maybe */

	}
/* -------------------------------------------------------------------------------------*/
/* Table related definitions - delete these if your theme does tables nicely already  */
	#compprop0 thead tr { /* Make the table heading row a bit bigger */
		font-size: larger;
		}

	#compprop0 tfoot a,   /* make footer look subtle */
	#wcompprop0 tfoot a {
		color: #777;
		}

	#calprop0 th,
	#calprop0 td,
	#compprop0 th,
	#compprop0 td { /* space the table elements out a bit */
		padding: 0.5em;
		text-align: left;
		}	

	td.amrcol1 {
		width: 25%; /* we want the first column to stay a certain width  for better presentation  */
		}	
/* end of table */	
/* -------------------------------------------------------------------------------------*/	

	
#compprop0 li.summary h3{ /* make the summaries take on whatever the theme's h3 is, but not extra space above */
	padding-top: 0;
	margin-top: 0;
}

#compprop0,
#calprop0 {	
	width: 100%;   /* force the calendar  to take as much space as it can so floated items don't force a wrap */
	margin: 5px auto;
	}
	
#calprop0 li,
#compprop0 li,	
#calprop0 ul,
#compprop0 ul {
	padding: 0; margin: 0;
}	

/* ---------------------------------------------------------------------------------*/
/* Do our very best to re move the list bullets where we do not want them.
   Themes  specify list bullet styling in many (okay maybe only 3 ) different ways and it is hard to force precdence sometimes! */
#wcompprop0 ul li,
#wcalprop0 ul  li,
#calprop0 ul  li,
#compprop0 ul li {  /* remove list bullets */	
	list-style: none !important;
	text-indent: 0;
	padding: 0;
	margin: 0;
	background: none !important;
    }

#compprop0 ul.amrcol  li:before,
#wcalprop0 ul.amrcol  li:before ,
#calprop0 ul.amrcol  li:before  {  /* remove list bullets in the default theme and similar themes */
		content:"" !important; /* none should work, but chrome seems to ignore it */
}
#sidebar #wccalprop0  li:before,
#sidebar #wcompprop0  li:before {  /* remove list bullets in the default theme and similar themes , for all fields*/
		content:"" !important; 
}
/* Default Theme and similar only ---------------------------------------------------------------*/
/* add back list bullets for a field only  - see what your theme is using and put it in here */
#sidebar #wcompprop0  li {  

}

#sidebar #wcompprop0  li.eventdate:before {
/*  	content: "\00BB \0020" !important;  */

}

/* End list bullets---------------------------------------------------------------*/

#menu #wcompprop0  ul { /* to override classic theme where all appears greyed out */
	color: #000;
}

#compprop0 img ,
#calprop0 img {
	border: none;
	vertical-align: text-bottom;
	}


#calprop0 ul li {  /* float calendar information onto one line */
	float: left;
	padding: 0 1em 0 0; 
}

#sidebar #wcalprop0 , /* if someone wants the calendar level on the widget, then float them to the left */
#compprop0 li.addevent,
#compprop0 li.icsurl ,
#compprop0 li.map,
#calprop0 li.addtogoogle,
#calprop0 li.icsurl ,
#calprop0 li.icalrefresh ,
#calprop0 li.x-wr-timezone { /* float our little icons to the right */
	float: right;
	padding: 0;
}

#compprop0 li.icalnav,
#compprop0 ul li.starttime,
#compprop0 ul li.endtime,
#wcompprop0 th,  /* for the widget only, float the headings to the left, especially for the groupings  */ 
#wcompprop0 ul li.eventdate,
#wcompprop0 ul li.starttime,
#wcompprop0 ul li.enddate,
#wcompprop0 ul li.endtime { /* Optional float these items up next to each other  - depends on type of data and space */
	float: left; 
	padding: 0 0.5em 0 0; 
	}

#wcompprop0 li.summary { /* to get the summary on a new line after the floated times */
	clear: left;
}

#calprop0 li,
#compprop0 li	{
	padding: 0 1em 0 0 ;
	}

#wcompprop0 td { /* for the widget only remove any additional table spacing, so that we are left with li spacing for consistency with other widgets */
    margin: 0;
	padding: 0;
}

/* css based description hide/display */

#wcompprop0 tr .description  {display:none; z-index:-1;} 

#wcompprop0 tr   { position:relative;}

#wcompprop0 tr:hover .description
{	
	background:#fff; 
	color: #111;
	opacity: 0.9;
	display:block; width: 90%;
	position:relative; 
	right:1px; top:10px;  
	z-index:100;
	margin:0 0 10px 0;  
	padding:2%; 
	overflow: none;
}

/* for semi paginate when it goes live ------------------------------------------------------- */	

.icalnav {vertical-align:middle;}
.icalnav a { text-decoration: none; padding-left: 1em; padding-right: 1em;}
.icalnav a span {font-size: 2em;}
.icalnav a:hover{ font-weight: bold; }

/* End AMR iCal Plugin CSS - icallist.css */