@charset "UTF-8";
/* CSS Document */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: none;
}

a, a:active, a:visited {
	color: #1e6c8a;
	text-decoration: none;
	font-weight: 700;
    -webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
}

a:hover {
	color: #ffffff;
    -webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
}

.post div p a, .post div p a:active, .post div p a:visited {
	font-weight: normal;
	text-decoration: underline;
}

a img {
	border: none;
}

.clear {
	clear: both;
}

@font-face {
  font-family: 'Fredoka One';
  font-style: normal;
  font-weight: 400;
  src: local('Fredoka One'), local('FredokaOne-Regular'), url('http://themes.googleusercontent.com/static/fonts/fredokaone/v1/SL0aFUFfkFMMdariYQ3_YbrIa-7acMAeDBVuclsi6Gc.woff') format('woff');
}

.font, ul#sitelinks li a, .sidetitle, .sidedate, #pagination, div.link h2 a {
	font-family: 'Fredoka One', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 400;
}

/* ------------------------ Structure ------------------------ */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #4aa4ca url('background.gif') repeat top center scroll;
	font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 353px;
	position: relative;
	background: #8bc7dd url('header-bg.jpg') no-repeat top center;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#heads {
	position: absolute;
	top: 38px;
	right: 22px;
	z-index: 5;
}

#toplinks {
	position: relative;
	height: 44px;
}

ul#sitelinks {
	z-index: 5;
	position: absolute;
	top: 11px;
	left: 0;
	text-align: left;
}

ul#sitelinks li {
	display: inline;
	list-style-type: none;
}

ul#sitelinks li a, ul#sitelinks li a:visited, ul#sitelinks li a:active {
	font-size: 29px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 1px;
    margin-right: 34px;
	color: #ffffff;
}

ul#sitelinks li a:hover {
	color: #2b75a8;
}

#snlinks {
	z-index: 10;
	position: absolute;
	top: 10px;
	right: 0;
}

#snlinks a img {
	margin: 0 0 0 10px;
	width: 
}

#snlinks a img {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
}

#snlinks a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
}

#container {
    padding: 40px 0;
	background-color: #8bc7dd;
	min-height: 1471px;
}

#content {
	color: #000000;
	border-right: medium double #63A5BF;
    float: left;
    padding: 0 39px 0 40px;
    text-align: justify;
    width: 500px;
	min-height: 1480px;
}

/* ------------------------ Side Bar ------------------------ */

#sidebar {
	float: right;
	width: 300px;
	text-align: left;
	padding: 0 40px 0 0;
}

.sidebox {
	margin-bottom: 40px;
}

.sidebox:last-child {
	margin: 0;
}

.livedates {
	margin-bottom: 37px;
}

.asksubmit {
	font-size: 18px;
	line-height: 16px;
}

.sidetitle {
	font-size: 27px;
	line-height: 22px;
	margin: 0 0 13px;
	letter-spacing: 1px;
	text-shadow: 0px 1px 2px #4995b3;
}

.latesttweets .sidetitle {
    margin: 0 0 2px;
}

.twtr-widget {
	margin-bottom: 4px;
}

.twtr-hd {
	padding: 10px 0 2px !important;
}

.twtr-ft {
	display: none;
}

.twtr-bd {
    padding: 0 !important;
}

a.twtr-user {
	display: none;
}

.twtr-widget .twtr-tweet-wrap {
    padding: 6px 0px !important;
}

.twitterbox {
	border-bottom: 1px dashed #559bb7;
	padding: 1px 0 9px;
}

.instagram {
    margin-bottom: 15px;
}

div.facebookstream iframe.fb_ltr {
	background-color: #FFFFFF !important;
}

/* ------------------------ Posts ------------------------ */

div.normal-text, div.photo, div.quote, div.conversation, div.audio, div.video, div.link {
	position: relative;
}

div.postshare {
	text-align: left;
	float: left;
}

.twittershare, .fblike, .reblogbutton {
	float: left;
}

.twittershare, .twitter-share-button {
	width: 65px !important;
}

.fblike {
    margin-right: 8px;
    overflow: hidden;
    width: 50px !important;
}

ol.notes a {
	font-weight: normal;
}

div#content li {
	margin-left: 16px;
}

.post {
	margin-bottom: 40px;
}

.posttitle, .posttitle a {
	font-size: 32px;
	line-height: 24px;
	color: #328db0;
	text-shadow: 0px -1px 2px #b7e5f6;
}

