/*
Theme Name: Peyrenegre
Them URI: http://www.peyrenegre.net
Description: A theme for Peyrenegre gites.  Inspired and influenced by Nautica05's design, Tarski's functional structure and featuring with a dash of K2.
Version: 3.0
Author: Alison Pope
Author URI: http://www.alisonpope.me.uk
*/

/*****
  This theme include an option to choose between fixed and liquid layouts
 - see layout_fixed or layout_liquid for these declarations.
******/

/*********************
Site Styles
This section should set some basic site wide generic CSS.
Try to keep as short as possible defining as much as possible semantically and related to specific layout areas or functions.
*********************/

html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font: 400 0.7em "Lucida Grande", Arial, Verdana, sans-serif;
  line-height: 170%;
  color: #555;
}



/**** Site 'Syntax' ****/

.donotdisplay {
	display:none;
}


.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 {
  float: left;
margin: 2em 2em 0 0; 
}

.alignright {
  float: right;
margin: 0 0 2em 2em;
}

.talignLeft {
  text-align: left;
}

.talignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #EAF2F5;
}

.dark {
  color: #353E47;
}

.divider {
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #AAD3DB
}

.centre {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}

.width25 {
  width: 24%;
}

.width50 {
  width: 48%;
}

.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}

.width100 {
  width: 100%;
}


/* Needed to horizontally pad in a coloured container */
.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;
}


/**** Images ****/
img.floatRight {
  margin: 5px 0 10px 10px;
}

img.floatLeft {
  margin: 5px 10px 10px 0;
}





/*********************
Site Typography
*********************/

.feature {
	font-family: "Trebuchet MS", Tahoma, "Lucida Sans", sans-serif;
	font-size: 3em;
	font-style: normal;
	font-weight: 400;
	color: #666666;
	line-height: 0.8em;
	text-align: left;
}

.highlight {
  margin: 0;
  padding: 0 20px;
  background: #E7F1F3;
  border-top: 1px solid #AAD3DB;
  border-bottom: 1px solid #AAD3DB;
}

/**** Site Wide Header Definitions ****/

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
}


h1 {
  padding-bottom: 0.2em;
  padding-top: 0.2em;

  font: 400 2em "Trebuchet MS", Verdana, sans-serif;
  color: #47a;
}

h2 {
  font-size: 1.4em;
}

h2.title {
	margin: 10px 0px 10px 0px;
	padding:  10px 0px 10px 0px;
	border-bottom: 1px solid #AAD3DB;
	border-top: 1px solid #AAD3DB;
}

h3 {
  font-size: 1.2em;
}

h4 {
  font-size: 0.85em;
}

h5 {
  font-size: 0.8em;
}


/**** Site Wide Links ****/

a {
  text-decoration: none;
  color: #69c;
}

a:hover {
  color: #668FA3;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}

/**** Default Lists ****/

ul li {
  list-style-image: url(images/bg/submenu1.gif);
}

ol li {
  font-weight: bold;
  color: #668FA3;
}

ol li span {
  font-weight: normal;
  color: #444;
}

/**** Site Wide Quotes and Highlights ****/

blockquote {
  margin: 0;
  padding: 0 20px;
  background: #E7F1F3;
  border-top: 1px solid #AAD3DB;
  border-bottom: 1px solid #AAD3DB;
}

/**** Tables ****/

table {
	border-bottom: 1px solid gray;
	padding: 2px;
	
}

tr {
	
}

th {
	background: #E7F1F3;
	border-top: 1px solid #AAD3DB;
  border-bottom: 1px solid #AAD3DB;
	padding: 5px;
}

td {
	
}

/**** Forms ****/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;

  width: 25%;
  vertical-align: top;
}


input,
textarea,
select {

  padding: 1px;
  font: 400 1em "Lucida Grande", Arial, "Trebuchet MS", Verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em "Lucida Grande", Arial, "Trebuchet MS", Verdana, sans-serif;
  cursor: pointer;

  color: #fff;
  background: #FC3307;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
}

input.radio {
  background: none;
  border: 0px;
}


/*********************
Microformats
*********************/

/**** General ****/

/**** hCard ****/

/**** hCalender ****/

/**** hCite ****/

/**** hReview ****/

/**** xfn ****/

/**** xoxo ****/


