/*   
Theme Name: One University
Theme URI: 
Description: The Student blog at Chapman
Author: Chapman SMC
Author URI: 
Version: 1.3 (fall 2013)
*/

/* CSS Reset, Imports, & Setup
-------------------------------------------------------------------------------*/

html, body, 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, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img,
object,
embed {max-width: 100%; height:auto;}
html {overflow-y: scroll;}
header ul {list-style: none;}
article ul, footer ul { list-style-type:disc; }
ol, article ul, footer ul, #sidebar ul { padding-left:40px; }
article p { margin:15px 0; }
blockquote, q {quotes: none; display:block; background-color:#EEE;padding:15px;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 

ul.dropdown,
ul.dropdown li,
ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown { position: relative; z-index: 997; float: left; }
ul.dropdown li { float: left; min-height: 1px; line-height: 1.3em; vertical-align: middle; }
ul.dropdown li.hover,
ul.dropdown li:hover {position: relative; z-index: 999; cursor: default;} 
ul.dropdown ul {visibility: hidden; opacity:0;  position: absolute; top: 100%; left: 0; z-index: 998; width: 100%;  -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */ -moz-transition: all 0.1s ease-out;  /* FF4+ */ -o-transition: all 0.1s ease-out;  /* Opera 10.5+ */ transition: all 0.1s ease-out;}
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li.hover > ul,
ul.dropdown li:hover > ul { visibility: visible; opacity:1; }

/* This is where the fun starts.
-------------------------------------------------------------------------------*/
html { padding-top:50px !important;}

body {font-family: 'rooney-sans', Helmet, Freesans, sans-serif; font-size:14px; background:#83d3d5 url(img/bg_tile.jpg) repeat center top; }
body.error404,
body.page-template-guest-post-page-php,
body.attachment { min-height:0; }
body.error404 #menu { display:none; }
body, select, input, textarea {color: #333; }

a, a:link, a:visited {color: #028388; text-decoration:none;}
a:hover {color: #02bac1; text-decoration:underline;}
.entry-content a { text-decoration: underline;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Headers */
h1, h2, h3, h4, h5, h6 { font-family: 'futura-pt', Arial; }
h1 {font-size: 32px; margin: 20px 0; font-weight: bold;}
h2 {font-size: 24px; margin: 15px 0; font-weight: bold;}
h3 {font-size: 20px; margin: 10px 0; font-weight: bold;}
h4 {font-size: 18px; margin: 10px 0; font-weight: bold;}
h5 {font-size: 16px; margin: 10px 0; font-weight: bold;}
h6 {font-size: 14px; margin: 10px 0; font-weight: bold;}

hr {clear:both;} 

fieldset {border:1px solid #666; padding:15px;}
legend {margin:0 10px;}


.transition {
  -webkit-transition: all 0.2s ease-out; 
     -moz-transition: all 0.2s ease-out; 
       -o-transition: all 0.2s ease-out; 
          transition: all 0.2s ease-out;	
}

.moreButton,
#loadMore { float: left; clear:both; display: block; padding:15px; width:100%; background:#d9d9d9; border:1px solid #d9d9d9; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; margin:10px 0;}
.moreButton:hover,
#loadMore:hover { background:#FFFFFF; }

.moreButton.loading { background-image:url(img/loading_circle.gif);	background-repeat: no-repeat; background-position: center; text-indent: -9999px }

/***************************************************
* Page structure & Layout
***************************************************/
.wrap {	max-width: 640px; margin: 0 auto; overflow: auto; }
.single .wrap { max-width:900px; overflow: visible; }

.small-wrap { max-width:1060px !important; }

.gray { color:#999; }



#tabToggle { display: none; }
@media only screen and (max-width:799px) {
	#tabToggle { display: block; width:100%; overflow: auto; margin:0 0 15px 0; padding:10px; -moz-box-sizing: border-box; box-sizing: border-box; }

	#tabToggle .button {
		width:33%;
		margin:0;
		float: left;
		font-size:18px;
	}
	#tabToggle .button.selected {
		background:#a82439;
		border:1px solid #a82439;
		color:#FFFFFF;
		text-shadow:none;
		filter: none;
	}

	.hidden { display: none; }

}


#stories {
	float: left;
	overflow:auto;
	position:relative;
	margin-right:10px;
	width:100%;
}

.single #stories {
	float:none;
	max-width:900px;
	padding:0;
	margin:0 auto;
	overflow: visible;
}

#widgets {
	float: left;
	overflow:auto;
	width:100%;
	position: relative;
}

#events {
	float: left;
	overflow:auto;
	width:100%;
	position:relative;
}

#mid_column { }

#sidebar { display: none; float:right; max-width:340px; margin-left:20px; }


@media only screen and (min-width: 830px) {
	.wrap { max-width: 740px; }
	#stories { max-width:320px; }
	#mid_column { float:left; width:410px; }
}


@media only screen and (min-width: 1160px) {
	.wrap {	max-width: 1060px; }
	#stories { max-width:640px; }
}

@media only screen and (min-width: 1240px) {
	.wrap {	max-width: 1140px; }
	#mid_column { width:490px; }
}

@media only screen and (min-width: 1350px) {
	.single .wrap { max-width:1260px; }
	.single #sidebar { display: block; margin-top:240px; }
}

@media only screen and (min-width: 1600px) {
	.wrap {	max-width: 1500px; }
	#sidebar { display: block; }
	#stories { max-width:960px; }
}

/***************************************************
* Sidebar
***************************************************/

#sidebar li { list-style-type: none; }
#sidebar h2 { color:#FFF; text-align: right; line-height:50px; margin:0 0 5px 0; }

/***************************************************
* Widget Block
***************************************************/

#widgets { color:#4a4a4a; }
#widgets #widgets_box { background: #EEEEEE url('img/texture.jpg'); clear:both; overflow: auto; border-radius: 4px; }

#widgets ul { list-style-type: none; margin:0; padding:0;  }

#widgets #radio { float:right; background:#06446a; background: rgba(6,68,106,0.95) url('img/radio_logo.png') no-repeat 10px center; background-size:60px; border-radius: 4px; margin-bottom:5px; }

#widgets #radio.disabled { display: block; height: 48px; }

#widgets #radio #radio_play {
	display: block;
	padding: 10px 75px;
	background:url('img/radio_play.png') no-repeat right center;
	background-size:contain;
	color:#FFFFFF;
	line-height:14px;

	  -webkit-transition: all 0.1s ease-out;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}
#widgets #radio #radio_play:hover { text-decoration: none; background-color:rgba(255,255,255,0.1); }


#widgets #radio #current_radio_title { font-style: italic; font-weight: bold; }
#widgets #radio #current_radio_artist { font-style: italic; font-weight: 300; color:#CCC; }


#widgets #weather { width:50%; float:left; -moz-box-sizing: border-box; box-sizing: border-box; }
#widgets #weather { height:103px; }

#widgets #parking { width:50%; float:left; clear:left;  -moz-box-sizing: border-box; box-sizing: border-box; }
#widgets #parking li { border-top:1px solid #c2c2c2; display: block; min-height:53px; padding:15px 10px; position: relative; -moz-box-sizing: border-box; box-sizing: border-box;  }
#widgets #parking .name { font-size:16px; text-transform: uppercase; font-weight: bold; }
#widgets #parking .num { float: right; }
#widgets #parking .num.low { color:#10ac6f; }
#widgets #parking .num.mid { color:#d4ad30; }
#widgets #parking .num.high { color:#a82439; }

/* Car icons */
#widgets #parking .num {
	background:url('img/icons/svg/car.svg') no-repeat left center;
	background-size: 18px;
	padding-left:25px;
	font-size:18px;
	text-align: left;
	width:35px;
}
#widgets #parking .num.low { background-image: url('img/icons/svg/car-green.svg'); }
#widgets #parking .num.mid { background-image: url('img/icons/svg/car-yellow.svg'); }
#widgets #parking .num.high { background-image: url('img/icons/svg/car-red.svg'); }

