/** RESET IT! (HTML5 style) **/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} input, select{vertical-align:middle}
article, aside, figure, footer, header, hgroup, nav, section{display:block} nav ul{list-style:none}
blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent}
abbr[title], dfn[title]{border-bottom:1px dotted #000; cursor:help} table{border-collapse:collapse; border-spacing:0} 
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block} mark, rp, rt, ruby, summary, time{display:inline}#sh-seal{visibility:hidden}
/** END RESET! **/

/* Main Stylez */
body{background:#fff; font:normal 12px "Helvetica Neue", Helvetica, Verdana, Arial;
background:url('/_images/bg-topshadow.png') repeat-x 0 23px; color:#222
}

#supercontainer{width:960px; margin:0 auto;}

.img-shell{width:121px; height:91px} /* temp broken thumbnail fix */

#container .pagetitle{font-size:25px; margin:9px 0 7px; text-transform:none}

h1, h2, h3, h4{
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight:300; margin:0 0 8px 0; color:#222}

h1{font-size:23px; margin-bottom:14px; clear:both}
h1 .int{font-size:14px; font:bold 12px Arial; letter-spacing:-0.02em}	
h2{font-size:1.8em;margin-bottom:0.75em;}
h3{font-size:1.5em;line-height:1;margin-bottom:1em;}
h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5{font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6{font-size:1em;font-weight:bold;}

body{ margin:0px;padding:0px; font:12px Helvetica, Arial, sans-serif}

a{color:#336699; text-decoration:none}
label{font-weight:bold}
ul{margin-left:20px}
li{list-style-type:disc; font:1.2em Helvetica}


/* Standard buttons! */
.btnred, .btngray {
padding: 7px 14px; margin-bottom:5px;
border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
text-decoration: none; vertical-align: middle; outline:none;
}
a.btnred, a.btngray {display:inline-block}

.btnred {
border-top: 1px solid #ff0000; border-bottom:none; border-right:none; border-left:none; cursor:pointer;
background: #a90000; background: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#a90000));
background: -moz-linear-gradient(top, #cc0000, #a90000);
box-shadow: rgba(0,0,0,1) 0 1px 0; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.5) 0 1px 0;
color: #fff; font-size: 14px;
}
.btnred:hover {border-top-color: #a90000; background: #a90000; color: #fff; text-decoration:none}
.btnred:active {border-top-color: #820000; background: #820000}

.btngray {
border-top: 1px solid #ededed; box-shadow: rgba(0,0,0,.4) 0 1px 0; color:#555;
background: #ccc; background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#ccc));
background: -moz-linear-gradient(top, #f1f1f1, #ccc); color:#333; text-shadow:rgba(255,255,255,.4) 0 1px 0;
font-size:13px
}
.btngray:hover {background:#bbb; color:#fff; border-top-color:#666; text-decoration:none; text-shadow:rgba(0,0,0,.3) 0 1px 0;}
.btngray:active {background:#000; color:#fff; border-top-color:#333}



/** ## THE HEADER ## **/
header.main{
padding:20px 0; height:50px;
background:url('/_images/bg-logoglow.png') no-repeat left top;
}

#header-right{width:400px; float:right}

h1#logo-swap{
background:transparent url('/_images/ulawtv-logo.png') no-repeat 0 0;
display:block; float:left; height:36px;
text-indent:-9999px; margin:4px 0 0; width:182px;
}
h1#logo-swap a{display:block; width:100%; height:100%; outline:none;cursor:pointer;}

h2#logo-slogan{
border-left:1px solid #bfbfbf;
color:#a7a7a7;
float:left;
font-size:1em; font-weight:normal;
height:39px;
letter-spacing:0px;
line-height:1.35em;
margin:2px 0 0 16px;
padding:11px 0 0 19px;
text-transform:none;
width:250px;
}

#live-broadcast-alert {
background: #f1eb9a;
background: -moz-linear-gradient(top,  #f1eb9a 0%, #e2d964 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top,  #f1eb9a 0%,#e2d964 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #f1eb9a 0%,#e2d964 100%); /* IE10+ */
background: linear-gradient(top,  #f1eb9a 0%,#e2d964 100%); /* W3C */
padding:5px 10px;
margin-top:-18px;
text-shadow: 1px 1px 1px rgba(255,255,240, .9);
border:1px solid #e8e079;
border-radius: 8px;
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
color:#333;
font-weight:bold;
font-size:.95em;
letter-spacing:-0.01em;
display:block;
}

#live-broadcast-alert:hover {border:1px solid #336699;}

#live-broadcast-alert #b-link {
display:block; margin-top:3px; font-weight:500; color:#336699;
}


/* Search */
#searchdiv{float:right; width:350px; margin:8px 0 6px 0}
#search_form{float:right; overflow:hidden}
.s{
width:196px; color:#666; border:1px solid #999;
font-size:11px; padding:4px; background:#f1f1f1;
-moz-border-radius:3px; border-radius:3px;
}

#h-tools{font-size:11px; list-style:none; float:right; text-align:right}
#h-tools li{display:inline; margin-left:4px}

/**-------> THE MAIN NAV! <-------**/
nav.main{
margin-bottom:8px; padding:0;
background:#cc0000;
background:-moz-linear-gradient(100% 100% 90deg, #c40001, #cc0000);
background:-webkit-linear-gradient(#c40001, #cc0000);
border:1px solid#ff0000;-moz-border-radius:5px;border-radius:5px;
position:relative;
}
nav.main ul{padding:0;margin:0}
nav.main ul li{font-size:13px; font-weight:500;
display:inline-block; margin-right:-3px; 
background:url('http://www.law.utah.edu/wp-content/themes/www/_images/img-navdiv.png') no-repeat left}

nav.main ul li:hover{background:#fff}
nav.main li a:hover{background:#fff; color:#222; text-shadow:1px 1px 0 #ccc; text-decoration:none}
nav.main ul .select{color:#222; text-shadow:1px 1px 0 #ccc}

nav.main ul li a{
color:#fff; border:none; text-shadow:1px 1px 1px #666; 
padding:9px 13px 2px 14px; height:21px; display:block
}
nav.main li span{width:11px; display:inline-block;
background:url('http://www.law.utah.edu/wp-content/themes/www/_images/sp-nav.png') 1px -46px no-repeat
}

#homeicon{
background:url('http://www.law.utah.edu/wp-content/themes/www/_images/sp-nav.png') 9px 7px no-repeat;
padding-right:2px
}
#homeicon:hover{background-position:9px -17px}
#homeicon a:hover{background:none}


/* Welcome Box */
#welcome{
width:99%; margin:10px auto 20px auto;
background:#cc0000;
background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.26, #660000),
    color-stop(0.63, #a90000)
);
background: -moz-linear-gradient(
    center bottom,
    #900000 26%,
    #a90000 63%
);
padding:20px 0;
box-shadow:0 0 5px #000;
}
#welcome h2{color:#fff; text-align:center; width:600px; margin:0 auto; text-shadow:1px 1px 1px rgba(0,0,0,.2)}
	
/*** Global Search Cell ***/
#globalsearch{margin:0px; float:left;display:inline}

#globalsearchbar{
	padding:0;background:url('/_images/bg_global-search.gif') 9px 6px no-repeat;
	float:left;height:38px;
	border:none;position:relative;width:330px;
}

#globalSearchTextInput{
	font-size:14px;height:20px;
	border:none;background-color:transparent;
	color:#980000;width:209px;
	position:absolute;margin-top:15px;
	margin-left:43px;z-index:34;
	word-spacing:-0.08em;letter-spacing:-0.005em;
}
	
#globalsearchbutton	{
	background:transparent url('/_images/search_button.gif') no-repeat scroll -1px 1px;
	float:left;height:29px;left:255px;
	margin:10px 0 0 -1px;
	position:absolute;width:79px;
}

#globalsearchbutton:hover{ background:url('/_images/search_button.gif') no-repeat -1px -28px}

/*** Side Search Cell ***/
#sidesearch{margin:0px; float:left; display:inline}
#sidesearchbar{
	padding:0;background:url('/_images/bg_global-search.gif') 9px 6px no-repeat;
	float:left;height:38px;
	border:none;position:relative;width:160px;
}

#sideSearchTextInput{
	font-size:14px;height:20px;
	border:none;background-color:transparent;
	color:#980000;width:120px;
	position:absolute;margin-top:15px;
	margin-left:43px;z-index:34;
	word-spacing:-0.08em;letter-spacing:-0.005em;
}


/*** Initial Promo Styling ***/
.promo-info{
	background: url('/_images/promo_bg.png') repeat-x;
}

.promo-info-container{
	width:960px;
	margin:0 auto;
	padding:10px;

}

.promo-info-img{
	float:left;
	margin: 0 10px 10px 0;
	border:1px solid #e2e2e2;
}

.promo-info-data{
	float:left;width:750px;
}

.promo-info-data h2{
	font:bold 18px Arial;
}

.promo-info-data ul{
	margin:0px;float:left;display:inline;
	width:800px;	
}

.promo-info-data ul li{
	float:left;
	margin-right:20px;
	list-style-type:none;
}

.promo-info-menu{
	width:960px; height:40px;
	margin:0 auto;
}

.promo-info-menu ul{
	margin:0px;padding:0px;
}

.promo-info-menu ul li{
	font:bold 14px Helvetica;
	float:left;
	list-style-type:none;
}

.promo-info-menu ul li a{
	color: #444;
	text-decoration:none;
	line-height:40px;
	display:block;
	padding: 0 20px 0 20px;
}

.promo-info-menu ul li a:hover{background-color:#FFF}

/** Vertical Video List **/
.video-list{ width:100%}

.video-list th{
	padding:5px 10px 5px 10px;
	background:#E0E0E0;
	text-align:center;
}

.video-list td{
	padding: 15px 10px 15px 10px;
	vertical-align:top;
}

.video-list tr{ border-bottom:1px solid #e0e0e0}


/*** Container stuff ***/
.container{
	margin:0 auto;
	width:960px;
}	

.content{
	min-height:200px;
}
	.content h2{
		font:bold 2.3em Helvetica, Arial, sans-serif;
		letter-spacing:-2px;
		margin:0px;padding:0px;
	}
	
	.content h3{
		font:normal 1.2em Helvetica, Arial, sans-serif;
		letter-spacing:-.5px;
		margin:0px;padding:0px;
		color:#666;
	}
	
	.content h4{
		font:bold 1.6em Helvetica, Arial, sans-serif;
		letter-spacing:-.5px;
		margin:0px;padding:0px;
		color:#333;
	}
	
	.content-body{}
	
	.header-primary{
		font-size:30px;
		color: #8a8a8a;
		font-weight: bold;
		line-height: 29px;
		margin-bottom: 10px;
	}
	
		.header-primary a{font-size:12px}
		
	.header-secondary{
		font-size:20px;
		color: #8a8a8a;
		font-weight: bold;
		line-height: 29px;
		margin-bottom: 10px;
	}
	
	.header-mini{
		font-size:15px;
		color: #8a8a8a;
		font-weight: bold;
		line-height: 29px;
		margin-bottom: 10px;
		border-bottom: 1px solid #DEDEDE;
	}
	
	.main-column-body{ width:570px;}
	
	.side-column-body{ width:390px;}
	
	.full-main-column-body{ width:960px;}
	
	.third-column-body{ width:320px;}
	
	.two-third-column-body{ width:640px;}
	
	.quarter-column-body{ width:210px; padding:15px;}
	
	.half-column-body{ width:480px;}
	
	.three-quarter-column-body{ width:690px; padding:15px;}
	
	.mini-menu-body{ width:160px; padding:15px;}
	
	.alt-column-body{ width:740px; padding:15px;}
	
	.main-column{ padding:5px}
		.main-column h4{
			margin:0px;padding:0px;
			font:bold 1.5em Helvetica, Arial, sans-serif;
			letter-spacing:-1.5px; border:1px solid red;
		}
		
		.player{
			width:900px;height:538px;
			border:1px solid #DEDEDE;
			margin:0 auto;
		}
		
		.player-live{
			width:640px;height:360px;
			border:1px solid #DEDEDE;
			margin:0 auto;
		}
		
	.side-column{ margin:5px; padding:10px; background:#DAD8D6}
		.side-column h4{
			margin:0px;padding:0px;
			font:bold 1.25em Helvetica, Arial, sans-serif;
			letter-spacing:-1px;
			border-bottom:1px solid #999;
		}
		
	.third-column{ padding:10px}
	
		.third-column p{
			font:1.2em Helvetica, Arial, sans-serif;
			line-height:1.4em;
		}

/* For Thumbs Video Rows */
.video-row, .video-row-vert{ margin:0px;padding:0px;}
.video-row .thumb, .video-row-vert .thumb{margin-bottom:5px;}
.video-row li {
	float:left;
	height:178px;
	list-style-type:none;
	width:142px;margin-right:30px;
	padding-bottom:20px;overflow:hidden;
	cursor:pointer; letter-spacing:-0.02em;
}

	.video-row-vert li{
		float:left;
		list-style-type:none;
		width:100%;margin-right:30px;
		padding-bottom:20px;overflow:hidden;
		cursor:pointer; letter-spacing:-0.02em;
	}
	
	.video-row-vert li h4{
		font:bold 12px Arial;
		padding:20px 0 0 0;
		margin:0 0 0 5px;
	}

.video-row li h4{
	font:bold 12px Arial;
	padding:20px 0 0 10px;
	margin:0;
}

.video-row li h5{
	font:normal 11px Arial;
	padding:5px 0 0 10px;
	margin:0px;
}

.video-row li p{
	font:normal 10px Arial;
	padding:5px 0 0 10px;
	margin:0px;
}

a.thumb{
	float:left;display:inline;
	padding:7px 7px 3px 7px;border:1px solid #e1e1e1;
	background-color:#fff;position:relative;
	z-index:10;
}
	a.thumb:hover,a:hover .thumb{ background-color:#ffe61e}

a.thumb img,a .thumb img{
/* only set one dimension; this was stretching the thumbnails */
	width:121px;
/* 	height:87px; */
/* 	overflow:hidden; */
}

/** Normal Videos **/
a.thumb i,a .thumb i{
	position:absolute;right:7px;bottom:7px;width:27px;height:22px;
	border:5px solid #fff;border-width:5px 0 0 5px;
	background:url('/_images/mini-play-buttons.gif') 0 0 no-repeat;
}

a.thumb:hover i,a:hover .thumb i{border-color:#ffe61e;}

/** Pay for Videos **/
a.thumb i.locked,a .thumb i.locked{background-position:0 -22px;}

/*** For filtering on browse pages ***/

/* For PROMOtional consideration only */
/* override the root element to enable scrolling */ 
#flowpanes{ 
    position:relative; 
    overflow:hidden; 
    clear:both; 
} 
 
/* override single pane */ 
#flowpanes div{ 
    float:left; 
    display:block; 
    width:670px; 
    cursor:pointer; 
    font-size:14px; 
} 
 
/* our additional wrapper element for the items */ 
#flowpanes .items{ 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
} 
 
#flowpanes .less, #flowpanes .less a{ 
    color:#999 !important; 
    font-size:11px; 
}

/* tooltip styling */
.tooltip{
	display:none;
	background:url('/_images/solid-white.png');
	height:230px;
	width:282px;
	padding:14px;
	font-size:12px;
	color:#222;
	z-index: 40;
}

/* a .label element inside tooltip */
.tooltip .label{
	color:yellow;
	width:35px;
}

.tooltip a{
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}

.header-tip{
	background-color:#980000;
	font: bold 16px Arial;
	height:35px;
	color:#FFF;
	padding:4px;
}

.info-tip{
	height:128px;
	padding:8px;
	overflow:hidden;
	font-size:12px;
	color:#333;
}

.data-tip{
	background:#CCC;
	padding:5px;
	height:40px;
}

/*** Sidebar stuff (for the front page and more) ***/
dl{ margin-bottom:5px;padding-bottom:1px;border-bottom:1px solid #dbdbdb}
dt{ float:left;clear:left;padding-top:4px;border-top:1px solid #dbdbdb}
dd{
	float:left;font-size:12px;font-weight:bold;padding-bottom:11px;padding-top:11px;width:107px;border-top:1px solid #dbdbdb;line-height:normal;
}

.popular dl{ padding-top:5px; margin-bottom:15px}
.popular dd{
	float:none;margin-bottom:0;
	padding-top:10px;width:auto;
}

.popular p{ font-weight:normal}
.popular a{ font-weight:bold; font-size: 12px}


/* List table stuff */
.list-table{ width:100%} 
.list-table .title{ border-bottom:1px solid #fff; font:bold 1em Arial; background:#666}
.list-table td span{ font:normal .7em Arial}

.list-table th{
  text-align:left;
	padding:5px;
	background-color:#333;color:#FFF;
	font:bold .7em Arial;
}

.list-table td{
	padding:5px 5px 10px 5px;
	font:normal .7em Arial;
	border-bottom:1px solid #999;
}
.alternate{ background-color:#F0F0F0}


/*** List Control
--------------------------- */
.list-control{ margin-bottom:10px; font:normal 12px Arial}

/*** CHAT BOX
--------------------------- */
#chat{
	background:#f2f2f2;
	padding:10px;
	margin:10px;
}

#chat-box{ position:relative}

#chat-box h3{width: 100px; float:left;}
#name-area{text-align: right; float:right; color:#999;}
#name-area span{color:#fa9f00;}


#chat-wrap{ clear:both; margin: 0 0 15px 0; font: 10px "Lucida Grande", sans-serif;}
#chat-area{ height: 246px; overflow: auto; border: 1px solid #666; padding: 20px 10px; background: #fff; color:#000;}
#chat-area span{ color: white; background:#333; padding: 2px 5px; -moz-border-radius: 5px; -webkit-border-radius: 8px;
margin: 0 5px 0 0; letter-spacing: -0.05em;}
#chat-area p{ padding: 5px 0; border-bottom: 1px solid #ccc; line-height:1.7em;}

#send-message-area{display:none}
#send-message-area p{color:#999; padding-top: 24px; font-size: .9em; margin-top:-28px;}
#chat-input, #name-input{border: 2px solid #999; width:256px; padding:5px; font: 10px "Lucida Grande", sans-serif;}

/*** Live Sidebar
--------------------------- */
#live-sidebar{padding:10px;margin:5px}

/** ## THE FOOTER ## **/

footer.main{
background:#333; 
background:-moz-linear-gradient(98% 45% 90deg, #444, #363636);
background:-webkit-gradient(linear, 0% 0%, 0% 43%, from(#363636), to(#444));
border-top:6px solid #cc0000; margin-top:25px;
}
footer.main p{line-height:1.4em; color:#ccc}
footer.main strong{color:#ddd}
footer.main a{color:#ccc; text-decoration:underline}
footer.main a:hover{color:#fff}

.footblock{border-right:1px solid #6c6c6c; height:118px;
padding:20px 16px 0 16px; width:292px;
float:left}

footer.main .first{
background:url(http://globals.law.utah.edu/_images/logo-miniseal.png) 12px 15px no-repeat;
}
footer.main .first img{margin:5px 0 0 53px}
footer.main .first p{margin:14px 0 0 100px}

footer.main .center img{float:right; margin:0 5px 0}
footer.main .last{padding-right:0;border:none}

.connlink{
height:17px; display:block; float:left; width:100px;
background:url(http://globals.law.utah.edu/_images/sp-connects.png) 0 -1px no-repeat;
padding-left:21px; margin-bottom:10px
}

.twr{background-position:1px -24px}
.lin{background-position:1px -70px}
.rss{background-position:1px -95px}
.eml{background-position:1px -48px; margin-bottom:0; width:80%}

footer.main #btmedge{
clear:both; background:#e6e6e6; padding:12px 0 11px 0; color:#666;
text-align:center; line-height:.2em; font-size:.8em;
}
footer.main #btmedge a{color:inherit}
	

/* Other classes */
hr.space{background:#fff;color:#fff;visibility:hidden;}

.clearfix:after, .container:after{
	content:"\0020";display:block;
	height0;clear:both;visibility:hidden;
	overflow:hidden;
}

.clickable{cursor:pointer}
.clearfix, .container{display:block}
.clear{clear:both;}

.left{float:left}
.right{float:right}
.center{margin:0 auto}

.border-right{border-right:1px solid #444}
.border-left{border-left:1px solid #444}

.divider.horizontal {
	display: block;
	border-top: 2px solid #aaa;
	width: 100%;
	margin: 15px 0;
}
.divider.vertical {
	display: inline-block;
	border-right: 2px solid #aaa;
	height: 100px;
	margin: 0 15px;
}

#supporting-info {
	padding: 20px;
}
#supporting-info h3 {
	text-align: left;
	margin-left: 20px;
	font-weight: bold;
	font-size: 1.5em;
}
#supporting-info .news-link {
/*	width: 220px;*/
	margin: 20px;
}
#supporting-info .news-link a {
	padding: 15px 15px 15px 90px;
	text-align: left;
	background: #cc0000 url('../_images/logos/ulaw-white-small.png') no-repeat 20px 40%;
	color: #fff;
}
#supporting-info .connect-links {
	margin: 15px;
}
#supporting-info .connect-links.large a {
	display: inline-block;
	height: 50px;	
	width: 50px;
	margin: 0 10px;
	border-radius: 5px; 
}
#supporting-info .connect-links .fb {
	background: url('/_images/logos/f_logo.png') no-repeat;
	background-size: 100% 100%;
}
#supporting-info .connect-links .lin {
	background: url('/_images/logos/in_logo.jpg') no-repeat;
	background-size: 100% 100%;
}
#supporting-info .connect-links .twr {
	background: url('/_images/logos/bird_logo.png') no-repeat;
	background-size: 100% 100%;
}
#supporting-info .upcoming-events {
	font-size: .8em;
	width: 280px;
	margin: 20px;
}
#supporting-info .upcoming-events h3 {
	margin-left: 0;
}
#supporting-info .upcoming-events ul {
	margin: 10px 0 0 0;
}
#supporting-info .upcoming-events li {
	margin: 3px 0;
	text-align: left;
	list-style: none;
}
#supporting-info .upcoming-events li span {
	display: inline-block;
	vertical-align: top; 
}
#supporting-info .upcoming-events li .date {
	width: 110px;
}
#supporting-info .upcoming-events li .title {
	width: 150px;
}
#supporting-info.horizontal div {
	display: inline-block;
	vertical-align: middle;
}
#supporting-info.horizontal .upcoming-events {
	width: 280px;
}
#caption {
	font-size: 1.3em; /*can be overriden by MCE editor*/
}


