/*  
Theme Name: Strachan
Theme URI: http://hostseeq.com/blog/
Description: Bespoke theme for Linda Strachan
Version: 0.1
Author: Kodiak Web Design
Author URI: http://www.kodiak-web-design.com
*/

* {
padding: 0; 
margin: 0;
line-height: 1.6em;
}

/* This forces FF to display a vertical scrollbar regardless of the actual length of the page */
html { 
height: 100.02%; 
}

img {
border: 0;
}
.wp-caption-text {
font-size: 0.9em;
}

img.alignleft {
float: left;
margin: 0 25px 5px 0;
border: 1px solid #000;
padding: 5px;
}
img#minispread {
border: 0;
padding: 0;
}
img.alignright  {
float:right;
margin: 0 0 5px 25px;
border: 1px solid #000;
padding: 5px;
}
img.aligncenter {
margin: 0 auto 5px;
border: 1px solid #000;
padding: 5px;
}

img.icon {
clear:left;
float: left;
margin-right: 10px;
border: solid 1px #000;
padding: 3px; 
}

body {
text-align: center;
background: url("images/home_bg.jpg") 50% 0;
font-size: 62.5%;
font-family: Arial, sans-serif;
}
#content {
text-align: left;
}

p {
margin-bottom: 10px;
font-size: 1.1em;
}

.blockquote {
font-size: 0.8em;
margin: 5px 20px;
}

#logo {
position: absolute;
top: 5px;
left: 10%;
}

#contactemail {
position: absolute;
top: -207px;
right: 200px;
color: #325683;
font-size: 1.7em;
font-weight: bold;
background: transparent;
text-decoration: none;
}

a:hover#contactemail {
color: #819DC5;
background: transparent;
}

#shelf {
z-index: 10;
position: relative;
top: -85px;
}

#banner {
z-index: 20;
}

#banner_nav {
position: relative;
/* top: 100px; */
}

/* subnavigation lists */

#subnav {
padding-bottom: 20px;
}

#subnav ul {
background-color: #fff;
}

#subnav ul li {
font-size: 1.3em;
font-weight: bold;
margin-right: 3px;
}

#subnav ul li a:link, #subnav ul li a:visited {
display: block;
float: left;
text-decoration: none;
background-color: #fff;
color: #5279B2;
margin-right: 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #ccc;
padding: 2px 5px;
}

#subnav ul li a:hover {
background: #b1c3db;
color: #000;
border-top: 1px solid #666;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #666;
}

ul.subsubnav li {
display: inline;
text-decoration: underline;
font-weight: bold;
font-size: 0.9em;
padding: 0.9em;
}

/* links */
a { color: #003B6E; background: inherit; text-decoration: none;}
a:hover { color: #9EC068; background: inherit; text-decoration: underline; }	


/* headings */
h1 { font: bold 2.75em Arial, sans-serif; margin: 10px 0 5px 10px; letter-spacing: 0px; }
h2 { font: bold 2em Arial, sans-serif; margin: 10px 0 5px 10px; letter-spacing: 1px; } 
h3 { font: bold 1.1em Arial, sans-serif; margin: 20px 0 5px 10px; padding: 0; }
h4 { font: bold 1em Arial, sans-serif; margin: 10px 0 3px 10px; padding: 0; }
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #000; background: #FFF; text-decoration: none; }
h2.pagetopper {
clear: both;
margin: 10px 0;
text-align: left;
}
.entry-content h2 { font-size: 1.5em; }
h2 #visits-link {
position: absolute;
top: 500px;
right: 0;
}

.topic { font: bold 1.5em Arial, sans-serif; text-decoration: underline; text-align: right; margin: 10px 0;} 
.title { color: #eeeeee; background: #fff; }

.description, .description a:link, .description a:visited {
font-size: 1em;
color: #999;
}

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }
input.search { width: 279px; border: none; background: #fff url(images/input.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }
input.button { padding: 3px; }

/* content holder */
#content { 
background: #fff;
width: 750px; 
margin: 0px auto 25px; 
border: 5px solid #325683;
position: relative;
}

/* header */


/* horizontal tabbed menu with header image*/	
#tabs { 
background: transparent;
color: #000;  
width: 900px;
height: 422px; 
text-align: center; 
padding: 0; 
margin: 0 auto;
}

