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

body {
background-image:url(images/MainBodyBG-2020B.jpg);
background-position:center top;
background-repeat:no-repeat;
background-attachment:fixed;
background-size:100%;
background-color:#000;
margin:0;
padding:0;
font-family:"century gothic", calibri;
font-size:14px;
line-height:1.4em;
color:#fff;
text-shadow:#121212 2px 2px 5px; 
}
img { border:none; }
.clear { clear:both; }
a { color:#d3c7b6;text-decoration:none; }
a:hover { color:#e88b07;text-decoration:none; }
h1 {
color:#d3c7b6;
font-size:24px;
line-height:1.4em;
text-transform:uppercase;
}

/* ------ TOP BAR STYLES ------ */
#topBar {
width:100%;
background-image:url(images/transtile.png);
background-position:left top;
background-repeat:repeat;
}
#topBarDiv { width:1000px;margin:25px auto;padding:8px 0;line-height:1em; }
#topBar-left { width:375px;float:left;padding:5px 0 0; }
#topBar-right {
width:625px;
float:left;
text-align:right;
font-size:24px;
font-weight:bold;
color:#fff;
line-height:1em;
padding:3px 0 0;
}
span.redtext { color:#aa1919; }
#socialDiv2 { text-align:center;padding:10px 0 0;display:none; }

/* ------ MAIN SITE STYLES ------ */
.sections { width:1000px;margin:25px auto; }
#socialDiv {
display:block;
width:60px;
padding:15px 15px 15px 0;
background-image:url(images/transtile.png);
background-position:left top;
background-repeat:repeat;
border-radius:0 6px 6px 0;
position:fixed;
top:150px;
left:0;
}
a.socialIcons {
display:block;
width:60px;
height:60px;
margin:5px 0;
background-position:left top;
background-repeat:no-repeat;
background-size:100%;
}
a#sd-instagram { background-image:url(images/SocIcon-Instagram.png); }
a#sd-instagram:hover { background-image:url(images/SocIcon-Instagram-Alt.png); }
a#sd-youtube { background-image:url(images/SocIcon-YouTube.png); }
a#sd-youtube:hover { background-image:url(images/SocIcon-YouTube-Alt.png); }
a#sd-facebook { background-image:url(images/SocIcon-Facebook.png); }
a#sd-facebook:hover { background-image:url(images/SocIcon-Facebook-Alt.png); }
a#sd-twitter { background-image:url(images/SocIcon-Twitter.png); }
a#sd-twitter:hover { background-image:url(images/SocIcon-Twitter-Alt.png); }
a#sd-tumblr { background-image:url(images/SocIcon-Tumblr.png); }
a#sd-tumblr:hover { background-image:url(images/SocIcon-Tumblr-Alt.png); }
div.sepBar { width:1000px;border-bottom:1px dashed #fff;margin:25px auto; }

/* ------ LEFT COLUMN STYLES ------ */
.columnLeft { width:538px;float:left; }
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
#storeLink { width:100%;height:auto;margin:10px 0; }
#storeLink img { width:100%;height:auto; }
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#videoLink a {
display:block;
width:150px;
padding:8px 0;
background-color:#d3c7b6;
font-size:18px;
font-weight:bold;
line-height:1em;
color:#000;
text-transform:uppercase;
text-shadow:none;
text-align:center;
float:right;
margin:15px 0 25px;
}
#videoLink a:hover { background-color:#fff;color:#000; }
#fbfeed {
width:auto;
padding:5px;
background-image:url(images/transtile.png);
background-position:left top;
background-repeat:repeat;
}
#fbfeed iframe { width:100%; }
#twitterfeed { width:100%;margin:15px 0; }
#twitterfeed iframe { width:100%; }

/* ------ RIGHT COLUMN STYLES ------ */
.columnRight { width:412px;float:right; }
#audioDiv { margin:25px 0; }
#instagramTitle { margin:25px 0 10px; }
#instagramDiv { margin:0; }
.instgramPic {
display:block;
background-color:#fff;
width:100px;
height:100px;
float:left;
margin:1px;
}
#pgthumbcrumbs { display:none; }
#albumsDiv { margin:15px 0;text-align:center; }

.album {
width:200px;
display:inline-block;
vertical-align:top;
margin:2px 2px 15px;
text-align:center;
font-size:14px;
line-height:1em;
color:#d3c7b6;
}
.album h1 {
font-size:24px;
font-weight:bold;
color:#d3c7b6;
line-height:1em;
margin:0;
color:#fff;
}

/* ------ FOOTER STYLES ------ */
#footer {
text-align:center;
font-size:12px;
line-height:1.3em;
color:#d3c7b6;
padding:25px 0;
}
#footer a { color:#d3c7b6; }
#footer a:hover { color:#fff; }
