<style type="text/css">
<!--

* {
margin : 0;
padding : 0;
}

html, body {
width : 100%;
height : 100%;
margin : 0;
overflow : auto;
padding : 0;
font-size: medium;
font-family : Calibri, Arial, sans-serif;
color : #2e1c2b;
z-index : -99;
}

#background {
position : fixed;
top : -8%;
width : 100%;
height : 108%;
z-index : -98;
background : #000000 url('http://www.acousticsbykate.co.uk/graphics/abkbgbeta.jpg') no-repeat right top;
background-size : 100% auto;
}

#pagewrapper {
width : 90%;
margin : 0 5%;
}

.whitebg {
background : rgba(255,255,255,0.1);
}

.info {
display : none;
}

a, a:visited {
text-decoration : none;
color : #fff;
}

a:hover, a:active {
color : #fff;
}

.more a, .more a:visited {
color : #e3d1e0;
}

.more a:hover, .more a:active {
color : #fff;
}

.timelinepost {
display : none;
float : left;
width : 45%;
margin : 0 1.5% 0 1.5%;
padding : 0 5px;
background : none;
transform : scale(1,0.8)
}

.timelinepost:second-of-type {
padding : 10px 5px 0 5px;
}

#left-column .timelinepost:nth-child(-n+12) {
display : inline-block;
}

.timelinepost img {
max-width : 100%;
height : auto;
}

.fb-page {
position : relative;
left : 50%;
margin-left : -250px;
}

h1 a, h1 a:visited, h1 a:hover, h1 a:active {
color : #e3d1e0;
}

div#headersection {
padding : 2em 2% 1em 2%;
margin : 4em 3% 0 3%;
width : 90%;
height : auto;
text-align : center;
background : rgba(0,0,0,0.6);
border : 2px solid #000;
}

body#home #headersection {
background : rgba(0,0,0,0.6);

}

body#home h2 {
color : #e3d1e0;
}

h1, h2 {
font-family : 'Alex Brush', 'Brush Script', Script, Calibri, Arial, Sans-serif;
font-weight : bold;
margin-bottom : 0;
}

h1 {
font-size : 400%;
    -ms-transform: rotate(354deg); /* IE 9 */
    -webkit-transform: rotate(354deg); /* Chrome, Safari, Opera */
    transform: rotate(354deg);
margin : 0 0 0 0;
color : #e3d1e0;
text-shadow: 3px 4px #5c4a59;
}

h2 {
font-size : 250%;
color : #e3d1e0;
}

h3 {
color : #e3d1e0;
}

.autograph {
padding-bottom : 45px;
margin-top : -20px;
}

#contacts .autopgraph {
    margin-top : 0;
}

ul#socialmediaicons {
list-style : none;
margin : 0 0 0 -40px;
}

li.mediaicon {
display : inline-block;
}

div#menushowhide {
display : none;
}

#menusystem {
position : fixed;
top : 0;
left : 0;
height : 2em;
background : #000;
width : 100%;
z-index : 99;
}

ul#menu {
margin: 0.2em 0 0 -40px;
width : 100%;
height : auto;
text-align : center;
list-style : none;
}

li.menulink {
display : inline;
font-size : 90%;
padding : 0 1em;
border-right : 1px solid #4a3a47;
margin : 0;
}

li.menulink:first-of-type {
border-left : 1px solid #4a3a47;
}

li.menulink a, li.menu a:visited {
color : #e3d1e0;
}

li.menulink a:hover, li.menulink a:active {
color : #fff;
}

ul.dropdown {
display : none;
}

li#weddingslink:hover ul#infodropdown {
display : block;
}

body#home #newslink a, body#about #aboutlink a, body#songs #songslink a, body#media #medialink a, body#testimonials #testimonialslink a, body#weddings #weddingslink a, body#availability #availabilitylink a, body#contacts #contactslink a, body#venues #venueslink a, body#band #bandlink a {
color : #fff;
}

