/* @override 
	http://localhost:8888/css/style.css
	http://fossesingers.messystar.com/css/style.css
*/

img.floatRight { 
    float: right; 
    margin: 4px; 
}

html {
	height: 100%;
	font-family: "Helvetica Neue", Verdana, Helvetica, Arial, Geneva, sans-serif;
background-color: #f5f6c1;
}

#doc2 {
	background-color: white;
	border-style: solid;
	border-width: 1px;
	margin-top: 35px;
}

h1#siteTitle {
	font-size: 60px;
	float: left;
	margin-bottom: 5px;
	margin-right: 30px;
}

h2#upcoming_events {
	font-size: 40px;
	margin-bottom: 10px;
	margin-left: 5px;
}

#bd h2 {
	font-size: 32px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
}

#WhatToWear h2 {
	font-size: 32px;
	background: url(../images/icons/blueman_redWoman.png) no-repeat left top;
	padding-left: 38px;
	height: 32px;	
}

#ListenToMusic h2 {
	font-size: 32px;
	background: url(../images/icons/musicnote.png) no-repeat left top;
	padding-left: 35px;
	height: 32px;	
}

#LostMusic h2 {
	font-size: 32px;
	background: url(../
	/spreadsheet.png) no-repeat left top;
	padding-left: 35px;
	height: 32px;			
}

.articleStack {
	float: left;
	width: 98%;
	margin: 10px;
	padding-bottom: 10px;	
}

h2.songheader {
	font-size: 32px;
	background: url(../images/icons/musicnote.png) no-repeat left top;
	padding-left: 35px;
	height: 32px;	
}

#bd p {
	font-size: 16px;
	margin-left: 25px;	
}

div.eventdetails h3 {
	font-size: 32px;
	margin-bottom: 5px;
	margin-top: 5px;
	background: url(../images/icons/musicnote.png) no-repeat left top;
	padding-left: 35px;
	height: 35px;
}


p.date {
	margin-top: 5px;
	margin-bottom: 2px;
	background: url(../images/icons/date.png) no-repeat left top;
	padding-left: 25px;
	font-size: 20px;
	text-decoration: none;
}

#grid li p.date {
	font-size: 10px;
	padding-top: 5px;
	padding-left: 20px;
	float: right;
}

div#contactform {
	float: left;
	width: 98%;
	padding-bottom: 10px;
	margin: 30px 20px 20px;
}

#grid li h3 {
	font-size: 14px;
}

div.pagedetails {
	float: none;
	clear: none;
	height: 35em;
}

p.address {
	margin-top: 10px;
	margin-bottom: 10px;
	background: url(../images/icons/building.png) no-repeat left top;
	padding-left: 20px;
	font-size: 14px;
	margin-left: 10px;	
}

#getdirections {
	background: url(../images/icons/arrow_turn_right.png) no-repeat left top;
	padding-left: 18px;	
}

a.viewMap {
	background: url(../images/icons/page_world.png) no-repeat left top;
	padding-left: 20px;
	margin-right: 10px;
	margin-left: 10px;
}

.postcodeform {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 20px;
	background-color: #fcff76;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
}

a.eventposter {
	background: url(../images/icons/photoicon.png) no-repeat left top;
	padding-left: 40px;
	float: left;
	height: 35px;
	font-size: 15px;	
}

span#eventcontent {
	margin: 10px;
	font-size: 16px;
	margin-left: 25px;	
}

div#navbar {
	float: none;
	margin-top: 15px;
}

#facebookFanBox {
	margin-left: -19px;
	padding: 10px;	
}

div#ft {
	border-top-width: 1px;
	border-top-style: solid;
	padding: 10px;
}

#facebookPhotoBox {
	height: 100%;
	margin-left: -19px;
	margin-right: -5px;
	padding: 10px;	
}

div.yui-u h3 {
	font-size: 40px;
}

#eventBox {
	padding: 5px;
}

div#twtr-widget-1.twtr-widget.twtr-widget-profile {
	padding-left: 10px;
}



a[href$="events.html"] {
	background: url(../images/icons/date.png) no-repeat left top;
	padding-left: 25px;
}

li.calevent {
	background: url(../images/icons/date.png) no-repeat left top;
	padding-left: 25px;
	margin: 5px;
}

/*	=pretty quotes
	------------------------------------------------------ */
	
