/*Begin Reset*/
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;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
background: #949494;
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*End Reset*/
/*Navigation*/
.navmenu {
list-style: none;
float: left;
padding: 0 0 0 0;
margin: 0 0 0 0;
position: fixed;
font-size: 1.2em;
text-transform: uppercase;
z-index: 9999;
width: 100%;
min-width: 100em;
background: rgba(0,0,0,.5);
}
.navmenu ul {
list-style: none;
}
.navmenu ul ul {
display: none;
}
.navmenu li {
display: inline-block;
}
#navname {
font-family: 'Oswald', sans-serif;
font-size: 3em;
margin-right: 0em;
padding-right: .5em;
padding-left: .5em;
padding-top: .12em;
}
#navname a {
color: #f21111;
}
#width {
max-width: 100%;
}
.navli a {
color: white;
}
.navli {
padding-bottom: .5em;
padding-top: 2.5em;
padding-left: .5em;
padding-right: 1em;
display: block;
font-family: 'Oswald', sans-serif;
}
#navlast {
padding-left: .5em;
font-family: 'Oswald', sans-serif;
transition: color .5s ease-in;
}
#navlast a {
color: #ffffff;
transition: color .5s ease-in;
}
#navlast a:hover {
color: #f21111;
}
a {
text-decoration: none;
color: #ffffff;
transition: color .3s ease-in;
}
a:hover {
color: #f21111;
}
a:current {
color: #f21111;
}
p a {
color: blue;
font-weight: bold;
}
h1 {
font-family: 'Oswald', sans-serif;
font-size: 4em;
text-align: center;
}
h2 {
font-family: 'Oswald', sans-serif;
font-size: 1.6em;
}
h3 {
list-style: none;
font-family: 'Oswald', sans-serif;
font-size: 1.3em;
}
/* NO LONGER USED -- Traded for "topwrapper p"
.info p {
padding-top: 1em;
padding-bottom: 1em;
}
.info {
color: #fff;
display: block;
font-family: 'Oswald', sans-serif;
width: 100;
margin-top: 4em;
font-size: 3em;
clear: both;
z-index: 3;
}
*/
body {
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
}
/*Top Wrapper*/
#topwrapper {
height: 55em;
background-image: url("vicesiadmire_wallpaper.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#topwrapper p {
color: #fff;
text-align: center;
font-family: 'Oswald', sans-serif;
padding-top: 10em;
text-transform: uppercase;
font-size: 2.2em;
text-shadow: 5px 5px 10px #000;;
}
#topwrapper span {
font-size: 2.7em;
}
/*Social Media Links*/
.socials {
display: block;
text-align: center;
padding-bottom: 1em;
position: relative;
}
.socials li {
display: inline;
padding: .2em;
}
.facebook {
display: inline-block;
height: 45px;
width: 45px;
background-image: url(images/facebookcomp.png);
background-repeat: no-repeat;
background-color: transparent;
}
.facebook:hover {
background-position: 0-45px;
}
.twitter {
display: inline-block;
height: 45px;
width: 45px;
background-image: url(images/twittercomp.png);
background-repeat: no-repeat;
background-color: transparent;
background-position: top;
}
.twitter:hover {
background-position: bottom;
}
.tumblr {
display: inline-block;
height: 45px;
width: 45px;
background-image: url(images/tumblrcomp.png);
background-repeat: no-repeat;
background-color: transparent;
background-position: top;
}
.tumblr:hover {
background-position: bottom;
}
.youtube {
display: inline-block;
height: 45px;
width: 45px;
background-image: url(images/youtubecomp.png);
background-repeat: no-repeat;
background-color: transparent;
background-position: top;
}
.youtube:hover {
background-position: bottom;
}
.googleplay {
display: inline-block;
height: 45px;
width: 45px;
background-image: url(images/googleplaycomp.png);
background-repeat: no-repeat;
background-color: transparent;
background-position: top;
}
.googleplay:hover {
background-position: bottom;
}
.instagram {
display: inline-block;
height: 45px;
width: 45px;
background-image: url(images/instagramcomp.png);
background-repeat: no-repeat;
background-color: transparent;
background-position: top;
}
.instagram:hover {
background-position: bottom;
}
.lastfm {
display: inline-block;
height: 45px;
width: 45px;
background-image: url(images/lastfmcomp.png);
background-repeat: no-repeat;
background-color: transparent;
background-position: top;
}
.lastfm:hover {
background-position: bottom;
}
.itunes {
display: inline-block;
height: 45px;
width: 45px;
background-image: url(images/itunescomp.png);
background-repeat: no-repeat;
background-color: transparent;
background-position: top;
}
.itunes:hover {
background-position: bottom;
}
/*End Social*/
/* NEWS */
#newswrapper {
padding-top: 1em;
padding-bottom: .5em;
background: #ffffff;
height: 110em;
width: 100%;
text-align: center;
/*BOXSHADOW that once was -moz-box-shadow: 20px 0px 20px 0px;
-webkit-box-shadow: 20px 0px 20px 0px;
box-shadow: 20px 0px 20px 0px;*/
}
section {
min-width: 20em;
display: block;
clear: both;
height: 100em;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.StyleLine {
width: 75%;
height: .2em;
margin-left: auto;
margin-right: auto;
background: #000;
border-radius: 100%;
margin-bottom: .5em;
}
#News {
display: block;
float: left;
width: 54%;
min-width: 36em;
max-width: 50em;
border-radius: .8em;
position: relative;
top: -8em;
background: #fff;
margin-left: 6%
}
#News h1 {
padding-top: .2em;
}
.dateBox {
display: block;
float: right;
border: .2em solid black;
border-radius: .4em;
width: 3.5em;
height: 3.5em;
position: absolute;
top: 1em;
right: 1em;
font-family: 'Source Sans Pro', sans-serif;
line-height: 4em;
text-align: center;
}
#News h2 {
text-decoration: underline;
line-height: 1.4em;
font-size: 1.3em;
}
/* old News h2 version saved for just in case ness */
/* #News h2 {
padding-top: .2em;
text-decoration: underline;
padding-bottom: .1em;
}
#News h2 a {
color: #000000;
line-height: 1.5em;
} */
/* end old News version */
#News h2 a:hover {
color: #f21111;
}
#News h3 {
padding-top: .2em;
padding-bottom: 1em;
text-align: left;
font-size: 1.3em;
margin-left: 5%;
margin-top: 2%
}
#News p {
font-size: 1.2em;
line-height: 135%;
font-family: 'Source Sans Pro', sans-serif;
padding-top: .2em;
margin-left: auto;
margin-right: auto;
text-align: justify;
margin-left: 5%;
margin-right: 5%;
}
#News p span {
font-weight: 500;
}
#News p a {
color: #35A2C7;
}
aside {
display: block;
float: left;
margin-left: 20%;
position: relative;
top: -4em;
border-radius: .8em;
min-width: 22em;
max-width: 22em;
background: #fff;
}
#asideImg {
width: 18em;
margin-top: 2em;
-moz-box-shadow: 10px 10px 25px 0px #191919;
-webkit-box-shadow: 10px 10px 25px 0px #191919;
box-shadow: 10px 10px 25px 0px #191919;
}
#asideBox1 img a {
color: black;
}
aside p {
margin-top: 1.2em;
font-family: 'Source Sans Pro', sans-serif;
font-size: 1em;
}
aside p span {
font-weight: bold;
}
aside p span a {
color: black;
}
aside ul {
padding-top: 0;
margin-top: .2em;
}
aside li {
display: inline;
}
aside a {
font-size: 1em;
color: #35A2C7;
font-family: 'Source Sans Pro', sans-serif;
}
aside form {
margin-left: auto;
margin-right: auto;
margin-top: 2em;
}
.fb-page {
margin-top: 2em;
width: 21em;
}
.twitLink {
margin-top: 2em;
width: 18em;
margin-left: auto;
margin-right: auto;
}
/*.galleryLeft {
text-align: left;
float: left;
}*/
#News li {
display: inline;
}
#News ul {
floag: left;
}
.pic img {
border-radius: .5em;
margin-right: .5em;
margin-top: .3em;
}
#aboutwrapper {
padding-top: 1em;
background: #ffffff;
display: block;
width: 100%;
}
#About {
display: block;
width: 50%;
margin-left: auto;
margin-right: auto;
clear: both;
}
#About h2 {
padding-top: .5em;
text-decoration: underline;
padding-bottom: .1em;
text-align: center;
}
.bio {
font-size: 1.1em;
font-family: 'Source Sans Pro', sans-serif;
line-height: 1.2em;
padding-top: .2em;
margin-left: auto;
margin-right: auto;
text-align: justify;
}
.quotes {
font-family: georgia, "times new roman", times;
width: 70%;
margin-left: auto;
margin-right: auto;
text-align: justify;
line-height: 1.2em;
font-size: 1em;
}
.linklinefff {
border-bottom: .4em solid #ffffff;
}
.wrapperintrotext {
font-family: 'Courgette', cursive;
padding-right: .5em;
padding-left: .5em;
padding-top: .5em;
padding-bottom: .5em;
text-align:center;
color: #ffffff;
font-size: 1.8em;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}
#musicwrapper {
padding-top: 1em;
background: #949494;
display: block;
width: 100%
}
.albumoutro {
text-align: center;
line-height: 2em;
font-family: 'Source Sans Pro', sans-serif;
font-size: 1.2em;
clear: both;
}
.TopRowAlbums {
float: left;
}
#row0 {
display: block;
position: relative;
width: 65em;
border: 1px solid white;
height: 40em;
clear: both;
}
#row1 {
margin: auto;
display: block;
position: relative;
padding-bottom: 1em;
height: 40em;
width: 65em;
clear: both;
}
#row2 {
margin: auto;
display: block;
position: relative;
padding-bottom: 1em;
height: 45em;
width: 65em;
}
#row3 {
margin: auto;
display: block;
height: 40em;
width: 65em;
position: relative;
padding-bottom: 1em;
}
#row4 {
margin: auto;
display: block;
position: relative;
padding-bottom: 1em;
height: 40em;
width: 65em;
}
.albumcol {
float: left;
width: 40%;
display: inline;
margin-top: 10%;
margin-bottom: 4%;
margin-left: 3%;
}
.albumart {
height: 22em;
width: 22em;
}
#albumtitle {
font-family: 'Oswald', sans-serif;
font-size: 3em;
padding-bottom: .2em;
}
.moreinfo {
font-family: 'Source Sans Pro', sans-serif;
font-size: 1.3em;
word-wrap: break-word;
color: #ffffff;
line-height: 1em;
}
.textcol {
float: left;
margin-top: 8%;
margin-right: 1%;
margin-left: 7%;
position: relative;
width: 48%;
}
.tracklist {
margin-left: 0em;
}
.dashedline {
border-bottom: .2em dashed #ffffff;
}
#videowrapper {
clear: both;
background: #ffffff;
text-align: center;
width: 100%;
}
.video {
border: 0;
width: 40em;
height: 25em;
margin-left: auto;
margin-right: auto;
}
#signup {
padding-top: 1em;
padding-bottom: 1em;
}
#emailwrapper {
clear: both;
background: #949494;
text-align: center;
width: 100%;
}
#emailwrapper p {
line-height: .5em;
}
#emailtable {
margin-top: 2%;
margin-left: auto;
margin-right: auto;
margin-bottom: 2%;
font-family: 'Open+Sans', sans-serif;
font-size: 2em;
}
input {
height: 2em;
font-size: .8em;
}
#submit {
height: 3em;
width: 6em;
background: #ffd700;
font-size: .4em;
}
#footer {
display: block;
background: #000000;
padding-top: 2em;
padding-bottom: 2em;
width: 100%;
}
#footlist {
display: block;
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: 'Open+Sans', sans-serif;
}
#footnav a {
display: inline-block;
font-size: 1.3em;
padding-right: 1em;
}
#footnav li {
padding-top: 1em;
display: inline;
}
#footer a {
text-decoration: none;
color: #676767;
}
#footer h2 {
color: #676767;
font-family: 'Open+Sans', sans-serif;
margin-left: 1.3em;
padding-bottom: .5em;
padding-top: 1em;
text-align: center;
}
#footer h3 {
font-family: 'Open+Sans', sans-serif;
text-align: left;
color: #676767;
margin-left: 1.5em;
font-size: 1.3em;
padding-bottom: .5em;
}
#createdby {
padding-top: 1em;
}
#footer h4 {
color: #676767;
text-align: center;
font-family: 'Open+Sans', sans-serif;
padding-top: .2em;
}
#footer ul {
list-style: none;
padding-top: 1em;
padding-bottom: 2em;
display: inline-block;
margin-left: 2em;
}
#footer ul li {
font-family: 'Open+Sans', sans-serif;
color: #676767;
}
#footer ul li:first-child {
font-size: 3em;
}
#songnumber {
color: #f21111;
}
.linklinedash {
border-bottom: .1em dashed #d3d3d3;
width: 37em;
}
footer {
position: fixed;
bottom: 0px;
height: 4em;
width: 20em;
background: #fff;
right: 0em;
border-top-left-radius: 1.8em;
display: block;
}