/*
Theme Name: Old Boatyard
Theme URI: http://www.oldboatyard.co.uk/
Description: Old Boatyard Website
Author: Andrew Morgan
Author URI: http://www.idesignwebsites.co.uk/
version: 1.0
Tags: idesignwebsites, arbroath, andrew morgan
*/

 
body { 
    font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000;
		background:#c69c62;
		font-size:0.8em;
		line-height:1.6em;
}

/* Typography */

.clear {
	clear:both;
}

img {
	border:0;
}

.border {
	border:1px solid #333;
}

p {
	margin-bottom:15px;
}

blockquote {
  margin:0 0 20px 30px;
}

h2, h3, h4, h5 {
  border-bottom:1px solid #000;
  padding:10px 0;
  margin:20px 0;
  font-style:italic;
  font-size:1.2em;
}

h2.title {
  font-family:"times new roman";
  font-size:32px;
  color:#660000;
  font-style:italic; 
}

a {
	color:#557287;
	font-weight:600;
	text-decoration:none;
}

a:hover {
	color:#557287;
}

.post-edit-link {
  position:absolute;
  top:0;
  right:0;
  margin:20px;
}

.post {
  overflow:none;
}

.emailus a {
  display:block;
  padding:10px 20px;
		background:#c69c62;
		margin-top:10px;
  color:#000;
  /* CSS3 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* Containers */

#header {
	width:760px;
	position:relative;
}

#headerwrap {
  width:100%;
  background:#996633 url('images/headerbg.jpg') repeat-x bottom;
}

.logo {
	padding:20px 20px;
}

#bannerwrap {
  background:#125687;
  height:200px;
}

#banner {
	width:960px;
	margin:0 auto;
	position:relative;
}

.date {
  padding:35px 0 0 15px;
}

#wrap {
  background:#c69c62 url('images/sideback.jpg') repeat-y;
	width:780px;
}

#sidebar {
  float:left;
  width:140px;
  height:350px;
  color:#fff;
  padding:40px 10px;
}

#sidebar a { color:#99665a; }

#content {
  min-height:600px;
  position:relative;
  width:530px;
  border-left:1px solid #92704a;
  background:#fff url('images/back.jpg') no-repeat;
  float:left;
  word-wrap: break-word;
  padding:30px 25px 50px 25px;
}

#footer {
  float:left;
  width:580px;
  border-left:1px solid #92704a;
  margin-left:160px;
  background:#d2b57d;
  position:relative;
  padding-bottom:100px;
}

#backtotop {
  position:absolute;
  font-size:0.8em;
  left:15px;
  top:10px;
}

#backtotop a {
  color:#000;
}

/* Menu */

.menu {
  border:1px solid #d2b57d;
  background:#fff;
  margin:20px 3px;
  font-size:0.8em;
  font-family:Arial, Helvetica, sans-serif;
  padding:15px;
}

.menu li {
  margin:5px 0;
}

/* Contact Form Code */

form {
	margin-top:30px;
	margin-left:20px;
}

fieldset {
	border:none;
}

legend {
	display:none;
}

.form p {
width: 340px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 150px; /*width of left column containing the label elements*/
height: 1%;
}

.form label{ 
float: left;
margin-left: -150px; /*width of left column*/
width: 130px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 250px;
	border:1px solid #000;
	color:#000;
	font-size:1em;
	font-family:"Century Gothic", Arial, Sans-Serif;
}

.form textarea{
	width: 250px;
	height: 200px;
	overflow:hidden;
	border:1px solid #000;
	color:#000;
	font-size:1em;
	font-family:"Century Gothic", Arial, Sans-Serif;
}

.form textarea:hover,.form input:hover {
	cursor:text;
}

* html .threepxfix {
margin-left: 3px;
}

.submitbutton {
	width:150px;
	padding:10px 0px;
	display:block;
	margin-left:150px;
	width:252px;
	border:0;
	color : #000;
	font-weight: bold;
	font-family : Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 0.8em;
}

.submitbutton:hover {
	cursor:pointer;
}

.contactdetails {
	list-style-type:none;
}

/* Table Formatting */

table {
  width:530px;
  margin:20px 0 35px;
}

td {
  padding:5px 0;
  color:#660000;

}

td.price, td.region {
  font-style:italic;
  color:#000;
  width:100px;
  text-align:right;
}

td.special {
  font-style:italic;
}