@charset "UTF-8";

* { margin:0;padding:0; }
html, body { height: 100%; font-family:Helvetica,Arial,sans-serif;background-color:#333;}
#wrap { min-height: 100%;min-width:960px; }

body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

a { color:#333;text-transform:none;text-decoration:underline; }
a:hover { color:#f1f1f1; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; outline: none!important; }

a img { border:none; }
ul { list-style:none; }


/* Header */

#header {
	background: url('../assets/bg_texture.jpg') center 0px #CCC;
	background-color:#CCC;
	width:100%;
	color:#f1f1f1;
}

#head {
	height:40px;
	padding:15px 10px 25px 10px;
	width:940px;
	margin:0 auto;
	position:relative;
}

#head .header_image {
	position:absolute;
	top:20px;
	left:10px;
}

#head .main_menu {
	position:absolute;
	right:10px;
	top:30px;
	font-size:.7em;
	line-height:1.5em;
	font-family:"Droid Sans Mono","Monospace 821","Lucida Console","Monaco","Courier New", Courier, monospace;
	text-transform:uppercase;
	letter-spacing:.1em;
}

#head .main_menu a { color:#BAB3A6; text-decoration:none; }
#head .main_menu a:hover { color:#FF9933; }
#head .main_menu .selected a { color:#F1F1F1; }

#head .main_menu li {
	float:right;
	text-decoration:none;
	padding-left:15px;
}

#head .main_menu .txt {
	margin-top:3px;
}

.img_nav {
	margin-top:10px;
}

.img_nav a {
	text-decoration:none;
	color:#333;
	font-size:.7em;
	font-family:"Droid Sans Mono","Monospace 821","Lucida Console","Monaco","Courier New", Courier, monospace;
}

.img_nav a:hover {
	color:#F1F1F1;
}

.fb_square {
	margin:0;
	padding:0;
	display:block;
	width:20px;
	height:20px;
	overflow:hidden;
	background: url('../assets/fb_square.png') top left no-repeat;
}

.fb_square:hover {
	background: url('../assets/fb_square.png') bottom left no-repeat;
}


/* Content Area */

#main {
	clear:both;
	overflow:auto;
	padding-bottom: 60px;
	color:#f1f1f1;
	width:100%;
}

#filler {
	margin:0;
	padding:0;
	height:1000px;
	background-color:#CCC;
}

#content {
	width:100%;
	float:left;
	padding:0;
	overflow:hidden;
}


.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#textcontent {
	color:#333;
	width:100%;
	height:100%;
}

#columns {
	width:940px;
	margin:0 auto;
	position:relative;
	padding:0 10px 10px 10px;
}

#columns #right {
	width:460px;
	float:left;
}

#columns #left {
	width:420px;
	float:left;
	margin-right:20px;
	padding-right:40px;
}

#vidcontent {
	width:100%;
	background: url('../assets/bg_texture.jpg') center -90px;
}

#vid_holder {
	padding:0 10px 0 10px;
	width:940px;
	margin:0 auto;
}

.class_youtube {
	height:527px;
	overflow:hidden;
}

#textcontent .detail img {
	height:30px;
	font-size:10px;
	margin-right:10px;
}

#vid_controls, #textcontent .detail, #textcontent .tags, #vidcontent .title, #textcontent .contact_info {
	font-size:.7em;
	font-family:"Droid Sans Mono","Monospace 821","Lucida Console","Monaco","Courier New", Courier, monospace;
}

.contact_info { line-height:1.5em; }

#vidcontent .title {
	width:940px;
	padding:10px;
	margin:0 auto;
}

#vidcontent a { color:#BAB3A6;text-transform:uppercase; }
#vidcontent a:hover { color:#FF9933; }

#textcontent h1 {
	font-size:1.5em;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:10px;
}


#textcontent .body {
	margin-bottom:20px;
	font-size:0.9em;
	line-height:1.3em;
}

#textcontent .tags {
	margin-top:10px;
	line-height:1.5em;
}

.home #columns {
	margin-top:20px;
	color:#f1f1f1;
}

.home #columns a {
	color:#BAB3A6;
}
.home #columns a:hover {
	color:#FF9933;
}

#slider_wrap {
	width:460px;
	position:relative;
	margin-top:10px;
	height:260px;
	display:block;
	overflow:hidden;
	background-color:#000;
}

.resize {
	position:absolute;
	right:0;
	top:0;
	width:25px;
	height:25px;
	overflow:hidden;
	background:url('../assets/resize_button.png');
	border:none;
	background-position:top left;
	cursor:pointer;
}

.resize:hover {
	background-position:top right;
}

.resize_active {
	position:absolute;
	right:0;
	top:0;
	width:25px;
	height:25px;
	overflow:hidden;
	background:url('../assets/resize_button.png');
	border:none;
	background-position:bottom left;
	cursor:pointer;
}

.resize_active:hover {
	background-position:bottom right;
}

#image_gallery {
	width:460px;
	position:relative;
}








/*		
////////////////////////////////////////////////////////

VIDEO PAGE

////////////////////////////////////////////////////////
*/



