/*
Theme Name: The Exmouth Two
Theme URI: http://www.theexmouth.co.uk
Description: The Exmouth website style sheet. 
Author: Cutpastecreate, Benjamin Ayres
Author URI: http://www.cutpastecreate.com
Tags: blue, custom header, fixed width, two columns, widgets


*/

body { font-family: "Lucida Grande", Verdana, Arial, sans-serif; background-color: #a7abab; margin: 0; padding: 0; text-align: center; min-width: 700px;}

#wrap {margin: 0 auto; padding: 0; width: 700px; text-align: left; position: relative; }
#bg {background-image: url(images/main_bg.png);}
#header { background-position: right top; background-repeat: no-repeat; margin: 0 0 0 0; padding:50px 20px 0 10px;}
#main { padding: 5px 15px 5px 15px; border: 2px solid #fff; margin: 0 20px 10px 10px;}

#map{ margin-left: 0px; margin-bottom: 15px; margin-right: 0px; margin-top: 10px; border: 5px solid #cfcfcf; height: 300px;}
#map img {border: 0; margin: 0;}

/* - - - - format styles- - - - - - - - - -*/
a:link { color: #221e1f;}
a:hover {color: #221e1f;}
a:active {color: #221e1f;}
a:visited {color: #221e1f;}

p, h1, h2, h3, .button {color: #221e1f;}
h1{font-size: 1.5em;}
h2{color: #422d35; font-size: 22px; letter-spacing: 1px; background: #f3f3f3; padding: 5px 0px;}
h3{color: #422d35; font-size: 18px; letter-spacing: 1px; border-bottom: 1px solid #bcbdc0;}
h4{color: #422d35; font-size: 16px; letter-spacing: 1px;}
p, li { text-align: justify; line-height: 16px; font-size: 12px;}

h1, h2, h3, h4 {text-transform: lowercase; font-weight: 200;}

p ul.li {color: #4c4c4c; line-height: 16px; font-size: 12px;font-family: "Lucida Grande", Verdana, Arial, sans-serif; }

img {border: none;}
*:focus{ outline-color: invert; outline-style: none; outline-width: medium;}
/* - - - - main navigation- - - - - - - - - -*/
ul.nav { margin: 0px 35px; padding: 0px}
.nav li { display: inline;}

.nav li a { text-transform: lowercase; padding: 2px 4px 2px 4px; text-decoration: none; font-size: 16px; color: #422d35; background-image: url(http://www.theexmouth.co.uk/cpc/wp-content/themes/exmouth/images/navbg2.png) ; margin: 0 4px 0 0; }

.nav li a:link{}
.nav li a:hover{  color: #553f4a; border-bottom: 1px solid #553f4a; border-top: 1px solid #553f4a;}
.nav li a:active{}
.nav li a:visited{}
.nav li .current{}
li.current_page_item a { background: #553f4a; color: #fff; border-bottom: 0px solid #553f4a; border-top: 0px solid #553f4a;}
li.current_page_item a:hover { color: #fff;}

ul.entry { margin: 0px; padding: 0;}
.entry li { line-height: 16px; font-size: 12px;}
.entry li a {}
.entry li a:link{}
.entry li a:hover{ background: #422d35; color: #fff;}
.entry li a:active{}
.entry li a:visited{}
.entry li .current{}

.date { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: -15px; font-size: 11px; padding: 0px;}

.brand {margin-left: 5px; margin-bottom: 0; margin-right: 0px; margin-top: 0px;}

a.sign:link{ text-decoration: none; margin: 0 20px 0 0; float: right; color: #000; font-size: 11px; font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}
a.sign:visited{ text-decoration: none; margin: 0 20px 0 0; float: right; color: #000; font-size: 11px; font-family: "Lucida Grande", Verdana, Arial, sans-serif;}

.test { margin: 0 0 0 -76px;}

/* - - - - tablelessform- - - - */
#myform {clear: both; margin: 20px 0; padding: 20px 0 0 0; background: #f5f5f5; padding: 20px;}
.cssform p{
border-top-color: #e6e6e6;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px solid silver;
height: 1%;
}

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

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 12px;
width: 98%;
}

.cssform textarea{
font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 12px;
width: 99%;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
/*Jquery Header*/
	.pics { background: #f5f5f5; height:  210px; width:   660px;  padding: 0;  margin:  5px; overflow: hidden; } 
	.pics img {  margin:  0;  padding: 5px 5px;  width:  650px; height: 200px; top:  0; left: 0;} 
	.brand { position: absolute; left: 0px; top: 10px; z-index: 100; }
	
	
p a img {border: 5px solid #cfcfcf;}
p img a:hover{border: 5px solid #3e2d35;}

.alignright { margin: 0 0 0 20px;}
p .terms {font-size: 10px;}
#map {overflow: hidden;}

#wrap a.sign {clear:left; margin: 0; padding:0px 5px 10px 0px; color: #ccc;}

#footer { background-color: #afb2b3; text-transform: lowercase; background-position: center bottom; background-image: url(images/footer_bg.png);background-repeat: no-repeat; margin: 0; overflow: auto; padding: 0 0 20px 0; }

	.details { overflow: auto; background-position: 30px 20px; background-repeat: no-repeat; padding-left: 180px; padding-bottom: 0px; padding-right: 10px; padding-top: 10px; background-image: url(images/logoonwhite.png); border-top: #afb2b3 2px solid; margin: 0 20px 0 10px;}
	.details ul { float:left; overflow: auto; margin: 0; border-left: 2px solid #ccc; padding: 5px 20px 10px 20px;}
	.details ul li {list-style-type: none;}
	.details ul li a{color: #4c4c4c; line-height: 16px; font-size: 12px;font-family: "Lucida Grande", Verdana, Arial, sans-serif; text-decoration: none;}
	.details ul li {color: #4c4c4c; line-height: 16px; font-size: 12px;font-family: "Lucida Grande", Verdana, Arial, sans-serif;}

ul#current-events {}
	ul#current-events li { line-height: 12px;}
		ul#current-events li a { text-decoration: none; font-size: 16px; font-weight: bold;}

div#form h4 { margin: 0; padding: 0; font-weight: bold;}
.subscribe{ font-size: 12px; font-weight: bold; font-family: "Lucida Grande", Verdana, Arial, sans-serif; margin: 10px 0 0 0;}
.subscribe input { margin: 0 0 0 10px;}

/* Error boxes and styling */

label.error { float: none; color: red; vertical-align: top; font-weight: normal; margin: 0 0 0 0;}
label.success { float: none; color: green; vertical-align: top; font-weight: normal; border-bottom: 1px dashed red; margin-left: 0px;}

p.error {border-bottom: 2px solid red; background: white; }

div#topstatus { background: #fff; margin: 0px 0;}
div.status { background: #fff; margin: 10px 0;}

div.success p{ color: green; padding: 10px 10px 10px 10px;}
div.fail p{ color: red; padding: 10px 10px 10px 10px;}
div.load p { color: blue; padding: 10px 10px 10px 10px;}
	div.load p img { padding: 0 5px;}

.fail ol {color: red;line-height: 14px; font-size: 14px; margin: 10px 0 0 0;}
.fail ol li {color: red; line-height: 12px;}
.fail ol li a{color: red; font-size: 14px; text-decoration: none; border-bottom: 1px dashed red; }

/*Christmas menu*/
div.blog-40 {overflow: auto;}
div.blog-40 img.alignleft {margin: 5px 15px 5px 5px;}