/* grey subheader - .gbox is keeping the footer at the bottom, so it stays for now */
.gboxtop { clear: both; height: 8px; background: #dedede /*url(images/gboxtop.gif) no-repeat;*/ color: #000; }
.gbox { background: #dedede /*url(images/gbox.gif) no-repeat bottom left;*/ color: #444; padding: 1px 13px 7px 13px; margin: 10px 0 20px 0; text-transform: capitalize; text-align: center;}
.gbox p { padding: 7px 0; margin: 0; text-transform: capitalize;}


/* left side */
.left { float: left; width: 750px; margin: 0 auto 10px; } /*width changed from 500px because I got rid of the sidebar */
.left_articles {
margin: 0 20px 15px 10px;
padding: 10px 0 0 0;
text-align: justify;
color: #000;
background: #fff;
}

iframe {/*used by Amazon links */
float: left;
width: 120px; 
height: 240px;
margin: 0 5px 5px 0;
border: 1px solid #000;
} 

.newbookbreak {
clear: both;
margin-top: 20px;
}

.returntotop {
clear: right;
font-size: 0.8em;
font-weight: bold;
float: right;
}

.purchase {
margin-top: 10px;
}

.book_thumb_left {
clear: both;
float: left;
margin: 0 20px 5px 0;
border: 2px solid #000;
padding: 5px;
}

.amazon_thumb {
float: left;
margin: 0 5px 5px 0;
}

.book_thumb_right {
clear: both;
float: right;
margin: 0 0 5px 20px;
border: 2px solid #000;
padding: 5px;
}

.page_img_left {
clear: left;
float: left;
margin: 5px 20px 5px 0;
border: 2px solid #000;
padding: 5px;
}

.page_img_right {
clear: right;
float: right;
margin: 5px 0 5px 20px;
border: 2px solid #000;
padding: 5px;
}

.book_right {
float: right;
margin: 5px;
border: 2px solid #000;
padding: 5px;
} 

.book_left {
float: left;
margin: 5px;
border: 2px solid #000;
padding: 5px;
} 

.galleryimg {
float: left;
margin: 10px;
border: 2px solid #000;
padding: 10px;
}


/* bottom thirds */
.thirds { float: left; width: 203px; background: #eee; margin: 0 12px 0 0; color: #5d5d5d; }

.smallboxtop { height: 14px; background: #fff url(images/smallboxtop.gif) no-repeat; color: #000; }
.smallbox { background: #fff url(images/smallbox.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }


/* right side */

/* misc */
.post { padding: 0 10px 0 20px; margin:0; font-size: 1.5em; }

/* footer  */
#footer { 
clear: both; 
width: 750px; 
text-align: center; 
line-height: 1.8em; 
margin: 0 auto;
border-top: 1px solid #ccc; 
padding: 0;
}


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

.center {
	text-align: center;
	}

hr {
visibility: hidden;
margin: 10px 0 10px;;
}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 50px;
	}

.small { 
padding: 4px;
background:#dedede;
border:2px solid #cccccc;
margin: 5px 15px;
}

#comments { 
font-size:14px; margin-left:10px; padding:10px 35px; background:url(images/image.gif) center left no-repeat;
}

#commentlist  { 
padding:10px 20px;
}

#comtop { 
background: #dddddd;
border:1px solid #cccccc;
height:25px;
font-size:13px;
padding: 0px 20px;

}

#combot { 
background: #fff;
border:1px solid #dddddd;
padding: 0px 20px;
}

textarea, input { 
border:1px solid #cccccc;
background:#efefef;
}

.noclear {
clear: none;
}

.clearright {
clear: right;
}

.clearleft {
clear: left;
}

.clearboth {
clear: both;
margin-top: 20px;
}

/* Quicktag styles */

.largefont {
font-size: 1.3em;
}

.redtext {
color: #f00;
}

.bluetext {
color: #00f;
}

.purpletext {
color: #609;
}