#videolist_wrapper {
	width:940px;
	height:100%;
	padding:10px 10px 0 10px;
	margin:0 auto 10px auto;
	position:relative;
}


/*		FILTER BAR		*/


#videofilter {
	margin-bottom:20px;
	width:940px;
	font-size:.7em;
	line-height:1.5em;
	color:#BAB3A6;
	font-family:"Droid Sans Mono","Monospace 821","Lucida Console","Monaco","Courier New", Courier, monospace;
}

#videofilter img {
	float:left;
	vertical-align:text-center;
	margin-right:10px;
}

#videofilter .count {
	display:inline;
	float:right;
	margin-top:6px;
}

#videofilter .menu {
	float:left;
	display:inline;
}

#videofilter .menu a {
	padding:6px;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:.1em;
	float:left;
	display:inline;
	color:#BAB3A6;
	text-decoration:none;
}

#videofilter .menu a:hover {
	color:#FF9933;
}

#videofilter .menu .selected {
	cursor:default;
	color:#F1F1F1;
}

#videofilter ul .selected:hover { color:#F1F1F1; }

#videofilter ul li:hover { color:#FF9933; }


/*		VIDEOGRID		*/

/*
#videoplayer {
	padding:20px;
	background-color:#000;
	border:1px solid #BAB3A6;
	color:#f1f1f1;
}
*/

#videolist {
	width:960px;
	overflow:hidden;
	padding:0;
	margin:0;
	position:relative;
}

#videolist li {
	float:left;
	margin:0 20px 20px 0;
	text-align:center;
	cursor:pointer;
	position:relative;
	width:220px;
	height:170px;
}


#videolist li .image {
	width:220px;
	height:130px;
	/*margin:0 0 10px 0;*/
	display:block;
	left:0;
	position:absolute;
	overflow:hidden;
	background:#000;
}



#videolist li a {
	font-size:.7em;
	line-height:1.5em;
	color:#BAB3A6;
	font-family:"Droid Sans Mono","Monospace 821","Lucida Console","Monaco","Courier New", Courier, monospace;
	text-decoration:none;
}
#videolist li a:hover {
	color:#FF9933;
}





/* 		SHAAAAAARE			*/

#share_menu { position:relative;z-index:1000;float:left;display:inline; }
.share_link { position:absolute;color:#BAB3A6; }
#share_menu ul { display:none; border: 1px solid #333; position:absolute; top:-6px; left:-6px; width:150px; }
#share_menu ul li { background-color: #BAB3A6; }
#share_menu ul li p { padding:5px;display:block; }
#share_menu ul li a { text-decoration:none;color:#333333;padding:5px;display:block; }
#share_menu ul li a:hover { color: #f1f1f1;background-color: #333333; }
.at300bs { display:none !important; }










#vid_controls {
	text-transform:uppercase;
	width:940px;
	padding:10px;
	margin:0 auto;
}

/* Footer */

#footer {
	min-width:960px;
	margin-top: -60px;
	height: 60px;
	clear:both;
	background-color:#BAB3A6;
	width:100%;
}

#foot {
	position: relative;
	width:940px;
	margin:0 auto;
	height:60px;
	line-height:1.1em;
	padding:0 10px 0 10px;
}

a { text-decoration:none; }

#foot a, #textcontent a {
	color:#6D665A;
}

#foot a:hover, #textcontent a:hover {
	color:#333;
}

#textcontent p a:hover { text-decoration:underline; }

.detail {
	font-weight:normal;
}

#videolist img { position:absolute; }

#footer .detail img {
	vertical-align:text-top;
}

#footer .detail {
	position:absolute;
	bottom:0px;
	color:#333;
	font-size:.7em;
	font-family:"Droid Sans Mono","Monospace 821","Lucida Console","Monaco","Courier New", Courier, monospace;
}

.fb_follow {
	position:absolute;
	right:10px;
	top:25px;
	border:1px solid #333;
	font-family:"Droid Sans Mono","Monospace 821","Lucida Console","Monaco","Courier New", Courier, monospace;
	font-size:.7em;
	padding:3px 5px 0 5px;
}

.fb_follow a {
	padding:0;
	color:#333;
	text-decoration:none;
}

#textcontent .img_nav a {
	text-decoration:none;
	text-transform:uppercase;
}

#textcontent .img_nav a:hover {
	text-decoration:none;
}

#textcontent .img_nav {
	width:460px;
}

#textcontent .img_nav .prev {
	background: url('../assets/ar_prev.png') no-repeat center left;
	float:left;
	padding-left:20px;
}
#textcontent .img_nav .next {
	background: url('../assets/ar_next.png') no-repeat center right;
	float:right;
	padding-right:20px;
}

.about #vid_holder {
	margin-bottom:20px;
}

.video_nav {
	float:right;display:inline;
}

.video_nav .prev_vid {
	padding-left:20px;
	background: url('../assets/ar_prev_light.png') no-repeat center left;
}
.video_nav .next_vid {
	padding-right:20px;
	background: url('../assets/ar_next_light.png') no-repeat center right;
}