/*
Theme Name: A Brit Out Of Water
Theme URI: http://ewebscapes.com
Version: 1.0
Description: Custom Theme for abritoutofwater.com by <a href="http://ewebscapes.com">EWebscapes</a>
Author: Leanne Wildermuth
Author URI: http://www.ewebscapes.com
This design is copyright ©EWebscapes and may not be reproduced.
*/


/************************************************
*	PRIMARY ELEMENTS			*
************************************************/
	

body, h1, h2, ul, li, form {
  padding:0;
  margin:0;
  list-style: none;
}


.title {padding-left: 15px;  padding-top: 145px; height: 50px; overflow: hidden;}
.subtitle {float: right; margin-right: 15px;  padding-top: 5px;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.excerpt {padding-left: 20px; padding-bottom: 30px;}
.more {text-align: right;}
.pagenav {padding-left: 50px; padding-right: 50px; text-transform: uppercase; font-size: 14px; letter-spacing: .1em;}

.pagenav a:link {color: #660703; font-weight: bold; text-decoration: none;}
.pagenav a:active {color: #660703; font-weight: bold; text-decoration: none;}
.pagenav a:visited {color: #766A52; font-weight: bold; text-decoration: none;}
.pagenav a:hover {color: #33365f; font-weight: bold; text-decoration: none;}


blockquote {
  background: #DCCEB1 url(img/quote.jpg) top left no-repeat;
  padding: 5px 25px 10px 65px;
  text-align: left;
  line-height: 150%;
  border-top: 1px solid #660703;
  border-bottom: 1px solid #660703;
}

form, img {
 border: 0; 
} 

input, textarea, select { 
 background-color: #DCCEB1;
 border: 1px solid #261A00;
 color: #000;
 padding: 2px;
 margin: 2px;
}

.submit {
 background-color: #DCCEB1;
 color: #000; 
}

.radio {
 border: 0;
} 

code {
  font-size: .8em; 
  color: #22354c;
  font-family: 'Trebuchet MS', monospace;
}

body {
  margin: 0px;
  padding: 0px;
  background: #351415 url(img/bg.jpg) top center repeat-x;
  font-family: 'Arial', sans-serif;
  font-size: 12px;
  list-style-type: none;
}

h1 {
  text-align: left;
  font-family: 'Trebuchet MS', 'Times New Roman', serif;
  color: #33365F;
  font-size: 18px;
  padding-bottom: 0px;
  margin-top: 0px;
}

h2, h3 {
  text-align: left;
  font-family: 'Trebuchet MS', 'Times New Roman', serif;
  color: #660703;
  font-size: 16px;
  padding-bottom: 0px;
  margin-top: 10px;
}


/************************************************
*	DAYS OUT OF WATER SIGN			*
************************************************/
	
.daysoutofwater {
  background: url(img/daysoutofwater.jpg) no-repeat;
  width: 219px;
  height: 63px;
  padding: 6px 15px 3px 15px;
}

.daysnumber {
  width: 100px;
  height: 63px;
  float: left;
  overflow: hidden;
  text-align: center;
}

.daystext {
  padding-top: 5px;
  width: 100px;
  height: 63px;
  overflow: hidden;
  float: left;
  text-align: center;
}


/************************************************
*	STRUCTURE 				*
************************************************/
	

#wrap {
  width: 917px;
  margin-left: auto;
  margin-right: auto;
  background: url(img/wrap.jpg) top center repeat-y;
  padding: 0px;
}

#header {
  height: 243px;
  background-image: url(img/header.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

#content {
  float: left;
  background-color: #ffffff;
  width: 570px;
  margin: 10px 0 15px 50px;
  padding-right: 20px;
  display: inline;
  text-align: left;
  border-right: 4px solid #313569;
}

#stamp {
  float: right;
  display: inline;
  background: url(img/stamp.jpg) top right no-repeat;
  padding-left: 155px;
  margin-top: 10px;
  padding-bottom: 70px;
}


/************************************************
*	POST ENTRY FORMATTING			*
************************************************/
	

#post-date {
  margin-left: 10px;
  margin-top: 10px;
  width: 86px;
  height: 86px;
  margin-right: 8px;
  background: #FFFFFF url(img/datebg.jpg);
  background-repeat: no-repeat;
  float: left;
}

/* IE \*/
* html #post-date {margin-left: 5px; margin-top: 5px;}
/* IE */

.mo {
  font-weight: normal;
  font-family: verdana;
  text-transform: uppercase;
  padding-top: 9px;
  padding-bottom: 7px;
  font-size: 10px;
  color: #FFFFFF;
  text-align: center;
  line-height: 12px;
}

.day {
  font-weight: bold;
  font-size: 24px;
  font-family: verdana;
  color: #FFFFFF;
  text-align: center;
  line-height: 26px;
}
 
.yr {
  font-weight: normal;
  font-size: 11px;
  color: #FFFFFF;
  text-align: center;
}

.post-title {
  padding-top: 15px;
  padding-bottom: 3px;
  margin-right: 10px;
  text-align: left;
  font-family: 'Trebuchet MS', 'Times New Roman', serif;
}

.post-title  a:link {color: #33365f; font-weight: bold; text-decoration: none;}
.post-title  a:active {color: #33365f; font-weight: bold; text-decoration: none;}
.post-title  a:visited {color: #33365f; font-weight: bold; text-decoration: none;}
.post-title  a:hover {color: #33365f; font-weight: bold; border-bottom: 1px dotted #33365f;}


.page-title {
  font-family: 'Trebuchet MS', 'Times New Roman', serif;
  color: #33365F;
  font-size: 24px;
  padding-bottom: 10px;
  text-align: left;
  width: 440px;
}

.page-title  a:link {color: #33365f; font-weight: bold; text-decoration: none;}
.page-title  a:active {color: #33365f; font-weight: bold; text-decoration: none;}
.page-title  a:visited {color: #33365f; font-weight: bold; text-decoration: none;}
.page-title  a:hover {color: #33365f; font-weight: bold; border-bottom: 1px dotted #33365f;}


.post-meta {
  padding-top: 1px;
  padding-bottom: 15px;
  font-size: .9em;
  text-align: left;
  line-height: 160%;
}

.post-meta a:link {color: #33365f; font-weight: bold; text-decoration: none;}
.post-meta a:active {color: #33365f; font-weight: bold; text-decoration: none;}
.post-meta a:visited {color: #33365f; font-weight: bold; text-decoration: none;}
.post-meta a:hover {color: #33365f; font-weight: bold; border-bottom: 1px dotted #33365f;}

.post {
  margin-top: 15px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: left;
  border-bottom: 3px solid #A7A7A7;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-family: 'Trebuchet MS', 'Lucida Sans', sans-serif;
}


.post a:link {color: #660703; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #660703;}
.post a:active {color: #660703; font-weight: bold; text-decoration: none;}
.post a:visited {color: #766A52; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #766A52;}
.post a:hover {color: #33365f; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #33365f;}


.post ul {
  margin-left: 85px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.post ul li {
 list-style: disc;
 padding-left: 2px;
 margin: 0 0 0 5px;
}

.post ol {
  margin-left: 50px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.post ol li {
 list-style-type: decimal;
 padding-left: 2px;
 margin: 0 0 0 5px;
}

/************************************************
*	SIDEBAR FORMATTING			*
************************************************/
	

#side {
  float: left;
  width: 220px;
  margin-top: 20px;
  padding-left: 10px;
  list-style-type: none;
  display: block;
  overflow: hidden;
  padding-bottom: 20px;
}

#side .menu p{
  padding-left: 15px;
  padding-bottom: 10px;
}

#side .menu {
  list-style-type: none; 
  display: block;
  overflow: hidden;
}

#side .menu h2 {
  text-align: left;
  font-family: 'Trebuchet MS', 'Times New Roman', serif;
  color: #33365f;
  font-size: 14px;
  padding-bottom: 5px;
  margin-top: 10px;
}

#side .menu ul, #side .menu ul ul {margin:0 0 20px 0; padding:0px; list-style: none;}


#side .menu ul li {
 list-style: none;
 border-bottom: 1px solid #A7A7A7;
 padding: 3px 5px 3px 0;
 margin: 0 5px 0 0;
 font-size: 11px;
}
#side a {padding-left: 0; padding-right: 2px;}
#side a:link {color: #33365F; font-weight: normal; text-decoration: none;}
#side a:active {color: #33365F; font-weight: normal; text-decoration: none;}
#side a:visited {color: #5A523D; font-weight: normal; text-decoration: none;}
#side a:hover {color:#660703; font-weight: normal; text-decoration: none;}


/************************************************
*	FOOTER FORMATTING			*
************************************************/
	

#footer-top {
  height: 20px;
  background: url(img/footertop.jpg) no-repeat;
}

#footer-bg {
  background: url(img/footerbg.jpg) repeat-y;
}

#footer {
  clear: both;
}

.footer-text {
  text-align: center;
  padding: 30px;
}

#footer a:link {color: #660703; font-weight: bold; text-decoration: none;}
#footer a:active {color: #660703; font-weight: bold; text-decoration: none;}
#footer a:visited {color: #261A00; font-weight: bold; text-decoration: none;}
#footer a:hover {color: #33365f; font-weight: bold; text-decoration: none;}


/************************************************
*	COMMENTS				*
************************************************/
	
#comment-container {
  overflow: hidden;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 10px 10px 2px 10px;
}

#comment-container a:link {color: #33365f; font-weight: bold; text-decoration: none;}
#comment-container a:active {color: #33365f; font-weight: bold; text-decoration: none;}
#comment-container a:visited {color: #33365f; font-weight: bold; text-decoration: none;}
#comment-container a:hover {color: #33365f; font-weight: bold; border-bottom: 1px dotted #33365f;}


#comment-container textarea {
  width: 400px;
  padding: 10px;
}

#comment-container .textform {
  width: 430px;
  padding: 15px;
  background-color: #85775A;
  border: 1px solid #261A00;
  margin-left: 7px;
}

.align {
  margin-left: 10px;
  margin-bottom: 20px;
}

.comment-list {
 margin: 20px 0 20px 0;
}

.comment-container {
 width: 450px;
 margin: 5px 5px 15px 15px;
 background-color: #DCCEB1;
 padding: 5px;
 border: 1px solid #766A52;
}

.comment-num {
 float: left;
 font-size: 11px;
 margin-top: 0;
 padding-right: 5px;
 color: #430301;
}

.comment-meta {
 font-size: 11px;
 color: #261A00;
 float: left;
 width: 95px;
 margin-right: 5px;
 overflow: hidden;
 padding-right: 10px;

}

.comment-date {
 color: #261A00;
 font-size: 10px;
 text-align: left;
}

.comment-text {
 float: left;
 padding-left: 15px;
 padding-bottom: 15px;
 width: 300px;
 overflow: hidden;
 border-left: 1px solid #766A52;
 font-family: 'trebuchet ms', 'lucida sans unicode', arial, sans-serif;
}