/**************************************************************
   Visit FullAhead.org and studio7designs.com for more layouts and downloads for this template!
 **************************************************************/
 
/**************************************************************
   All page content except for footer
 **************************************************************/

#content { position:relative; height:auto !important; height:100%; min-height:96%; }

/* Top menu and logo */
#statics { float:left; width:370px; clear:left; position:relative; margin:0 auto; }

#header { height:5em; margin:0 auto; border-bottom:1px solid #0a4925;
	background:url(../images/bg/header.gif) repeat-x bottom #48525B; position:relative; }

/* Header Image/Flash Movie */

#mainmenu { height:218px; background: url(../images/bg/header_image.jpg) repeat-y left; }
#mainmenu a { color: #f7eede; }
#mainmenu a:hover { color: #abb668; }
#mainmenu ul { list-style:url(../images/bg/submenu1.gif) none; margin:0px; padding:10px 0px 0px 40px; }
#mainmenu ul li { text-align:left; margin:5px 0px !important; font-size:12px; font-weight:bold; }
/**************************************************************
   Top Block Menu
 **************************************************************/

#menu { clear:both; height:1.4em; background:url(../images/bg/menu.gif) repeat-x top left #584f3e; margin:0PX auto; }
.mylist {
  width:27.8em;
  float:right;
  margin:1em;
  margin-left:1em;
}
.mylist ul li {
  list-style-image: url(../images/bullets2.gif);
}

/**************************************************************
   Page Content
 **************************************************************/

#page { clear:both; width:100%; text-align:left; }
#columns { margin:0 auto; }

/* Column widths */
.widthPad { width:776px; }

#leftcol { height:auto !important; height:100%; min-height:100%; }
.width25 { width:30%; background-color: #f0f1eb; height:auto !important; height:96%; min-height:96%; }
.width75 { width:66%; padding:15px; }
.width49 { width:49%; }

/**************************************************************
   Footer
 **************************************************************/
#footer { clear:both; width:100%; color:#FFFFFF; }
#footer #bg { position:relative; margin:0 auto; height:30px; background:url(../images/bg/menu.gif) repeat-x top left #584f3e; }
#footer #bg ul { float:right; margin:1em 1em 0 0 !important; margin:1em 0.5em 0 0; padding:0 1em 0 0; }
#footer #bg ul li { display:inline; list-style: none; }

#footer a { padding:0 6px; font: 400 11px Tahoma,Arial;
  letter-spacing: 0.1em; line-height:28px; color: #FFFFCC; }
#footer a:hover { color:#6C0; }

/**************************************************************
   Icons specific to the colour theme
 **************************************************************/

a.submitButton img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

a.lightTheme img {
  background: url(../images/icons/light_light_theme.gif) no-repeat center center;
}

a.darkTheme img {
  background: url(../images/icons/light_dark_theme.gif) no-repeat center center;
}

a.submitButton img {
  background: url(../images/icons/light_submit.gif) no-repeat center center;
}


/**************************************************************
   Posts
 **************************************************************/

.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;

  margin-bottom: 1.5em;
  margin-top: 1em;  

  border-bottom: 1px solid #CCCCCC;
}

.post .date {
  position: absolute;
  top: 0;
  left: 5px;

  width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.post .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.post .title {
  display: block;
  padding: 0 0 5px 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.post p {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}
/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0;
  padding: 0;
}

ul.thumbs li {
  margin: 0 0 15px 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}

a.thumb img {
  
  border: 5px solid #ccc;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #668FA3;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}

/**************************************************************
   Generic Display 
 **************************************************************/
.block { display:block; }
.clear { clear:both; }

.marginRight { margin-right:15px; }
.paddingLeft { padding-left:5px; }
.paddingRight { padding-right:5px; }

.floatLeft { float:left; }
.floatRight { float:right; }

.alignLeft { text-align:left; }
.alignRight { text-align:right; }