/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
/* Enter Site Styling Below this Line */
/*Basic Sections for Styling*/
body {background-image:url('Images/590x300.jpg')}
/* SET BODY TO 100% ON SCREENS BELOW 900PX */
.wrapper {width:900px; /* CHANGE TO 100% ON <900PX */
margin:0px auto
}
header {width:100%;
background-color:#000000;
overflow:hidden;
}
.logo {margin:5px 0px 5px 15px;
float:left;
}
.logo img {width: 90%; /* CHANGE TO ?% ON <900PX */
height: auto;
}
.logo a {}
.smedia {float:right;
margin:35px 25px 0px 0px;
}
.smedia img {width:100%; /* CHANGE TO ?% ON <900PX */
height:auto;
}
.smedia a {}
.htext {clear: both;
overflow:hidden;
}
.htext h1 {width:100%;
padding:2px 0px 2px 0px;
color: #FFFFFF;
font-size:50px; /* CHANGE FONT SIZE ON <900PX */
font-weight:bold;
text-align:center;
}
.topnav {background-color:#000000;
clear:both;
width: 96%; /* HIDE ON <900PX ? */
height: 40px;
}
.menu {width:100%;
height: 40px;
float:left;
margin:15px;
background-color:#000000;
border-bottom:15px #000000 solid;
text-align:center;
}
.menu li {display:inline-block;
text-align:center;
margin-bottom: 15px;
}
.menu a {float:left;
padding:10px 10px;
font-size: 25px;
font-weight: bold;
text-align:center;
text-decoration:none;
margin: 5px 5px;
border:2px #ffffff solid;
}
.menu a:link {color:#ffffff;}
.menu a:visited {color:#ffffff;}
.menu a:active {color:#ffffff;}
.menu a:hover {color:#ffffff;
background-color:#ff0000;}
.menu a:focus {color:#ffffff;}
.Sections {width: 100%;
margin: 0px auto;
background-color: #000000;
}
.subhead {background-color:#6f6f6f;
margin:0px 0px 0px 0px;
}
.subhead h1 {width:98%; /* CHANGE TO ?% ON <900PX */
padding:25px 10px 25px 10px;
color:#ffffff;
font-size:46px;
font-weight:bold;
}
.subhead h2 {width:98%; /* CHANGE TO ?% ON <900PX */
padding:25px 10px 25px 10px;
color:#ffffff;
font-size:36px;
font-weight:bold;
}
.carousel {width:100%;
background-color :#000000;
}
.thumb {clear: both;
width: 900px; /* CHECK */
margin: 0px auto;
background-color: #000000;
}
.thumb h6 {font-size: 22px;
text-align: center;
color: #ffffff;
font-weight: bold;
text-shadow: 2px #ccc;
padding: 25px 10px 25px 10px;
}
.content {clear: both;
background-color:#ffffff;
margin :0px 0px 0px 0px;
overflow:hidden;
}
.content p {width:98%;
padding:5px 10px 5px 10px;
color:#000000;
font-weight:bolder;
font-size:20px;
}
footer {width: 900px; /* CHECK */
margin: 0px auto;
}
.foottext {background-color:#6f6f6f;
margin:0px 0px 0px 0px;
}
.foottext h2 {width:100%;
padding:25px 0px 25px 0px;
color:#ffffff;
font-size:36px;
font-weight:bold;
text-align:center;
}
.footnav {background-color:#000000;
clear:both;
width: 97%; /* CHANGE TO ?% ON <900PX */
height: 50px;
padding: 10px 10px;
}
.footmenu {width:100%;
float:left;
margin:0px;
background-color:#000000;
border-bottom:1px #000000 solid;
text-align: center;
}
.footmenu li {display:inline-block;
text-align:center;
}
.footmenu a {float:left;
padding:10px 10px;
text-align:center;
text-decoration: none;
border: 2px solid #ffffff;
}
.footmenu a:link {color:#ffffff;}
.footmenu a:visited {color:#ffffff;}
.footmenu a:active {color:#ffffff;}
.footmenu a:hover {color:#ffffff;
background-color:#ff0000;}
.footmenu a:focus {color:#ffffff;}
.pagefoot {background-color:#000000;
width:99.5%; /* CHANGE TO ?% ON <900PX */
height: 25px;
}
.pagefoot p {font-size:12px;
margin:0px 0px;
color:#ffffff;
padding: 5px 0px;
text-align:center;
}
/* The Band Page only */
.bandcontent {}
.band {background-color:#ffffff;
height: 675px;
clear:both;
border: 2px solid #000000;
}
.band img {margin:45px 50px 100px 5px;
float:left;
}
.band h2 {margin:30px 0px 0px 0px;
font-size:36px;
font-weight:bold;
padding-right: 5px;
}
.band h6 {font-size: 18px;
padding-right: 2px;
}
.band p {margin:30px 0px 0px 0px;
padding-right: 5px;
font-size:18px;
font-weight:normal;
}
.bandimg {float: left;
width: 48%;
}
.bandtxt {float: right;
width: 48%;
}
/* End of the Band Page only */
/* Music Page Only */
.pagewrap {clear: both;
background-color: #ffffff;
width: 100%;
height: 100%;
}
.contentm {background-color:#ffffff;
width: 74%;
float: right;
padding-top: 25px;
padding-bottom: 50px;
}
.musiccontent {clear:both;
width:100%;
}
.musuiccontent h3 {width:100%;
font-size:36px;
font-weight:bold;
text-align:center;
}
.musuiccontent p {font-size:30px;
font-weight:normal;
text-align:center;
}
.examplesongs {width:100%;
padding-top: 50px;
padding-right: 10px;
}
.examplesongs h3 {width:100%;
font-size:36px;
font-weight:bold;
padding-bottom: 25px;
text-align:center;
}
table {width: 100%;}
table tr {width: 100px;
height: 35px;
}
table td {font-size: 16px;
padding-right: 5px;
}
table td a {
border: 1px solid #000000;
color: #f00;
text-decoration: none;
}
.songtext {
background-color: #ff0000;
text-align: center;
color: #ffffff;
border: 2px solid #000000;
margin: 0px 20px;
}
.songtext a {
text-decoration: none;
color:#ffffff;
}
/*audio {
width: 50vw;
height: 20vh;
margin-left: 25vw;
} */
.audiowrap {
width: 50vw;
margin: 20vh auto;
}
/* End of Music Page Only */
/* start of contact page*/
.contactform {background-color:#ffffff;
padding:5px 5px 5px 5px;
border:4px #6699FF solid;
width:48%;
margin:0px 5px 0px 5px;
float:left;
}
.contactform h2 {text-align:center;
font-size:36px;
padding-top: 30px;
}
.contactform p {text-align:center;
font-size:25px;
}
.contacttext {background-color:#ffffff;
width:46%;
margin:0px 5px 0px 5px;
float:right;
}
.ctarea {font-size:25px;
text-align:center;
font-weight:bold;
float: right;
border:4px #6699FF solid;
}
.ctarea h1 {font-size:36px;
padding-top: 25px;
text-align:center;
font-weight:bold;
}
.ctarea h2 {padding: 40px 5px 0px 5px;
background-color:#ffffff;
text-align:center;
font-size:30px;
}
/* end of contact page*/
/* Start new contact page */
.form-wrap {width:450px;
background-color: #f6f6f6;
margin:0px 5px 0px 5px;
padding: 20px 0;
float:left;border:4px #6699FF solid;
}
form {width:400px;
margin:5px 10px 5px 10px;
float:left;
border:4px #6699ff solid;
}
label {display: block;
margin:5px 0 5px 20px;
font:18px sans-serif;
color:#888;
}
input {width:350px;
margin: 0 0 0 20px;
}
textarea {width:350px;
height:150px;
margin: 0 0 0 20px;
}
fieldset {border:4px #f6f6f6 solid;
background-color: #f6f6f6;
padding:0 0 20px 0;
}
.labelone {margin-top: 10px;}
.btn {width:125px;
margin:20px 20px 20px 20px;
}
form h4 {margin:20px 0 0 0px;
font:24px sans-serif;
color: #000000;
font-weight: bold;
text-align: center;
}
.ncontacttext {width:350px;
background-color: #afc8de;
margin:50px 5px 0px 5px;
float:right;
}
.ncontacttext h2 {margin:40px 5px 0px 5px;
text-align:center;
font-size:30px;
}
.nctarea {background-color:#f6f6f6;
width:400px;
float:right;
border:4px #6699ff solid;
}
.ncontacttext h1 {font-size:36px;
text-align:center;
font-weight:bold;
}
#smedia {float:right;
margin:35px 55px 0px 0px;
border: 4px #6699ff solid;
}
#smedia img {width:100%; /* CHANGE TO ?% ON <900PX */
height:auto;
}
/* end new contact page */
/* START RESIZING */
/* START OF <900px SIZE */
@media screen and (max-width: 900px) {
body {width: 100%}
.wrapper {width:100%;
margin:0
}
.logo {margin:5px 0px 5px 15px;
float:left;
}
.logo img {width: 70%; /* CHANGE TO ?% ON <900PX */
height: auto;
}
.smedia {float:right;
margin:35px 25px 0px 0px;
}
.smedia img {width:70%; /* CHANGE TO ?% ON <900PX */
height:auto;
}
.htext h1 {font-size:40px; /* CHANGE FONT SIZE ON <900PX */
}
.topnav {background-color:#000000;
clear:both;
width: 100%; /* CHANGE TO ?% ON <900PX */
height: 70px;
padding: 5px 5px;
}
.menu {width:100%;
float:left;
margin:0px;
background-color:#000000;
border-bottom:1px #000000 solid;
text-align: center;
}
.menu li {display:inline-block;
text-align:center;
}
.menu a {float:left;
font-size: 16px;
padding:2px 2px;
text-align:center;
text-decoration: none;
border: 2px solid #ffffff;
}
.subhead h2 {width:100%; /* CHANGE TO ?% ON <900PX */
padding:15px 10px 15px 10px;
font-size:25px;
}
.thumb {width: 100%; /* CHECK */
}
footer {width: 100%; /* CHECK */
margin:0;
}
.footnav {clear:both;
width: 100%; /* CHANGE TO ?% ON <900PX */
height: 50px;
padding: 10px 10px;
}
.pagefoot {width:100%; /* CHANGE TO ?% ON <900PX */
}
.band {background-color:#ffffff;
height: 675px;
clear:both;
border-top: 2px solid #000000;
}
.band img {width: 80%;
margin:45px 25px 10px 5px;
float:left;
}
.band h2 {margin:10px 0px 0px 0px;
font-size:36px;
font-weight:bold;
padding-right: 5px;
}
.band h6 {font-size: 18px;
padding-right: 2px;
}
.band p {margin:0px 0px 0px 0px;
padding-right: 10px;
font-size:15px;
font-weight:normal;
}
.bandimg {float: left;
width: 35%;
}
.bandtxt {float: right;
width: 58%;
padding-right: 10px;
}
/* Music Page Only */
.pagewrap {clear: both;
background-color: #ffffff;
width: 100%;
height: 100%;
}
.contentm {background-color:#ffffff;
width: 100%;
float: right;
padding-top: 25px;
padding-bottom: 50px;
}
.musiccontent {clear:both;
width:100%;
}
.musuiccontent h3 {width:100%;
font-size:36px;
font-weight:bold;
text-align:center;
}
.musuiccontent p {font-size:30px;
font-weight:normal;
text-align:center;
}
.examplesongs {width:100%;
padding-top: 50px;
padding-right: 10px;
}
.examplesongs h3 {width:100%;
font-size:36px;
font-weight:bold;
padding-bottom: 25px;
text-align:center;
}
table {width: 97%;}
table tr {width: 100px;
height: 35px;
}
table td {font-size: 16px;
padding-left: 5px;
padding-right: 5px;
}
/* SLIDE WRAPPER*/
.slidewrapper {display: none;
background-color: #ffffff;
margin: 10px 10px;
width:20%;
height:830px;
float: left;
}
/* End of Music Page Only */
/* start of contact page*/
.contactform {background-color:#ffffff;
padding:5px 5px 5px 5px;
border:4px #6699FF solid;
width:48%;
margin:0px 5px 0px 5px;
float:left;
}
.contactform h2 {text-align:center;
font-size:25px;
padding-top: 30px;
}
.contactform p {text-align:center;
font-size:18px;
}
.contacttext {background-color:#ffffff;
width:44%;
margin:0px 5px 0px 5px;
float:right;
}
.ctarea {font-size:25px;
text-align:center;
font-weight:bold;
float: right;
border:4px #6699FF solid;
}
.ctarea h1 {font-size:36px;
padding-top: 25px;
text-align:center;
font-weight:bold;
}
.ctarea h2 {padding: 40px 5px 0px 5px;
background-color:#ffffff;
text-align:center;
font-size:30px;
}
/* end of contact page*/
/* New Contact */
.form-wrap {width:100%;
background-color: #f6f6f6;
margin:0px 5px 0px 5px;
padding: 20px 0;
border:4px #6699FF solid;
}
form {width:90%;
margin:5px 10px 5px 10px;
float:left;
border:4px #6699ff solid;
}
label {display: block;
margin:5px 0 5px 20px;
font:18px sans-serif;
color:#888;
}
input {width:80%;
margin: 0 0 0 20px;
}
textarea {width:80%;
height:150px;
margin: 0 0 0 20px;
}
fieldset {border:4px #f6f6f6 solid;
background-color: #f6f6f6;
padding:0 0 20px 0;
}
.labelone {margin-top: 10px;}
.btn {width:40%;
margin:20px 20px 20px 20px;
}
form h4 {margin:20px 0 0 0px;
font:24px sans-serif;
color: #000000;
font-weight: bold;
text-align: center;
}
.ncontacttext {width:100%;
background-color: #afc8de;
margin:50px 0px 0px 0px;
}
.ncontacttext h2 {margin:40px 5px 0px 5px;
text-align:center;
font-size:30px;
}
.nctarea {background-color:#f6f6f6;
width:100%;
border:4px #6699ff solid;
}
.ncontacttext h1 {font-size:36px;
text-align:center;
font-weight:bold;
}
/*End new Contact*/
}
/* END OF <900px SIZE */
/* START OF <500px SIZE */
@media screen and (max-width: 500px) {
body {width: 100%}
.wrapper {width:100%;
margin:0
}
.logo {margin:5px 0px 5px 15px;
float:left;
}
.logo img {width: 50%; /* CHANGE TO ?% ON <900PX */
height: auto;
}
.smedia {float:left;
margin:5px 5px 5px 5px;
}
.smedia img {width:50%; /* CHANGE TO ?% ON <900PX */
height:auto;
}
.htext h1 {font-size:30px; /* CHANGE FONT SIZE ON <900PX */
}
.topnav {background-color:#000000;
clear:both;
width: 100%; /* CHANGE TO ?% ON <900PX */
height: 70px;
padding: 5px 5px;
}
.menu {width:100%;
float:left;
margin:0px;
background-color:#000000;
border-bottom:1px #000000 solid;
text-align: center;
}
.menu li {display:inline-block;
text-align:center;
}
.menu a {float:left;
font-size: 12px;
padding:2px 2px;
text-align:center;
text-decoration: none;
border: 2px solid #ffffff;
}
.subhead h2 {width:100%; /* CHANGE TO ?% ON <900PX */
padding:5px 10px 5px 10px;
font-size:22px;
}
.thumb {width: 100%; /* CHECK */
}
footer {width: 100%; /* CHECK */
margin:0;
}
.footnav {clear:both;
width: 100%; /* CHANGE TO ?% ON <900PX */
height: 50px;
padding: 10px 10px;
}
.pagefoot {width:100%; /* CHANGE TO ?% ON <900PX */
}
.band {background-color:#ffffff;
height: 930px;
clear:both;
border-top: 2px solid #000000;
}
.band img {width: 50%;
margin:15px 5px 10px 5px;
float:left;
}
.band h2 {margin:30px 0px 0px 0px;
font-size:36px;
font-weight:bold;
padding-right: 15px;
}
.band h6 {font-size: 18px;
padding-right: 2px;
}
.band p {margin:30px 0px 0px 0px;
padding-right: 20px;
font-size:14px;
font-weight:normal;
}
.bandimg {float: left;
width: 100%;
}
.bandtxt {float: left;
width: 98%;
}
/* start of contact page*/
.contactform {background-color:#ffffff;
padding:5px 5px 5px 5px;
border:4px #6699FF solid;
width:98%;
margin:0px 0px 0px 0px;
/*float:left;*/
}
.contactform h2 {text-align:center;
font-size:25px;
padding-top: 30px;
}
.contactform p {text-align:center;
font-size:18px;
}
.contacttext {background-color:#ffffff;
width:100%;
margin:0px 0px 0px 0px;
/*float:right;*/
}
.ctarea {font-size:25px;
text-align:center;
font-weight:bold;
float: right;
border:4px #6699FF solid;
}
.ctarea h1 {font-size:36px;
padding-top: 25px;
text-align:center;
font-weight:bold;
}
.ctarea h2 {padding: 40px 5px 0px 5px;
background-color:#ffffff;
text-align:center;
font-size:30px;
}
/* end of contact page*/
}
/* END OF <500px SIZE */