#widgets #parking .extra,
#widgets #parking .updated { display: none; }

.rgba #widgets #parking .extra { display:block; opacity: 0; position: absolute; right:15px; bottom:8px; font-size: 12px; }
.rgba #widgets #parking .updated { display:block; opacity: 0; position: absolute; left:10px; bottom:8px; font-size: 12px; }

/* Hover FX */
#widgets #parking .num,
#widgets #parking .name,
#widgets #parking .extra,
#widgets #parking .updated {
-webkit-transition: all 0.1s ease-out;
   -moz-transition: all 0.1s ease-out;
     -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
}

.rgba #widgets #parking li:hover .num,
.rgba #widgets #parking li:hover .name { position: relative; bottom:8px;  }

.rgba #widgets #parking li:hover .extra, 
.rgba #widgets #parking li:hover .updated { opacity:0.7; }

#widgets #jobs { width:50%; float:right; -moz-box-sizing: border-box; box-sizing: border-box; border-left:1px solid #c2c2c2; }
#widgets #jobs h4 { text-transform: uppercase; display: block; height:20px; padding:15px 10px; margin:0; }
#widgets #jobs li { border-top:1px solid #c2c2c2; }
#widgets #jobs a { display: block; min-height:49px; padding:8px 10px; -moz-box-sizing: border-box; box-sizing: border-box;  }
#widgets #jobs a:hover { text-decoration: none;  background:rgba(255,255,255,0.8);}
#widgets #jobs .title { margin:0; font-weight: normal; }
#widgets #jobs .description { color:#6e6d66; font-size:12px; font-style: italic; }

#widgets #weather #current_temp { font-size:42px; text-align:center; background-repeat: no-repeat; background-size: 60px; background-position: left center; padding-left:60px; display: block; width: 80px; margin:24px auto 0 auto; }

#widgets #weather #current_temp:after { content: "°"; }


