/* 
Theme Name: whiteboard
Theme URL: http://plainbeta.com/2008/05/20/whiteboard-a-free-wordpress-theme-framework/
Description: A blank theme for you to draw on.
Author: Brian Purkiss
Author URI: http://brianpurkiss.com
Version: 1.0.4

Obviously, you may edit the above info upon your customization.
Though I wouldn't mind a link somewhere... *hint hint*
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,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 {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}



body { background: #7a0066 url('images/bodybg.png') top  right no-repeat;
font-size:15px; font-family: Arial, Helvetica, sans-serif; 
line-height:140%} 
/*
Here is a list of all the <DIV>s in Whiteboard.
*/
#container {width:970px; margin: 0 auto;}

#post{ background-color:#FFFFFF}

#header {width:100%; height:140px;
 color:#FFFFFF}
 
 
 #header p {color:#FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
font-size:48px;
padding-top:80px;
 }
 
 #header ul {float:left}
 #header li {list-style:none; float:left;
 width: 140px; font-size:14px;text-align:center; letter-spacing: 4px;
 }
 
 #header li a {color: #FFFFFF;
 text-decoration:none; text-transform: uppercase}
  #header li a:hover {color: #ffcc00}
 
 #splash {width:958px;; height:140px;
 background-color:#FFFFFF;
 margin-top:12px;
 border:6px solid  #ffa600}
 
 #splash h1 { color:#FFFFFF;
  background-color:#7a0066;
  font-family: Arial, Helvetica, sans-serif;
  font-size:1.8em;  
  padding:6px;
   }
   
   
   h1 {  font-family: Arial, Helvetica, sans-serif;
  font-size:1.4em;
    padding:12px;
  line-height: 1.5em;
  letter-spacing: 3px;
  text-transform: uppercase}
   
 #mainPost h2, #eventPost h2 {

  font-family: Arial, Helvetica, sans-serif;
  font-size:1.4em;
    padding:12px;
  line-height: 1.5em
  }
  
  
   h3 {

  font-family: Arial, Helvetica, sans-serif;
  font-size:1.2em;
    padding:12px;
  line-height: 1.5em
  }
  
  a {color:#BF00BF;}
  a:hover{ color: #ffcc00}
  
  #latestEvents {
    border:6px solid  #ffa600;
	margin-top:12px;
	width: 704px;
height:64px;
	background-color:#FFFFFF
  
  
  }

  
  #nextevent {float:left; width :260px; font-size: 30px; padding-top:12px; padding-left:12px;line-height:52px;color:#FFFFFF;
 background: url('images/tabbg.png') repeat-y right #DBB9D5;margin-right:12px;
   }
  
  .tabbed {  height:234px;width: 131px;
 color: #FFFFFF; float:left; background:url(images/tabbg.png) repeat-y left top;

 }
 
   .tabbed2 {  height:180px;width: 131px;
 color: #FFFFFF; float:left;  
 }


 
 
 #frontLeftBottom li { list-style: none;
  margin-left:12px; font-size:.85em}
 
 
 .tabbed h3 , .tabbed2 h3{ 
 color: #FFFFFF; float:left;
 font-size:16px;
 letter-spacing:3px;
 text-transform: uppercase;
 text-align:center;
 padding-top:12px;
width: 105px;}
 
 #mainPost {float:left;  margin-top:12px;
 width:704px;
 min-height:526px;
 background-color:#FFFFFF;
  border:6px solid  #ffa600;
 overflow: auto; height: 488px; }
 
 
  #eventPost {float:left;  margin-top:12px;
 width:704px;
 min-height:438px;
 background-color:#FFFFFF;
  border:6px solid  #ffa600;
 overflow: auto; height:438px; }
 
 
  #mainPost table, #eventPost table {padding:12px;}
  
   p {
  margin:12px;
  
  }
  strong {font-weight:bold;}
   #eventPost ul {}
 #mainPost ul {margin-left:12px;text-indent:12px;}
  #eventPost li ,#mainPost li {list-style:circle;
  margin-left:12px;text-indent:12px;
  }
 
 