/*********************
Layout Specific Styles
*********************/

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

#page {
  text-align: left;
  clear: both;
  /* float: left; */
  width: 100%;
  margin-bottom: 6em;
padding-top: 1em;
}

#columns {
  margin: 0 auto;
}

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

/* These are in the same place so if you have an image leave tagline turned off */
#header img {
  position: absolute;
  top: 5%;
  left: 10px;
  margin: 0 auto;
  height: 143px;
}

#header .tagline {
position:absolute;
  top: 5%;
  left: 10px;
color: white;
}

#header ul {
  margin: 3.5em 1em 0 0 !important;
  margin: 3.5em 0.5em 0 0;
  padding: 0;
  float: left;
}

#header ul li {
  display: inline;
  list-style: none;
}

#header ul li a {
  float: left;
  padding: 0 1em;

  font: 400 1.1em;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #cccccc;
  border-right: 1px solid #4D5760;
}

#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#header ul li a:hover {
  color: #3B5D77;
}

/**** Site Title Remove display:none; in your custom stylesheet to have the site name appear between the header image and link blocks. ****/

#sitetitle {
display:none;
}

#sitetitle h1 {
border-bottom:none;
display:none;
}

/**** Feature Blocks ****/

#blocks {
  margin: 0 auto;
}

#blocks ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;

  text-align: left;
  background: #3B5D77 url(images/bg/menu.gif) repeat-x top left;
}

#blocks ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

#blocks ul li a {
  float: left;
  width: 25%;
  height: 4.5em;

  font: 400 1.2em;
  letter-spacing: 0.1em;

  color: #fff;

  border-top: 7px solid #41637D;
  
}

#blocks ul li a span {
  display: block;
  padding: 2px 7px;
}


#blocks ul li a span.desc {
  font-size: 0.8em;
  color: #8C8D94;
}


#blocks ul li a:hover,
#blocks ul li a.here {
  background: #4A5C6A;
  border-top: 7px solid #455660;
}

#blocks ul li a:hover span.desc,
#blocks ul li a.here span.desc {
  color: #FFF;
}

/**** Search Box and Search Results ****/

.searchbox form {
  padding: 0;
  margin: 0.2em;
  float:right;
}

.post-brief {
				margin: 0 0 2em 0;
				}
.post-brief h3 {
					margin: 0 0 0.2em 0;
					}
.post-brief p.post-metadata {
					color: #a8a8a8;
					margin: 0 0 0.2em 0; border: none; padding: 0;
					}
.post-brief p.excerpt {
					margin: 0;
					}
					
/**** Blurb ****/

div#blurb {
  margin: 0 0 10px 0;
  padding: 0 20px;
  background: #E7F1F3;
  border-top: 1px solid #AAD3DB;
  border-bottom: 1px solid #AAD3DB;
}

/**** Posts ****/

.post {
float: left;
width: 100% !important;
width: 99%;
position: relative;
margin-bottom: 1.5em;
border-bottom: 1px solid #CCCCCC;
padding:  0 0 10px 0px;
text-align:justify;

}

.post a, .post a:visited {
font-weight:bold;
}

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

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

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


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

.post .title {
  display: block;
  padding: 0 0 5px 0;

  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
  border-bottom: none;
}

.post-content {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
}

.post-info {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
}

.post-meta {
line-height:1.5em;
color:#666;
font-size:10px;
margin:0;
margin-bottom:2em;
padding:0 3px 3px;
}

.post-meta a:link, .post-meta a:visited, .post-meta a:hover{
font-weight:bold;
}

.post-divide {
height:1.5em;
background:url(images/bullet.png) center no-repeat;
}

.static .post-content {
margin: 0 0 0 1em;
padding:  0 0 0.75em 0.75em;
border-left: none;
}

.static .post-info {
margin: 0 0 0 1em;
padding:  0 0 0.75em 0.75em;
border-left: none;
}

/**** Comment Form ****/

#commentform {
	}
#info-input {
	width: 200px; float: left;
	}
	.userinfo {
		color: #a8a8a8;
		}
	#info-input label {
		display: block;
		margin: 0 0 1.2em 0;
		color: #a8a8a8;
		}
	#author, #email, #url {
		display: block; width: 194px;
		margin: 0.2em 0 0 0; border: 1px solid #ccc; padding: 2px;
		background: #fafafa; color: #545454;
		}
