/*
Theme Name: DIY By Design Beach Huts
Theme URI: not needed
Description: DIY By Design Beach
Version: 1.0
Author: Rayfields
Author URI: http://www.diybydesign.co.uk/
Tags: Beach Hut DIY
*/

body {margin:0; background-color: #FFCC67; color: inherit;
font-family:  Verdana,Arial, sans-serif; font-size: 1em;}

#container{width:92%; margin-left:4%; background-color: #fff;color: inherit; height:100%; border:.2em solid #00B1BB;}

#banner {height:16em; background-image: url(diybeachbg.jpg);background-repeat: no-repeat;background-position: top right;
}

#banner p {font-family:  Trebuchet MS, Arial, sans-serif; font-size: 2em;margin-left:.5em; font-weight:bold}

#topborder {background-color: #fff; font-family: Verdana, Arial, sans-serif; color: #000080; 
font-size: 1.1em; font-weight: 700;text-align: right;padding: 0.03em;}

#toprunner {background-color: #C0FFFF; padding: 0.5em; color: #000000; 
font-size: .8em; border-bottom:.1em solid #000; text-align:right}

/* Toprunner span to float left */
#alignleft { float: left; text-align: left; }	
/* END Toprunner span to float right */

#main 
{float: left; width: 67%;  \width: 77%; w\idth:67%;  margin-left: .5em;line-height: 1.3em}

#rightborder {background-color:inherit; color: inherit; margin-left: 68%; margin-right: .1em;line-height: 1.5em;
text-align:center; font-size:.8em;}

/* Posted by and date */
.post {font-size:0.8em; color:#000; background-color:inherit;}
/* Posted by and date */

#footer {clear:both; background-image: url(sandfooter.jpg);background-repeat: no-repeat;background-position: top;background-color: #6AD8FD; color: #000; font-size: .7em; 
text-align: center;padding-top:.5em; background-color: transparent;padding-bottom:1.5em;}

#clear {clear:both; }

#rightborder li h2  {font-size:1em; color:#000080; margin-top: 1em; 
background-image: url(speechblue.jpg);background-repeat: no-repeat; background-position: right; margin-left:.5em}
#rightborder ul {margin-left : -2em}

h1 { color: #000; font-size: .9em; background-color: inherit; margin-top: 1em;}

h2,h3,h4 { color: #000080; font-size: .8em; background-color: inherit;}


p {font-size: .8em;}

.red {color: #FF0000;background-color: inherit; font-weight:bold}
h3 span {line-height:.7em}
.smalltext { font-family: Verdana, Arial, sans-serif; font-size: .8em;; background-color: inherit;}
.letterred {color: #FF0000; font-family: Arial, sans-serif; font-size: 3em; background-color: inherit;}
.letterblue {color: #0000C0; font-family:  sans-serif; font-size: 2.5em; background-color: inherit;}
.lettergreen {color: #00C000; font-family: Verdana, Arial, sans-serif; font-size: 3em; background-color: inherit;}
.letterblack {color: #000; font-family: Trebuchet MS, Arial, sans-serif; font-size: 2em; background-color: inherit;}
.letterpurple {color: #6D006D; font-family: Georgia, Arial, sans-serif; font-size: 3.3em; background-color: inherit;}
.lettermaroon {color: #800000; font-family: Times New Roman, Arial, sans-serif; font-size: 3.5em; background-color: inherit;}
.letterteal {color: #006D6D; font-family:  Arial rounded MT Bold, sans-serif; font-size: 3em; background-color: inherit;}

.center {text-align:center;font-size: .9em}

acronym {border-bottom: 1px dotted #000000;cursor: help;}

img { border:0px; background-color: inherit;color: inherit}
.imageright {float: right;}
.imageleft {float: left; vertical-align: middle;}
.bannerleft {margin-top:1.5em; margin-left:.5em; padding-bottom:.5em}
ul {list-style-type:none; margin:0;}

#main li.dot  
{
background:  url("button.jpg") no-repeat 0px 5px; 
margin-left:2em;
padding-left:2em;
display: block; width: 90%;
font-size:.9em;
line-height:1.5em;
text-align: left;
font-family: Verdana, Arial, sans-serif;
color:#000080
}
#main li.tick  
{
background:  url("tick.jpg") no-repeat 0px 5px; 
margin-left:2em;
padding-left:2em;
display: block; width: 90%;
font-size:.8em;
line-height:1.5em;
text-align: left;
font-family: Verdana, Arial, sans-serif;
color:#000080
}

.indent { 
font-family: Verdana, Arial, sans-serif;
font-size: .9em;
color: #c00000;
background-color: inherit;
margin-left:1em;
}

a:link    {color: #000080;  background-color: inherit; text-decoration:underline;}
a:visited {color: #000080;  background-color: inherit; text-decoration:underline;}
a:hover   {color: #0000ff;  background-color: inherit; text-decoration:none;}
a:focus   {color: #0000ff;  background-color: inherit; text-decoration:none;}
a:active  {color: #000080;  background-color: inherit; text-decoration:none;}

.hideme {display:none}
.clear {clear:both}
.skip-link a, .skip-link span{
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
   top:-4em;
  left:-3em;
}

.skip-link a:active, .skip-link a:focus {
  position: absolute;
  overflow: visible;
  width: auto;
  height: auto;
 font-family:   Arial, sans-serif;
  background-color: #ffcc00;
  color: blue;
  top: 4em;
  left: 1em;
  padding: 5px;
  border: 2px solid #0000ff;
  font-weight: bold;
}

/* Hides from IE-mac \*/ 
* html #main {height: 1%;}
/* End hide from IE-mac */

/* FORM STYTLES */
form {font-family: Verdana, Arial, sans-serif;}

input, select, textarea{
	color: #000000;
	background-color: #80A9DD;
    border: 0.1em solid #000080;
	margin: 0.5em 0 0 0;
}


fieldset {padding:1.5em 0em 1.5em 0.5em; width:90%; border:#00BBE3 solid; margin-left:2em;}

legend {color:#333399; font-weight:bold; background-color: inherit; font-size: 0.8em}
#aligned label
{
display: block;
width: 12.5em;
float: left;
text-align: right;
margin: 0 1em 10px 0;
clear: both;
background-color: inherit;
color: #000;
}
input:focus {background-color: #000080; color: #ffffff;  }
input:hover {background-color: #000080; color: #ffffff; }

textarea {font-family: verdana, helvetica, arial, sans-serif;  width:98%; }
textarea:focus {background-color: #000080; color: #ffffff;  }
textarea:hover {background-color: #000080; color: #ffffff;  }

select:focus {background-color: #000080; color: #ffffff;  }
select:hover {background-color: #000080; color: #ffffff;  }


checkbox:focus {background-color: #000080; color: #ffffff;  }
checkbox:hover {background-color: #000080; color: #ffffff;  }
.button {background-color: #000080; color: #ffffff;}
.submit { margin: 0 5em 0 5em;}
/* FORM STYTLES END*/



/* ALTERNATIVE COMMENT COLOR */
.alt {background-color: #BDD7EA; margin:0.5em; border:0.025em solid #000;}
/* END ALTERNATIVE COMMENT COLOR */

/* Post stripe */
div.stripe {
  height: 1.8em; 
  background: #fff url(/images/bloghr.jpg) no-repeat scroll center; clear:both;
  
}
div.stripe hr {
  display: none;
}
/* END post stripe */