/*
Theme Name: sunsurfer
Theme URI: http://sunsurfer.co.uk
Description: sunsurfer.co.uk Theme
Version: 0.9
Author: Mike Little, after sunsurfer.co.uk
Author URI: http://zed1.com/
Licence: GPL V2

Poritions of his design inspired by http://matthewjamestaylor.com/blog/perfect-full-page.htm

Copyright 2009 SunSurfer

This file is part of SunSurfer Theme.

SunSurfer Theme is free software; you can redistribute it and/or modify it under
the terms of the GNU General Public License as published by the Free Software
Foundation; either version 2 of the License, or (at your option) any later
version.

SunSurfer Theme is distributed in the hope that it will be useful, but WITHOUT
ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with
SunSurfer Theme; if not, write to the Free Software Foundation, Inc., 51
Franklin St, Fifth Floor, Boston, MA 02110-1301 USA

*/

/* General styles */
body {
  margin:0;
  padding:0;
  border:0;			/* This removes the border around the viewport in old versions of IE */
  width:100%;
  background-colour:#fff;
  min-width:600px;		/* Minimum width of layout - remove line if not required */
  /* The min-width property does not work in old versions of Internet Explorer */
  font-size:90%;
}

a {
  color:#369;
}
a:hover {
  zcolor:#fff;
  zbackground-colour:#369;
  text-decoration:none;
}
h1, h2, h3 {
  margin:.8em 0 .2em 0;
  padding:0;
  color: #266f9b;
}

h2 { clear:both; }

p {
  margin:.4em 0 .8em 0;
  padding:0;
}
img {
  margin:10px 0 0 5px;
}
a img { border: 0; }

/* Header styles */
#header {
  clear:both;
  float:left;
  width:100%;
  background-color: #266f9b;
}

div.colmask {
  background: url(images/header-bottom.png) top left no-repeat;
}


#logo {
  float:left;
}


#headerinner {
  float:left;
  width: 80%;
}

.home #headerinner {
  width: 76%;
}

#header h1 {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-weight: normal;
  font-size: 300%;
  margin:0;
  margin-top: 20px;
  margin-left: 1.5em;
  padding-top: 0;
}

.home #header h1 {
  margin-top: 40px;
  font-size: 500%;
}
    
#header h1 a {
  text-decoration:none;
  background-color: #266f9b;
  color: #fff;
  letter-spacing: 0.1em;
}

#header #logo a {
  text-decoration:none;
}

#header div.description {
  clear:left;
  float:left;
  margin:0;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-weight: normal;
  font-size: 150%;
  color: #fff;
  margin-left: 3em;
}

.home #header div.description {
  font-size: 200%;
  margin-left: 4em;
}

div.menu {
  clear: left;
  float:left;
  margin-top: 1em;
  margin-left: 10px;
}

.home div.menu {
  margin-top: 3em;
}

div.menu ul {
  clear:left;
  float:left;
  list-style:none;
  margin: 0;
  padding:0;
}

div.menu ul li {
  display:inline;
  list-style:none;
  margin:0;
  padding:0;
}

div.menu ul li a {
  background-color: #266f9b;
  color: #fff;
  display:block;
  float:left;
  line-height: 1.7;
  background: url(images/logo-20.png) top left no-repeat;
  padding-left: 24px;
  margin-right: 20px;
  text-decoration:none;
  font-size: 140%;
}
div.menu ul li a:hover, div.menu ul li a:active { text-decoration: underline; }
div.menu ul li.current_page_item a,
div.menu ul li.current_page_item a:hover { font-weight:bold; text-decoration: underline; }


/* 'search bar' */
#layoutdims {
  clear:both;
  background-colour:#eee;
  border-top:4px solid #000;
  margin:0;
  padding:6px 15px !important;
  text-align:right;
}

/* column container */
.colmask {
  position:relative;	/* This fixes the IE7 overflow hidden bug */
  clear:both;
  float:left;
  width:100%;			/* width of whole page */
  overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
  float:left;
  width:100%;
  position:relative;
}
.col1,
.col2,
.col3 {
  float:left;
  position:relative;
  padding:0 0 1em 0;
  overflow:hidden;
}
/* Full page settings */
.fullpage {
  background-colour:#fff;		/* page background colour */
}
.fullpage .col1 {
  width:96%;			/* page width minus left and right padding */
  left:2%;			/* page left padding */
}

/* 2 Column (right menu) settings */
.rightmenu {
  background-colour:#fff;		/* right column background colour */
}

.rightmenu .colleft {
  right:33%;			/* right column width */
  zbackground-colour:#fff;		/* left column background colour */
}
.rightmenu .col1 {
  width:62%;			/* left column content width (left column width minus left and right padding) */
  left:35%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
  width:29%;			/* right column content width (right column width minus left and right padding) */
  left:39%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* Footer styles */
#footer {
  clear:both;
  float:left;
  width:100%;
  border-top:1px solid #000;
}

#footer p {
  padding:10px;
  margin:0;
}

#footer p.meta {
  float:right;
  padding:10px;
  padding-top: 0;
  margin:0;
}

/* standard wordpress styles */
p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 8px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    margin-bottom: 0; /* otherwise it breaks the boxes when at the bottom of a page */
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/*body, .colmask, .rightmenu .colleft {*/
body {
  background-color: #ffffc0;
}

.col1 {
  background-color: #fff;
}
.col2 {
  background-color: #fff;
}


    
/* boxes */
.boxed {
  margin: 40px 0;
  padding: 0;
  background: url(images/large-box-right.png) top right no-repeat;
  max-width: 1080px;
}
.boxtop {
  margin: 0;
  padding: 60px 60px 0 60px;
  background: url(images/large-box-left.png) top left no-repeat;
}

.boxbot {
  margin: 0;
  padding: 0 0 0 60px;
  background: url(images/large-box-left.png) bottom left no-repeat;
}

.boxbot span {
  display:block;
  padding: 0 60px 60px 0;
  background: url(images/large-box-right.png) bottom right no-repeat;
  text-align: right;
}

.boxed p { margin-bottom:0; }
.boxed ul { margin-bottom:0; }

.edit-post-link { clear:both; }
.clear { clear:both; }
.hidden { padding:0; margin:0; height: 0; width: 0; color: #fff; border: 0;}

/* Hide visually but not from screen readers */
.screen-reader-text,
.screen-reader-text span {
	position: absolute;
	left: -1000em;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

#sidebar ul, #sidebar ul ul {
  list-style:none;
  margin: 0;
  padding:0;
}

#sidebar ul li ul {
  margin-left: 0.7em; 
}

textarea#comment {
  width: 100%;
}


.category-poetry pre {
  margin-left: 2em;
  font-size: 120%;
}

.post.category-poetry {
  background: #fff url(images/feather-fade.png) 80% 20% no-repeat;
}

.post.category-news {
  background: #fff url(images/newspaper-fade.png) 80% 20% no-repeat;
}

.entry ul, .entry ol {
  margin-left: 0.7em;
}

.entry ul li {
  margin-top: 2px; 
}