#comment-input {
	width: 100%; float: right;
	}
	#comment-input label {
		display: block;
		margin: 0 0 0.2em 0;
		color: #a8a8a8;
		}
	#comment-input textarea {
		width: 98%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 1.2em 0; border: 1px solid #ccc; padding: 2px;
		background: #fafafa; color: #545454;
		}

#author:focus, #email:focus, #url:focus, #comment:focus {
	background: #fff;
	}
#submit {
	margin: 0 0 1em 0;
	}



/**** Footer ****/

#footer {
  clear: both;
  /* float: left; */
  width: 100%;
  height: 5em;
  margin-top: -5em;
}

#footer #bg {
  position: relative;
  height: 5em;
  margin: 0 auto;
  background: #49525B url(images/bg/header.gif) repeat-x bottom left;
}

#footer #bg ul {
  float: left;
  margin: 3 0 0 0 !important;
  margin: 3 0 0 0;
  padding: 0;
}

#footer #bg ul li {
  display: inline;
  list-style: none;
}

#footer #bg ul li a {
  float: left;
  padding: 0 1em;

  font: 400 1em;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #4D5760;
  border-right: 1px solid #4D5760;
}

#footer #bg ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#footer #bg ul li a:hover {
  color: #6C0;
}

#footer #bg #tagline {
float:left;
margin-left: 1em;
color: white;
}













/*********************
Widgets and Plugins
*********************/

.widgets .textwidget {
	padding: 0 0 1em 0;
	}

.widgets .rsswidget img {
	border: 0;
	}

.widgets .pagenav, .widgets .pagenav ul, .widgets .widget_archives ul {
	list-style: none;
	background: none !important;
	margin: 0; padding: 0;
	}
	.widgets .navlist .page_item {
		margin: 0.5em 0;
		}
		.widgets .navlist ul {
			list-style: none;
			margin: 0 0 0 1em;
			}
			.widgets .navlist ul li {
				margin: 0.5em 0;
				}
.widgets .pagenav ul li {
	margin: 0.5em 0;
	}
	.widgets .pagenav ul li ul {
		margin: 0 0 0 1em;
		}
		.widgets .pagenav ul li ul li {
			margin: 0.5em 0;
			}
.widget_archives ul li {
	margin: 0.5em 0;
	}

.widgets .widget_archives, body .widgets .pagenav {
	margin: 0 0 1em 0;
	}

.widgets .widget_gsearch div {
	text-align: left !important;
	margin: 0 0 1em 0;
	}

.widgets #wp-calendar {
	width: 100%;
	}
	.widget_calendar table, .widget_calendar tr, widget_calendar th {
		text-align: left;
		}

.widgets #wp-calendar caption {
	text-align: left;
	font-size: 0.8em; font-weight: normal; color: #8fbf60;
	text-transform: uppercase; letter-spacing: 0.1em;
	margin: 0 0 0.8em 0; border-bottom: 1px solid #e5e5e5; padding: 0 0 0.4em 0;
	}

.widget_search {
	margin: 0 0 1em 0;
	}
	.widget_search #s {
		display: block; width: 194px;
		margin: 0; border: 1px solid #ccc; padding: 2px;
		background: #fafafa; color: #545454;
		}
		#s:focus {
			background: #fff;
			}

.widgets ul {
	list-style: none;
	margin: 0; padding: 0;
	}
	.widgets li {
		margin: 0.5em 0;
		}
		.widgets ul li ul {
			margin: 0 0 0 1em;
			}
.widgets .widget {
	margin: 0 0 1em 0;
	}
	
/**** Gravatars ****/
	
	.gravatar {
	        float:left;
	        padding: 3px;
	        border: 1px solid #cccccc;
	        background: #fff;
		margin-right: 2em;
		margin-bottom: 2em;
	}

	.postgrav {
	        float: left;
	        padding: 3px;
	        margin-right: 5px;
	        margin-left: 5px;
	        border: 1px solid #000;
	        background: #fff;
	}
	
/**** UTW and Tag Cloud ****/

.tagcloud {
	margin: 1em 0 2em 0;
	line-height: 150%;
	}
.tagcloud a {
	border: none !important;
	}

#searchselector {
	margin: 0.5em 0 1em 0;
	}