/*
Theme Name: BrockU Stories
Author: Sebastien Marchal / BrockU
Theme URI: 
Description: Video theme
Version: 1.0
Tags: none
*/

@import url("style-forms.css");


/*  Reset default browser CSS. Based on work by Eric Meyer: 
	http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	}
body {
	line-height: 1;
	}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
	}
ol, ul {
	list-style: none;
	}
blockquote {
	quotes: none;
	}
blockquote:before, blockquote:after {
	content: '';
	content: none;
	}
del {
	text-decoration: line-through;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
a { outline: none; }
a img {
	border: none;
	}
hr {
	visibility: hidden;
	clear: both;
	}

/*  Layout
-------------------------------------------------------------- */

body {
	background: #f2f2f2 url("background.png") repeat-y center top;
	}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 1060px;
	background: #fff;
	/*box-shadow: 0 -40px 30px #e8e8e8;
	box-shadow: 0 -40px 10px #383838;*/
	}

#access .menu-header,
div.menu,
#colophon {
	margin: 0 auto;
	}
	
#main {
	padding: 0;
	margin: 0 auto;
	width: 960px;
	clear: both;
	}

#container {
	margin: 50px auto 0 auto; padding: 0 0 0 0;
	width: 960px;
	}
#content {
	margin: 0; padding: 0;
	width: 645px;
	float: left;
	}
	#container div.wide-content {
		width: 100%;
		}

#video {
	margin: 0; padding: 0 0 20px 0;
	width: 645px;
	float: left;
	}
	#video.wide-content {
		width: 960px;
		}
		#video.wide-content #video_player,
		#video.wide-content #video_player #player_box_wrapper object { /* adjust the video size accordingly */
			width: 960px; height: 540px;
			}

#sidebar {
	margin: 0; padding: 0;
	width: 245px;
	float: right;
	}
#footer {
	margin: 0 auto;
	clear: both;
	width: 960px;
	}
	

/*  Fonts
-------------------------------------------------------------- */

/* definitions */


/* globals */
body,
input,
textarea,
.pingback a.url,
#site-info,
h3#comments-title,
h3#reply-title,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
	font-family: "Bliss 3", "Trebuchet MS", sans-serif;
	color: #585858;
	/*text-shadow: 0 1px 1px #fff !important;*/
	}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
	}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	}

/* Content links */
#content a:link { color: #cc0000; text-decoration: none; }
#content a:visited { color: #cc0000; text-decoration: none; } 
#content a:hover { color: #383838; text-decoration: underline; }
#content a:active { color: #080808; text-decoration: underline; }

#wrapper a {
	-webkit-transition: color .2s ease-out;
       -moz-transition: color .2s ease-out;
    		transition: color .2s ease-out;
    		}



/*  Header
-------------------------------------------------------------- */

#header {
	padding: 0; margin: 0 auto;
	height: 110px;
	width: 960px;
	background: transparent;
	position: relative;
	}
	#header.sub-brand { /* for official sub brands */
		height: 146px;
		}
#masthead { 
	margin: 0 auto;
	width: 960px; 
	}
#branding { 
	margin: 0; padding: 0;
	float: left;
	width: 145px;
	}
#site-logo {
	margin: 0; padding: 0;
	width: auto;
	}
#site-logo a {
	margin: 0; padding: 0;
	text-decoration: none;
	border: none;
	display:block;
	width: 98px; height: 146px;
	-webkit-transition: opacity .2s ease-out;
       -moz-transition: opacity .2s ease-out;
    		transition: opacity .2s ease-out;
	}
	#site-logo a:hover { opacity: .65; }


/*  Primary Header
-------------------------------------------------------------- */
#primary-header {
	padding: 0; margin-left: -305px;
	position: absolute;
	left: 50%; top: 0;
	background: transparent;
	}
.sub-brand #primary-header {
	padding: 0; margin-left: -335px;
	position: absolute;
	left: 50%; top: 0;
	background: transparent;
	}
#site-title {
	height: 80px;
	width: 450px;
	position: relative;
	}
.sub-brand #site-title {
	height: 105px;
	width: 450px;
	position: relative;
	}
	#site-title a {
		position: absolute;
		left: 0; bottom: 0;
		font-weight: normal;
		font-size: 32px;
		/* font-size: 24px; for long titles that go over two lines, this reduced size should be used */
		color: #686868;
		line-height: 115%;
		text-decoration: none;
		}
	#site-title a:hover {
		color: #383838;
		}

