/*
Theme Name: Heart of the Matter Coaching
Theme URI: http://www.thegreatbear.net
Description: Customised default Wordpress Theme for Heart of the Matter Coaching in Applescross,Scotland.
Version: 0.1
Author: Adrian Finn
*/
/*-----------Block Level Elements--------------*/
Body {
font-family:Arial, "Lucida Sans Unicode","Lucida Grande", sans-serif;
font-size:62.5%;
color:#333;
/*
background-color:#b9d0fe;
*/
background-color: #dde9f7;

text-align:justify;
line-height:180%;
margin:0;
padding:0;
}

#page {
background-color: #fff;
text-align:justify;
width:760px;
line-height:250%;
margin:0 auto;
margin-top:20px;
margin-bottom:20px;

}

#header {
border-top: 1px solid #b9d0fe;
background:url(images/header_05.jpg) no-repeat top center;
position: relative;
z-index: 1;
height: 176px;
}

/* #header2 {
background: #fff url(images/calm_boats.jpg) no-repeat bottom center;
}*/

#headerimg {
height:176px;
width:760px;
margin: 0;
padding: 0;
}

#headerimg h1 {
color:#333;
text-align:left;
position:relative;
left:30px;
top:80px;
font-family:Arial, sans-serif;
font-size: 3.5em;
letter-spacing: .1em;
font-weight: bold;
}

#headerimg a {
color:#ddd;
text-decoration:none;
}

#headerimg a:hover {
/*color:#6ABDEB;*/
/*background: #e0997b; */
color: #fff;
text-decoration:none;
}

#headerimg.description {
color:#fff;
font-size:1.2em;
text-align:center;
}

#headerimg2 {
height:353px;
width:760px;
margin:7px 9px 0;
}

#headerimg2 h1 {
color:#fff;
text-align:left;
position:relative;
left:80px;
top:180px;
font-family:Georgia, serif;
font-size: 20px;
}

#headerimg2 a {
color:#FFF;
text-decoration:none;
}

#headerimg2 a:hover {
color:#6ABDEB;
text-decoration:none;
}

#topnav {
position: absolute;
top: 20px;
z-index: 2;
text-align: right;
width: 100%;
height: 50px;
}

#topnav ul {
}

#topnav ul li {
display: inline;

	list-style-type: none;
	text-align: right;
	padding: .8em;
	}
	

#topnav li ul li a{
	font-size: 1.2em;
	
	}
	

#topnav li ul a:link {
	}

#topnav li a:link{
color: #fff;
	display: inline;
font-size: 1.5em;
font-family: arial, sans-serif;
font-weight: bold;
text-decoration: none;
}

#topnav li a:visited {
	color: #fff;
	font-size: 1.5em;
	text-decoration: none;
	font-weight: bold;
	}
	
#topnav li a:hover {
color: #333;
border-bottom: 2px solid #333;
font-weight: bold;
text-decoration: none;
}

#topnav .current_page_item a {
		font-weight: bold;
		text-decoration: none;
		border-bottom: 2px solid #fff;
		}

#wrapper {
border-top: 1px solid #fff;  /* stop margins collapsing and cause gap on FF and Safari !*/

width:100%;
/*
background: url('images/strip.png') repeat-y top center;
*/

margin: 0;
padding: 0;
border-bottom: 1px solid #fff;  /* stop margins collapsing and cause gap on FF and Safari !*/

}

#content {
font-size:1.2em;
width:600px;
margin: 0 auto;
text-align: left;
}



#content a {
font-size: 1em;
color: #000;
text-decoration: none;
border-bottom: 1px solid #000;
}

#content .entrytext a:hover {

/*
color:#6ABDEB;
*/
color: #8883CC;
text-decoration:none;
border-bottom: none;
}


#content .entry a:hover {
border-bottom: 1px solid #619034;
}

#content .post h2 a:hover {
color:#619034;
border-bottom: 1px solid #619034;
}

#sidebar {
width:100%;
clear:both;
text-align:center;
margin:0 auto;
padding:0;
}

#footer {
background: url('images/footer_05.png') no-repeat top center;

font-size:1em;
padding-top:35px;
text-align:center;
line-height:150%;
color:#444;
height: 50px;
}


#footer a img:hover {background-color: transparent;}

#footer a {
color: #444;
font-size: 1em;
font-weight: bold;
text-decoration: none;

}

#footer a:hover {

