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

body {
	font: 16px Helvetica, Arial, sans-serif;
	background: url(../img/bodybg.jpg) no-repeat #0d0d0d top center;
	margin: 0; 
	padding: 0;
	color: #0d0d0d;}

p {margin: 0; padding-bottom: 24px; line-height:24px;}

h1 {font-size: 32px; text-transform:uppercase; margin:0; padding:0;}
h2 {font-size: 24px; text-transform:uppercase; margin:0; padding:0;}
h3 {font-size: 16px; text-transform:uppercase; margin:0; padding:0;}

img {max-width: 100%}

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

a.title {color:#f2f2f2}
a.title:hover {text-decoration: none;}


/* TEXT */ 
.normal-txt { font-size: 16px; line-height:24px; }
.small-txt { font-size: 12px; line-height:24px; }
.black-txt {color: #0d0d0d;}
.white-txt {color: #f2f2f2;}
.burgundy-txt {color: #402730;}
.lite-burgundy-txt {color: #6d4755;}
.grey-txt {color: #999999;}

/* MAGINS & PADDING */

.mrgn-t4 {margin-top: 4px;}
.mrgn-t5 {margin-top: 5px;}
.mrgn-t8 {margin-top: 8px;}
.mrgn-t40 {	margin-top: 40px;}
.mrgn-t44 {margin-top: 44px;}
.mrgn-t20 {margin-top: 20px;} 
.mrgn-t23 {margin-top: 23px;} 
.mrgn-l20 {margin-left: 20px;}
.mrgn-r20 {margin-right: 20px;}
.mrgn-b20 {margin-bottom: 20px;}

.pdng-t40 {	padding-top: 40px;}
.pdng-l20 {padding-left: 20px;}
.pdng-r20 {padding-right: 20px;} 

/* LINKS */ 
.a-none {text-decoration:none;}
.a-none:hover {text-decoration:none;}

#wrapper {
  	width: 80%;
 	margin: auto;
	margin-bottom: 25px;
 	max-width: 960px;
}

/* HOME PAGE */
#container{
	width: 70%;
	margin-left: 30%; 
}
#home-container{
	text-align: center;
}

/* SUB PAGES */
#headerLogo{
	margin-bottom:0px; 
	position:relative; top:5px; right:2px;
}
#main-sub-contianer{
	width: 680px;
	height: 577px;
	margin: auto; 
}
#sub-container{
	background: #f2f2f2;
	width: 100%;
	height: 100%;
}

/* BIO PAGE*/
#bio-main-col {
	width: 65%; 
	float: left;
}
#bio-sidebar {
	width: 30%;
	float: left;
}

#mobile-content{
	display: none;
}


/* YOUTUBE PAGE*/
#yt-main-col {
	float: left;
}
#yt-sidebar {
	float: left;
}
.vid-thumb {
	width: 145px; 
	height: 89px; 
	background-color: black;
	float: left;  
	margin-right: 20px; 
	margin-bottom: 20px;
}

/* INSTAGRAM PAGE*/
#imagearea{padding-top:20px;}
#images {height:412px; margin-bottom:20px;}
#image {position:relative; width:412px; height:412px; margin: auto; background:#FFF url(../img/loading.gif) center center no-repeat}
#image img {position:absolute; top:0px; left:0px}
#image span { position:absolute; left:0;bottom:0;background-color:#0d0d0d;color:#f2f2f2; height:auto;font-size:12px;width:392px;padding:10px; z-index:5;}


#thumbwrapper {margin:0 auto; width:640px; height:90px;}
#thumbarea {position:relative; overflow:hidden; height:100px; width:640px; margin:0 auto;}
#thumbs {position:absolute; list-style:none; height:90px; width:10000px; padding:0px; margin-top:20px;}
#thumbs li {float:left; margin-right:10px; padding:0; cursor:pointer;}

.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../img/left.gif) left center no-repeat;}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../img/right.gif) right center no-repeat; }
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}



/* TWITTER */

#t-profile {padding: 20px;}
#t-avatar {border: 5px solid #0d0d0d; width:120px; height:120px; float:left; margin-right: 20px;}
.twitter-follow-button {margin-top:5px;}
#twitter-feed {margin:0 20px 20px 20px; height:370px;}

.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tweet_list li {
	padding-left: 0.5em;
	padding-right: 0.5em; 
	padding-top: 20px;
	padding-bottom: 20px;
	list-style-type: none;
	border-top: 1px dotted #cccccc;
}