/*  Menu */
#access {
	display: block;
	margin: 0; padding: 25px 0 0 0;
	width: auto; height: auto;
	position: absolute;
	left: 0; top: 85px;
	max-width: 960px;
	background: transparent;
	z-index: 9999;
	}
.sub-brand #access {
	display: block;
	margin: 0; padding: 20px 0 0 0;
	width: auto; height: auto;
	position: absolute;
	left: 145px; top: 105px;
	max-width: 815px;
	background: transparent;
	z-index: 9999;
	}
#access .menu-header {
	padding-left: 0;
	width: auto;
	}
#access .menu-header ul {
	list-style: none;
	margin: 0;
	}
#access .menu-header li {
	margin: 0 16px 0 0; padding: 3px 15px 5px 0;
	float: left;
	position: relative;
	width: auto;
	color: #989898;
	border-right: 1px solid #e8e8e8;
	z-index: 9999;
	}
	#access .menu-header li:last-child { margin: 0; border: none; }
	#access .menu-header li#menu-item-48 { padding-right: 0; background: none; }
	
#access a {
	display: inline;
	padding: 0;
	text-decoration: none;
	font-size: 14px;
	font-weight: 300 !important;
	}
	/* #access #menu-main-menu a:after { content: " / "; } 
	#access #menu-main-menu li:last-child a:after { content: ""; }*/
		
	#access a:link { color: #989898; text-decoration: none; }
	#access a:visited { color: #989898; text-decoration: none; }
	#header #access a:active { color: #383838 !important; text-decoration: none; }
	
#access ul ul {
	padding: 10px 0 0 0;
	display: none;
	position: absolute;
	top: 28px;
	left: -17px;
	z-index: 99999;
	background: #fff;
	width: 230px !important;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	}
#access ul ul li {
	padding: 13px 0 13px 0 !important; margin: 0 !important;
	width: 230px !important;
	border-top: 1px solid #d8d8d8 !important;
	border-right: none !important;
	background: none !important;
	}
	#access ul ul li:first-child {
		border-top: none !important;
		}
#access ul ul ul {
	left: 200px;
	top: -10px;
	}
#access ul ul a {
	padding: 0 15px; margin: 0;
	line-height: 110% !important;
	height: auto; width: 100%;
	font-size: 13px;
	text-align: left;
	display: block;
	}
#access li > a:hover {
	background: transparent;
	color: #cc0000 !important;
	}
	#access li:last-child:hover > a,
	#access ul li.hardlink-events:hover a { background-position: 0 9999px; }
	
#access li:active > a {
	background: transparent;
	/*color: #91c2e4 !important;*/
	}
	
#access ul ul :hover > a {
	color: #cc0000 !important;
	/*text-shadow: 0 -1px 1px #97bfdb;*/
	}
#access ul li:hover > ul {
	display: block;
	}
#access ul li.current_page_item > a,
#access ul li.current-menu-item > a {
	color: #cc0000;
	}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-item a,
* html #access ul li a:hover {
	color: #cc0000;
	}
/* highlighting custom menu links when selected */
body.category #access ul li.menu-item-40 a,
body.category #access ul li.menu-item-47 a { }


/*  Secondary Header
-------------------------------------------------------------- */
#secondary-header {
	max-width: 300px; height: auto;
	float: right;
	background: transparent;
	}
	
/*  Omni Nav */
.menu-omni {
	display: block;
	float: right;
	margin: 15px 0;
	width: auto; height: auto;
	background: transparent;
	}
