/*
Theme Name: Arbroath Seafest
Theme URI: http://www.arbroathseafest.co.uk/
Description: Website of the Arbroath Seafest
Author: Andrew Morgan
Author URI: http://www.idesignwebsites.co.uk/
version: 1.0
Tags: idesignwebsites, arbroath, andrew morgan
*/

html,body,div,span,object,h1,h2,h3,h4,h5,h6,p
,pre,a,abbr,acronym,address,big,cite
,code,del,dfn,em,img,ins,kbd,q,samp,small
,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td{
margin:0;
padding:0;
vertical-align:baseline;
outline:none; 
}

* { margin:0; padding:0; }
.clear { clear:both; }
img { border:0; }


@font-face {
    font-family: 'BebasRegular';
    src: url('fonts/bebas_-webfont.eot');
    src: url('fonts/bebas_-webfont.eot?iefix') format('eot'),
         url('fonts/bebas_-webfont.woff') format('woff'),
         url('fonts/bebas_-webfont.ttf') format('truetype'),
         url('fonts/bebas_-webfont.svg#webfontyxitGS8O') format('svg');
    font-weight: normal;
    font-style: normal;

}    

body {
  font-size:0.8em;
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	color:#0f0f0f;
	background:#4086b4 url('images/bgpattern.jpg');
	line-height:2.1em;
} 


/* Typography */

a {
  text-decoration:none;
  color:#2a5876;
}
  
a:hover {
  color:#5c7b8f;
}

p {
  margin:0 0 20px 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'BebasRegular', Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
  color:#2a5876;
  text-shadow: 0px 1px 1px #0f0f0f;
  font-weight:100;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color:#3a80ae;

}

h1 { font-size:2.3em;	line-height:2em; }
h2 { font-size:1.9em;	line-height:2em; }
h3 { font-size:1.5em;	line-height:2em; }
h4 { font-size:1.4em;	line-height:2em; }
h5 { font-size:1.2em;	line-height:2em; }
h6 { font-size:1em;	line-height:2em; }

.seafestdate {
  background:#2a5876 url('images/edge.jpg') no-repeat right center;
  padding:20px 50px 20px 50px;
  font-size:1.9em;
  font-family: 'BebasRegular', Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
  color:#fff;
  margin:20px 0 30px -50px;
  text-shadow: 0px 1px 1px #0f0f0f;
  position:relative;
  z-index:3;
}

.seafestdate a {
  color:#fff;
}

.seafestdate a:hover { color:#bbe5fd; }

.cornerimage {
  position:absolute;
  bottom:-17px;
  left:1px;
  z-index:2;
}

.emailnumber {
  background:#2a5876 url('images/edge.jpg') no-repeat right center;
  padding:20px 0px 20px 50px;
  font-size:1.6em;
  font-family: 'BebasRegular', Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
  color:#fff;
  margin:20px 0 30px -50px;
  text-shadow: 0px 1px 1px #0f0f0f;
  position:relative;
  z-index:3;
}

.emailnumber a {
  color:#fff;
  padding-left:60px;
}

.emailnumber a:hover { color:#bbe5fd; }

.alignright { float:right; margin:5px; }
.alignleft { float:left; margin:5px; }


/* Main Divs */

#wrapper {
  width:800px;
  margin:0 auto;
  background:#fff;
  position:relative;
}

#logo {
  position:absolute;
  top:0;
  left:-5px;
  z-index:100;
}

#content {
  width:480px;
  margin:0 0 0 32px;
}

#content h2 {
  padding:10px 0 20px 0;
}

/* Main picture header Slide */

#header {
  position:relative;
}

#picture {
  width:800px;
  height:500px;
  position:relative;
  z-index:5;
}

.topcurve {
  position:absolute;
  bottom:-1px;
  z-index:10;
}

/* Sidebar */

#sidebar {
  float:right;
  width:220px;
  margin:0 30px 0 0;
  line-height:20px;
}

#sidebar a {
  color:#0f0f0f;
}

#sidebar ul {
  list-style-type:none;
}

#sidebar li {
  margin:0 0 10px 0;
}

.box {
  background:#d5eeff;
  border:1px solid #2083c4;
  padding:10px 20px 20px 20px;
  margin:0 0 25px 0;
}

.box h2 {
  padding:0 0 20px 0;
}

/* Menu Code */

#menu {
  position:absolute;
  top:0;
  left:0px;
  z-index:50;
  width:800px;
  background:#2a5876;
  font-family: 'BebasRegular', Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
  height:60px;
  font-size:18px;
  border-bottom:3px solid #2083c4;
}

#menu ul {
  width:540px;
  float:right;
  margin:0 -10px 0 0;
  list-style-type:none;
}