#banner {
display : none;
}

.content {
background : rgba(0,0,0,0.6);
width : 90%;
min-height : 70em;
height : auto;
overflow-y : auto;
margin : 3% 3% 0 3%;
padding : 2% 2% 0 2%;
color : #e3d1e0;
border : 2px solid #000;
}

#left-column {
float : left;
position : relative;
display : block;
width : 58%;
margin : 0 3% 0 5%;
background : rgba(255,255,255,0.2);
padding : 2% 0;
border : 1px solid #e3d1e0;
}

#left-column h2 {
margin : -0.1em 0 0 2%;
}

#right-column {
float : right;
position : relative;
display : block;
width : 25%;
margin : 0 5% 0 0;
}

div.venue {
min-height : 220px;
float : left;
margin-top : 10px;
}

div.venue img {
float : left;
margin: 0 20px 0 0;
padding : 0.2em;
border : 0.1em solid #e3d1e0;
}

div.venue h4 {
margin : 0;
}

.teaser {
background : rgba(0,0,0,0.6);
height : 16em;
margin : 0 0 1em 0;
color : #e3d1e0;
border : 2px solid #000;
}

.teasercontent {
height : 14em;
overflow : hidden;
margin : 0;
padding : 0 0.5em;
}

.more {
height : 2em;
background : rgba(0,0,0,0.2);
margin : 0;
text-align : center;
}

.teasercontent h2 {
margin-top : 0.4em;
color : #e3d1e0;
}

.teasercontent p a {
color : #e3d1e0;
}


div.autograph {
position : relative;
left : 5%;
font-family : 'Alex Brush', Calibri, Arial, Sans-serif;
font-weight : bold;
margin : -1em 0 1.5em 0;
color : #e3d1e0;;
font-size : 300%;
    -ms-transform: rotate(352deg); /* IE 9 */
    -webkit-transform: rotate(352deg); /* Chrome, Safari, Opera */
    transform: rotate(352deg);
}

body#weddings div.autograph, body#venues div.autograph {
margin : 0;
}

div.large-left {
width : 24em;
height : 24em;
float : left;
margin-right : 20px;
margin-bottom : 20px;
padding : 0.2em;
border : 0.1em solid #e3d1e0;
}

img.large-left-image {
width : 24em;
height : 24em;
margin : 0;
}

body#media div.large-left {
display : none;
}

p.1st {
position : relative;
top : -10px;
}

ul.availability, ul.setlist {
list-style : none;
margin-left : -40px;
}

ul.availability li {
display : inline-block;
padding-right : 1em;
}

ul.setlist li {
display : inline;
padding-right : 0.5em;
}

ul.setlist li:nth-child(2n) {
font-weight : bold;
}

div#footer {
width : 100%;
text-align : center;
font-size : 80%;
color : #fff;
margin-top : 1%;
}

body#home div#footer {
text-align : center;
}

body#home .content {
width : 96%;
margin : 26% 0 0 0;
background : none;
border : none;
}

.date {
font-size : 80%;
margin-bottom : 0;
text-decoration : underline;
}

.timelinepost p:nth-of-type(2) {
margin-top : 0;
}

.video {
position : relative;
left : 50%;
width : 560px;
height : 315px;
margin-left : -280px;
border : 2px solid #000;
}

#facebookvids {
position : relative;
left : 50%;
margin-left: -225px;
display : block;
width : 450px;
height : 450px;
}

#facebookvids a, #facebookvids a:active, #facebookvids a:visited, #facebookvids a:hover {
border : 2px solid #000;
}


#contactform {
width : 60%;
margin : 0 20%;
border : 1px solid #4a3a47;
background : rgba(255,255,255,0.8);
color : #5c4a59;
}

#contactform h3 {
text-align : center;
color : #5c4a59;
}

#contactform table {
width : 60%;
margin : 0 20%;
}

.note {
font-size : 75%;
}


//-->
</style>