.sub-brand .menu-omni {
	display: block;
	float: right;
	margin: 20px 0 25px 0;
	width: auto; height: auto;
	background: transparent;
	}
	.menu-omni ul {
		margin: 0; padding: 0;
		}
		
	.menu-omni ul li {
		margin: 0 0 0 15px; padding: 0 0 0 15px;
		float: left;
		position: relative;
		width: auto;
		border-left: 1px solid #e8e8e8;
		z-index: 9999;
		}
		.menu-omni ul li:first-child { border: none; padding-left: 0; }
		.menu-omni ul li a {
			padding: 0;
			color: #989898;
			text-decoration: none;
			font-size: 11px;
			font-weight: 300 !important;
			}
			.menu-omni ul li a:hover,
			.menu-omni ul li.current-menu-item a:hover { color: #cc0000; }
			.menu-omni ul li.current-menu-item a { color: #cc0000; }
		.menu-omni ul li a:active { color: #383838; }

/* drop down */
.menu-omni ul ul {
	padding: 10px 0 0 0;
	display: none;
	position: absolute;
	top: 21px;
	left: -1px;
	z-index: 99999;
	background: #fff;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	}
	.menu-omni ul ul li {
		padding: 13px 0 13px 0 !important; margin: 0 !important;
		width: 200px !important;
		border-top: 1px solid #e8e8e8 !important;
		border-right: none !important;
		background: none !important;
		}
		.menu-omni ul ul li:first-child {
			border-top: none !important;
			}
		.menu-omni ul ul ul {
			left: 200px;
			top: -10px;
			}
			.menu-omni ul ul a {
				padding: 0 15px; margin: 0;
				line-height: 110% !important;
				height: auto; width: 100%;
				font-size: 11px;
				text-align: left;
				display: block;
				}
	.menu-omni ul li:hover > ul {
	display: block;
	}

#header-widget-area {
	margin: 0; padding: 0;
	width: 100%; height: 23px;
	float: right;
	}
		
/* search */
.widget_search {
	width: 275px;
	float: right;
	display: block;
	}
	#header .widget_search h3,
	.widget_search label { display: none; }

	.widget_search input#s {
		color: #d8d8d8;
		font-size: 14px;
		width: 195px;
		height: 20px;
		padding: 5px 5px 5px 5px;
		margin: 0 10px 0 0;
		float: left;
		border: 1px solid #d8d8d8;
		-webkit-transition: border .2s ease-out;
		-moz-transition: border .2s ease-out;
    		transition: border .2s ease-out;
		}
		.widget_search input#s:focus {
			color: #585858;
			}		
		.widget_search input#s:hover {
			border: 1px solid #989898;
			}
	.widget_search input#s:focus,
	.widget_search input#searchsubmit:active {
		outline: none;
		border: 1px solid #989898;
		}
	.widget_search input#searchsubmit {
		margin: 0;
		width: 55px;
		height: 32px;
		color: #585858;
		background: #fff;
		font-size: 11px;
		float: right;
		border: 1px solid #d8d8d8;
		-webkit-transition: border .2s ease-out;
		-moz-transition: border .2s ease-out;
    		transition: border .2s ease-out;
		}
	.widget_search input#searchsubmit:hover {
		cursor: pointer;
		background: #fbfbfb;
		color: #333;
		border: 1px solid #989898;
		}
		
		/* sidebar search widget */
		#sidebar .widget_search { float: left; }
		#sidebar .widget_search h3 { margin-bottom: 15px; width: 245px; }
		#sidebar .widget_search input#s { width: 150px; }
		#sidebar .widget_search input#searchsubmit { float: left; }


/* Content - Sub Pages
-------------------------------------------------------------- */
#header-image {
	margin: 0 0 30px 0; padding: 0;
	position: relative;
	}
	#header-image img { 
		display: block;
		}

#content .hentry {
	padding: 0 0 30px 0;
	width: 645px;
	/* float: left; */
	}
	.home #content .hentry { padding: 0; }
	#content .hentry .hentry { padding: 0; }
	#container .wide-content .hentry { width: 100%; }

/* search */
.search #content .hentry .hentry .entry-meta,
.search #content .hentry .hentry .entry-utility { display: none; }
.search #content .hentry .hentry h2 { margin: 15px 0 10px 0; }

#content h1,
#content h2,
#content h3,
#content h4 {
	color: #cc0000;
	line-height: 110%;
	margin: 0 0 5px 0;
	}
#content h5,
#content h6 {
	color: #585858;
	line-height: 110%;
	margin: 25px 0 5px 0;
	}

#content h1 { 
	font-size: 32px;
	font-weight: 600;
	line-height: 105%;
	margin: 40px 0 10px 0; padding: 3px 0 6px 0;
	width: auto;
	color: #cc0000;
	}
	#content h1:first-child { margin-top: 0; }

#content h2 {
	margin: 40px 0 10px 0; padding: 0 20px 0 0;
	font-size: 20px;
	line-height: 105%;
	font-weight: 900;
	color: #383838;
	}
	#content h2:first-child { margin-top: 0; }
#content h3 {
	margin: 40px 0 10px 0; padding: 0 20px 0 0;
	font-size: 14px;
	font-weight: 100;
	line-height: 105%;
	color: #cc0000;
	text-transform: uppercase;
	}
#content h4 {
	font-size: 12px;
	font-weight: 100;
	line-height: 105%;
	margin: 40px 0 10px 0; padding: 0 20px 0 0;
	color: #989898;
	letter-spacing: .09em;
	text-transform: uppercase;
	}
	#footer h4 {
		margin: 0 0 10px 0; padding: 0;
		color: #c1c1c1;
		}