#menu li {
  float:left;
  list-style-type:none;
} 

#menu a {
    display:block;
    color:#fff;
    padding:18px 25px;
    line-height:24px;
    text-shadow: 0px 1px 1px #0f0f0f;
}

#menu a:hover {
  color:#bbe5fd;
} 

#menu .current_page_item {
  background:#31688c;
}

#menu li ul {
  display: none;
}

#menu li:hover > ul { 
  display: block;
  position:absolute;
  top: auto;
  left: auto;
  background:#2a5876;
  z-index:9999;
	width:250px;
  border:1px solid #31688c;        
} 

#menu li > ul li { 
	margin:0;
	padding:0px 5px;
	border:none;
	display:block;
	float:none;
  z-index:9999;
}

#menu li > ul a:hover {
  color:#bbe5fd;
} 	

/* Contact Form Code */

.form form {
	padding:20px 0;
	width:400px;
	height:400px;
	margin:0;
}

fieldset {
	border:none;
}

legend {
	display:none;
}

.form p, .form br {
  margin:0;
  padding:0;
}

.form span {
  display:block;
  width: 240px;
  margin:0;
  padding:0;
  margin:0 0 20px 0; /*width of left column containing the label elements*/
}

/* 

.form label {
  float: left;
  margin-left: -130px; 
  width: 125px;
  color:#125687;
  text-align:right; 
}

 */

.form input[type="text"]{
	width: 250px;
  border:1px solid #2083c4;
	padding:5px 0;
	color:#000;
	font-size:1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0;
}

.form textarea {
	width:420px;
	height: 150px;
	overflow:hidden;
  border:1px solid #2083c4;
	background:#fff;
	color:#000;
	font-size:1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.form select {
	background:#2a5876;
	color:#fff;
	width:200px;
	padding:5px 0;
}

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

.submitbutton, #submit {
  background:#2a5876;
  border:1px solid #2083c4;
  padding:5px 45px;
  font-size:1.5em;
  font-family: 'BebasRegular', Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
  color:#fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

input.submitbutton:hover, #submit:hover {
	cursor:pointer;
	cursor:hand;
}

/* Footer */

#footer {
  height:165px;
  background:url('images/footerbg.png') no-repeat bottom center; 
  padding:30px 20px 0 15px; 
}

#footermenu {
  z-index:50;
  width:800px;
  font-family: 'BebasRegular', Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
  height:50px;
  margin-top:80px;
  text-shadow: 0px 1px 1px #0f0f0f;
}

#footermenu ul {
  width:500px;
  list-style-type:none;
}

#footermenu li {
  float:left;
  list-style-type:none;
} 

#footermenu a {
  display:block;
  color:#fff;
  padding:20px;
  line-height:20px;
  font-size:18px;
}

#footermenu a:hover { color:#bbe5fd; }


/* Mail Chimp Form */

#mc_embed_signup label {
  display:none;
}

.email {
  background:#fff;
  line-height:30px;
  margin:0 0 20px 0;
  padding:2px 20px 2px 0;
  border:1px solid #719ebb;
  width:152px;
}              

.button {
  background:#2a5876;
  border:1px solid #719ebb;
  padding:5px 10px;

  font-size:1.5em;
  font-family:'BebasRegular';
  color:#fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.button:hover {
  cursor:hand;
  cursor:pointer;
}


/* Comments */

#commentform {
  width:400px;
}

#commentform textarea {
  width:400px;
}

.commentlist {
  margin:40px 0;
}

.cdata {
	position:relative;
	padding:15px;
	margin:15px 0 0.5em;
	background:#d5eeff;
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.cdata p {margin:15px; font-size:18px; line-height:1em;}


/* creates the triangle */
.cdata:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	z-index:100;
	top:-30px;
	left:50px;
	width:0;
	height:0;
	border:15px solid transparent;
	border-bottom-color:#d5eeff;     
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.metac {padding-left:15px; font-size:18px; line-height:1em; margin-bottom:20px;}

/* Misc */

.read_more {
	background:#2a5876;  
  color:#fff;
  margin-left:325px;
  line-height:40px;           
	padding:7px 10px;
	text-align:right;
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.read_more:hover {
	background:#2a5876;  
	color:#fff;
}

.read_more a {
  color:#fff;
}


.post-edit-link {
  position:absolute;
  right:810px;
  top:10px;
}

.post-edit-link a {
  color:#fff !important;
  background:#000;
}

#post {
  margin:30px 30px;
  padding-bottom:30px;
  position:relative;
}

.credit {
  float:right;
  font-size:0.8em;
  padding-right:20px;
}