#index-ajax { width: 100%; float: left; clear: both; }
.featured { width: 688px; float: left; clear: none; }
.upcoming { width: 252px; float: right; clear: none; padding-left: 20px; }
.upcoming ul { margin: 0; }
.upcoming ul li { list-style: none; margin-bottom: 20px; font-size: 1.2em; line-height: 1.2em; }
.upcoming .date { font-weight: bold; }


/* QUESTION FORM
------------------------------- */
#question-form *, #question-form *:after, #question-form *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#question-form { background: #ddd; border: 2px solid #aaa;  margin: 40px auto 20px auto; padding: 30px; width: 450px; }
#question-form .message { font-size: 1.3em; text-align: center; }
#question-form .message div { background: #bbb; margin-bottom: 10px; padding: 10px; }
#question-form .message .error { background: #e98b8b; }
#question-form .message .success { background: #82d66d; }
#question-form label { display: block; margin: 5px 0; text-align: left; }
/* jquery.validate errors */
#question-form label.error { color: red; margin-bottom: 10px; }
#question-form input, #question-form textarea { border: 1px solid gray; height: 25px; margin: 5px 0; width: 100%; }
#question-form textarea { height: 80px; }
#question-form .submit { font-size: 1.1em; height: 2em;  margin-left: 60%; width: 40%; }
#question-form .note { font-style: italic; margin-top: 10px; text-align: left; }