#content h5 {
	margin: 40px 0 10px 0; padding: 0 20px 0 0;
	font-size: 11px;
	line-height: 150%;
	font-weight: 300;
	color: #cc0000;
	}
#content h6 {
	margin: 40px 0 10px 0; padding: 0 20px 0 0;
	color: #585858;
	}

blockquote {
	margin-left: 40px;
	margin-right: 30px;
	font-style: italic;
	}

p {
	font-size: 14px;
	font-weight: 300;
	line-height: 160%;
	margin-bottom: 18px;
	margin-right: 20px;
	}
	.hentry {
		font-size: 14px;
		font-weight: 300;
		line-height: 160%;
		}
	p strong {
		font-weight: 600;
		}
	p code { 
		font-size: 12px;
		color: #989898;
		}

ul, ol {
	font-size: 13px;
	font-weight: 300;
	line-height: 160%;
	margin: 18px 0 20px 40px;
	}
#content ul {
	list-style-type: square;
	}
#content ol {
	list-style-type: upper-roman;
	}
	#content ul li, #content ol li {
		margin: 10px 50px 0 0;
		padding-left: 5px;
		}

a.post-edit-link {
	margin: 10px 0 !important; padding: 3px 10px;
	background: #585858;
	font-size: 10px !important;
	color: #fff !important;
	}
	a.post-edit-link:hover { background: #cc0000; }
	

/* page intro */

#page-intro {
	margin: 0; padding: 0 0 20px 0;
	}
#page-intro p {
	margin: 0 0 10px 0; padding: 0 0 20px 0;
	font-size: 20px !important;
	border-bottom: 1px solid #f3f3f3;
	color: #989898;
	}
#page-intro p a { color: #cc0000; text-decoration: none; }
#page-intro p a:hover { color: #cc0000; text-decoration: underline; }
#page-intro p a:active { color: #282828; text-decoration: underline; }

#page-intro p img,
#page-intro p ul,
#page-intro p ol,
#page-intro p blockquote { display: none; }


/*  Footer
-------------------------------------------------------------- */

#footer {
	margin: 50px auto -10px auto; padding: 40px 0 0 0;
	border-top: 1px solid #e8e8e8;
	}
#footer-widget-area {
	overflow: hidden;
	}
	
/* colophon */
#colophon {
	padding: 0 40px 0 0; margin: 0 0 50px 0;
	float: left;
	height: auto;
	width: 315px;
	}
	#colophon img {
		margin-bottom: 10px;
		}
	#colophon p {
		color: #c1c1c1; 
		font-weight: normal;
		font-size: 11px; 
		text-align: left;
		font-family: "Helvetica Neue", Arial, sans-serif;
		}

/* Footer menu */
div#menu-footer-one,
div#menu-footer-two {
	margin: 0; padding: 0;
	float: left;
	width: 170px;
	}
	div#menu-footer-one { width: 210px; padding-right: 30px; }
div#menu-footer-one ul,
div#menu-footer-two ul {
	margin: 0; padding: 0;
	}
div#menu-footer-one ul li,
div#menu-footer-two ul li  {
	margin: 0; padding: 0;
	width: 100%;
	}
div#menu-footer-one ul li a,
div#menu-footer-two ul li a {
	font-size: 11px;
	line-height: 0;
	}
	#footer a:link { color: #c1c1c1; text-decoration: none; }
	#footer a:visited { color: #c1c1c1; text-decoration: none; } 
	#footer a:hover { color: #585858; text-decoration: underline; }
	#footer a:active { color: #585858; text-decoration: underline; }

/* social */
div#social { 
	display: block;
	float: right;
	margin: 0; padding: 0;
	width: 160px; height: auto;
	background: transparent;
	}
	div#social a {
		float: right !important;
		}
	div#social img {
		display: block;
		margin: 0 0 7px 7px;
		-webkit-transition: opacity .2s ease-out;
       	   -moz-transition: opacity .2s ease-out;
    			transition: opacity .2s ease-out;
		}
	div#social img:hover {
		opacity: .65;
		}
div#social a {
	float: left;
	}


/*  widget areas
-------------------------------------------------------------- */

#primary h3 {
	margin: 0; padding: 0 0 8px 0;
	font-weight: 300;
	font-size: 14px;
	text-transform: uppercase;
	color: #585858;
	border-bottom: 1px solid #989898;
	}
#primary h3 + p,
#primary h3 + div { margin-top: 10px; }


#primary .widget-container {
	margin: 0 0 30px 0;
	}