.posttitle a:hover {
	color: #FFFFFF;
}

.sidedate {
	padding-bottom: 10px;
}

.sidedate, .sidedate a {
	color: #328db0;
    font-size: 14px;
    line-height: 1.2em;
    text-decoration: none;
	letter-spacing: 1px;
	text-shadow: 0px -1px 2px #b7e5f6;
}

div.postnote {
    border-bottom: 3px solid #328DB0;
    border-top: 1px dashed #63A5BF;
    height: 20px;
    line-height: 20px;
	margin-top: 15px;
    padding: 5px 0;
    text-align: right;
}

.noteslink, .noteslink a {
	font-size: 11px;
	color: #458da9;
}

.noteslink a:hover {
	color: #FFFFFF;
}

.post p {
	font-size: 1em;
	line-height: 1.1em;
    margin: 0 0 15px;
}

.normal-text p:last-child {
	margin: 0;
}

.normal-text img {
    margin: 0 0 15px;
}

.post blockquote, .post p blockquote {
	border-left: 1px dotted #ffffff;
	padding-left: 5px;
	margin-bottom: 5px;
}

/* ----------------- AUDIO POST ----------------- */

.audioplayer {
	min-height: 150px;
	margin: 0 0 15px;
}

.cover {
	float: left;
	width: 150px;
	height: 150px;
	background: transparent url('http://www.cyoa.co.uk/assets/audio-art.jpg') no-repeat top left;
}

.cover img {
	width: 150px;
	height: 150px;
}

.track {
	float: right;
	width: 340px;
}

.track p {
	margin: 5px 0 0;
}

.audioline {
	border-top: 1px dotted #63A5BF;
	margin: 6px 0 7px;
}

/* ----------------- LINK POST ----------------- */

div.link h2 a {
	font-size: 20px;
}

/* ----------------- QUOTE POST ----------------- */

div.quote h3 {
    color: #ffffff;
	font-size: 22px;
	font-weight: normal;
	line-height: 0.9em;
	font-style: italic;
}

div.quote h3 span {
	font-size: 22px;
	font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: 400;
}

div.quote p {
	margin-top: 10px;
	color: #ffffff;
}

/* ----------------- CONVO POST ----------------- */

div.conversation ul {
	font-size: 1em;
	color: #ffffff;
	padding: 0px;
	list-style-type: none;
	margin: 0 0 15px;
}

div.conversation li {
	padding: 5px 10px;
	margin: 0 !important;
}

div.conversation li span {
	font-weight: bold;
	color: #328DB0;
}

div.conversation li.odd {
	background-color: #7dbcd3;

}

div.conversation li.even {
	background-color: #99d2e7;
}

iframe#videoframe {
	margin-top: 10px;
    border: medium none;
    height: 680px;
    overflow: hidden;
    width: 500px;
}

iframe#musicframe {
	margin-top: 10px;
    border: medium none;
    overflow: hidden;
    width: 500px;
}

/* ----------------- PAGINATION ----------------- */

#pagination {
	color: #ffffff;
	font-size: 17px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#pagination a {
	font-weight: normal;
	text-decoration: none;
}

.prevpage {
	margin-right: 20px;
}

.nextpage {
	margin-left: 20px;
}
	
.prevpage, .nextpage {
	color: #73b2c9;
}

div#footer {
    border-top: 1px dotted #63A5BF;
	background-color: #8bc7dd;
    color: #ffffff;
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: 400;
    font-size: 10px;
    padding: 20px;
    text-align: right;
    text-transform: uppercase;
}

div#footer a {
    color: #328DB0;
    font-weight: normal;
    text-decoration: none;
}

div#footer a:hover {
	color: #ffffff;
}

.post iframe, .post embed, .post object {
	width: 100%;
}

.video embed, .video object, .video iframe {
	height: 281px;
}

.post img {
	max-width: 100%;
}
      
.hidden {
	display: none;
}

#ask_form, #submit_form {
	margin-top: 25px;
}

iframe#tumblr_controls {
	right: 50% !important;
	margin-right: -471px !important;
	top: 9px !important;
	opacity: 0.40;
	filter: alpha(opacity=40);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    -webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
}

iframe#tumblr_controls:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
}

tr.bit-header, #bit-events td.bit-description-links, #bit-events th.bit-description-links, #bit-events td.bit-tickets, #bit-events th.bit-tickets, .bit-bottom {
    display: none;
}

#bit-events table, a.bit-event-data {
	font-size: 11px !important;
	font-weight: bold !important;
}