/*  
Theme Name: MADE2010
Theme URI: http://www.sharonchekaluk.com
Description: Customized Wordpress Theme for MADE in Edmonton
Version: 1.0
Author: Sharon Chekaluk
Author URI: http://www.sharonchekaluk.com
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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 }
ol, ul, li { list-style:none; margin:0; padding:0; }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */


h1{
  color: #333333;
  font-size: 100%;
  font-weight: normal;
  margin-bottom: 8px;
}

h2{
  color: #666666;
  font-size: 100%;
  font-weight: normal;
  margin-bottom: 8px;
}

body{
  background-color: #ffffff;
  height: 100%;
  text-align: center;
  font-family: lucida sans, lucida grande, verdana, arial, helvetica;
  color: #999999;
  font-size: 90%;
  background: url("http://www.madeinedmonton.org/wp-content/themes/MADE2010/images/bg_pattern.png") top center repeat-y;
}

tr{
  text-align: left;
}

td{
  height: 15px;
  padding-top: 5px;
  vertical-align: top;
}

#wrapper{
  text-align: left;
  margin: 0px auto;
  width: 1096px;
  height: 100%;
}

#wrapperleft{
  position: relative;
  float: left;
  width: 250px;
  height: 100%;
}

#masthead{
  position: relative;
  float: left;
  width: 250px;
}
#masthead img{
  width: 213px;
  height: 126px;
  margin: 30px 40px 35px 12px;
}

#sidebar{
  position: relative;
  float: left;
  background: url("http://www.madeinedmonton.org/wp-content/themes/MADE2010/images/nav_img.png") top left no-repeat;
  min-height: 545px;
}

#navigation{
  position: relative;
  float: left;
  margin: 24px 0 0 21px;
}

#navigation li{
  position:relative;
  margin-bottom: 26px;
  z-index:5;
}

#navigation img{
  padding-right: 26px;
}

.ffdots{
  visibility: hidden;
}

#contactli{
  margin-top: 86px;
}

.navlink{
  color: #999999;
}

#info:hover, #sponsors:hover, #fatcrow:hover{/*green*/
  color: #8bc53f;
}

#membership:hover, #theboard:hover, #sc:hover{/*blue*/
  color: #26a9e0;
}

#futureevents:hover, #contact:hover{/*pink*/
  color: #E90E8B;
}

#pastevents:hover, #made:hover{/*orange*/
  color: #f8ad56;
}

#contact{
 color: #999999;
}

#wrappermid{
  width: 26px;
  height: auto;
  position: relative;
  float: left;
}

#wrapperright{
  position: relative;
  float: left;
  width: 786px;
  padding-top: 24px;
  height: 100%;
}

#intro{
  width: 783px;
  height: 105px;
  padding: 23px 0 4px 0;
  border-bottom: 1px solid #ffffff;
}

.pink{
  color: #f040a8;
}

#b1, #b2{
  color: #e90e8b;
}

#maincontent{
  background-color: #ffffff;
  padding: 65px 35px 20px 35px;
  min-height: 525px;
  height: 100%;
  width: 751px;
}

#photobox{
  float: right;
  padding: 0 0 20px 20px;
}

.post{
  margin: 0 0 70px 0px;
}

.postcontent{
  margin-bottom: 18px;
  width: 426px;
}

.postcontent img{
  margin-left: 18px;
}

.lesslink{
  visibility: hidden;
}

.post a{
  color: #f040a8;
}

.post a:hover{
  color: #26a9e0;
}

.pagecontent{
  margin: 0 0px 70px 0px;
}

.pagecontent p{
  padding-bottom: 10px;
}

#corner{
  position: absolute;
  z-index: 3;
  top: 155px;
  right: -35px;
}

.eventitem{
  width: 100%;
  margin-bottom: 20px;
}

.eventitem h2{
  margin-bottom: 0;
}

.eventdate{
  color: #666666;
  padding-bottom: 0px;
  font-weight: normal;
}

.eventdate a{
  color: #666666;
}

.eventdate a:hover{
  color: #f8ad56;
}

.eventitem a{
  color: #f8ad56;
  font-size: 110%;
}

.eventitem img{
  margin-top: -15px;
  padding: 0 0 30px 30px;
  float: right;
}

.eventitem p{
  padding-bottom: 10px;
  line-height: 1.4;
}

.lightboxpics{
  padding: 0 20px 20px 0;
}

#sponsorlist li{
  color: #666666;
  padding-bottom: 20px;
}

#sponsorlist li a{
  color: #666666;
}

#sponsorlist li a:hover{
  color: #8BC53F;
}

.boardmem{
  width: 340px;
  height: 230px;
  float: left;
  padding-right: 35px;
  background-color: #ffffff;
}

.boardmem img{
  padding: 0 20px 130px 0;
  float: left;
  width: 100px;
  height: 100px;
}

.name {
  color: black;
}

#contacttbl td{
  width: 260px;
}

.indent{
margin-left: 20px;
}

#footer{
  background-color: none;
  margin-bottom: 10px;
}

#footer a{
  color: #999999;
}

#footerright{
 padding-left: 406px;
}

/*-- Style for collapsable div in events listings --*/
.collapsable { 
  margin: 0px;
  padding: 0px; 
}

.dkgrey{
  color: #666666;
}

.ltgrey{
  color: #999999;
}

.pink{
  color: #f040a8;
}

.green{
  color: #8bc53f;
}

.blue{
  color: #26a9e0;
}

.orange{
  color: #f8ad56;
}

h2.eventtitle{
  color: #666666;
  display: inline;
}