#primary .widget-container ul {
	margin: 0; padding: 0;
	list-style-type: none;
	}
	#primary .widget-container ul li {
		margin: 0; padding: 6px 0;
		border-bottom: 1px solid #f3f3f3;
		-webkit-transition: background .2s ease-out;
		-moz-transition: background .2s ease-out;
		transition: background .2s ease-out;
		}
	#primary .widget-container ul li a {
		margin: 0; padding: 0;
		font-size: 13px;
		}
		#primary .widget-container ul li:hover {
			background: #fbfbfb;
			}

#primary a:link { color: #989898; text-decoration: none; }
#primary a:visited { color: #989898; text-decoration: none; } 
#primary a:hover { color: #585858; text-decoration: underline; }
#primary a:active { color: #282828; text-decoration: underline; }


/* Calendar Widget */

.widget_calendar #calendar_wrap {
	margin: 0;
	}
.widget_calendar #wp-calendar {
	margin: 0;
	color: #989898;
	width: 100%;
	text-align: center;
	}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
	color: #989898;
	}
.widget_calendar #wp-calendar tbody td {
	padding: 4px 0;
	border: 1px solid #f3f3f3;
	}
	.widget_calendar #wp-calendar tbody td:hover {
		background: #f3f3f3;
		}
	.widget_calendar #wp-calendar tbody td a {
		color: #cc0000; font-weight: 900;
		display: block;
		}
.widget_calendar h3 {
	border-bottom: 1px solid #787878 !important;
	}
.widget_calendar #wp-calendar caption {
	margin-top: 0; padding: 5px 0 7px 10px;
	font-size: 11px;
	font-weight: 500;
	color: #f8f8f8;
	text-align: left;
	background: #787878;
	}	
.widget_calendar #wp-calendar th {
	margin: 0; padding: 3px 0;
	background: #f3f3f3;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	}
.widget_calendar #wp-calendar tfoot td {
	margin: 0; padding: 3px 0;
	background: #fff;
	border-top: none;
	border-bottom: 1px solid #f3f3f3;
	border-left: none;
	border-right: none;
	display: none;
	}
	.widget_calendar #wp-calendar tfoot td#prev { text-align: left; }
	
	.widget_calendar #wp-calendar tfoot td#next { text-align: right; }


/*  Images
-------------------------------------------------------------- */

#content img {
	margin: 0;
	max-width: 645px;
	}
#content .attachment img {
	max-width: 645px;
	}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
	}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
	}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
	/* box-shadow: 0 0 15px #d8d8d8; */
	-webkit-transition: opacity .2s ease-out;
       -moz-transition: opacity .2s ease-out;
    		transition: opacity .2s ease-out;
	}
#content img.alignleft:hover,
#content img.alignright:hover,
#content img.aligncenter:hover {
	opacity: .65;
	}
#content .wp-caption {
	background: #585858;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: left;
	}
#content .wp-caption img {
	margin: 5px 5px 0;
	}
#content .wp-caption p.wp-caption-text {
	color: #fff;
	font-size: 11px;
	margin: 5px;
	}
#content .wp-smiley {
	margin: 0;
	}
#content .gallery {
	margin: 0 auto 18px;
	}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
	}
#content .gallery img {
	border: 2px solid #cfcfcf;
	}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
	}
#content .gallery dl {
	margin: 0;
	}
#content .gallery img {
	border: 10px solid #f1f1f1;
	}
#content .gallery br+br {
	display: none;
	}
#content .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
	}


/*  Posts
-------------------------------------------------------------- */
.entry-meta {
	margin: 0 0 15px 0;
	font-size: 11px;
	color: #b8b8b8;
	}
.entry-utility {
	margin: 25px 0 10px 0;
	font-size: 11px;
	color: #b8b8b8;
	width: 70%;
	line-height: 130%;
	}
#content .entry-meta a:link { color: #b8b8b8; }
#content .entry-meta a:visited { color: #b8b8b8; }
#content .entry-meta a:hover { color: #282828; }
#content .entry-meta a:active { color: #000; }

#content .entry-utility a:link { color: #b8b8b8; }
#content .entry-utility a:visited { color: #b8b8b8; }
#content .entry-utility a:hover { color: #282828; }
#content .entry-utility a:active { color: #000; }
	
h2.entry-title { 
	}
