/*  
Theme Name: Maplelag 2008
Theme URI: http://www.techapt.com/
Description: Highly customized theme to implement basic CMS functions for Maplelag Resort.   Based originally off Autumn Concept theme by Ed Merritt.
Version: 1.0
Author: Bruce Adelsman
Author URI: http://www.techapt.com/
*/

/* COLOUR SCHEME 
____________________________________________________________________________
Edit these to alter the colour scheme of the theme.
*/

body {color: #76766a;}
#container {background-color: #f4f4e0;}
#topbar {background-color: #333;}
#footer {background-color: #000;}
/* typography */
#logo a {color: #3a3e3e;}

.textbkg span {background: #fff;}
h2 {color: #3a3e3e;}
.entry h2 a {color: #3a3e3e;}
h3 {color: #3a3e3e;}
p {}
#topbar p, #footer p {color: #76766a;}
blockquote {border-left: 10px solid #c0c0b1; background: #ededda; }
code {color: #006600;}
/* links */
a {color: #3a709c;}
#topbar a, #footer a {color: #3a709c;}
/* modules and widgets */
#wp-calendar td {background: #ededda;}
#flickr a {border: 4px solid #c0c0b1; background: #fff;}
#flickr a:hover {border-color: #959586;}
/* forms */
#topbar .field, #topbar .openid_url_sidebar {background: #4f4f4c !important; color: #fff !important; border: none !important;}
/* buttons */
.comments a {background: url(images/comments_left.png) top left no-repeat; color: #3a3e3e;}
.comments span {background: url(images/comments_right.png) top right no-repeat;}
/* navigation */
#navbar { background: url(images/underline.png) bottom repeat-x;  }
/* rest of navigation is in plug-in */

.footnote { background: #ededda; }
.blogentry .entry { border-color: #c0c0b1; padding-top: 15px; }


/* GENERAL STYLES
____________________________________________________________________________
Probably best not to edit these unless you know what you're doing
*/

/* layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body {position: relative; min-width: 900px; background: #1f1f1f; font: 75% Verdana, Arial, Helvetica, sans-serif; text-align: center; letter-spacing: 0;}
#container {float: left; display: block; width: 100%;}
#topbar {float: left; display: block; width: 100%; background-image: url(images/topbar.png); background-position: top; background-repeat: repeat-x; text-align: left; padding: 0; height: 19px;}
#header {float: left; display: block; width: 100%; background-image: url(images/header.png); background-position: top; background-repeat: repeat-x; text-align: left;}
#content {float: left; display: block; width: 100%; text-align: left;}
#related {float: left; display: block; width: 100%; background-image: url(images/related.png); background-position: top; background-repeat: repeat-x; text-align: left;}
#footer {float: left; display: block; width: 100%; background-image: url(images/footer.png); background-position: top; background-repeat: repeat-x; text-align: left; padding: 13px 0 6px 0;}
#footer div div {background: url(images/leaf_s.png) center right no-repeat; }
#printlogo { display: none; }

.cols01 {float: left; display: block; width: 280px; padding: 0 10px 48px 10px;}
.cols02 {float: left; display: block; width: 580px; padding: 0 10px 48px 10px;}
.cols03 {float: left; display: block; width: 880px; padding: 0 10px;}
.center {text-align: center;}

.box01 { display: block; width: 900px; margin: 0 auto; clear: both;}
.left {float: left; clear: both;}
.right {float: right;}

#mainpic { clear: both; padding: 5px 8px; height: 188px; margin: 0 4px; background: #fff;}
#mainpicstrip {height: 175px; margin: 5px 0; }
#mainpicstrip img { margin: 0; margin-left: 8px; padding: 0; border: 1px solid #808080; }


.entry {float: left; width: 100%; clear: both; margin: 24px 0 0 0;}
.trailreport {float: left; width: 100%; clear: both; margin: 0 0 12px 0;}
.trailreport h3 { margin: 0; }
.aComment {float: left; width: 100%; clear: both; margin: 0 0 12px 0;}
.aComment:last-child {background: none;}
.aComment h4 {margin: 0;}
.aComment h4 img {display: none;}
.aComment .textbkg {margin: 0 0 6px 0;}

/* navigation */
#navbar { width: 100%; height: 36px; margin: 0; padding: 5px 0 7px 0; }
#navleft { width: 580px; float: left; }
#navright { width: 280px; float: right; padding-top: 2px; }
/* rest of navigation is in plug-in */


/* typography */
#logo {margin: 32px 0 0 0;}
#logo a {font: bold 3em Arial, Helvetica, sans-serif; text-decoration: none; letter-spacing: -2px;}
#logoright { text-align: right; margin: 50px 5px 0 0; float: right; }
#headerimg { margin: 20px 30px 0px 5px; float:right; }

.textbkg span {padding: 2px 4px; overflow: visible; font-size: .95em; }
h2 {font: bold 2em Arial, Helvetica, sans-serif; letter-spacing: -1px;}
.pageH2 {margin: 0 0 24px 0;}
h3 {font: bold 1.4em Arial, Helvetica, sans-serif; padding: 0 0 10px 0; margin: 24px 0 12px 0; background: url(images/underline.png) bottom repeat-x;}
h3#comments {margin-bottom: 24px;}
h3#respond {float: left; clear: both; display: block; width: 100%;}
.archive h3 {background: none; margin: 0 0 -7px 0;}
h4 {font: 1.3em Arial, Helvetica, sans-serif; margin: 0 0 12px 0;}
.entry h2 {padding: 4px 0 0 0;}
.entry .textbkg span a {font-weight: normal;}
p {margin: 0 0 18px 0;}
blockquote {padding: 10px 10px 1px 10px; margin: 0 0 24px 0;}
code {position: relative; left: 0; font: 1em "Courier New", Courier, mono; }
.cols01 ul, .cols02 ul {margin: 0 0 24px 14px;}
.cols01 ol, .cols02 ol {margin: 0 0 24px 21px;}
.cols01 ul ul, .cols02 ul ul, .cols01 ol ul, .cols02 ol ul {margin: 0 0 0 14px;}
.cols01 ol ol, .cols02 ol ol, .cols01 ul ol, .cols02 ul ol {margin: 0 0 0 21px;}
#topbar p, #footer p {margin-bottom: 12px;}
.comments {float: left; clear: both; display: inline; width: 100%;}
.comments a {float: left; display: inline; padding: 4px 0 5px 71px; font-weight: bold; font-size: 80%;}
.comments span {float: left; display: inline; background: url(images/comments_right.png) top right no-repeat; width: 10px; height: 22px; overflow: hidden;}
.archive .comments {margin-top: -46px;}
ul {margin: 0 0 24px 12px;}
ul ul {margin-bottom: 0;}

/* links */
a {font-weight: bold; text-decoration: none;}
#topbar a {position: relative; top: 2px; text-decoration: underline;}
#footer a {font-weight: normal;}

.pageNav, .pageNav2 {float: left; width: 100%; margin-top: 12px;}
.pageNext span, .pagePrev span {display: none;}
.pagePrev {float: left; display: block; width: 58px; height: 22px; background: url(images/prev.png) 50% 50% no-repeat;}
.pageNext {float: right; display: block; width: 58px; height: 22px; background: url(images/next.png) 50% 50% no-repeat;}


/* forms */
.field, .commentform_openid, #securitycode {width: 190px; padding: 4px 3px !important; margin: 0 5px 7px 0; background: #fff !important; border: 1px solid #959586; color: #4f4f4c;}
select {width: 280px; margin: 0 0 7px 0; color: #3a3e3e;}
select option {padding: 1px;}
#commentform {display: block;}
#commentform p {display: block; width: 100%; margin: 0 0 5px 0;}
#commentform p label {position: relative; top: -8px;}
#comment {width: 571px; padding: 4px 3px; border: 1px solid #959586; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #4f4f4c;}
#topbar li {list-style: none;}

.footnote { display: block; clear:both;  }

.blogentry .entry { border: 0; border-top: 1px; border-style: solid; }

#flickr_badge_uber_wrapper {margin: 0 0 24px 0;}
.flickrlink {text-transform: lowercase;}
.flickrlink span {color: #ff0084;}
#flickr {float: left;}
#flickr img {border: none;}
#flickr a {float: left;}
.flickr_badge_image img {float: left; margin: 1px;}
#flickr div {float: left; margin: 0 10px 10px 0;}
#flickr div#flickr_badge_image3, #flickr div#flickr_badge_image6 {margin-right: 0;}

#middle { display: none; }

/* availability page */
#avail p { font-size: 1px; color: #f4f4e0; }
#avail a, #avail hr { display: none; }
#avail { text-align: center; }
#avail table { 
  font-size: .8em; 
  border-collapse: collapse;
}
#avail div table td { 
  min-width: 14px !important;
  border: 1px solid gray;
}
#avail div table tr:first-child { 
  font-size: 1.8em; 
}
#avail div table tr td:first-child { 
  padding: 2px;
}

/* rates page */
#ratestable {
  background-color: #fff;
  border: 3px solid black;
  border-spacing: 0px;
  border-collapse: collapse;
}
#ratestable tr td {
  padding: 2px 4px;
  border: 1px solid gray;
}


/* Wordpress 2.6 additions
 */

img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
  padding:4px;
  border:1px solid #bbbbbb;
  clear: both;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
  padding:4px;
  border:1px solid #bbbbbb;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
  padding:4px;
  border:1px solid #bbbbbb;
	}


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text, .gallery-caption {
   font-size: .95em;
   line-height: 1.2em;
   padding: 0 4px 5px;
   margin: 0;
}

/* WP E-Commerce style overrides */
.prodtitles { font: bold 1.5em Arial, Helvetica, sans-serif !important; letter-spacing: normal; }
#sliding_cart { background-color: white !important; padding: 4px 10px !important; }
.shoppingcart tr td, .shoppingcart tr th { padding-left: 4px; }
.wpsc_checkout_table textarea { width: 200px; font-size: 12px; font-family: MS Shell Dlg, monospace; }
table.productcart tr td { padding: 2px 5px 2px !important; }
.wpsc_checkout_table h4 { padding-top: 20px !important; }

/* KB Easy Picasa Web overrides */
.kb-inlinePicasa-wrap {
  margin-bottom: 40px !important;
}
.kb-inlinePicasa-wrap .wp-caption {
  padding: 4px 1px 1px 1px !important;
  margin: 0 !important;
}