text-decoration:none;
color: #444;
}

h1 {
padding-top:20px;
padding-bottom: 20px;
margin:0;
color: #777;
font-size: 2.5em;
text-align: right;
}

h2 {
font-size:1.8em;
color:#8883CC;
clear:both;
text-align:left;
padding-top: 15px;
padding-bottom: 5px;
}

h2 h3 a {
color:#619045;
text-decoration:none;
}

h2.pagetitle {
margin-top:30px;
text-align:center;
padding-bottom:10px;
}

h3 {
font-size:2em;
text-align:right;
color:#619045;
clear:both;
padding:10px 0;
}

h3 a, a:link, h3 a:visited, h3 a:hover {
text-decoration:none;
font-size:1.5em;
text-align:right;
color:#619045;
}


a.post {

text-decoration: underline;
color: #666;
}


.pagetitle {
font-size:2em;
text-align:right;
color:#619045;
}

.postmetadata {
font-family: Verdana, sans-serif;
font-size:0.5em;
font-style:italic;

}

.postmetadata a {
color:#619034;
font-size: 0.5em;
text-decoration: none;
}

.postmetadata a:hover {
border-bottom: 1px solid #619034;
}


blockquote {
background-color:#bbb;
/*
border-left:10px solid #000099;
*/
color:#fff;
font-size: 1.2em;
font-weight: bold;
padding:20px;
margin-top: 15px;
}

#sidebar ul {
margin:0;
padding:0;
}

#sidebar li {
text-align:center;
display:inline;
list-style-type:none;
}

#sidebar p {
display:inline;
}

#sidebar a {
display:inline;
font-size:1.3em;
color:#666;
text-decoration:none;
text-align:center;
border:1px solid #eee;
padding:.5em;
}

#sidebar a:link {
color:#666;
text-decoration:none;
}

#sidebar a:hover {
text-decoration: none;
color: #fff;
background: #6ABDEB;
}

#searchform {
position:absolute;
right:0;
}

#searchform input {
font-weight:700;
}



hr {
display:none;
}

.navigation {
display:block;
text-align:center;
margin-top:10px;
margin-bottom:60px;
}

#calendar table {
float:left;
width:100px;
height:200px;
background:#FFF;
position:relative;
margin:0 10px;
}

#calendar td {
background:#FFF;
border:1px solid #6ABDEB;
padding:0;
}

#calendar td.booked {
background:#6ABDEB;
}

#calendar table caption {
font-weight:700;
padding-top:10px;
padding-bottom:5px;
}



#content h2 a {
text-decoration: none;
padding: 0;
color: #619045;
}



#content a img {
background-color: transparent;
text-decoration: none;
border: none;
}


#content ol {
	line-height: 170%;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
	}
	
#content ol ul li{
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	list-style: none;
	}

#imagelink a img, a img:hover {

text-decoration: none;
border-bottom: none;
background: transparent;

}
a:hover img {background-color: transparent; text-decoration: none}

#content .rssLinkListItemTitle a:link{
text-decoration: none;
border-bottom: 1px solid #666;
}



#content li a img:link {
text-decoration: none;
border-bottom: none;
background: transparent;
}

#content li {
padding: 5px;
}

#content a.image {text-decoration: none; background-color: transparent; border-bottom: none}

#designer {
	text-align: center;
	font-size: .9em;
	color: #fff;
}	

#designer a {
	font-size: .9em;
	color: #fff;
	}

#designer a:visited {
	text-decoration: none;
	color: #fff;
}

#designer a:hover {
	text-decoration: none;
	color: #bbb;
	}




/* Begin Images */
p img.portfolio {
	padding: 0px;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.align {
	 padding: 15px 15px 30px 15px;
	margin: 0 15px 15px 0;
		display: block;
	}
	
.wp-caption {
	 padding: 15px 15px 20px 15px;
  background: #fff;
	margin: 15px 15px 15px 0;
		display: block;
	}
	
.wp-caption img {width:100%!important;height:auto!important}	

img.alignright {
 padding: 15px 15px 30px 15px;
  margin: 10px 15px 15px 7px;
	display: inline;
	}

img.alignleft {
  padding: 0px 0px 0px 0px;
  margin: 15px 35px 0px -35px;
	display: inline;
	}

.alignright {
	float: right;
	margin-left: 20px;
	}

.alignleft {
	float: left
	}
/* End Images */