h2.entry-title a:link { color: #fff; }
h2.entry-title a:visited { color: #fff; }
h2.entry-title a:hover { color: #fff; }
h2.entry-title a:active { color: #fff; }

.post { margin-bottom: 0 }
.post:last-child { border: none; background: none; }

.post .entry-content,
.post .entry-summary { 
	}

/* loop */
#content ul#loop-list {
	margin: 0; padding: 0;
	list-style-type: none;
	}
	#content ul#loop-list li {
		margin: 0 0 30px 0; padding: 0 0 20px 0;
		border-bottom: 1px solid #f3f3f3;
		}
	#content ul#loop-list li:last-child {
		border: none !important;
		}
		#content ul#loop-list li .loop-single-post {
			margin: 0; padding: 0;
			}
		#content ul#loop-list li a.loop-thumbnail img {
			margin-top: -60px;
			margin: 6px 30px 15px 0;
			
			width: 110px !important;
			height: auto !important;
			}

/* Comment stub */

span.comments-link { padding: 0; margin: 0; }
span.comments-link a {
	margin: 0 0 0 5px; padding: 3px 7px 2px 7px;
	display: inline;
	width: 24px; height: auto;
	background: url("images/icon-24-chat.png") no-repeat left top;
	background: #d8d8d8;
	line-height: 100%;
	font-size: 10px;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	}
	span.comments-link a:hover {
		background: url("images/icon-24-chat.png") no-repeat -23px 0;
		background: #cc0000;
		text-decoration: none !important;
		}

/* related posts */

#related-posts {
	margin: -30px 0 40px 0; padding: 0;
	}
#related-posts ul {
	margin: 0; padding: 0;
	list-style-type: none;
	}
	#related-posts ul li {
		margin: 0; padding: 0 10px 0 0;
		width: 120px;
		line-height: 100% !important;
		float: left;
		}
	#related-posts ul li:last-child { padding: 0; }
	
		#related-posts ul li a { color: #989898 !important; }
		#related-posts ul li a:hover { color: #585858 !important; text-decoration: none; }
	
		#related-posts ul li img {
			margin-bottom: 10px;
			width: 120px; height: auto;
			-webkit-transition: opacity .2s ease-out;
				-moz-transition: opacity .2s ease-out;
				transition: opacity .2s ease-out;
			}
			#related-posts ul li a:hover img { opacity: .65; }

		#related-posts ul li span {
			font-size: 11px;
			}


/* date stub */

#wrapper .date-stub {
	position: absolute;
	top: 0; right: 0;
	width: 62px; height: 80px;
	}
	#wrapper .date-stub p.stub-day {
		margin: 0 !important; padding: 6px 0 4px 0 !important;
		line-height: 100%;
		width: 62px;
		border-bottom: 1px solid #e8e8e8;
		text-align: center !important;
		font-size: 32px !important;
		font-weight: lighter;
		background: #fff;
		}
		#wrapper .date-stub p.stub-day a { color: #cc0000 !important; display: block; text-decoration: none !important; }
		#wrapper .date-stub p.stub-day a:hover { color: #585858 !important; }
		
	#wrapper .date-stub p.stub-month {
		margin: 0 !important; padding: 5px 0 6px 0 !important;
		line-height: 100%;
		width: 62px;
		text-align: center !important;
		font-size: 11px !important;
		font-weight: lighter;
		background: #fff;
		}
		#wrapper .date-stub p.stub-month a { color: #989898 !important; display: block; text-decoration: none !important; }
		#wrapper .date-stub p.stub-month a:hover { color: #585858 !important; }


/*  Video post type
-------------------------------------------------------------- */

/* video home page intro */

#video-intro {
	margin: 0; padding: 0 0 20px 0;
	}
#video-intro p {
	margin: -10px 0 10px 0; padding: 0 0 20px 0;
	font-size: 20px !important;
	border-bottom: 1px solid #f3f3f3;
	color: #989898;
	}
#video-intro p a { color: #cc0000; text-decoration: none; }
#video-intro p a:hover { color: #cc0000; text-decoration: underline; }
#video-intro p a:active { color: #282828; text-decoration: underline; }

#video-intro p img,
#video-intro p ul,
#video-intro p ol,
#video-intro p blockquote { display: none; }



.single-video #content {
	padding-bottom: 30px;
	}

#video h1 {
	font-size: 32px;
	font-weight: 600;
	line-height: 105%;
	margin: 0 0 10px 0; padding: 3px 0 6px 0;
	width: auto;
	color: #cc0000;
	}
