/*  
Theme Name: Michael Gaisford.com
Theme URI: http://www.edgedesigns.org/
Description: Wordpress Theme Created by Edge Designs for michaelgaisford.com / .co.uk and .eu
Version: 1
Author: Tom Willmot
Author URI: http://www.edgedesigns.org/
*/

body {
font: 90% Arial Helvetica sans-serif;
text-align: center;
background: url(images/body-background.png) repeat-x #CCC;
}

#page {
width: 774px;
margin: 0 auto;
text-align: left;
}

.hide {
text-indent:-9999px; /* This achieves the same as using Display:none; but means that the text is still readable by screenreaders */
outline:none; /* Removes the dotted outline when a link clicked, if this isn't used then the outline will stretch off of the screen due to the text indent used above */
display:block;
height:0;
}
a, a:visited {
color: #575B38;
font-weight: bold;
text-decoration: none;
}
a:hover, a:focus {
text-decoration: underline;
}

/* === Header === */

#header {
overflow: hidden;
}

#header h1 {
width: 192px;
height: 161px;
background: url(images/logo.gif) no-repeat center;
float: left;
}
#header h1 a {
width: 192px;
height: 161px;
display: block;
}
.description {
height: 161px;
width: 582px;
background: url(images/description-background.png) no-repeat center;
float: right;
}

/* === Navigation === */

#main-navigation {
overflow: hidden;
}
#main-navigation li {
float: left;
}
#main-navigation a, #main-navigation a:visited {
display: block;
color: #EAEAEA;
font: 1.7em Calibri, Helvetica, Arial, Serif;
text-decoration: none;
padding:0 38px;
line-height: 46px;
font-weight: bold;
}
#main-navigation a:hover, #main-navigation a:focus, #main-navigation li.page_item.current_page_item a {
color: #CC9900;
}

/* === General Content === */

/* Lang Selector */

#choose-lang p {
background-color: #CCC;
border-bottom: 6px solid #FFF;
margin-top:5px;
}
#choose-lang a {
background:transparent url(images/french-flag.gif) no-repeat scroll 10px 0px;
display:block;
padding:2px 5px 5px 45px;
}

/* Post Styling including pages */

.post {
padding:15px;
}
.post h2 {
text-indent:-9999px; /* This achieves the same as using Display:none; but means that the text is still readable by screenreaders */
outline:none; /* Removes the dotted outline when a link clicked, if this isn't used then the outline will stretch off of the screen due to the text indent used above */
display:block;
height:0;
}
.post h3 {
color: #CC9900;
font-size: 1.4em;
}
.post h4 {
color: #CC9900;
}
.post img {
border: 1px solid #000;
padding: 7px;
background-color: #CCC;
margin: 10px;
float: right;
clear: right;
}
.post a:hover img {
border-color: #EAEAEA;
text-decoration: none;
}
.post img.large {
float: none;
clear: both;
}
.post p {
padding: 7px 0 7px 15px;
line-height: 130%;
}
.post address {
padding: 7px 0 7px 15px;
line-height: 130%;
}
.post .postmetadata {
clear:both;
}
/* === General Sidebar === */


/* === Single Column === */

#single-column #content-wrapper {
background: url(images/single-column-background.gif) repeat-y;
overflow: hidden;
}
#single-column #choose-lang {
background: url(images/single-column-top-background.gif) no-repeat top;
overflow: hidden;
}
#single-column #choose-lang p {
width:754px;
margin: 5px auto 0 auto;
}

/* === Content Left === */

#two-column-left #content-wrapper {
background: url(images/two-column-left-background.gif) repeat-y;
overflow: hidden;
}
#two-column-left #content {
float: left;
width: 493px;
}
#two-column-left #choose-lang {
background: url(images/two-column-left-content-top-background.gif) no-repeat top;
overflow: hidden;
}
#two-column-left #choose-lang p {
width:483px;
float:right;
}
#two-column-left #content h1 {
text-align: center;
color: #575B38;
font-size: 3em;
margin: 15px;
}
#two-column-left h2 {
text-indent: -10px;
height: auto;
display: inline;
float: left;
width: 280px;
}
#two-column-left .post-time, #two-column-left .post-comments {
float: right;
background: url(images/post-info-background.gif) no-repeat;
width: 76px;
height: 69px;
color: #FFF;
text-align: center;
padding: 0;
font-size: 0.7em;
}
#two-column-left .post-time em, #two-column-left .post-comments em {
font-size:1.6em;
display: block;
padding: 15px 0 5px 0;
}
#two-column-left .post-time {
margin:0 15px;
}
#two-column-left .post-comments a {
color: #FFF;
text-decoration: none;
font-weight: normal;
width: 76px;
height: 69px;
padding: 0;
display: block;
}
#two-column-left h2 a {
color: #CC9900;
font-size: 1.8em;
margin: 10px 0 10px 25px;
line-height: 215%;
}
#two-column-left .entry {
margin-top: 50px;
}

/* 3 previous posts on homepage */

