I used a generic css template someone gave me and when I went to shorten the code I must have changed something accidently as the styling seems to have disappeared from my website. Please could someone have a look, website address is charlyanderson.co.uk/queenshills

 

This is the CSS:

 

/* CSS Resets */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; display: inline; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
a { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #fff; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; width: 13px; height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/*** GLOBAL : GENERAL STYLE DEFAULTS ***/
body{margin: 10px 0 10px 0; line-height:14px; background-image: url('/queenshills/wp-content/themes/queenshills/images/bg.jpg');}
body, input, textarea{color: #222; font-family: Arial, sans-serif;}
h1, h2, h3, h4, h5, h6{font-weight: normal; clear: both;}
hr{background-color: #999; border: 0; height: 1px; margin-bottom: 1.5em;}
pre{font: 11px Monaco, monospace; line-height: 1.5; margin-bottom: 1.5em;}
code{font: 11px Monaco, monospace;}
p {margin: 12px 0 12px 0; line-height:20px;}
a{color:#fff; text-decoration:none;}
a:hover{color:#fff; text-decoration:none;}
a:visited{color:#fff; text-decoration:none;}
/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */
.container {padding-left: 20px; padding-right: 20px;}
.row {width: 100%; max-width: 1140px; min-width: 755px; margin: 0 auto;}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {margin-right: 3.8%; float: left; min-height: 1px;}
.row .onecol {width: 4.85%;}
.row .twocol {width: 13.45%;}
.row .threecol {width: 22.05%;}
.row .fourcol {width: 30.75%;}
.row .fivecol {width: 39.45%;}
.row .sixcol {width: 48%;}
.row .sevencol {width: 56.75%;}
.row .eightcol {width: 65.4%;}
.row .ninecol {width: 74.05%;}
.row .tencol {width: 82.7%;}
.row .elevencol {width: 91.35%;}
.row .twelvecol {width: 100%;float: left;}
.last {margin-right: 0px;}
img, object, embed {max-width: 100%;}
img {height: auto;}
/*** Smaller Screens *******************************/
@media only screen and (max-width: 1023px) {
body {font-size: 0.8em; line-height: 1.5em;}}

/*** Mobile ****************************************/
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.cf:before, .row:before, .cf:after, .row:after { content: ""; display: table; }
.cf:after, .row:after { clear: both; }
/************************************/
/* classes
/************************************/
/*** Colours *******************************/
.green {color:#006600;}
.greengrad {background: #a7c7dc; /* Old browsers */ background: -moz-linear-gradient(top, #a7c7dc 0%, #8ab830 2%, #6e9325 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7c7dc), color-stop(2%,#8ab830), color-stop(100%,#6e9325)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a7c7dc 0%,#8ab830 2%,#6e9325 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a7c7dc 0%,#8ab830 2%,#6e9325 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a7c7dc 0%,#8ab830 2%,#6e9325 100%); /* IE10+ */ background: linear-gradient(to bottom, #a7c7dc 0%,#8ab830 2%,#6e9325 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#6e9325',GradientType=0 ); /* IE6-9 */}
/*** Typo *******************************/
.left {text-align:left;}
.centered {text-align:center;}
.right {text-align:right;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.caps {text-transform:uppercase;}
/************************************/
/* MEDIA
/************************************/
/*** Media Alignment *******************************/
.alignright{/* Style for right-aligned images in posts */padding: 8px 0 8px 8px; float: right;}
.alignleft{/* Style for left-aligned images in posts */padding: 8px 8px 8px 0; float: left;}
@media handheld, only screen and (max-width: 767px) {
body {font-size: 16px; -webkit-text-size-adjust: none;}
.row, body, .container {width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px;}
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px;}}
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }}
/*** Mobile Version *******************************/
@media handheld, only screen and (max-width: 767px) {
body {}}
/*** Provide Higher Res Assets for iPhone 4 *******/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
/* .logo {background: url(logo2x.jpg) no-repeat; background-size: 212px 303px;}*/}
@media handheld, only screen and (max-width: 767px) {
body {}}
/*** ! Provide higher res assets for iPhone 4 ******/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
/* .logo {background: url(logo2x.jpg) no-repeat; background-size: 212px 303px;}*/}
/* ============================== */
/* ! Layout for desktop version   */
/* =.============================= */
/* ==================================================================================================================== */
/* ! Main Layout Aspects																							    */
/* ==================================================================================================================== */
/*** Header **************************/
.thethe-image-slider-image img {max-width:100% !important; width:100% !important;}
/*** Base ****************************/
body {background: url(../img/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#mastnav {margin-top:20px;}
#mastnav > ul ul > li {position: relative;}
#mastnav ul ul a{color: rgb(50,50,50); font-family: Verdana, 'Lucida Grande'; font-size: 13px; background-color: rgb(250,250,250); padding: 5px 8px 7px 16px; display: block; -webkit-transition: background-color .1s; -moz-transition: background-color .1s; -o-transition: background-color .1s; transition: background-color .1s;}
#mastnav ul ul a:hover {background-color: rgb(240,240,240);}
#mastnav ul ul ul {visibility: hidden; opacity: 0; position: absolute; top: -16px; left: 206px; padding: 16px 0 20px 0; background-color: rgb(250,250,250); text-align: left; width: 160px; -webkit-transition: all .3s;  -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4); box-shadow: 0px 1px 3px rgba(0,0,0,.4);}
#mastnav ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}
#mastnav ul ul a:hover{background-color: rgb(205,44,36); color: rgb(240,240,240);}
/*** #DIV Mainstage *******************/
div#main-stage {
section#content {background:#fff;}
.inner {margin-top:-10px; padding:20px;
a {.green;}
}
/*** #DIV Sidebar *********************/
aside#sidebar, .sidebar ul {background:#fff;}
aside#sidebar, .sidebar ul {margin:0; margin-top:10px; padding:0; list-style:none;}  
aside#sidebar, .sidebar li {list-style:none; padding:0; margin:0;}
/* ==================================================================================================================== */
/* ! Additional Page Layouts																						    */
/* ==================================================================================================================== */
/*** Home Page *******************************/
ul#home-latest-posts {padding:0; margin:0;}
li#home-latest-posts {padding:0; margin:0; list-style:none;}
h4#home-latest-posts {font-family: 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif; font-size: 15px; margin-top:5px; color: #060;}
.srp-widget-date {font: normal 12px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif; color: #898989; margin-bottom:10px; margin-top:-20px; font-style:italic;}
.nav-previous {margin-top:20px;}
/*** School Page *******************************/
ul#school-latest-events {padding-top:15px; margin:0;}
li#school-latest-events {padding:0;margin:0; list-style:none;}
h4#school-latest-events {font-family: 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif; font-size: 15px; margin-top:0px; color: #060;}
.srp-widget-date {display:none;}
.srp-post-title {margin-top:10px;}
.srp-widget-excerpt {margin-bottom:10px;}
/*** Master Footer *******************************/
footer#mastfooter {}

/*** Gallery *******************************/
/*** Contact Form ***/
#cntctfrm_contact_form {text-align: center;}
#cntctfrm_contact_form div {margin: 1.5%; width: 80%;}
/* ==================================================================================================================== */
/* Custom Classes   */
/* ==================================================================================================================== */
/*** Ribbon Effect *******************************/
.ribbon h1, h3.widget-title, .business-category p strong {display: block; height: 18px; line-height: 1.3; width:103.9%; margin-left:5px; margin-top:0px; margin-bottom:15px; padding: 12px 10px; position: relative; left: -30px; top:5px; color:#fff; font: normal 14px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif; font-weight:bold; border-bottom: 1px solid #668823; background-image:url(../img/nav-bg.gif); background: linear-gradient(#383838 0%, #262626 100%); border-radius: 2px 2px 0 0; box-shadow: 0 1px 2px rgba(0,0,0,0.3);}
#sidebar h3.widget-title {left:-10px; width:96.3%}
.ribbon h1:before,.ribbon h1:after, h3.widget-title:before, h3.widget-title:after { content: ''; display: block; width: 0; height: 0; position: absolute; bottom: -11px; z-index: -10; border: 5px solid; border-color: #242424 transparent transparent transparent;}
.ribbon h1:before, h3.widget-title:before {left: 0;} .ribbon h1:after,h3.widget-title:after {right: 0;}
/*** Widget Bar Styling ***/
.widget-title h3 {display: block; height: 18px; line-height: 1.3; width: 290px; margin-left:5px; margin-top:10px; margin-bottom:15px; padding: 12px 10px; position: relative; left: -10px; top:5px; color:#fff; font: normal 14px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif; font-weight:bold; border-bottom: 1px solid #668823; background-image:url(images/nav-bg.gif); background: linear-gradient(#383838 0%, #262626 100%); border-radius: 2px 2px 0 0; box-shadow: 0 1px 2px rgba(0,0,0,0.3);}
.widget-title h3::before,.widget-title h3::after { content: ''; display: block; width: 0; height: 0; position: absolute; bottom: -11px; z-index: -10; border: 5px solid; border-color: #242424 transparent transparent transparent;}
.widget-title h3::before {left: 0;} .widget-title h3::after {right: 0;}
/*** Page Titles & Headers *******************************/
h1.entry-title{font-family:'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif; font-size:12px; color:#fff;}
h1.page-title{font-family:'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif; font-size:12px; color:#fff;}
h2.entry-title{font-family:'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif; font-size:12px;}
h2 {font-family:'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif; font-size:14px; color:#060;}
h3 {font: normal 11px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif; color:#898989;}
h4 {font: normal 13px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif; color:#898989;}
h5 {font-family:'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif; font-size:12.5px; color:#060;}

check the link in the html head section. There seems to be a link that is commented out.