#video_toolbar {
	margin: -5px 0 20px 0; padding: 0 0 5px 0;
	font-size: 10px;
	color: #989898;
	border-bottom: 1px solid #f3f3f3;
	}
	span.video_posted_on {
		margin-right: 20px; padding-right: 20px;
		border-right: 1px solid #e3e3e3;
		float: left;
		height:20px;
		}
	div.video_social_links {
		height:20px;
		float: left; 
		width: 220px;
		}
	a.video_button {
		padding: 0 10px;
		float: right;
		background: #e8e8e8;
		color: #686868 !important;
		text-shadow: 0 1px 0px #fff;
		/*border-radius: 5px;*/
		text-decoration: none !important;
		}
		a.video_button:hover {
			background: #b8b8b8;
			color: #222 !important;
			text-shadow: 0 1px 0px #d8d8d8;
			}

#container a.your-story-banner {
	margin: 10px 0 35px 0; padding: 0;
	display: block;
	}
	#container a.your-story-banner img {
		display: block;
		}
	#container a.your-story-banner:hover img {
		-webkit-transition: opacity .2s ease-out;
		-moz-transition: opacity .2s ease-out;
		transition: opacity .2s ease-out;
		opacity: .85;
		}

/* sidebar video list */

ul.related-videos li {
	clear: both;
	min-height: 40px;
	}
	ul.related-videos li a {
		margin: 0; padding: 7px 0 !important;
		display: block;
		height: 40px;
		}
		ul.related-videos li a img {
			margin: 0 20px 0 0;
			float: left;
			}
		ul.related-videos li a span {
			float: left;
			width: 155px;
			line-height: 125%;
			font-size: 11px !important;
			}
			ul.related-videos li a span small {
				color: #d8d8d8;
				-webkit-transition: color .2s ease-out;
				-moz-transition: color .2s ease-out;
				transition: color .2s ease-out;
				}
			ul.related-videos li a:hover {
				text-decoration: none !important;
				color: #cc0000 !important;
				}
			ul.related-videos li a:hover span small {
				color: #989898;
				}

/* video loop / grid view */

#content h4.video-page-title {
	margin: 0 0 20px 0;
	color: #686868;
	}
	#content h4.video-page-title span {
		color: #cc0000;
		}

ul#video-loop-list {
	margin: 20px 0 20px 0; padding: 0;
	list-style-type: none;
	}
#content ul#video-loop-list li {
	margin: 0 40px 30px 0; padding: 0;
	width: 210px;
	float: left;
	height: 200px;
	
	}
	#content ul#video-loop-list li.last-row-item { 
		margin-right: 0; 
		}
#content ul#video-loop-list li img {
	-webkit-transition: box-shadow .2s ease-out, opacity .2s ease-out;
	-moz-transition: box-shadow .2s ease-out, opacity .2s ease-out;
	transition: box-shadow .2s ease-out, opacity .2s ease-out;
	opacity: .75;
	}
#content ul#video-loop-list li a:hover img {
	opacity: 1;
	/*box-shadow: 0 0 10px -5px #989898;*/
	}
#content ul#video-loop-list li p {
	margin: 5px 0 0 0 !important; padding: 0 0 5px 0;
	line-height: 125%;
	font-size: 13px;
	}
	#content ul#video-loop-list li p span { margin-left: 5px; color: #e8e8e8 !important; }

/* links */ 
#video-loop-list a:link { color: #686868; text-decoration: none; }
#video-loop-list a:visited { color: #686868; text-decoration: none; } 
#video-loop-list a:hover { color: #cc0000; text-decoration: underline; }
#video-loop-list a:active { color: #cc0000; text-decoration: underline; }

#video-loop-list .entry-utility {
	margin: 5px 0 0 0; padding: 0 0;
	font-size: 10px;
	}

/* Meta lists */

#meta-lists {
	padding-top: 25px;
	border-top: 1px solid #f3f3f3;
	clear: both;
	}
#meta-lists #meta-grads,
#meta-lists #meta-faculties,
#meta-lists #meta-gradyear,
#meta-lists #meta-tags {
	margin: 20px 39px 0 0; padding: 0 20px 0 0;
	width: 190px;
	float: left;
	/*border-right: 1px solid #f3f3f3;*/
	}
	#meta-lists div.last-item {
		margin-right: 0 !important;
		border: none !important;
		}
#meta-lists h4 {
	margin: 0 0 20px 0; padding: 0;
	font-size: 12px;
	font-weight: 100;
	line-height: 115%;
	color: #686868;
	letter-spacing: .09em;
	text-transform: uppercase;
	}
#meta-lists ul {
	margin: 18px 0 20px 0; padding: 0;
	font-weight: 300;
	line-height: 120%;
	list-style-type: none;
	}
	#meta-lists ul li {
		margin: 0 0 5px 0;
		padding: 0;
		font-size: 11px;
		display: inline;
		}