/* Story Block Base
-------------------------------------------------------------------------------*/
.story {
	position:relative;
	background:#dfded8;
	background:rgba(220,220,220,0.9) url(img/texture.jpg);
	margin:10px !important;
	float:left;
	-webkit-border-radius: 3px;
    border-radius: 3px;
	-webkit-box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.tiles .story-small,
.tiles .story-large { overflow:hidden; padding-bottom:30px; cursor:pointer; }


@media only screen and (max-width: 720px) {
#stories .story { width:95% !important; height:auto !important; }
}

@media only screen and (min-width:601px) and (max-width: 899px) {
/*.story { width:46% !important; height:auto !important; }*/
/*.story-full { width: 96% !important; padding:10px !important; }*/
#quickread .story-full { width:580px !important; }
}

/* Things that we hide by default */
.story .byline,
.story .entry-content,
.story .comments,
.story .social_media { display:none; }

.story h2 {
	margin:0;
	display:block;
	color:#028388;
}
.tiles .story-small h2 { max-height:80px; overflow: hidden; }
.tiles .story-small h2,
.tiles .story-large h2 { padding:0 15px 15px 15px; }
a.story_link,
a.big_link {
	display:block;
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	z-index:10;
	overflow:auto;
	text-decoration:none;
	text-indent:-9999px;
	color:#403f3c !important;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.story .permalink { color:#028388; font-weight: bold; text-decoration:none; }

.story .wp-post-image {
	width:100%;
	height:auto;
	background-size:cover;
	background-position:center;
}
.story .excerpt { height:0px; width:100%; padding:0 15px; margin:0; overflow:hidden; opacity:0; 
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}
.story .excerpt .more { text-transform:uppercase; bottom:12px; right:15px; opacity:0; }

.story .wp-post-image,
.story .excerpt,
.story footer,
.story .wp-post-image-container {
	-webkit-transition: all 0.18s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.18s ease-out;  /* FF4+ */
       -o-transition: all 0.18s ease-out;  /* Opera 10.5+ */
          transition: all 0.18s ease-out;	
}

.story .info {
	
}
.story p {
	margin:10px 0;
}
.story footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:0;
	background: #333;
}
.story footer time {
	position:absolute;
	bottom:10px;
	left:15px;
	margin:0;
	padding-left:15px;
	background:url(img/icon-time.png) no-repeat left 0px;
	color:#888888;
	font-size:12px;
}
.story footer .shares_num {
	position:absolute;
	right:115px;
	bottom:10px;
	margin:0;
	padding-left:15px;
	background:url(img/icon-comments.png) no-repeat left 1px;
	color:#888888;
	font-size:12px;
}
/*.story footer .comments_num {
	position:absolute;
	right:115px;
	bottom:10px;
	margin:0;
	padding-left:15px;
	background:url(img/icon-comments.png) no-repeat left 1px;
	color:#888888;
	font-size:12px;
}*/
.story footer .views_num {
	position:absolute;
	right:15px;
	bottom:10px;
	margin:0;
	padding-left:15px;
	background:url(img/icon-views.png) no-repeat left 1px;
	color:#888888;
	font-size:12px;
}

.story .organization { padding: 0; margin:15px 0 !important; color:#840a2d; }
.story .organization a { text-decoration:none; color:#840a2d; }
.story .organization a:hover { text-decoration:underline; }

.tiles .story-small .organization a, 
.tiles .story-large .organization a { background:#ddf6f7; padding:5px 15px; font-size:10px; font-weight:300; text-transform: uppercase; color:#6e6d66; border-radius: 0 2px 2px 0; border-bottom:1px solid #b4cecf; }

.tiles .story-small .organization a:before, 
.tiles .story-large .organization a:before { content:"#"; }

.masthead { position:relative; overflow:hidden; }
.story-small .masthead { max-height: 200px; }
/*.story-small .masthead .wp-post-image { height: 191px; }*/

.story .wp-post-image-container { height:190px; width:100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.story .wp-post-image-container .wp-post-image { display: none; }

a.post-edit-link, a.post-edit-link:link, a.post-edit-link:visited { opacity: 0.5; position:absolute; top:0; right:0; padding:5px 10px; background:rgba(0,0,0,0.5); text-decoration:none; color:#FFF; -webkit-border-radius: 0 3px 0 5px;  border-radius: 0 3px 0 5px;}
a.post-edit-link:hover { opacity:1; }

/* Margin Fix */
.has-image .organization {
	margin-top:-6px;
}

/* Story Rollover
-------------------------------------------------------------------------------*/

.tiles .story-small:hover .wp-post-image,
.tiles .story-large:hover .wp-post-image,
.tiles .story:hover .wp-post-image-container {
	margin-bottom:-80px;
	opacity:0.7;
}

.tiles .story-small:hover .event-meta,
.tiles .story-large:hover .event-meta {
	bottom:0;	
}

.tiles .story-small:hover .excerpt,
.tiles .story-large:hover .excerpt {
	height:80px;
	opacity:1;
}

.tiles .story-large.masthead-video:hover .excerpt {
	height:0;
	opacity:0;
}

.tiles .story-small:hover .excerpt .more,
.tiles .story-large:hover .excerpt .more { opacity:1; position:absolute; }

.tiles .story-small:hover footer,
.tiles .story-large:hover footer {
	opacity:0;	
}

/* Story Block - Small Size
-------------------------------------------------------------------------------*/
.tiles .story-small { width:300px; height:365px; }

.tiles .story-small footer .views_num .label,
.tiles .story-small footer .comments_num .label,
.tiles .story-small footer .shares_num .label { display:none; }
.tiles .story-small footer .shares_num, 
.tiles .story-small footer .comments_num { right:50px; }

/* Story Block - Large Size
-------------------------------------------------------------------------------*/
@media only screen and (min-width: 1160px) {

	.tiles .story-large {
		width:620px;
		min-height:560px;
	}

	.tiles .story-large h2 {
		font-size:42px;
	}

}

.masthead-video iframe { 
	width:100%;
	z-index: 999;
	position: relative;
}


.masthead-video .organization a { bottom:0 !important; }

.masthead-video-error .masthead .content { text-align: center; background:#CCCCCC; background:rgba(0,0,0,0.2); border:1px solid #AAAAAA; padding:140px 20px; }


/* Story Block - Full Size Story for single.php
-------------------------------------------------------------------------------*/
.story-full,
.story-full .story {
	width:880px;
	height:auto;
	padding:40px;	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.story-full .entry-content iframe { display: block; margin:0 auto; }

.story-full .byline,
.story-full .entry-content,
.story-full .comments { display:block; }

.story-full .entry-content { clear:right; font-size:16px; line-height:24px; }

.story-full a.story_link,
.story-full .rollover { display:none !important; }

.story-full .organization { padding-left:0; }

.story-full .masthead { margin-bottom:30px; }

.story-full .entry-content p { margin:16px 0; }

.story-full .comments { display:block; min-height:250px; }

/*.story-full .wp-post-image { width:100%; height:auto; }*/

.story-full h2 { font-size:32px; margin-bottom:0; clear:both; }
.story-full h2 a { cursor:text; }
.story-full .byline { font-style:italic; color:#666; margin-top:0; }
.story-full author { font-weight:bold; }
.story-full footer { height:30px; background:#840a2d; }
.story-full footer time,
.story-full footer .shares_num,
.story-full footer .comments_num,
.story-full footer .views_num { bottom:40px; }

@media only screen and (min-width:700px) {
	.story-full { overflow: visible; }
			
	.story-full .social_media { 
		display:block;
		width:60px;
		position:absolute; 
		top:100px;
		left:-60px;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		
		background:#840a2d;
		
		-webkit-border-radius: 10px 0 0 10px;
	        border-radius: 10px 0 0 10px;
	}

	.story-full .social_media a.story_link { display:none; } /* Hide the large overlay link for the story */
	.story-full .social_media ul { list-style-type:none; margin:0; padding:0; }
	.story-full .social_media ul li { }
	.story-full .social_media ul li a.icon { display:block; width:60px; height:60px; text-indent:-9999px; background:no-repeat center; 
		  -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
	     -moz-transition: all 0.1s ease-out;  /* FF4+ */
	       -o-transition: all 0.1s ease-out;  /* Opera 10.5+ */
	          transition: all 0.1s ease-out;
	}
	.story-full .social_media ul li:first-child a.icon { -webkit-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; }
	.story-full .social_media ul li:last-child a.icon { -webkit-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px; }

	.story-full .social_media ul li a.icon:hover { background-color:rgba(255,255,255,0.2); background-position:15px center; }

	.story-full .social_media ul li a.icon.twitter { background-image :url(img/icon-twitter.png); }
	.story-full .social_media ul li a.icon.facebook { background-image:url(img/icon-facebook.png); }
	.story-full .social_media ul li a.icon.pinterest { background-image:url(img/icon-pinterest.png); }
	.story-full .social_media ul li a.icon.googleplus { background-image:url(img/icon-googleplus.png); }
}

@media only screen and (max-width: 900px) {
#stories .story-full { padding:20px; margin:0 !important; width:100% !important; }
}

@media only screen and (min-width: 601px) {
	.story-full h1, .story-full h2 { clear:none; margin-top:0px; }

}

@media only screen and (min-width: 901px) {

}

/* Polls
-------------------------------------------------------------------------------*/
.story.type-community-poll,
.story-full.type-community-poll { height:auto; cursor:default; padding:0 0 50px 0; }

.type-community-poll .organization { padding-left:30px; padding-top:30px; }

.wp-polls { clear:both; margin-bottom:20px; padding:0 15px; }

.wp-polls h2 { min-height:auto; padding:10px; margin-bottom:0; }

.wp-polls-ul { overflow: auto; }

.wp-polls-ul li { position:relative; overflow:visible;  }
.wp-polls-ul li input { vertical-align:middle; margin-right:5px; }
.wp-polls-ul li label { display:block; margin:0; width:100%; padding:8px 20px 10px 35px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	  -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.1s ease-out;  /* FF4+ */
       -o-transition: all 0.1s ease-out;  /* Opera 10.5+ */
          transition: all 0.1s ease-out;
}

.wp-polls-ul li:hover label { padding: 8px 15px 10px 40px; }


@media only screen and (min-width: 1160px) {
	.story.type-community-poll,
	.story-full.type-community-poll { min-width:620px;}

	.wp-polls-ul li { width:30%; margin-right:3%; float:left; }
}


/* Custom form fields */
.wp-polls input[type="radio"] { display:none; }
.wp-polls input[type="radio"] + label { background:url(img/radio_off.png) no-repeat left top; }
.wp-polls input[type="radio"]:checked + label { background:url(img/radio_on.png) no-repeat left top; }

.wp-polls input[type="checkbox"] { display:none; }
.wp-polls input[type="checkbox"] + label { background:url(img/check_off.png) no-repeat left top; }
.wp-polls input[type="checkbox"]:checked + label { background:url(img/check_on.png) no-repeat left top; }

.wp-polls input[type="button"] { display:block; margin:0 auto; clear:both; margin-top:15px; background: #368aa6; padding:5px 20px; color:#FFFFFF; 
-webkit-border-radius: 15px;
    border-radius: 15px;
}

.wp-polls input[type="button"]:hover { background:#4599b5; }
.wp-polls a { font-size:11px; }

.type-community-poll a[title="View Results Of This Poll"] { background:url(img/icon-poll.png) no-repeat left top; font-size:11px; color:#333333; display:block; padding:5px 6px 3px 22px; text-decoration:none; opacity:0.6; position:absolute; bottom:15px; left:15px; }
.type-community-poll a.share { background:url(img/link.png) no-repeat left center; font-size:11px; color:#333333; display:block; padding:5px 6px 3px 18px; text-decoration:none; opacity:0.6; position:absolute; bottom:15px; right:15px; }
.type-community-poll a.share:hover,
.type-community-poll a[title="View Results Of This Poll"]:hover { opacity:1; }

.type-community-poll p { padding:0 20px; font-style:italic; }

/* Community Questions
-------------------------------------------------------------------------------*/

/* Override the no-image styles and assign our title image */
.story-small.no-image.type-community-question .entry-title,
.story-large.no-image.type-community-question .entry-title {
	height:auto;
	display:block;
	
	padding-top:15px;
	padding-bottom:60px;
	vertical-align:top;
	top:0;
	text-align:left;
	font-weight:bold;
}
@media only screen and (min-width: 900px) {
.story-large.no-image.type-community-question .organization {
	padding-top:150px;
}
}

.story-small.no-image.type-community-question .entry-title a,
.story-large.no-image.type-community-question .entry-title a {
	color:#222;
}

.type-community-question .organization:after,
.type-community-poll .organization:after { content:" is\0000a0asking:"; text-transform:lowercase; font-style:italic; color:#333; }

.story-full.type-community-question .organization { display:block !important; position:absolute; top:0; left:0; }
.story-full.type-community-question h2 { margin-top:30px; font-size:42px; }

.type-community-question .excerpt { opacity:1; }
.type-community-question:hover .excerpt { height:0; }

.story-full.type-community-question .excerpt { display:none; }

.type-community-question .excerpt .more { opacity:1; position:absolute; background:rgba(255,255,255,0.5); display:block; text-transform:capitalize;text-align:center;
width:140px;

left: 50%; margin-left:-70px; bottom:50px;

background: #368aa6; padding:5px 20px; color:#FFFFFF; 
-webkit-border-radius: 15px;
    border-radius: 15px;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	
}

.type-community-question:hover .excerpt .more {
	background:#4599b5;
}

.story-small.type-community-question:hover,
.story-large.type-community-question:hover {
	background-color:rgba(150,210,220,0.9);
}

.story-small.type-community-question:hover footer,
.story-large.type-community-question:hover footer {
	opacity:1;	
}

.story-full.type-community-question .organization { padding-left:40px; padding-top:40px; }

@media only screen and (max-width: 899px) {
	.story-full.type-community-question .organization { padding-left:10px; padding-top:20px; }
}


/* Events (meta boxes)
-------------------------------------------------------------------------------*/

.day_seperator { background:#028388; color:#FFFFFF; padding:10px 15px; width:100%; clear:both; float: left; margin-top:15px; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px 4px 0 0; text-transform: uppercase; text-align: right;text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
filter: dropshadow(color=#111, offx=1, offy=1); }

.type-event-story.story-small:hover,
.type-event-story.story-large:hover { 
	background:#FFF;
}

.type-event-story.story-small:hover .wp-post-image,
.type-event-story.story-large:hover .wp-post-image {
	margin-bottom:0;
	opacity:1;
}

.type-event-story.story-small .excerpt,
.type-event-story.story-large .excerpt {
	-webkit-transition: all 0s ease-out;
	   -moz-transition: all 0s ease-out;
	     -o-transition: all 0s ease-out;
	        transition: all 0s ease-out;
	opacity: 0;
}

.type-event-story.story-small:hover .excerpt,
.type-event-story.story-large:hover .excerpt {
	opacity:1;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}

.type-event-story.story-small:hover .entry-byline,
.type-event-story.story-large:hover .entry-byline  {
	opacity: 0;
}

.type-event-story.story-small:hover .entry-title,
.type-event-story.story-large:hover .entry-title,
.type-event-story.story-small:hover .entry-byline,
.type-event-story.story-large:hover .entry-byline {
	opacity: 0;
	height:0;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
}


.type-event-story.story-small { width:100%; height:100px; margin:0 !important; border-radius: 0; border-bottom:1px solid #c2c2c2; }

.type-event-story.story-small .masthead { width:50px; position: static; float:left; }
.type-event-story.story-small .masthead .wp-post-image { height:auto; width:auto; }




/* Hide all event meta except some */
.type-event-story.story-small .event-meta { display: block; width:0; height:0; position: static; }
.type-event-story.story-small .event-meta span { display: none; }
.type-event-story.story-small .event-meta .event_story_time { display: block; }
.type-event-story.story-small .event-meta .start_hour { display: block; position: absolute; top:10px; right:10px; font-size:14px; }
.type-event-story.story-small .event-meta .end_hour { display: block; position: absolute; top:26px; right:10px; max-width:40px; font-size:10px; text-align: right; }

.type-event-story.story-small .event-meta .end_hour:before { content:"until "; }




.type-event-story.story-small .entry-title { margin:10px 70px 3px 50px; padding: 0 0 0 15px; font-size:18px;

  -webkit-transition: all 0.1s ease-out;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}



.type-event-story.story-small .entry-byline { 
	color:#6e6d66;
	font-size:12px; 
	font-style: italic;
	margin:0 50px;
	padding: 0 0 0 15px;

	-webkit-transition: all 0.1s ease-out;
	   -moz-transition: all 0.1s ease-out;
	     -o-transition: all 0.1s ease-out;
	        transition: all 0.1s ease-out;
}

.type-event-story.story-small .event_host { font-weight: bold; display: block; clear: both; color:#222222;}

.type-event-story.story-small .event_host,
.type-event-story.story-small .event_location { padding:0 20px 5px 20px; display: inline-block; position: relative; }




.type-event-story.story-small .event_host:before {
	content:"";
	display: block;
	width:15px;
	height:15px;
	position: absolute;
	left:0;
	top:1px;

	opacity:0.3;

	background:url('img/icons/svg/calendar4.svg') no-repeat center;
	background-size: contain;

}
.type-event-story.story-small .event_location:before {

	content:"";
	display: block;
	width:16px;
	height:16px;
	position: absolute;
	left:0;
	top:0;

	opacity:0.3;

	background:url('img/icons/svg/location.svg') no-repeat center;
	background-size: contain;

}


.type-event-story.story-small .organization {  }
.type-event-story.story-small .excerpt { height:75px; margin:0 50px; width: auto;
	color:#6e6d66;
}
.type-event-story.story-small .excerpt p { padding:0 0 0 20px; margin:0;}





.type-event-story.story-full .event-meta { display:block; position:absolute; width:100%; bottom:6px; padding:15px; background:rgba(0,0,0,0.85); color:#FFFFFF; letter-spacing:1px;
 	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.type-event-story .event-meta a,
.type-event-story .event-meta a:link,
.type-event-story .event-meta a:visited { color:#BBBBBB; text-decoration:none; }

.type-event-story .event-meta a:hover { text-decoration:underline; color:#DDDDDD; }

.type-event-story .event_story_url,
.type-event-story .event_story_ticket_url { display:block; clear:both; max-width:250px; height:20px; overflow:hidden; color:#BBBBBB; }

.story-small.type-event-story .event_story_url,
.story-small.type-event-story .event_story_ticket_url,
.story-large.type-event-story .event_story_url,
.story-large.type-event-story .event_story_ticket_url { display:none;  }

.story-full.type-event-story .event_story_url,
.story-full.type-event-story .event_story_ticket_url { max-width:95%;  }


.story-full.type-event-story .event-meta { font-size:16px;  }


@media only screen and (min-width:600px) {
	.type-event-story.story-small .masthead { width:100px; }
	.type-event-story.story-small .entry-title, 
	.type-event-story.story-small .entry-byline,
	.type-event-story.story-small .excerpt { margin-left:100px; margin-right:100px; }

	.type-event-story.story-small .event-meta .start_hour { font-size:20px; right:20px; }
	.type-event-story.story-small .event-meta .end_hour { max-width:90px; top:40px; font-size:12px; right:20px; }
}


/* Quick Read AKA Lightbox
-------------------------------------------------------------------------------*/

#quickread.loading {

  -webkit-transition: all 0 1s ease-out;
     -moz-transition: all 0 1s ease-out;
       -o-transition: all 0 1s ease-out;
          transition: all 0 1s ease-out;

	background-image:url(img/loading_circle.gif);	
	background-repeat: no-repeat;
	background-position: center;
}

#quickread { 
	display:block;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	background-position:-100px;
	z-index:99999;
	overflow:scroll;
	
	display:none; /* shown by jquery */
}

#quickread .story.story-full {
	position:relative;
	left:50%;
	margin:25px auto 100px -440px !important;
	/* margin-left: HALF OF WIDTH - set above */
	
	  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
		  
		  -webkit-box-shadow:  3px 6px 20px 1px rgba(0, 0, 0, 0.5);
        box-shadow:  3px 6px 20px 1px rgba(0, 0, 0, 0.5);
	
}
#quickread > #disqus_thread { display:none; }
@media only screen and (max-width: 900px) {
	#quickread .story.story-full { margin-left:-290px !important; }
}

@media only screen and (max-width: 600px) {
	#quickread .story.story-full { left:0; margin-left:0 !important; margin-right:0 !important; width:100% !important; }
}

/* Header
-------------------------------------------------------------------------------*/
#CUblogs_universalNav { overflow:auto; }

#header { 
	background:url(img/header-reeves.jpg) repeat-x top right; font-weight:normal; overflow:visible; height:600px; margin-bottom:-275px;
} 

#header .wrap { 
	position:relative; 
	overflow: visible;
 	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */ 
}
	

#header #title { margin:0; overflow: auto; }
#header #title a {
	display:block;
	width:617px;
	height:279px;
	margin:0 0 -30px 0;
	background:url(img/one-university-monogram.png) no-repeat center;
	background-size:contain;
	position:absolute;
	top:75px;
	left:50%;
	margin-left:-308px;
	
	text-indent:-9999px;
}/* Watch out for top indenting */

.admin-bar #header #title a { top:100px;}

#menu { 
	max-width:640px;
	overflow:auto;
	padding:0 10px 10px 10px;
	-moz-box-sizing: border-box; box-sizing: border-box;
}

@media only screen and (max-width: 959px) and (min-width: 701px) {
	#header { background-size:180%; }
	
	/* centered */
	#nav-top .label { text-align:center; }
	#nav-top ul#menu-sort-tags { float:right; position:relative; left:-50%; }
	#nav-top ul#menu-sort-tags li { position:relative; left:50%; }
	
	.filter-group { display:block; overflow:visible; clear:both; min-height:50px; }
	
	#filter-group-1 { }
	#filter-group-2 { width:75%; }
	#filter-group 2 input, #filter-group 2 ul { float:none; }
}

@media only screen and (max-width: 700px) {
	#header { background-size:1000px; background-position:left top; height:430px; }
	#header #title a { padding-top: 50px; left:auto; height:100px; width:300px; position: static; margin:0 auto; }
	
	#filter-group-2 { display:none; }
	#nav-top .label { opacity:0; height:0px; }
	#nav-top, #menu { padding-bottom:5px !important; }

	/* centered */
	#nav-top .label { text-align:center; }
	#nav-top ul#menu-sort-tags { float:right; position:relative; left:-50%; }
	#nav-top ul#menu-sort-tags li { position:relative; left:50%; }
	
	#menu-sort-tags li {}
	#menu-sort-tags li a { font-size:10px; padding-left:4px !important; padding-right:4px !important; margin:0 2px !important; }
	
}

/* Navigation Menu
-------------------------------------------------------------------------------*/

#nav-top { margin-bottom:-10px; padding: 0 10px; overflow:visible; font-weight:light; z-index:9999;  }

#nav-top ul { }

#nav-top .label { color:#FFF; font-size:11px; font-style:italic; margin:5px 0; text-shadow: 1px 1px 2px #222;filter: dropshadow(color=#111, offx=1, offy=1); }

/* Menu Sort Tags Styles */
ul#menu-sort-tags > li { font-size: 14px;  float:left; }

ul#menu-sort-tags a:link,
ul#menu-sort-tags a:visited	{ 
	color: #FFFFFF; text-decoration: none; display:block;padding: 7px 10px 5px 10px; background:#006666; -webkit-border-radius: 10px; border-radius: 5px; margin:0 10px 0 0;
}

ul#menu-sort-tags > li > a:link,
ul#menu-sort-tags > li > a:visited	{  
-webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.1s ease-out;  /* FF4+ */
       -o-transition: all 0.1s ease-out;  /* Opera 10.5+ */
          transition: all 0.1s ease-out;
}

ul#menu-sort-tags > li > a.active { 
	background-color:#02bac1;
}

/* Menu Level 1 Hover */
ul#menu-sort-tags li.hover a,
ul#menu-sort-tags li a:hover,
ul#menu-sort-tags li.on a { background-color:#02bac1; }



/* Menu Dropdown Styles */
ul.dropdown { } 
ul.dropdown > li { font-size: 14px; background: #222222; background:rgba(0,0,0,0.8) url(img/select.png) no-repeat right center; padding:7px 25px 5px 10px; color:#CCC; -webkit-border-radius: 5px; border-radius: 5px; min-width:80px }

ul.dropdown > li.hover,
ul.dropdown > li:hover { background-color: #666666; background-color:rgba(30,30,30,0.8);}

ul.dropdown > a:link,
ul.dropdown > a:visited	{ 
	color: #FFFFFF; text-decoration: none; display:block; background:#000; -webkit-border-radius: 10px; border-radius: 10px; margin:0 10px 0 0;
}

ul.dropdown > li > a:link,
ul.dropdown > li > a:visited	{  
-webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.1s ease-out;  /* FF4+ */
       -o-transition: all 0.1s ease-out;  /* Opera 10.5+ */
          transition: all 0.1s ease-out;
}
ul.dropdown > li > a:hover,
ul.dropdown > li > a:active	{ 
}

ul.dropdown > li > a.active { 
	background-color:#02bac1;

}

/* Menu Level 1 Hover */
ul.dropdown li.hover a,
ul.dropdown li a:hover,
ul.dropdown li.on a { background-color:#02bac1; }

/* Menu Level 2 */
ul.dropdown ul { min-width: 200px; max-width:350px; }
ul.dropdown ul li { font-weight: normal; }

ul.dropdown ul li a,
ul.dropdown ul li a:link,
ul.dropdown ul li a:visited { display:block; padding:5px 10px; background: #EEEEEE; background:rgba(255,255,255,0.85); color:#333; text-decoration:none; margin-left:3px; border-bottom:1px solid #CCC;
min-width:150px;
-webkit-border-radius: 3px;
    border-radius: 3px;
		
  -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.1s ease-out;  /* FF4+ */
       -o-transition: all 0.1s ease-out;  /* Opera 10.5+ */
          transition: all 0.1s ease-out;
}

ul.dropdown ul li a:hover,
ul.dropdown ul li a.active { background:#EEEEEE; background:rgba(220,220,220,0.9); padding-left:15px; border-left:4px solid #666; }
ul.dropdown ul li a.active { background-color:#02bac1; border-left:4px solid #006666; }








/* Import Section Styles
-------------------------------------------------------------------------------*/

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

/* Image alignment
-------------------------------------------------------------------------------*/
.alignleft { float:left; margin-right:15px;}
.alignright { float:right; margin-left:15px;}
.aligncenter { margin:0 auto !important; clear:both; display:block;}

/* Photo captions */
.wp-caption { border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 0px; margin: 10px;border-radius: 0px; max-width:100%; }
.wp-caption img { margin: 5px;padding: 0;border: 0 none; }
.wp-caption p.wp-caption-text {	font-size: 10px;color:#777777;line-height: 17px;padding: 0 5px;margin: 0; }



/* Comments Template
-------------------------------------------------------------------------------*/
h2#comments { margin-top:5px; }
.comments { clear:both; margin-bottom:30px; }
ol.commentlist {list-style: none; padding:0; margin:0;}
ol.commentlist li { margin-bottom:5px;}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #666;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: rgba(0,0,0,0.05);}
ol.commentlist li.odd {background: rgba(0,0,0,0.1);}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

/* Disqus
-------------------------------------------------------------------------------*/


/***************************************************
* Pagination
***************************************************/

#pagination { text-align:center; overflow:visible;  margin-top:100px; clear:both; }
#pagination ul { list-style-type:none; overflow:visible; display:inline-block; margin:0; padding:0;}
#pagination ul li { float:left; }
#pagination ul li a.page-numbers,
#pagination ul li .page-numbers { display:block; padding:10px 15px; margin:0 5px; text-decoration:none; color:#22211f; border:1px solid #eaeaea; background:#eaeaea; border-radius: 4px; }
#pagination ul li .page-numbers.dots { background:none; border:none; padding:5px; color:#666666; }
#pagination ul li .page-numbers.prev,
#pagination ul li .page-numbers.next { background:#a82439; color:#FFFFFF; border:none; }
#pagination ul li a:hover { background:#FFFFFF; }
#pagination ul li .page-numbers.current { background:#FFFFFF; color:#a82439; }


/* Infinite Scroll
-------------------------------------------------------------------------------*/


#storyFetcher-alert {
	width:100%;
	font-size:16px;
	font-weight:lighter;
	text-transform:uppercase;
	padding:30px 40px;
	text-align:center;
	color:rgba(0,0,0,0.5);
	margin-top:250px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	background:rgba(255,255,255,0.6);	
	
  -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.1s ease-out;  /* FF4+ */
       -o-transition: all 0.1s ease-out;  /* Opera 10.5+ */
          transition: all 0.1s ease-out;
}

#storyFetcher-alert.loading {
	font-size:16px;
	color:rgba(0,0,0,0.5);
	background:rgba(255,255,255,0.0) url(img/loading.gif) no-repeat center 0px;	
}

#storyFetcher-alert h1 { margin:0; }

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

#nav-bottom ul { list-style-type:none; margin:0; padding:0; opacity:0.3; }
#nav-bottom ul li { float:left; }
#nav-bottom ul li a { display:block; padding:10px 20px 10px 25px; position:relative; bottom:-5px; margin-right:-5px; color:#FFF; text-decoration:none; font-weight:normal; background:#46a5a6 url(img/texture.jpg) repeat;

-webkit-border-radius: 50px 5px 0 0;
        border-radius: 30px 10px 0 0;

-webkit-box-shadow:  -3px 0px 6px 1px rgba(0, 0, 0, 0.5);
        box-shadow:  -3px 0px 6px 1px rgba(0, 0, 0, 0.5);
		
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
        filter: dropshadow(color=#111, offx=1, offy=1);
		
		  -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.1s ease-out;  /* FF4+ */
       -o-transition: all 0.1s ease-out;  /* Opera 10.5+ */
          transition: all 0.1s ease-out;
}

#nav-bottom ul li a:hover { bottom:0px;
-webkit-box-shadow:  -3px 1px 6px 1px rgba(0, 0, 0, 0.4);
        box-shadow:  -3px 1px 6px 1px rgba(0, 0, 0, 0.4);		
}

#nav-bottom ul li:nth-of-type(3n-2) a { background-color:#46a5a6; }
#nav-bottom ul li:nth-of-type(3n-1) a { background-color:#8fa623; }
#nav-bottom ul li:nth-of-type(3n) a { background-color:#eb7935; }


/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/* Student Contribute
-------------------------------------------------------------------------------*/
.page-template-guest-post-page-php #studentContributeButton { display:none; }
#studentContributeButton {

	-webkit-box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.1); 
	
	display: inline-block;
	float:left;
	padding: 8px 20px 8px 35px;
	outline: none;
	
	-webkit-border-radius: 5px;
    border-radius: 4px;
	/*background:#006666 url(img/edit.png) no-repeat 10px center;*/
	background:#a82439;
	background:#a82439 url(img/edit.png) no-repeat 10px center;
	background-size:16px;
	
	color:#FFFFFF;	
	font-weight:bold;
	text-decoration:none;
	white-space: nowrap; font-weight:light;

	cursor: pointer;
  
    -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.1s ease-out;  /* FF4+ */
       -o-transition: all 0.1s ease-out;  /* Opera 10.5+ */
          transition: all 0.1s ease-out;
		  
	-webkit-user-select: none;
	-moz-user-select: none;
}

#studentContributeButton:hover {
	background-color: #be364b;
	color: #FFFFFF;
}
/*@media only screen and (max-width: 960px) {
	#studentContributeButton {
		position: fixed; 
		top:0;
		right:0;
		left:auto;
		z-index:100;
		height:14px;
		border-radius: 0 0 0 5px;
		font-size:12px;
	}
}*/

#studentContribute section,
#studentContribute header,
#studentContribute fieldset { max-width:1000px; margin-left:auto; margin-right:auto; position:relative; clear:both; }


#studentContribute label { display:block; clear:both; font-weight:bold; color:#333; margin:5px 0 0 0; display:inline-block; cursor:text; }
#studentContribute .wp-editor-container { background:#FFFFFF; }
#studentContribute #title { width:100%; padding:6px; margin-bottom:15px; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */ 
}

#studentContribute header { margin-bottom:0; }
#studentContribute header h2 { font-size:18px; color:#444444; margin-bottom:0; }
#studentContribute header p:first-of-type { margin:0; color:#666; font-style: italic; }

#studentContribute .dim { opacity:0.6; }

#studentContribute #email { width:400px; clear:both; }

#studentContribute #guidelines_jump { position:absolute; top:0; right:0; }
@media only screen and (max-width: 700px) {
	#studentContribute #guidelines_jump { top:-30px; }
}

@media only screen and (max-width: 500px) {
	#studentContribute section,
	#studentContribute fieldset { max-width:330px; overflow:visible;}
	#studentContribute #email { width:auto; }
	.wp-editor-container {
	width:330px; // What ever size you want
	}
	.mceToolbar { display:none; }
}

@media only screen and (max-width: 399px) {
	#studentContribute section,
	#studentContribute fieldset { max-width:280px; overflow:visible;}
	#studentContribute #email { width:auto; }
	.wp-editor-container {
	width:280px; // What ever size you want
	}
	.mceToolbar { display:none; }
}

#studentContribute fieldset { border:none; border-top:1px solid #CCC; padding:20px 0; }

#studentContribute input[type="text"] { padding:6px; }
#studentContribute input[type="text"]:focus,
#studentContribute #excerpt:focus { border-color: #006666; }

#studentContribute input:focus,
#studentContribute textarea:focus { outline:none; } 

#studentContribute input[readonly],
#studentContribute input[readonly]:focus { color:#999999; background-color:#EEEEEE; border:1px solid #666666; }


#studentContribute fieldset[name="event"] input[type="radio"] { display:none; }
#studentContribute fieldset[name="event"] input[type="radio"] + label { background:url(img/radio_off.png) no-repeat left top; padding:0 10px 0 36px; min-height:30px; line-height:32px; font-size:22px; font-weight:normal; cursor:pointer; }
#studentContribute fieldset[name="event"] input[type="radio"]:checked + label { background:url(img/radio_on.png) no-repeat left top; }

.ie8 #studentContribute fieldset[name="event"] input[type="radio"] { display:block; }
.ie8 #studentContribute fieldset[name="event"] input[type="radio"] + label { background:none; }

.ie7 #studentContribute fieldset[name="event"] input[type="radio"] { display:block; }
.ie7 #studentContribute fieldset[name="event"] input[type="radio"] + label { background:none; }

#tagSelect { margin:0; padding:0; list-style-type:none; }
#tagSelect li { float:left; display:block; min-width:30%; padding:5px; }
#tagSelect input { vertical-align:middle; margin-right:5px; }
#tagSelect .popular {  }
#tagSelect .popular .label:after { display:inline-block; content:"Hot"; background:#006666; -webkit-border-radius: 3px; border-radius: 3px; padding:2px 4px 1px 4px; margin: 0 0 0 5px; color:#EEEEEE; font-weight:normal; font-size:10px; }


#studentContribute #event_meta { text-align:left; font-size:small; }
#studentContribute #event_meta h3 { margin:20px 0 0 0; }
#studentContribute #event_meta > p { margin:0; font-style:italic; }

#studentContribute #event_meta input[type="text"] { padding:3px 6px; }

#studentContribute #event_meta table { width:100%; margin:15px 0; }

#studentContribute #event_meta td { vertical-align:top; padding:10px; color:#666666; }
#studentContribute #event_meta th { vertical-align:top; padding: 10px 15px 10px 0; width:20%; text-align:right; font-weight:lighter !important; font-style:italic; }

#studentContribute #event_meta td label { margin:0 5px 0 12px; font-weight:normal; font-style:italic; }


#studentContribute #event_meta tr { border-bottom:1px solid #CCC; }
#studentContribute #event_meta tr:nth-child(odd) { background:#DDD; }
#studentContribute #event_meta tr:nth-child(even) { background:#EEE; }

#studentContribute #cat { 
padding: 2px;
height: 2em;
border-color: #dfdfdf;
color: #000;
background-color: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
border-width: 1px;
border-style: solid;
outline: 0;
line-height: 15px;
}


.photo_upload::-webkit-file-upload-button {
  visibility: hidden;
}
.photo_upload:before {
  content: 'Add a featured photo to your story';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3); 
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.photo_upload:hover:before {
  border-color: black;
}
.photo_upload:active:before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}

#studentContribute .site-image { overflow:auto; margin-bottom:10px; }

#studentContribute .site-image img { width:150px; float:left; border:1px solid #333; margin-right:15px; }

#studentContribute #submit {
background-color: #21759b;
background-image: -webkit-gradient(linear,left top,left bottom,from(#2a95c5),to(#21759b));
background-image: -webkit-linear-gradient(top,#2a95c5,#21759b);
background-image: -moz-linear-gradient(top,#2a95c5,#21759b);
background-image: -ms-linear-gradient(top,#2a95c5,#21759b);
background-image: -o-linear-gradient(top,#2a95c5,#21759b);
background-image: linear-gradient(to bottom,#2a95c5,#21759b);
border-width:1px;
border-style:solid;
border-color: #21759b;
border-bottom-color: #1e6a8d;
-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
color: #fff;
text-decoration: none;
text-shadow: 0 1px 0 rgba(0,0,0,0.1);	

-webkit-border-radius: 3px;
    border-radius: 3px;


height: 30px;
line-height: 28px;
padding: 0 12px 2px;
}

#studentContribute #submit:hover {
background-color: #278ab7;
background-image: -webkit-gradient(linear,left top,left bottom,from(#2e9fd2),to(#21759b));
background-image: -webkit-linear-gradient(top,#2e9fd2,#21759b);
background-image: -moz-linear-gradient(top,#2e9fd2,#21759b);
background-image: -ms-linear-gradient(top,#2e9fd2,#21759b);
background-image: -o-linear-gradient(top,#2e9fd2,#21759b);
background-image: linear-gradient(to bottom,#2e9fd2,#21759b);
border-color: #1b607f;
-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);	
}

#studentContribute #submit:active { 
background: #1b607f;
background-image: -webkit-gradient(linear,left top,left bottom,from(#21759b),to(#278ab7));
background-image: -webkit-linear-gradient(top,#21759b,#278ab7);
background-image: -moz-linear-gradient(top,#21759b,#278ab7);
background-image: -ms-linear-gradient(top,#21759b,#278ab7);
background-image: -o-linear-gradient(top,#21759b,#278ab7);
background-image: linear-gradient(to bottom,#21759b,#278ab7);
border-color: #124560 #2382ae #2382ae #2382ae;
color: rgba(255,255,255,0.95);
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

#studentContribute #errors { border:1px solid #930; background:#FFA1A1; padding:20px; margin:20px 0; }
#studentContribute #errors  h3 { margin-top:0; }
#studentContribute .errortext { color:#FF3300; font-weight:bold; margin-top:0; }
#studentContribute .errorbox { background:#FFA1A1 } 

#studentContribute .valid { background-color:#CCFFCC; border:2px solid #393; }

#studentContribute .invalid { background-color:#FFCDCA; border:2px solid #C30; }


.required { color:#980f2e;  }
.required:before { content:"*"; }

#postingGuidelines { border:1px solid #CCC; padding:15px; margin:75px auto 30px auto; background:#FFFFFF url('img/minus.png') no-repeat 98% 15px; background-size:20px; cursor: pointer; max-height:9999px;
 	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
#postingGuidelines h2 { font-size:18px; margin-top:0; text-transform:uppercase; }
#postingGuidelines { color:#777777; font-size:small; }

#postingGuidelines.collapsed { max-height:50px; overflow: hidden; background:#FFFFFF url('img/plus.png') no-repeat 98% 15px; background-size:20px; cursor: pointer;}


.button,
a.button { 
  display: inline-block;
  color:#000000;
  text-decoration:none;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3); 
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}

/***************************************************
* Search Box
***************************************************/

#searchform { float: left; margin-left:10px; }
#searchform #s { background: #FFFFFF; background:rgba(255,255,255,0.9) url(img/search3.png) no-repeat 6px center; background-size:26px; padding:7px 25px 5px 28px; color:#333333; -webkit-border-radius: 4px; border-radius: 4px; border:none; height:22px; -webkit-box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.1); }

#filter-keyword:focus, #s:focus { outline:none; color:#111111;  }

.search #stories h1 { color:#FFFFFF; padding:10px; }

/* Other
-------------------------------------------------------------------------------*/

.lightbg {
	padding:30px;
	background:#EEEEEE;
	background:rgba(250,250,250,0.9) url(img/texture.jpg);
	-webkit-border-radius: 3px;
    border-radius: 3px;
}

#notfound {
	text-align:center;
}

#notfound h2 { font-size:42px; }

#mc_embed_signup,
#mc_signup_button {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}

#mc_embed_signup { position: absolute; top:-70px; right:0; height:40px; padding:15px; background:#FFFFFF; background:rgba(255,255,255,0.8); border-radius: 0 0 0 4px;}
#mc_embed_signup.visible { top:0; }
#mc_embed_signup #mce-EMAIL { width:170px; height:26px; padding:0 5px; margin:4px 0; border-radius:4px; border:1px inset; opacity:0.9; color:#AAAAAA; float:right; }
#mc_embed_signup #mce-EMAIL:focus { outline:none; opacity:1; color:#111111; }
#mc_embed_signup #mc-embedded-subscribe { height:30px; float:right; display: none; }


#mc_signup_button { position: absolute; bottom:-40px; right:0; background:#FFFFFF; border:none; padding:0 15px 0 35px; height:40px; font-size:14px; opacity: 0.8; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0 0 4px 4px;}
#mc_signup_button:hover { opacity:0.9; }
#mc_signup_button:before { content:""; display: block; width:15px; height:15px; position: absolute; top:13px; left:15px; background:url('img/icons/svg/email.svg') no-repeat center; background-size: contain; opacity:0.5; }

#mc_embed_signup.visible #mc_signup_button {
	opacity:0.4;
}



@media only screen and (max-width:799px) {
	#mc_embed_signup,
	#menu { display:none; }
}

/* Media queries!
-------------------------------------------------------------------------------*/
/* Large Desktops */
@media only screen and (min-width: 1025px) {
	#tagSelect li { min-width:23%; }
}

/* Tablets [portrait + landscape] */
@media only screen and (min-width: 600px) and (max-width: 1160px) {
	/*#footer { position:fixed; bottom:0; right:5%; }*/
	#s { width:90px; }
}

/* Mobile Phones [portrait + landscape] */
@media only screen and (max-width: 599px) {
	#tagSelect li { min-width:40%; }
	#s { width:75px; }
}

/* Mobile Phones [portrait + landscape] */
@media only screen and (max-width: 399px) {
	#tagSelect li { width:100%; clear:both; }
}


/* Hotfix for global cu_nav
-------------------------------------------------------------------------------*/

#cu_nav .story { margin:0 !important; background-image:none;}