/*-----------------------------------------------------------------------
//
//	dpi21
//
//	by dpi21 - http://www.dpi21.com
//
//  Copyright 2009 dpi21 Ltd. This code cannot be redistributed without
//  permission from http://www.dpi21.com
//
---------------------------------------------------------------------
//	Global Styles
// --------------------------------------------------------------------*/

* {
	margin: 0 ;
	padding: 0;
	border: 0;
}

img {
	border: 0;
}

body {
	font: 12px Arial, Helvetica, Verdana, Sans-Serif;
	color: #FFFFFF;
	line-height: 16px;
	background: url(../images/body.jpg) repeat;
}

#wrapper {
	width: 814px;
	padding: 0px 3px;
	margin: 0px auto;
	background: url(../images/wrapper.png) repeat-y;
}

/* Top */

#top, #logo, #masthead-home, #home-content {
	float: left;
}

#blackpool-international {
	float: right;
	padding-top: 10px;
}

#top {
	width: 754px;
	padding: 20px 30px;
}

/* Masthead Home */

#masthead-home {
	border-top:  10px solid #4B4338;
	background: url(../images/masthead/home.jpg) top left no-repeat;
	padding-top: 240px;
	height: 79px;
	width: 814px;
}

#main-nav, #main-nav li {
	float: left;
}

#main-nav {
	width: 814px;
	display: block;
	height: 79px;
}

#main-nav li {
	list-style-type: none;
}

/* Home Content */

#home-content, #home-content #copy, #home-content .col1, #home-content .col2 {
	float: left;
}

#home-content, #content {
	background-color: #4B4338;
	padding: 20px;
	width: 774px;
}

#home-content #copy {
	padding: 0px 30px 0px 20px;
	width: 495px;
	font-size: 13px;
}

#home-content .col1 {
	width: 240px;
	padding: 20px 20px 0px 0px;
}

#home-content .col2 {
	width: 230px;
	padding: 20px 0px 0px 0px;
}

/* Events */

#events, .heading, .next-event, .event {
	float: left;
}

#events {
	width: 225px;
	padding: 5px 0px 10px 0px;
	font-size: 11px;
}

.heading {
	background-color: #f5f0DF;
	width: 215px;
	padding: 5px 0px 5px 10px
}

.next-event {
	color: #ABA399;
}

.next-event, .event {
	width: 215px;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #756656;
}

/* Content */

#content, #copy, #gallery, #main-image, #gallery ul, #gallery li {
	float: left;
}

#content h1 {
	padding-bottom: 10px;
}

#image-caption {
	float: right;
	padding: 7px 5px 0px 0px;
	font-size: 11px;
	line-height: 14px;
}


#copy {
	font-size: 13px;
	width: 260px;
	padding: 10px 30px 0px 20px;
}

#copy ul, #copy p {
	padding: 5px 0px;
	line-height: 14px;
}

#copy li {
	padding: 3px 0px 3px 10px;
	list-style-type: none;
}

#gallery {
	padding-top: 15px;
}

#gallery, #main-image {
	width: 440px;
}

#main-image {
	height: 280px
}

.gallery1 {
	width: 275px;
}

.gallery2 {
	width: 180px;
}

.gallery3 {
	width: 220px;
}

#gallery li, #competition1 li, #competition2 li {
	display: block;
	padding: 5px 5px 0px 0px;
	width: 50px;
	height: 40px;
}

/* Memories */

#name, #town, #comments {
	width: 250px;
	padding: 3px 5px;
	color: #999085;
	margin-top: 3px;
	font: 12px Arial, Helvetica, Verdana, Sans-Serif;
}

#comments {
	height: 130px;
}

#copy #send {
	float: right;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px 5px;
	font-size: 13px;
	background-color: #999085;
}

#memories {
	float: left;
	padding-top: 5px;
	width: 440px;
}

#memories p {
	padding: 10px 0px;
	line-height: 15px;
}

.border-top {
	border-top: 1px solid #999085;
}

/* Competition */

#competition1, #competition1 ul, #competition1 li, #competition2, #competition2 ul, #competition2 li {
	float: left;
}

#competition1, #competition2 {
	width: 230px;
	padding-top: 15px;
}

#competition1 p, #competition2 p {
	padding: 5px 0px;
	line-height: 13px;
}

#competition1 ul, #competition2 ul {
	width: 170px;
}

/* Other Styles */

.clear {
	clear: both;
}

.cream {
	color: #F1CEB0;
}

.green {
	color: #A2BB3B;
}

.red {
	color: #E95338;
}

.blue {
	color: #31ABD4;
}

.yellow {
	color: #FFCD0A;
}

.dark-grey {
	color: #999085;
}

ul#cream li {
	background: url(../images/bullets/cream.jpg) left top no-repeat;
}

ul#green li {
	background: url(../images/bullets/green.jpg) left top no-repeat;
}

ul#red li {
	background: url(../images/bullets/red.jpg) left top no-repeat;
}

ul#blue li {
	background: url(../images/bullets/blue.jpg) left top no-repeat;
}

ul#yellow li {
	background: url(../images/bullets/yellow.jpg) left top no-repeat;
}