.bqstart {
	float: left;
	height: 50px;
	margin-top: -35px;
	margin-bottom: 20px;
	padding-top: 5px;
	font-size: 700%;
	color: #FF0000;
}

.bqend {
	float: right;
	height: 50px;
	margin-top: -55px;
	font-size: 700%;
	color: #FF0000;
	position: relative;
	padding-right: 23px;
}

#tagline {
	text-align: center;
}

span#tagline {
	text-align: center;
}

#hd blockquote {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.5em;
	padding-top: 8px;
	float: right;
	width: 50%;
}

div.yui-g {
	font-size: 20px;
	padding: 10px 10px 10px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
}

/* @group top navigation bar */

/*	=MENU BAR
	------------------------------------------------------ */

#navigationBar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
	background: #C7372C;
	font-size: 1.5em;
}

#navigationBar ul li {
	float: left;
}

#navigationBar ul li a {
	display: block;
	padding: 0 1.6em;
	line-height: 1.6em;
	float: left;
	text-decoration: none;
	color: #fff;
}

#navigationBar ul a:hover {
	color: #000;
}

li#currentpage {
	color: #fff;
	background: #f00;
	border-style: dotted;
	border-width: 1px;
}

body#home a:hover#homenav,
body#events a:hover#eventsnav,
body#media a:hover#medianav,
body#contact a:hover#contactnav
body#join a:hover#joinnav {
	color: #000;
}

/* @end */

/* @group bottom nav bar */

#bottomNavfooter ul {

	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	float: none;
	font-size: 1em;
	text-decoration: underline;
}

#bottomNavfooter ul li {
	float: left;
}

#bottomNavfooter ul li a {
	display: block;
	padding: 0 1.6em;
	line-height: 1.6em;
	float: left;
	text-decoration: none;
	color: #000;
}

#bottomNavfooter ul a:hover {
	color: #ff2600;
}

ul#bottomNavList li#currentpage {
	color: #fff;
	background: #fff;
	border-style: dotted;
	border-width: 1px;
	
}

/* @end */



div#memberQuotes {
	float: left;
	margin: 15px;
}

div#memberQuotes p {
	float: left;
	font-style: italic;
}

p.memberquote {
	margin-top: 15px;
	font-style: italic;
	float: right;
}

p.quotenamedate {
	float: right;
	text-align: right;
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 15px;
	background: url(../images/icons/user_red.png) no-repeat left top;
	padding-left: 20px;		
}

img#mainimage.floatRight {
	width: 500px;
	margin-left: 10px;
}

div.eventdetails {
	float: left;
	border-bottom: 1px	solid;
	width: 98%;
	margin: 10px;
	padding-bottom: 10px;
}

img#eventimage.floatRightSmall {
	float: right;
	margin: 5px;
	height: 250px;	
}

div.eventdetails hr {
	width: 80%;
}

#eventcontent h1 {
	font-size: 17px;	
	margin: 10px;
}

#loginForm h1 {
	font-size: 18px;	
	margin: 10px;
}

#homepage_events h4 {
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: url(../images/icons/musicnote.png) no-repeat left top;
	padding-left: 36px;
	padding-bottom: 8px;
	padding-top: 5px;	
}

div#passwordField {
	margin: 20px;
	text-align: center;
}

input#password {
	font-size: 40px;
	margin-left: 15px;
}

#passwordField label {
	font-size: 15px;
}

#loginbuttons p input {
	float: right;
	margin: 25px;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;	
}

img#joinussticker {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

p#loginError {
	text-align: center;
	margin: 20px;
	font-size: 20px;
	text-decoration: underline;
}

p#returnText {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 14px;
	background: url(../images/icons/diagram-06.png) no-repeat left top;
	padding-left: 60px;	
	padding-top: 18px;
	height: 62px;
}

div#homepage_events {
	margin-bottom: 10px;
	margin-top: 10px;
}

#homepage_events p a {
	font-size: 14px;
}


/* Photo grid */
ul#grid li {
  list-style: none outside;
  float: left;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 30px;
  margin-right: 30px;
  width: 250px;
  height: 250px;
  text-align: center;
}
ul#grid li img {
	border: 1px solid #000;
}

object#audioplayer1 {
	margin: 15px 15px 15px 25px;
}




/* @group Contact Form */

#contact-wrapper {
	float: left;
	width:580px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}


/* @end */

div#loginForm {
	padding: 10px;
}