/* links */
#meta-lists a:link { color: #b8b8b8; text-decoration: none; }
#meta-lists a:visited { color: #b8b8b8; text-decoration: none; } 
#meta-lists a:hover { color: #383838; text-decoration: underline; }
#meta-lists a:active { color: #080808; text-decoration: underline; }

#meta-lists #meta-grads a,
#meta-lists #meta-gradyear a,
#meta-lists #meta-tags a {
	margin: 0 5px 5px 0; padding: 0 5px 0 0;
	float: left;
	border-right: 1px solid #e8e8e8;
	}
#meta-lists #meta-faculties a {
	padding: 3px 0;
	display: block; width: 100%;
	border-bottom: 1px solid #f3f3f3;
	}
#meta-lists #meta-grads ul li:last-child a,
#meta-lists #meta-gradyear ul li:last-child a,
#meta-lists #meta-tags ul li:last-child a,
#meta-lists #meta-faculties ul li:last-child a { border: none; }




/*  Post/Video Navigation
-------------------------------------------------------------- */
#nav-below {
	margin: 0 0 40px 0; padding: 0;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	}
.navigation {
	color: #888;
	font-size: 12px;
	line-height: 25px;
	height: 25px;
	}
.navigation div a { padding: 6px 0; }
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
	}
.navigation a:active,
.navigation a:hover {
	color: #974b00;
	}
.nav-previous {
	float: left;
	width: 50%;
	}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
	}
#nav-above {
	margin: 0 0 18px 0; padding: 4px 0;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	}
.paged #nav-above,
.single #nav-above {
	display: block;
	}


/*  Commenting System
-------------------------------------------------------------- */
p.nocomments { display: none; }

#comments {
	margin: -15px 0 0 0; padding: 40px 30px;
	background: #f8f8f8;
	
	}
#comments h3#comments-title {
	margin-top: 0; padding: 10px 0;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	color: #585858;
	}
#comments ol {
	margin: 0; padding: 0;
	}
#comments ol li {
	margin: 15px 0; padding: 15px 20px 25px 0;
	border-bottom: 1px solid #d8d8d8;
	list-style-type: none;
	}
	#comments .comment-avatar {
		margin: 0 15px 15px 0;
		float: left;
		}
	#comments .comment-author {
		float: left;
		}
		#comments .comment-author cite {
			margin: 0; padding: 0;
			font-style: normal;
			font-weight: 900;
			font-size: 18px;
			line-height: 100%;
			}
		#comments .comment-author .says {
			margin-left: 5px;
			font-size: 12px;
			}
		#comments .comment-meta a {
			margin: 0; padding: 0;
			line-height: 100%;
			font-size: 11px;
			color: #989898;
			}
	#comments .comment-body {
		clear: both;
		margin-left: 50px;
		}
		#comments .comment-body * { font-size: 12px; color: #787878; }
	#comments span.required {
		color: #cc0000;
		}
	#comments .reply {
		}
		#comments .reply a.comment-reply-link {
			margin-left: 50px;
			padding: 4px 6px;
			font-size: 10px;
			background: #989898;
			color: #fff !important;
			}
			#comments .reply a.comment-reply-link:hover {
				background: #cc0000;
				}


/*  Tables
-------------------------------------------------------------- */
.table_specs {
	margin: 10px 0; padding: 0;
	width: 100%;
	border-bottom: 1px solid #f3f3f3;
	background: #fcfcfc;
	}
.table_specs tr { margin: 0; padding: 0; }
.table_specs tr td { 
	margin: 0; 
	padding: 8px 10px 8px 0;
	border-top: 1px solid #f3f3f3;
	}

.table_specs .title { 
	font-size: 11px;
	font-weight: 100;
	line-height: 105%;
	color: #989898;
	text-transform: uppercase;
	width: 100px;
	}
.table_specs .content {
	font-size: 11px;
	font-weight: 100;
	line-height: 105%;
	}


/*  Warnings
-------------------------------------------------------------- */

.warning-red {
	margin: 10px 0; padding: 20px 20px;
	background: #ffe7e7;
	border: 1px solid #cc0000;
	color: #990000;
	}
	.warning-red a {
		color: #cc0000;
		}
.warning-grey {
	margin: 10px 0; padding: 50px 20px;
	background: #f8f8f8;
	border: 1px solid #e8e8e8;
	color: #c8c8c8;
	text-align: center;
	font-size: 12px;
	}
	.warning-grey a {
		color: #989898;
		}