@charset "UTF-8";
@import url("../webfonts/texgyreadventor_regular/stylesheet.css");
@import url("../webfonts/texgyreadventor_bold/stylesheet.css");

html, body {
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: "texgyreadventor regular";
	background: transparent;
	color: #fff;
}

a { color: #fff; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }

img, canvas, video { max-width: 100%; height: auto; }

#socialmedia  { display: block; float: none; clear: both; width: 100%; height: auto; padding: -50px; vertical-align: top; margin: 0; -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
@keyframes fadein {
    from { opacity: 0; } to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#buttons { position: relative; width: 100%; height: 35px; text-align: left; margin-top: 35px; margin-left: 4%; display: block; float: none; clear: both; }
#buttons .follow { height: 35px; padding:0; margin:0 20px 0 0; font:normal 14px/14px "texgyreadventor regular"; text-transform: uppercase; vertical-align: middle; display: inline-block; }
#buttons img {
	max-width: 35px;
	height: auto;
	margin-left:1px;
	margin-right:1px;
	display: inline-block;
	border: 0;
	outline:none;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}
#buttons img:hover {
	border: 0;
	outline:none;
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

#instafeed {
	display:inline-block;
	width:30%;
	margin:0 5% 0 0;
	vertical-align:top;
	text-align:left;
	float: left;
}
#twitter {
	display:inline-block;
	width:65%;
	margin:0 0 0 0;
	vertical-align:top;
	text-align:left;
	float: left;
}
#twitter ul {
	padding-left: 10px;
	margin: 0;
}
#twitter ul li {
	list-style-image: url(../Images/divider-star-taupe-small.png);
	list-style-position: outside;
	padding: 0;
	margin: 0;
}
#twitter_update_list img { width: 20px; height: auto; }
#twitter_update_list a { color: #fff; text-decoration: underline; }
#twitter_update_list a:hover { color: #736353; text-decoration: none; }


/* Twitter Feed */

.user { display: none; }
.tweet { width: 100%; text-align: left; }
.timePosted { display: none; }
.user a { display: none; }
.user span span { display: none; }
.user img, .user a > span { display: none; }
.interact { display: none; }
.interact a { display: none; }
.user a > span { display: none; }
.media img { display: none; }
.datetime { display: none; }

#instafeed h2, #twitter h2 {padding:0; margin-top:10px;}
#instafeed h3, #twitter h3 {padding:-50px; margin:0; font:normal 30px/60px "texgyreadventor regular";}
#instafeed p {padding:0; margin:0; font:normal 16px/24px "texgyreadventor regular"; color:#fff;}
#twitter p {padding:0; margin:0; font:normal 13px/18px "texgyreadventor regular"; color:#fff;}



#instafeed img {
width: 90px;
height: auto;
padding:0;
border: 0;
outline:none;
margin-top:-5px;
opacity:0.5;
filter:alpha(opacity=50);
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

#instafeed img:hover {
border: 0;
outline:none;
opacity:1;
filter:alpha(opacity=100);
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}



#credits {
	width: 100%;
	height: 400px;
	margin: 0;
	padding: 0;
	      -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
@keyframes fadein {
    from { opacity: 0; } to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#credits div { 
	font: normal 14px/20px "texgyreadventor regular";
	color: #fff;
	text-align: left;
	margin-top: 20px;
	-webkit-column-fill: balance;
	-moz-column-fill: balance; /* Firefox */
    column-fill: balance;
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	-webkit-column-rule: none; /* Chrome, Safari, Opera */
    -moz-column-rule: none; /* Firefox */
    column-rule: none; }
	
#credits h3 {
	padding: 0;
	margin: 0;
	text-decoration: underline;
	-webkit-column-span: all; /* Chrome, Safari, Opera */
	-moz-column-span: all;
    column-span: all;
}

#disclaimer {
	display: block;
	width: 100%;
	height: 450px;
	margin: 0;
	padding: 0;
	text-align: justify;
	-webkit-column-fill: balance;
	-moz-column-fill: balance; /* Firefox */
    column-fill: balance;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	-webkit-column-rule: none; /* Chrome, Safari, Opera */
    -moz-column-rule: none; /* Firefox */
    column-rule: none;
	-moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
@keyframes fadein {
    from { opacity: 0; } to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#disclaimer div, p { 
	font: normal 14px/20px "texgyreadventor regular";
	color: #fff;
	text-align: justify; }
	
#disclaimer h2, #credits h2 {
	-webkit-column-span: all; /* Chrome, Safari, Opera */
	-moz-column-span: all;
    column-span: all;
	padding-top: 0;
	margin-top: 0;
}
	
#disclaimer .return, #credits .return {
	-webkit-column-span: all; /* Chrome, Safari, Opera */
	-moz-column-span: all;
    column-span: all;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	text-align: center;
	font-size: 12px;
	width: 100%;
	padding: 5px 0 0 0;
	margin: 20px 0 0 0;
	border-top: 1px solid #fff;
}