.tweet_footer {font-size:12px; color:#999999;}
.tweet_footer a{color:#999999;} 
.tweet_footer a:hover{color:#8c3718; text-decoration:none;} 

#mobile-tweets{display:none;}

/* Tweet Scrollbar */
#tweetScrollbar1 { width: 100%;  }
#tweetScrollbar1 .viewport { width: 95%; height: 330px; overflow: hidden; position: relative; }
#tweetScrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0;}
#tweetScrollbar1 .scrollbar{ background: transparent url(../img/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#tweetScrollbar1 .track { background: transparent url(../img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#tweetScrollbar1 .thumb { background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#tweetScrollbar1 .thumb .end { background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#tweetScrollbar1 .disable { display: none; }  


/* social links*/

.socialDivider {
	background-color: #101010;
	height:30px;
	}
#socialLinks { margin: 0 auto; }

a#facebookIcon { display: inline-block; height:24px; width:24px; margin:0 10px 0 0; background: url(reys_images/facebook_off.png) no-repeat; }
a#facebookIcon:hover {background:url(reys_images/facebook.png);}

a#twitterIcon { display:inline-block; height:24px; width:24px; margin:0 10px 0 0; background: url(reys_images/twitter_off.png) no-repeat; }
a#twitterIcon:hover {background:url(reys_images/twitter.png);}

a#youtubeIcon { display:inline-block; height:24px; width:24px; margin:0 10px 0 0; background: url(reys_images/youtube_off.png) no-repeat; }
a#youtubeIcon:hover {background:url(reys_images/youtube.png);}

a#vimeoIcon { display:inline-block; height:24px; width:24px; margin:0 10px 0 0; background: url(reys_images/vimeo_off.png) no-repeat; }
a#vimeoIcon:hover {background:url(reys_images/vimeo.png);}

a#viddlerIcon { display:inline-block; height:24px; width:24px; margin:0 10px 0 0; background: url(reys_images/viddler_off.png) no-repeat; }
a#viddlerIcon:hover {background:url(reys_images/viddler.png);}

a#podcastIcon { display:inline-block; height:24px; width:24px; margin:0 10px 0 0; background: url(reys_images/podcast_off.png) no-repeat; }
a#podcastIcon:hover {background:url(reys_images/podcast.png);}

a#rssIcon { display:inline-block; height:24px; width:24px; margin:0 10px 0 0; background: url(reys_images/rss_off.png) no-repeat; }
a#rssIcon:hover {background:url(reys_images/rss.png);}

a#emailIcon { display:inline-block; height:24px; width:24px; margin:0 10px 0 0; background: url(reys_images/email_off.png) no-repeat; }
a#emailIcon:hover {background:url(reys_images/email.png);}



/* MENU */ 


#menu-wrapper {
	width:100%; 
	height: 49px; 
	background: #402730; 
	text-align:center;
	position:absolute;
	top:600px;
}

#menu {
	list-style: none;
	width: 90%;
	margin: 0 auto;
	padding: 0;
	max-width: 780px;
	min-width: 768px;
	text-align:center;
}
#menu li {
	margin: 0 auto;
	padding: 0;
}
#menu a {
	background: #402730;
	color: #f2f2f2;
	display: block;
	float: left;
	margin: 0;
	padding: 15px 4.166667%;
	text-decoration: none;
	font-weight:bold;
	text-transform: uppercase;
}
#menu a:hover {
	background: #6d4755;
	color: #f2f2f2;
	padding-bottom: 15px;
	}

#menu a.active {background: #6d4755;}

.org-dl-button {
	background: #cc6633; /* Old browsers */
	background: -moz-linear-gradient(top,  #cc6633 1%, #9b3503 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cc6633), color-stop(100%,#9b3503)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc6633 1%,#9b3503 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc6633 1%,#9b3503 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc6633 1%,#9b3503 100%); /* IE10+ */
	background: linear-gradient(top,  #cc6633 1%,#9b3503 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc6633', endColorstr='#9b3503',GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid #cc6633;
	height:27px;
	width:197px;
	
	text-transform: uppercase; 
	padding-top: 7px;
	cursor:pointer;
	
}


/* Tiny Scrollbar */
#scrollbar1 { width: 390px;  }
#scrollbar1 .viewport { width: 360px; height: 425px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0;}
#scrollbar1 .scrollbar{ background: transparent url(../img/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }   



@media screen and (max-width: 768px) {
	#menu a {padding: 15px 4%;}
	#main-sub-contianer{ width: 615px;}
	#bio-main-col { margin-left: 10px;}
	#yt-video { width:575px; height: 323px; }
	.vid-thumb {width:128px;}
		#thumbwrapper {width: 500px;}
	#thumbarea { width: 100%;}
}

@media screen and (max-width: 625px) {
	body {background: #0d0d0d;}
	#wrapper {width: 100%; margin: auto; min-width:300;}
	#container{width: 100%; margin: 0 0 25px;}
	#main-sub-contianer {height: 100%; width:100%;}
	
	#menu-wrapper {position: inherit;}
	#menu {width:100%; min-width: 300px;}
	#menu a {float:none; border-bottom: 1px solid #6d4755}
	
	#scrollbar1 {display:none; } 
	#mobile-content{display:block;} 
	#bio-main-col{
			float: inherit;
			margin-top: 0;
			margin-right: 10px;
			padding-top: 40px;
			width: auto;
		}
	#bio-sidebar {
		float: inherit;
		margin-top: 0;
		margin-left: 10px;
		}
	#dl-button{
		position:inherit;
		top:0;
	}
	
	#yt-main-col {
		margin: auto; 
		float: none;
		width:98%; 
		min-width: 300px;
	}
	#yt-sidebar {
		float: none;
		margin: auto; 
		width: 98%; 
	}
	#yt-video { 
		width:100%;
		height: 169px; 
		margin: 10px 0; 
	}
	.vid-thumb {
		width: 73px; 
		height: 50px; 
		background-color: black;
		float: left;  
		margin-right: 5px; 
		margin-bottom: 20px;
	}
	
	#thumbwrapper {display:none;}
	
	#imagearea{padding-top:10px;}
	#images {height:300px; margin-bottom:10px;}
	#image {position:relative; width:300px; height:300px; margin: auto; background:#FFF url(../img/loading.gif) center center no-repeat}
	#image img {position:absolute; top:0px; left:0px}
	#image span { position:absolute; left:0;bottom:0;background-color:#0d0d0d;color:#f2f2f2; height:auto;font-size:12px;width:280px;padding:10px; z-index:5;}
	
	#tweetScrollbar1 {display:none;}
	#mobile-tweets {display:block;}
	#twitter-feed {height:auto; margin:0 10px 10px 10px}
	#t-profile {padding:10px; width:auto;}

}