#frontLeftTop { height:180px; width:340px; float:left; background-image:url(images/personaltab.png); background-repeat:no-repeat;  margin-top:12px; border:6px solid  #ffa600; color:#FFFFFF}
#frontRightTop {height:180px;width:340px; float:left; background-color:#FFFFFF;  margin-top:12px;margin-left:12px; border:6px solid  #ffa600; color:#FFFFFF; background-image:url(images/businesstab.png); background-repeat:no-repeat;}
#frontLeftBottom {height:234px;width:340px; float:left; background-color:#FFFFFF;  margin-top:12px; border:6px solid  #ffa600}
#frontRightBottom {height:234px;width:340px; float:left; background-color:#FFFFFF;  margin-top:12px;margin-left:12px; border:6px solid  #ffa600}
 
 .moreButton { position:relative;
 width: auto; top: 150px; left:220px;  }
 
 .moreButton a { background-color:#660066; color:#FFFFFF;padding:3px; text-decoration: none; border:3px solid #BF00BF
 }
 
 .moreButton a:hover{ background-color: #BF00BF; color:#ffcc00 ;}
 
#postmeta{}
#postnavigation{}
#searchform{}

#sidebar2 {width:704px;
font-size:.8em; background-color:#FFFFFF;
  border:6px solid  #ffa600; float:left;min-height:280px
}
#sidebar2 p {width:660px;}


#sidebar3 { 
font-size:.8em; background-color:#FFFFFF;
  border:6px solid  #ffa600;width:230px; float:right; min-height:280px
}

#sidebar3 h2 {font-size:16px;  font-weight: normal; clear:left;
 margin-left:12px; text-transform:uppercase;
  letter-spacing: 2px; 

}

#sidebar2 h2 {font-size:16px;  font-weight: normal; clear:left;
 margin-left:12px; text-transform:uppercase;
  letter-spacing: 2px; 

}
#sidebar{
min-height:526px;
font-size:.8em; width:230px;float:right; background-color:#7a0066;
 margin-top:12px; border:6px solid  #ffa600;
 }
 
 #sidebar li , #sidebar2 li, #sidebar3 li{list-style:none}
  #sidebar3 li{ padding-left:12px; margin-bottom:6px;clear:left;  }
 #sidebar2 li{ padding-left:12px; margin-bottom:6px;clear:left;  width: 950px;float:left;}
 #sidebar2 ul{ 
  }
 #footer {
 width:970px;;
margin: 12px auto;

 

 
 
 }
 
 
 #credits {color:#FFFFFF;width:970px; margin:0 auto; text-align: right}
 #credits a {color:#ffcc00;}
 #credits a:hover {color: #CCFF00}
 
 /* Calendar */
 
 #dbem-location-map {margin-left:12px}
 #events-calendar h2 {color:white; background-color:#7a0066; font-size:14px;  }
 .dbem-calendar {
 color: white;
 background-color:#7a0066
 
 
 }
 
 .dbem-calendar-table {width:220px;font-size:.85em
 }
 
 
 
 /* Easy Slider */
 
 #slider {border-left:18px solid white;padding-top:36px;}

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none; 
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:160px;
		height:130px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}	
 
 
/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

  #latestEvents li { list-style: none}
  
  #courses {padding-top:24px;}
  #courses li {font-weight:bold; font-size:16px}
  
  .eventLink {font-weight:bold; font-size:16px}


#latestEvents span.eventLocation {margin-left:12px;font-size: .7em; float:left;width:350px }
#latestEvents span.eventLink {margin-left:12px; width:350px;float:left;}
#latestEvents span.eventDate { margin-left:12px;float:left;font-size: .7em;width:350px}

#eventPost div.eventList {font-size: .7em;  line-height:40px;height:40px;border-bottom: 1px solid #e5e5e5

 }
#eventPost span.eventLink {margin-left:12px; width:340px;float:left;}
#eventPost span.eventDate {width:120px;float:left;}
#eventPost span.eventLocation {width:200px;float:left;}
#eventPost span.eventCost { font-weight: bold; width:120px;float:left;}

#mc_embed_signup
{width:400px; 
margin:20px}

.textwidget {color:white}

.mc-field-group label {
display:block;
width:79px}