#more-posts {
background-color:#333333;
border-top:6px solid #FFFFFF;
clear:both;
margin:0pt auto;
overflow:hidden;
width:754px;
}
#more-posts .post {
float: left;
width:220px;
color: #CCC;
border-left: 1px dashed #555;
margin-right:-1px;
}
#more-posts .post-time, #more-posts .post-comments, #results .post-time, #results .post-comments {
background:transparent url(images/more-post-info-background.gif) no-repeat scroll 0%;
clear:both;
font-size:0.7em;
height:50px;
margin:10px 0pt 5px 5px;
width:60px;
}
#results .post-time, #results .post-comments {
background:transparent url(images/cat-post-info-background.gif) no-repeat scroll 0%;
margin:0pt 0pt 5px 5px;
}
#more-posts .post-comments a, #results .post-comments a {
width: 60px;
height: 50px;
}
#more-posts .post-time em, #more-posts .post-comments em, #results .post-time em, #results .post-comments em  {
font-size: 1.4em;
padding: 10px 0 5px 0;
}
#more-posts h2 {
width: 230px;
}
#more-posts h2 a {
font-size: 1.6em;
}
#more-posts .post-time{
margin:20px 0pt 0pt;
}
#more-posts .read-more-link a {
color: #0099FF;
font-size: 0.8em;
}
#results .read-more-link a {
color: #0099FF;
margin-left: 15px;
}
#more-posts .entry {
margin-top:30px;
clear:left;
}
hr {
margin-top:35px;
}
/* == Sidebar Right == */

#two-column-left #sidebar {
width: 281px;
float: right;
background: url(images/two-column-left-sidebar-top-background.gif) no-repeat top;
}
#two-column-left .block {
background: url(images/sidebar-info-background.gif) no-repeat bottom;
width: 225px;
color:#CCCCCC;
margin:0pt auto 15px;
}
#two-column-left #sidebar h2 {
background:transparent url(images/sidebar-info-top-background.gif) no-repeat scroll left top;
color:#D9A600;
display:block;
float:none;
font-size:1.3em;
min-height:24px;
padding:10px;
text-align:center;
text-indent:0pt;
width:auto;
}#two-column-left #sidebar ul {
padding-bottom:10px;
margin-left: 10px;
}
#two-column-left #sidebar li {
list-style-position:inside;
list-style-type:disc;
padding:0pt 0pt 3px 10px;
}
#two-column-left #sidebar a {
color:#0099FF;
}
#two-column-left #sidebar p {
padding:0pt 15px 15px;
line-height: 120%;
}
#two-column-left #search-box {
min-height: 80px;
padding-top: 1px;
}
#two-column-left #search-box input {
display:block;
margin: 10px auto;
}
.alignleft a, .alignright a {
background:transparent url(images/sidebar-info-top-background.gif) no-repeat scroll center top;
display:block;
line-height:43px;
min-height:43px;
padding-left:20px;
}
.alignright a {
text-align: right;
padding-right: 20px;
}
.alignleft a:before {
content:"\AB  " ;
}
.alignright a:after {
content:" \BB";
}

/* Comments */

#comments {
padding: 25px;
}
#comments h2, #results .searchtitle, #results .pagetitle {
color:#CC9900;
display:block;
float:none;
font-size:2em;
text-indent:0pt;
width:auto;
padding:0pt 0pt 15px;
}
#results {
padding: 15px 25px;
}
#comments h3 {
color:#CC9900;
font-size:1.3em;
padding:10px;
}
#comments li {
background-color:#CCCCCC;
border:1px dashed #666;
margin:10px;
padding:15px;
}
#comments li.alt {
background-color: #BBB;
}
#comments input {
clear:right;
float:right;
margin:10px 0pt;
}
#comments label {
clear:left;
display:block;
float:left;
margin:15px 0 15px 15px;
text-align:right;
}
#comments textarea {
float:right;
}
.commentmetadata {
font-weight: bold;
}
.commentlist p {
line-height:120%;
margin:10px 0;
}
.commentlist .not-approved {
color:red;
display:block;
font-weight:bold;
padding-bottom:10px;
text-align:center;
}
.logged-in {
padding: 15px;
}
/* === Content Right === */

#two-column-right #content-wrapper {
background: url(images/single-column-background.gif) repeat-y;
overflow: hidden;
}
#two-column-right #content {
float: right;
width: 493px;
}
#two-column-right #choose-lang {
background: url(images/two-column-right-content-top-background.gif) no-repeat top right;
overflow: hidden;
}
#two-column-right #choose-lang p {
width:483px;
float:left;
}

/* == Sidebar Left == */

#two-column-right #sidebar {
width: 281px;
float: left;
height:650px;
background: url(images/two-column-right-sidebar-top-background.png) top left repeat-x;
}
#scroll {
height: 750px;
overflow:hidden;
}
/* Page Specific Styles */

.About .map-to-us {
border: 1px solid #000;
padding: 10px;
background-color: #CCC;
display: block;
overflow: hidden;
}
.About .map-to-us span {
margin-top: 5px;
display: block;
}
.About .map-to-us img {
padding: 0;
margin: 0;
float: none;
width:425px;
text-decoration: none;
}
.Home .post h3 {
font-size: 2.6em;
font-family: "Goudy Old Style" "Century Schoolbook" Helvetica Verdana Arial sans-serif;
text-align: center;
}
.Home .post h4 {
font-size: 2.2em;
font-family: "Goudy Old Style" "Century Schoolbook" Helvetica Verdana Arial sans-serif;
text-align: center;
padding: 15px;

}
.Home .post p {
font-size: 1.3em;
padding: 15px;
}

/* === Footer === */

#footer {
background: url(images/footer-background.gif) no-repeat;
width:724px;
margin: 0 auto;
overflow: hidden;
padding:15px 25px;
color: #666;
}
#legal {
float:left;
}
#site-by {
float:right;
}
#site-by a, #site-by a:visited {
color: #1873A0;
font-family: "Century Gothic" Helvetica Verdana Arial sans-serif;
}