/* Colours

Dark Blue:#0083ca
Light blue: #61c5e6
Dark orange:#CD3131
Light orange: #FCAF17
Yellow: #ffd900

*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,  tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
/*	vertical-align: baseline; */
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {	color: black;	background: white;}
ol, ul {}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}

/* General */
body {color: #fff; margin:0; padding:0; background-color:#61c5e5; font-family:Helvetica, Arial, sans-serif; font-size:75%;  }
#content { margin:0;  margin-bottom:100px; position:relative; min-height:470px; height:auto; background:url(../images/skybg.jpg) center top repeat-x;}
/* for Internet Explorer */
/*\*/
* html #content {height: 470px;}
/**/

h2, h3, h4 {font-weight:bold;line-height:0.9em; margin-bottom:0.3em; text-transform:uppercase;}
h2 {font-size:2.2em;}
h3 {font-size:1.8em;}
h4 {font-size:1.3em;}
p {line-height:1em; margin-bottom:1em;}
p.big {font-size:1.5em;}
p.extraspace {margin:35px 0;}

li ul, li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 0 0 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; margin-bottom:1em;}

.third img, .single img {padding:20px 0;}
.third img.nopad {padding:0;}


a{color:#FFFFFF; text-decoration:none;}
a:link {color:#FFFFFF;}
a:visited {color:#FFFFFF;}
a:active {color:#FFFFFF;}
a:hover {color:#ffd900;}

a.underline {text-decoration:underline;}

.leftalign {text-align:left;}

#mainContent {margin:0 auto; width:960px; text-align:center}


.half{width:450px; padding:0 10px; float:left;}
.third {width:300px; padding:0 10px; float:left;}
.quart {width:225px; padding:0 10px; float:left;}
.single {width:300px; margin:auto;}
.clear {clear:both; line-height:0.1em;}

.toppad {padding-top:150px;}
/*** Top Nav ***/
.topnav {height:180px;}
ul.mainnav {list-style:none;  margin:0 auto; width:600px;}
ul.mainnav li { float:left; padding-top:10px; position:relative;}

ul.mainnav li.home { width:160px;}
ul.mainnav li.spotify, ul.mainnav li.upload, ul.mainnav li.drinks  {width:216px;padding-top:60px; }

/*ul.mainnav li.spotify a, ul.mainnav li.upload a {padding:0; position:absolute; bottom:70px;}
ul.mainnav li.spotify a {left:0;}
ul.mainnav li.upload a {right:0;}*/

ul.mainnav li.spotify a, ul.mainnav li.upload a, ul.mainnav li.drinks a, p.spotify a, p.drinks a, p.upload a {display:block;width: 216px;height:38px; position:relative; cursor:pointer;}
p.download a {display:block;width: 332px;height:38px; position:relative; cursor:pointer;}
ul.mainnav li.spotify a, p.spotify a {padding-top:0; background:url(../images/lsplay.png) 0 0 no-repeat;}
ul.mainnav li.upload a, p.upload a {padding-top:0; background:url(../images/lsimage.png) 0 0 no-repeat;}
ul.mainnav li.drinks a, p.drinks a {padding-top:0; background:url(../images/lsdrinks.png) 0 0 no-repeat;}
p.download a {padding-top:0; background:url(../images/downlsp.png) 0 0 no-repeat;}
ul.mainnav li.spotify a:hover, ul.mainnav li.upload a:hover, ul.mainnav li.drinks a:hover, p.spotify a:hover, p.upload a:hover, p.download a:hover, p.drinks a:hover { background-position: 0 -38px;}
ul.mainnav li a span, p.spotify a span,  p.upload a span,  p.drinks a span, p.download a span {position:absolute; top:0; left:-9999px;}

p.spotify, p.upload, p.drinks {padding:0 42px;}
p.download {padding:0 59px;}
p.centre {text-align:center; font-size:0.9em; padding-top:0.5em; clear:both;}
p.sml {font-size:0.9em;}
/*** Bottom Bar ***/

#bottom {position:fixed; bottom:0; margin:0 auto; width:100%; background:url(../images/people.png) bottom center repeat-x;}

#bottomContent {margin:0 auto; width:960px; height:100px; color:#FFFFFF; position:relative;}
ul.bookmarks {position:absolute; right:0px; margin-top:65px;}
ul.bookmarks li {float:left;}

ul.weekend {position:absolute; right:0; top:0;list-style:none;}
ul.weekend li {float:left;}

ul.botnav {float:left; text-align:center;width: 960px; margin: 0 auto; margin-top:65px;}
ul.botnav li{display:inline; }

#bottomContent ul {list-style:none;}

#bottomContent a{padding:0 4px;	white-space: nowrap; font-weight:bold; color:#FFFFFF; text-decoration:none;}
#bottomContent a:hover {color:#CD3131;}

.bookmarks a {display:block;width: 21px;height:21px; position:relative;}
.bookmarks a:hover { background-position: 0 -21px;}
.bookmarks a span {position:absolute; top:0; left:-9999px;}
a.digg {padding:0; background:url(../images/dig.gif) 0 -21px no-repeat;}
a.del {padding:0; background:url(../images/del.gif) 0 -21px no-repeat;}
a.face {padding:0; background:url(../images/face.gif) 0 -21px no-repeat;}
a.twitter {padding:0; background:url(../images/twitter.gif) 0 -21px no-repeat;}

.weekend a {padding:0; margin:0; background:url(../images/lweekend.png) 0 0 no-repeat;display:block;width: 250px;height:143px; position:relative;}
.weekend a:hover { background-position: 0 0;}
.weekend a span {position:absolute; top:0; left:-9999px;}/**/

#bottomContent a.external span{position: absolute;left: -9000px;width: 50px;}
#bottomContent a.external{background: url(../images/icon.gif) no-repeat 100% -100px;padding: 0 20px 0 0;}
#bottomContent a.external:visited{background: url(../images/icon.gif) no-repeat 100% -100px;padding: 0 20px 0 0;}
#bottomContent a.external:hover{background: url(../images/icon.gif) no-repeat 100% -200px;padding: 0 20px 0 0;}

/*Button*/
/*.rounded_button, .rounded_button span {background: url(../images/button.png) no-repeat;}
.rounded_button {text-transform:uppercase; padding: 13px 30px 12px 0px;background-position: right 0;position: relative;height: 38px; font-weight:bold;}
.rounded_button span {background-position: left top;width:30px;height: 38px;position: absolute;top: 0px;left: -30px;display: block;cursor: pointer;}
.rounded_button:hover {background-position: right -38px;color: #ffd900;}
.rounded_button:hover span {background-position: left bottom;}*/


/*   FORM FIELDS general formatting                   */
form {margin-bottom:0.5em; position:relative;}
.verify  {width:250px; margin:0 auto; }
#contactFormArea {width:300px; margin:0 auto;}
label {	width:250px; 	margin:0; 	text-align:left;	display:block;	color:#fff;	background:none;	padding:2px;/*position:absolute; left:-9999px;*/ }
/*label span {color:#fff;}*/
form.sendform label {position:relative; display:block;}
form.verify label {position:absolute; left:-9999px; top:0;}
form.verify li {float:left;}

label.cf-before span{width:200px; 	display:block;}
legend {display:none;}

.cform ol {list-style:none;}
.cform li {}


.cform input, .cform textarea, .cform select {color:333;vertical-align:top;margin:0;padding:0.3em; border:1px solid #ddd; background-color:#fff; -moz-border-radius:0.5em; -khtml-border-radius:0.5em; width:250px; font-family:Arial, Helvetica, sans-serif; font-size:1em; margin-bottom:0.3em;}
.cform label.selfCC input {background-color:none; width:25px; border:0px solid #ddd;}
.cform input.checkbox{ padding:0; width:15px; -moz-border-radius:0em; -khtml-border-radius:0em;}
.cform  select.day {width:50px; float:left; margin-right:10px;}
.cform  select.month {width:50px; float:left; margin-right:10px;}
.cform  select.year {width:60px; float:left;}

.cform textarea {height: 6em;	overflow:auto;}
.cform input:hover, .cform textarea:hover, .cform  select:hover {border-color:#c5c5c5;	background:#f6f6f6;} 
.cform input:focus, .cform textarea:focus, .cform select:focus, .cform  select:focus {background:#fff;	border-color:#c5c5c5; }

.cform input.buttonimg {background:none; border:none; -moz-border-radius:0; -khtml-border-radius:0; width:148px; margin:0 53px;}

/* Photo */
.appbg {color:#000000; background-color:#FFFFFF; padding:1px 15px;}
form.photoform label {width:750px;  display:inline; float:left; color:#000000;}
input.photobut {float:right;}
p.wm {width:720px; text-align:left; padding-left:25px; padding-top:15px; clear:both; font-size:0.9em;}
.scroll {border:#CCCCCC 1px solid; padding : 4px;width : 920px; height : 150px; overflow : auto; color:#666666; font-size:0.9em;}
.scroll, .scroll p, .expand {text-align:left;}
.curvedimg {height:15px;}
.top {background:url(../images/topcurve.png) bottom left no-repeat;}
.bot {background:url(../images/botcurve.png) left top no-repeat; margin-bottom:1em;}
.appbg h3,  .expand h3 {font-size:1.2em;}
.appbg h4, .expand h4 {font-size:1em;}
.appbg ol, .expand ol {padding-bottom:1em; padding-left:1em;}

.more {
    display: none;
	border-bottom:#FFFFFF 1px solid;
	margin-bottom:1em;
    }
a.showLink, a.hideLink {
    text-decoration: underline;
    color: #fff;
     }
a.hideLink {
    }
a.showLink:hover, a.hideLink:hover {
    color:#ffd900; }