/*
Theme Name: Overland
Description: The theme for overlandwithkids.com
Version: 1.0
Author: Helena Boylen
Author URI: http://www.littleblueplane.com
This theme is copyrighted by Helena Boylen of Little Blue Plane
*/
/**************** Style Resets **********************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address {margin:1em 0;}
li, dd, blockquote {margin-left:1em;}
html, body, fieldset {font:100.1%/120% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
input, select, textarea {font-size:100.1%;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
form label{cursor:pointer;}
fieldset, img{border:none;}
table{border-collapse:collapse; border-spacing:0;}

ul li {list-style-type:none;background:url(images/redsquare.gif) 0 0.75em no-repeat;padding-left:10px;}
hr {height: 1px; background-color: #E5E5E5;  color: #E5E5E5;   border: none;  padding: 0; margin: 1em 1em;}

/**************** General rules *********************/
html, body{ height:100%;  margin:0;  padding:0;  text-align:center;}
body {height:101%; line-height:150%; color: #555; text-align: center; background-color:#ccc;}
#container{width:98%; max-width:1200px; margin: 1em auto;font-size:76%;background:#fff url(images/greyback.gif) left top repeat-y;border:6px solid #fff;text-align:left; }
#header{position:relative; height:120px; border-top:1px solid #fff; background:#3f3f3f url(images/orangeback1.jpg) left top repeat-x;color: #79B30B; width:100%;}
#header p.countdown {float:right;margin:30px 10px 0 0;font-weight:bold;color:white;font-size:130%;}
#header img.pesky {position:absolute;top:22px;right:0;z-index:10;}
#skip {font-size:80%;   text-align:right; color:white;   margin:0;position:absolute;top:0;right:0.5em;z-index:10;}


#wrapper {border-top:4px solid #b21a21;}
#sidebar{width:20%;float:left;position:relative;background-color:#eeeded;}
#sidebar h3 {font-size:140%; font-weight:normal; margin:20px 0 5px 13px;}
#sidebar p {margin-left:10px;}
#inner{width:80%;float:right;position:relative;background-color:white;}
#extra{width:25%; float:right; position:relative; background-color:#fff; }
#extra p {margin: 5px 10px 8px 10px;font-size:90%;line-height:150%;}
#extra h3 {font-weight:bold; font-size:110%;margin-top:10px;}
#extra ul {margin-left:5px;padding-left:5px;}
#extra li {margin-left:0;background: url(images/articlebullet.gif) 0 0.6em no-repeat;}
#extra ul.links li {margin-left:0;background: url(images/aoutsideqbullet.gif) 0 0.6em  no-repeat;}
.info {background:white url(images/greyfade.jpg) left bottom repeat-x;margin-right:10px;border-bottom:10px solid #e1e3e2;}
.info h3 {background-color:#e96c1a;background-image:url(images/aquaback.jpg);background-position: left top;background-repeat: repeat-x;display:block;margin:0;padding:0 0 0 10px;color:white;}

#hcard {margin: 0 0 0 10px; padding: 0;width:80%; }
#hcard dl { margin: 0; padding: 0; }
#hcard dt { font-weight: bold;  margin: 0.3em 0 0 0;float:left;width:4em;clear:left;}
#hcard dd {  padding: 0; margin: 0.3em 0 0 0; float:left;width:11em;}
#hcard dt.first, #hcard dd.first {float:none; width:98%;}
#content ul {margin-left:10px;padding-left:10px;}
#content li {margin-left:0;}
#content{background-color: #fff; float: left; display:inline; position: relative; width:75%; }
#content h1,h2,h3,h4,p,ul,ol {margin-left:20px;margin-right:10px;}
#content h2 {margin-top:10px;}
#footer{height:5em; background: #b21a21;color: #FFF;clear:both;margin-top:15px; }
#footer p{margin:0;padding:5px 10px}
#footer a{display:inline;padding:0;color: #C6D5FD} 
#footer span.left {float:left;width:48%;margin-left:10px;}
#footer span.right {float:right; width:48%;margin-right:10px; text-align:right;}

#skip li {display:inline;  list-style-type: none;  padding: 0 0 0 1em;  background-image:none;}
#skip li a:link, #skip li a:visited  {border:none; color:#fff; padding:5px;   } 
#skip li a:focus, #skip li a:hover, #skip  a:active { border:none;color:#fff;    padding:5px;border-top:1px solid white;}
/**************** General Links ***********************************/
a:link            {color: #b21a21; text-decoration: none;border-bottom:1px solid #b21a21;}
a:visited         { color: black; text-decoration: none;border-bottom:1px solid #ccc;}
a:focus, a:hover, a:active {color: white;background-color:#e96c1a; border-bottom:1px solid #fff;}

/******************** Navigation ***********************************/

.navlist{margin:0;}
.navlist li{display:block;list-style: none;border-bottom:1px solid #dbdbdb;}
.navlist a {font-weight:bold;color:#267166;display:block;text-decoration:none;border-bottom:none;}
.navlist li a { display:block;text-decoration: none; }
.navlist a:link, .navlist a:visited {padding:0; color:#6b6868;border-bottom:none;}
.navlist a:visited {color:#333;}
.navlist a:hover, .navlist a:focus, .navlist a:active {background:#fff url(images/navfade.jpg) left center repeat-y;color: #b21a21;}
.navlist li.current_page_item a, .navlist li.current-cat a {color:#b21a21;padding:0 0 0 12px;background: #fff url(images/navfade.jpg) left top repeat-y;}

.navlist ul  li {border-bottom:none;}
.navlist ul {margin-top:0;}

.navlist li.current_page_item a, .navlist li.current-cat a {color:#b21a21;padding:0 0 0 12px;background: #fff url(images/navfade.jpg) left top repeat-y;}

/***************** Headings ********************/
h1 {font-size:210%; color: #fff; font-weight:normal;margin:25px 0 0 10px;} 
h2 {font-size:160%; color: #e96c1a; font-weight:normal;margin-top:0;font-family:"Trebuchet MS", Helvetica, sans-serif;}
h3 {font-size:140%; color:#e96c1a;font-weight:normal;font-family:"Trebuchet MS", Helvetica, sans-serif;}
h4 {font-size:120%; color:#e96c1a;font-weight:bold;font-family:"Trebuchet MS", Helvetica, sans-serif; }
 /***************** Image Replacement ****************/
h1 {color:white;margin-left:0px; margin-bottom:0;margin-top:0px;padding:0; position:relative; width:507px; height:120px; overflow:hidden; }
h1 span {display:block;position:absolute; left:0; top:0; z-index:1;width:507px; height:120px; margin:0; padding:0; background:url(images/mainpic.jpg) top left no-repeat;}

 
.clearfix:after {content: ".";  display: block; height: 0;  clear: both;  visibility: hidden; }
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*************** Other bits *************/
#addresslist  {}
#addresslist dt {font-weight:bold;}
#addresslist dd {font-weight:normal;margin-bottom:8px;margin-left:0;}

a[href $='.pdf'] {padding-left: 15px; background: transparent url(images/icon_pdf.gif) no-repeat center left;border-bottom:none;}
a[href $='.doc'] {padding-left: 15px; background: transparent url(images/icon_word.gif) no-repeat center left;border-bottom:none;}
a[href $='.xls'] {padding-left: 15px; background: transparent url(images/icon_xls.gif) no-repeat center left;border-bottom:none;}

/*************** Forms ******************/

#gb_form_div{ clear:both;  font-size: 100%;    color: #555;    margin: 0 0 0 10px;;    width: 80%; }
#gb_form_div fieldset {   border: 1px solid #b0b0b0 ;padding:12px 8px 8px 8px;margin-bottom:15px; }
#gb_form_div legend {  font-weight:bold; color:#b21a21 ;padding-bottom:5px;}
#gb_form_div fieldset {border:1px solid #b0b0b0 ;}
#gb_form_div #formwrap{border:none;background-image:none;}
#mainlegend {display:none;}
h2.main_formhead {display:none;}
#gb_form_div input {   background: #fff;    border: 1px solid #b0b0b0 ;    width: 70%;    padding: 5px 3px 5px 3px;    vertical-align: middle;    margin: 0 0 5px 0; }
#gb_form_div textarea { display:block;  background: #FFF;    border: 1px solid #aaa;    width: 98%;    margin-left: 0;    font-size: 110%;    padding: 3px;    vertical-align: middle; }
#gb_form_div input.button {   border: 1px solid #fff;    clear: both;    color: white;    font-size: 100%;    width: 30%;    margin: 10px 0 20px 0;    font-weight: bold;   background: #e96c1a  url(/images/bluebutton.jpg) left top repeat-x; }
#gb_form_div input:hover, #gb_form_div textarea:hover {   border: 1px solid #aaa;       }
#gb_form_div input.button:focus, #gb_form_div input.button:hover, #gb_form_div input.button:active {   clear: both;    color: white;    font-size: 100%;    width: 30%;    margin: 10px 0 20px 0;    font-weight: bold;   background: #b21a21 url(/images/button2.jpg) left top repeat-x;   }
#gb_form_div input.short {width:10%;margin-top:8px;}
#enquiryErrorID  a:focus, #enquiryErrorID  a:hover, #enquiryErrorID  a:active {   background-color: #538b37;    color: white; }
dt {font-weight:bold;}
#gb_form_div p {margin-left:0;}


/************** Other bits ****************/
h3 a, h3 a:link, h3 a:visited, h4 a, h4 a:link, h4 a:visited {border-bottom:none;}
#content img.icon {float:none;}
#commentform {color:black;background-color:#f7f7f7;padding-top:10px;margin:0 10px;}
ol.commentlist  li {list-style-type:none;}
ol.commentlist p {margin-left:0;}

#commentform div {margin-left:20px;}
#commentform p {margin-left:0;}
#commentform input, #commentform label, #commentform textarea, {}
#commentform textarea {border: 1px solid #b0b0b0 ; }
#commentform input {width:40%;border: 1px solid #b0b0b0 ;    width: 70%;    padding: 5px 3px 5px 3px;    vertical-align: middle;    margin: 0 0 5px 0;}
#commentform input.button  {   border: 1px solid #fff;    clear: both;    color: white;    font-size: 100%;    width: 30%;    margin: 10px 0 20px 0;    font-weight: bold;   background: #e96c1a  url(/images/bluebutton.jpg) left top repeat-x; }
#commentform input.button:focus, #commentform input.button:hover, #commentform input.button:active {   border: 1px solid #fff;    clear: both;    color: white;    font-size: 100%;    width: 30%;    margin: 10px 0 20px 0;    font-weight: bold;   background: #b21a21 url(/images/button2.jpg) left top repeat-x; }

div.articles {border-bottom:1px solid #efefef;}
div.post h2, div.post h3, div.articles h4 {margin-bottom:0;}
div.post img {float:right;clear:right;margin:5px;background-color:#fff;padding:5px;border:1px solid #ccc;}
.alignleft {float:left;width:48%;margin-left:20px;}
.alignright {float:right;width:48%;text-align:right;}

#content textarea {width:80%;}
p.date {margin-top:0;}
#searchform legend {display:none;}
#content img.icon {float:none;clear:none;margin:0 3px 0 0;background-color:#fff;padding:0px;border:0;vertical-align:middle;}
p.postmetadata {clear:both;}
div.navigation {margin-bottom:20px;overflow:hidden;}

#searchform {margin-top:10px;}
#searchform label {position:absolute;left:-9999px;}
#searchform input {border:1px solid #3491a9;padding:2px;margin-left:10px;}
#searchform input.button { color: white; padding:2px;margin: 0;font-weight: bold;background:#3376ad url(/images/bluebutton.jpg) left top repeat-x;}
#searchform input.button:focus, #searchform input.button:hover, #searchform input.button:active {color: white;  padding:2px; margin: 0; font-weight: bold; background: #7db3df url(/images/button2.jpg) left top repeat-x; }
p.credits {font-size:70%;}

/******************* Photo Gallery *********/


#mainalbum {margin-left :20px;}
#mainalbum h3 {margin-left:0;clear:none;}
.falbum-album {padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ccc;}
.falbum-thumbnail-nods img {float:left;margin:5px 10px 5px 0;}
.falbum-navigationBar {clear:both;font-weight:bold;}
.falbum-navigationBar a {margin-right:8px;}