/*
Theme Name: UF Magazine Redesign
Theme URI: http://law.ufl.edu/
Author: The UF Law Guys
Author URI: http://law.ufl.edu/
Description: Development Theme for the Magazine Redesign.
Tags: 
License: 
License URI: 

Text Domain: requiredfoundation
*/

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: General Stuff
:: Make foundation work with WordPress
*/
/* ---------------------------------------------------
   General Stuff
--------------------------------------------------- */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
abbr, acronym, dfn {
	cursor: help;
	border-bottom: 1px dotted #e6e6e6;
}
.alignleft{
	float: left;
	margin: 5px 15px 5px 0;
}
.alignright {
	float: right;
	margin: 5px 0 5px 15px;
}
.aligncenter {
	text-align: center;
}
.entry-meta,
.page-link {
	clear: both;
}

.nav-single {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	width: 50%;
	text-align: right;
}
div.attachment { text-align: center; }

.format-image .entry-meta h6,
.format-link .entry-meta h6,
.format-quote .entry-meta h6,
.format-status .entry-meta h6,
.sticky .entry-meta h6 { display: inline-block; }
.entry-meta .label { float: right; text-transform: uppercase; margin: 15px 0; font-style: italic; }

.format-status .entry-header img { float: left; margin: 5px 15px 0 0; }

.format-link .entry-content a {
	font-size: 22px;
	line-height: 1;
}

/* ---------------------------------------------------
   Make foundation work with WordPress
--------------------------------------------------- */



.post-box .row > .columns.left {
	margin-left: 0;
	margin-right: 0;
}
.row .entry-content > .columns.left {
	margin-left: 0;
	margin-right: 4.4%;
}
.row .entry-content > .columns.right {
	float: right;
	margin-left: 4.4%;
	margin-right: 0;
}
.row .entry-content > .columns br {
	font-size: 1%;
	line-height: 0;
}
#supplementary {
	padding-top: 20px;
}
#footer {
	padding-top: 20px;
}
footer > div.row:last-child {
	margin-top: 80px;
	border-top: solid 1px #E6E6E6;
	padding-top: 20px;
}
footer > div.row:first-child {
	margin-bottom: -80px;
	padding-top: 20px;
}
.required-header #searchform {
	float: right;
	margin-top: 14px;
}
.required-header input {
	float: left;
}
.required-header .header-img {
	display: block;
	margin: 30px 0;
	padding-bottom: 30px;
	border-bottom: 1px solid #E6E6E6;
}
.entry-meta {
	font-size: 14px;
}
article footer.entry-meta {
	margin: 30px 0;
	padding-bottom: 30px;
	border-bottom: 1px solid #E6E6E6;
}
article:last-child footer.entry-meta {
	border-bottom: none;
}
table {
	width: 100%;
}
ol.commentlist { margin-left: 0; }
.commentlist li { list-style: none; }
article.comment { margin: 30px 0; }
.comment-meta img { float: left; margin: 5px 10px 5px 0; }
#comment { min-height: 120px; }

.entry-content ul,
aside ul { margin-left: 17px; }

/* Make pagination work */
ul.page-numbers { display: block; height: 24px; margin-left: -5px; }
ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; }
ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; }
ul.page-numbers li.unavailable a { cursor: default; color: #999; }
ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
ul.page-numbers li span.current { background: #4682B4; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }

/* Off canvas layout stuff */
.off-canvas [role="main"]:before {
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.js .off-canvas [role="main"] {
	background: transparent;
}
@media all and (min-width: 768px) {
	.js .off-canvas [role="complementary"] { width: 20%; margin-top: 14px; }
  	.js .off-canvas [role="main"] { width: 80%; }
}

@media handheld, only screen and (max-width: 767px) {
	.sidebar-menu { border-bottom: 1px solid #ddd; position: relative; }
	.off-canvas .menu-action { float: left; position: relative; top: 1px; margin-top: 0; padding-left: 15px; }
	.off-canvas .menu-action .button.small { padding: 8px; }
	.off-canvas .menu-action .button.small svg { opacity: 0.5; }
	.js .off-canvas [role="complementary"] { margin-top: 0; }
}

/*Custom*/
/*COLOR BLOCK*/

.full_width{
	position: relative;
	background: #ffffff;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.full_width:before, .full_width:after{
	content: "";
	position: absolute;
	background: #ffffff; /*Match the backgrounds*/
	top: 0;
	bottom: 0;
	width: 9999px; /* some huge width*/
}

.full_width:before {
	right: 100%;
}

.full_width:after {
	left: 100%;
}

/*footer*/
#supplementary{
	padding-top: 0;
	margin-top: 20px;
}

#supplementary > .full_width{
	background: #0f152b;
	border-top: 1px solid #FF6633;
}

#supplementary > .full_width, #supplementary > .full_width:before, #supplementary > .full_width:after{
	background: #0f152b;
	border-top: 1px solid #FF6633;
	top: -1px;
}

#supplementary, #supplementary h4{
	color:#ffffff;
}

#first.full_width, #first.full_width:before, #first.full_width:after{
	background: #0f152b;
}

#footer > .full_width, #footer > .full_width:before, #footer > .full_width:after{
	background: #0f152b;
	margin-top: -21px;
}

.siteinfo{
	margin: 0;
	padding: 0;
}

.siteinfo a, span{
	color: #ffffff;
	font-size: 80%;
}


.siteinfo a{
	color: #ffffff;
}

.siteinfo a:hover{
	color: #FF6633;
}

.siteinfo span, .siteinfo span>a{
	color: #555555;
}

.siteinfo ul{
	margin-top: 10px;
	padding-bottom: 10px;
	line-height: 1;
}

.siteinfo li{
	list-style: none;
	float: left;
	padding: 0 4px;
	border-right: 1px solid #ffffff;
}

.siteinfo li:first-child{
	padding-left: 0;
}

.siteinfo li:last-child{
	border-right: none;
}

.siteinfo .social_list li{
	border: none;
	padding-left: 0;
}

.lt-ie8 .siteinfo .social_list li a,
.ie8compat .siteinfo .social_list li a{
	line-height: 25px;
}

.siteinfo .social_list li a{
	padding-left: 30px;
	padding-right: 9px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: -8px;
}

.siteimage{
	float: left;
	padding-right: 10px;
}


@media only screen and (max-width: 885px){
	.siteinfo li a, .siteinfo span, .siteinfo span > a{
		margin-bottom: 0;
		font-size: 8px;
		line-height: 10px;
	}

	.siteimage{
		margin-top: 5%;
	}
}
@media only screen and (max-width: 767px){
	.siteinfo{
		margin-left: 10px;
	}

	.siteinfo a, span {
	   	font-size: 70%;
   }
	
	.siteinfo ul{
		margin-bottom: 0;
	}

	.siteinfo li {
    	float: none;
    	border-right: none;
		padding-left: 0;
		padding-bottom: 10px;
	}

	.siteimage{
		width: 287px;
		margin-bottom: 20px;
    margin-top: 40px;
	}
}

/* COLOR BLOCK IE HACK ( .lt-ie8 & .ie8compat ) */
/* navigation */
.lt-ie8 nav#access.full_width, .ie8compat nav#access.full_width {
  *zoom: expression( 
    this.runtimeStyle.zoom="1",
    this.appendChild( document.createElement("small") ).className="after",
    this.insertBefore( document.createElement("small"), this.firstChild ).className="before"
    );
}
  
.lt-ie8 nav#access.full_width .after,
.lt-ie8 nav#access.full_width:after,
.ie8compat nav#access.full_width .after,
.ie8compat nav#access.full_width:after {
  content: "";
	position: absolute;
	background: #0f152b; /*Match the backgrounds*/
	top: 0;
	bottom: 0;
	width: 9999px; /* some huge width*/
	left: 100%;
}
  
.lt-ie8 nav#access.full_width .before,
.lt-ie8 nav#access.full_width:before,
.ie8compat nav#access.full_width .before,
.ie8compat nav#access.full_width:before {
  content: "";
	position: absolute;
	background: #0f152b; /*Match the backgrounds*/
	top: 0;
	bottom: 0;
	width: 9999px; /* some huge width*/
  right: 100%;
}

/* supplementary */
.lt-ie8 #supplementary {
	margin: 0 auto;
	max-width: 100%;
}

.ie8compat #supplementary {
	margin: 0 auto;
	max-width: 100%;
}

.lt-ie8 #supplementary > .full_width {
  *zoom: expression( 
    this.runtimeStyle.zoom="1",
    this.appendChild( document.createElement("small") ).className="after",
    this.insertBefore( document.createElement("small"), this.firstChild ).className="before"
    );
}
  
.lt-ie8 #supplementary > .full_width .after,
.lt-ie8 #supplementary > .full_width:after {
  content: "";
	position: absolute;
	background: #0f152b; /*Match the backgrounds*/
	border-top: 1px solid #FF6633;
	top: -1px;
	bottom: 0;
	width: 9999px; /* some huge width*/
	left: 100%;
}
  
.lt-ie8 #supplementary > .full_width .before,
.lt-ie8 #supplementary > .full_width:before {
  content: "";
	position: absolute;
	background: #0f152b; /*Match the backgrounds*/
	border-top: 1px solid #FF6633;
	top: -1px;
	bottom: 0;
	width: 9999px; /* some huge width*/
  right: 100%;
}

.lt-ie8 #supplementary #first {
	width: 280px !important;
}

.lt-ie8 #supplementary #second {
	width: 280px !important;
}

.lt-ie8 #supplementary #third {
	width: 280px !important;
}

.ie8compat #supplementary > .full_width {
  *zoom: expression( 
    this.runtimeStyle.zoom="1",
    this.appendChild( document.createElement("small") ).className="after",
    this.insertBefore( document.createElement("small"), this.firstChild ).className="before"
    );
}
  
.ie8compat #supplementary > .full_width .after,
.ie8compat #supplementary > .full_width:after {
  content: "";
	position: absolute;
	background: #0f152b; /*Match the backgrounds*/
	border-top: 1px solid #FF6633;
	top: -1px;
	bottom: 0;
	width: 9999px; /* some huge width*/
	left: 100%;
}
  
.ie8compat #supplementary > .full_width .before,
.ie8compat #supplementary > .full_width:before {
  content: "";
	position: absolute;
	background: #0f152b; /*Match the backgrounds*/
	border-top: 1px solid #FF6633;
	top: -1px;
	bottom: 0;
	width: 9999px; /* some huge width*/
  right: 100%;
}

.ie8compat #supplementary #first {
	width: 280px !important;
}

.ie8compat #supplementary #second {
	width: 280px !important;
}

.ie8compat #supplementary #third {
	width: 280px !important;
}

/* footer */
.lt-ie8 #footer > .full_width,
.ie8compat #footer > .full_width {
  *zoom: expression( 
    this.runtimeStyle.zoom="1",
    this.appendChild( document.createElement("small") ).className="after",
    this.insertBefore( document.createElement("small"), this.firstChild ).className="before"
    );
}
  
.lt-ie8 #footer > .full_width .after,
.lt-ie8 #footer > .full_width:after,
.ie8compat #footer > .full_width .after,
.ie8compat #footer > .full_width:after {
  content: "";
	position: absolute;
	background: #0f152b; /*Match the backgrounds*/
	top: 0;
	bottom: 0;
	width: 9999px; /* some huge width*/
	left: 100%;
}
  
.lt-ie8 #footer > .full_width .before,
.lt-ie8 #footer > .full_width:before,
.ie8compat #footer > .full_width .before,
.ie8compat #footer > .full_width:before {
  content: "";
	position: absolute;
	background: #0f152b; /*Match the backgrounds*/
	top: 0;
	bottom: 0;
	width: 9999px; /* some huge width*/
  right: 100%;
}

.lt-ie8 .siteimage,
.ie8compat .siteimage {
	left: 0;
	margin-top: -110px;
}

.lt-ie8 .search_thumb_image, .ie8compat .search_thumb_image {
	/*display: none;*/
	position: relative;
	top: -250px;
	right: -600px;
	overflow: hidden;
	margin-bottom: -240px;
}

/* END IE HACK */

/*background for navigation*/
nav#access.full_width, nav#access.full_width:before, nav#access.full_width:after{
	background: #0f152b;
	padding: 0 !important;
}

.widget-area{
	background: #0f152b;
}

/*Navigation*/
#pull {
	display: none; /* hide the extra link by defualt */
}

.required-header #searchform{
	margin-top: -36px; /* push search into navigation bar */
}

@media only screen and (max-width: 767px) {
	nav ul {
		display: none; /* hiding the menu inside the dropdown */
		height: auto;
	}
	
	nav li {
		display: block;
		float: none;
		width: 100%;
	}

	nav li {
		border-bottom: 1px solid #999999;
		}

	nav li:last-child {
    	border-bottom: 0;
		}

	#pull{
		display: block; /* showing the hidden link */
		color: #ffffff;
		background-image: url("images/nav_pull_tab_left.png");
		background-position: left top;
		background-color: transparent; 
		height: 57px;
		content: "";
    	padding-top: 35px;
    	text-align: left;
    	padding-left: 26px;
    	margin-top: -5px;
    	border-top: solid 1px #0f152b;
    }

    .required-header #searchform{
		margin-bottom: -22px; /* push search into navigation bar */
		margin-top: 0;
	}

	.home_icon{
		display: none;
	}
}

.home_icon{
	background: url("images/home_icon.png");
	height: 14px;
	width: 16px;
	float: left;
    margin-top: 12px;
    margin-left: 5px;
    margin-right: 37px;
}

.home_icon:hover{
	background: url("images/home_icon_hover.png");
}

/*Sidebar*/
#sidebar{
	padding-right: 0;
	margin-top: 20px; 
}

.sidebar-box{
	/*overflow: hidden;*/
	max-width: 200px;
	margin: 0 25px 0 0;
	float: right;
}

.title_bar{
	position: relative;
}

.sidebar-box h4{
	line-height: 20px;
	background: #0f152b;
	color: #ffffff;
	font-size: 30px;
	font-family: garamond,serif;
	padding: 11px 8px 10px 42px;
	margin-bottom: 0;
	margin-top: 5px;
	text-align: center;
	letter-spacing: 10px; 
}

.super_small{
	color: #ffffff;
	font-family: garamond,serif;
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: 900;
	position: absolute;
	left: 2px;
	top: 4px;
    padding: 2px 6px 7px 12px;
}

.sidebar-box p{
	color: #5E5E5E;
	background: #cfcfcf;
	padding: 1.5em;
	font-size: 10px;
}

/*Header*/
/*hgroup{
	background-color: hsla(0, 0%, 100%, .5);
}

hgroup:before, hgroup:after{
	content: "";
	position: absolute;
	background-color: hsla(0, 0%, 100%, .5);
	top: 0;
	bottom: 0;
	width: 9999px; 
}

hgroup:before {
	right: 100%;
}

hgroup:after {
	left: 100%;
}

@media only screen and (max-width: 767px) {
	hgroup:before, hgroup:after{
		display: none;	
	}
}*/

#site-title{
	font-family: 'Crimson Text', serif;
	font-size: 8em;
	font-weight: 400;
	letter-spacing: -5px;
	font-stretch: condensed;
	margin:0;
}

#site-description{
	font-family: 'Crimson Text', serif;
	font-size: 1.5em;
	font-weight: 900;
	margin: -33px 11px 0 0;
	float: right;
}

#site-title a, #site-description a{
	color: #0f152b !important;
}

/* comment the next one out on lighter colored issues*/
#site-title a, #site-description a {
    color: #ff6633 !important;
}
/* this is the end of the part you should comment out*/

@media only screen and (max-width: 870px){
	#site-title{
		font-size: 7em;
		margin-bottom: 0;
	}

	#site-description{
		float: none;
		margin: 0 0 20px 0;
	}
}

@media only screen and (max-width: 450px){
	#site-title{
		font-size: 6em;
		
	}

	#site-description{
		font-size: 1em;
	}
}

@media only screen and (max-width: 390px){

}

/* search */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { 
	background-color: white; 
	font-family: inherit; 
	border: 1px solid #cccccc; 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	-ms-border-radius: 2px; 
	-o-border-radius: 2px;
	border-radius: 2px; 
	-webkit-box-shadow: 
	inset 0 1px 2px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
	color: rgba(0, 0, 0, 0.75); 
	display: block; 
	font-size: 14px; 
	margin-top: 3px;
	margin-right: 14px;  
	padding-left: 14px; 
	height: 24px; 
	width: 100%; 
	-webkit-transition: all 0.15s linear; 
	-moz-transition: all 0.15s linear; 
	-o-transition: all 0.15s linear; 
	transition: all 0.15s linear; 
}

.lt-ie9 input[type="text"], .lt-ie9 input[type="password"], .lt-ie9 input[type="date"], .lt-ie9 input[type="datetime"], .lt-ie9 input[type="email"], .lt-ie9 input[type="number"], .lt-ie9 input[type="search"], .lt-ie9 input[type="tel"], .lt-ie9 input[type="time"], .lt-ie9 input[type="url"], .lt-ie9 textarea {
	height: 25px;
	line-height: 14px; 
	margin-top: 2px;
	margin-right: 6px; 
	padding: 6px; 
	width: 120px; 
}

.lt-ie8 input[type="text"], .lt-ie8 input[type="password"], .lt-ie8 input[type="date"], .lt-ie8 input[type="datetime"], .lt-ie8 input[type="email"], .lt-ie8 input[type="number"], .lt-ie8 input[type="search"], .lt-ie8 input[type="tel"], .lt-ie8 input[type="time"], .lt-ie8 input[type="url"], .lt-ie8 textarea, 
{ 
	height: 15px; 
}

.lt-ie9 #searchform {
	width: 121px;
	float: right;
	margin-top: -36px;
}

.search_submit{
	position: relative;
	overflow: hidden;
}

.ie8compat .search_submit input {
	height: 14px;
}

@media only screen and (max-width: 767px){
	#searchform{
		width: 80vw;
		padding-right: 10vw;
	}

	.search_submit {
		top: 3px;
	}
}

.search_submit_button{
	border-right-width: 0;
    margin-left: -37px;
    margin-top: 5px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0eWxlMHtmaWxsOgkjQ0NDQ0NDO308L3N0eWxlPjxwYXRoIGQ9Ik0xMy4wMTggMC4wMmMtMy44NTEgMC02Ljk3MiAzLjEyMi02Ljk3MiA2Ljk3MmMwIDEuNCAwLjQgMi43IDEuMiAzLjg0NmwtNi43NTIgNi42IGMtMC41OTMgMC41NzgtMC42MDQgMS41MjgtMC4wMjYgMi4xMjFDMC43MiAxOS44IDEuMSAyMCAxLjUgMjBjMC4zNzggMCAwLjc1Ni0wLjE0MiAxLjA0OC0wLjQyN2w2LjgxNi02LjY1MSBjMS4wNjMgMC43IDIuMyAxIDMuNyAxLjA0MmMzLjg1MSAwIDYuOTczLTMuMTIyIDYuOTczLTYuOTcyUzE2Ljg2OCAwIDEzIDAuMDJ6IE0xMy4wMTggMTIgYy0xLjMxNyAwLTIuNTEtMC41MjQtMy40LTEuMzY0Yy0wLjAwMy0wLjAwNC0wLjAwNC0wLjAwOS0wLjAwOC0wLjAxM2MtMC4wMTItMC4wMTMtMC4wMy0wLjAxNy0wLjA0Mi0wLjAyOSBDOC42MzIgOS43IDggOC40IDggNi45OTJjMC0yLjc0MiAyLjIzLTQuOTcyIDQuOTcyLTQuOTcyYzIuNzQyIDAgNSAyLjIgNSA0Ljk3MlMxNS43NiAxMiAxMyAxMS45NjR6IiBjbGFzcz0ic3R5bGUwIi8+PC9zdmc+) no-repeat right #fff;
    border: none;
    font-size: 0;
    height: 20px;
    width: 20px;
}

.lt-ie8 .search_submit_button {
	display: none;
}

/*Posts*/
/*#content{
	padding-bottom: 20px;
}*/

.post_featured_image{
	padding: 15px 25px 20px 15px;
	margin-left: 0;
}

.post_featured_image img{
	border: solid 1px #ccc;
	padding: 3px;
}

.entry-title h1{
	font-size: 42px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 50px;
}

.entry-title a{
	color: #0f152b;
}

.entry-summary{
	margin-bottom: 30px;
}

.entry-content{
	margin-top: 30px;
}

.featured_text{
	font-weight: 400;
	color: #555;
	font-size: 18px;
	line-height: 22px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.cat-links{
	text-transform:uppercase;
	font-weight: 500;
	font-size: 1.12em;
	margin-top: 10px;
}

.cat-links a{
	color: #FF6633;
}

.cat-links a:hover{
	color: #cfcfcf;
}

/*Social*/
.social_nav{
	padding-left: 0;
	margin-bottom: -170px;
}
.social_nav ul{
	margin: 0;
	padding: 0;
	margin-top: 20px;
}

.social_nav ul li{
	padding: 5px 0 0 5px;
	margin-left: 5px;
	list-style-type: none; 
}

.social_nav ul li a{
	padding: 4px 0 0 28px;
	height: 64px;
	color: #999;
	text-decoration: none;
	line-height: 1.4em;
}

/*social_small*/
.social_nav_small{
	padding-left: 0;
	padding-bottom: 40px;
	margin: 0 0 0 -17px;
}
.social_nav_small ul{
	margin: 0;
	padding: 0;
	margin-top: 20px;
}

.social_nav_small ul li{
	padding: 5px 0 0 5px;
	margin-left: 5px;
	list-style-type: none;
	float: left; 
}

.social_nav_small ul li a{
	padding: 4px 0 0 28px;
	height: 64px;
	color: #999;
	text-decoration: none;
	line-height: 1.4em;
}

/* social_footer */
.social_footer{
	padding-left: 0;
	padding-bottom: 40px;
	margin: 0 0 0 -17px;
}

.social_footer ul{
	margin: 0;
	padding: 0;
	margin-top: 20px;
}

.social_footer ul li{
	padding: 5px 0 0 5px;
	margin-left: 5px;
	list-style-type: none;
	float: left; 
}

.social_footer ul li a{
	padding: 4px 0 0 28px;
	height: 64px;
	color: #999;
	text-decoration: none;
	line-height: 1.4em;
}

.facebook{
	background: url("images/facebook.png") no-repeat;
	background-position: 7px 0;
}

.facebook:hover{
	background: url("images/facebook_color.png") no-repeat;
	background-position: 7px 0;
}

.linkedin{
	background: url("images/linkedin.png") no-repeat;
	background-position: 7px 0;
}

.linkedin:hover{
	background: url("images/linkedin_color.png") no-repeat;
	background-position: 7px 0;
}

.twitter{
	background: url("images/twitter.png") no-repeat;
	background-position: 7px 0;
}

.twitter:hover{
	background: url("images/twitter_color.png") no-repeat;
	background-position: 7px 0;
}

.email{
	background: url("images/email.png") no-repeat;
	background-position: 7px 0;
}

.email:hover{
	background: url("images/email_color.png") no-repeat;
	background-position: 7px 0;
}

.print{
	background: url("images/print.png") no-repeat;
	background-position: 7px 0;
}

.print:hover{
	background: url("images/print_color.png") no-repeat;
	background-position: 7px 0;
}

/*ie hack*/
.ie8compat .facebook, .ie8compat .facebook:hover, .ie8compat .linkedin, .ie8compat .linkedin:hover, .ie8compat .twitter, .ie8compat .twitter:hover
.lt-ie8 .facebook, .lt-ie8 .facebook:hover, .lt-ie8 .linkedin, .lt-ie8 .linkedin:hover, .lt-ie8 .twitter, .lt-ie8 .twitter:hover {
	background-position: 8px 1px;
}

/*Archive, 404 and Search Results*/
.no-results{
	margin-bottom: 200px;
	margin-top: 100px;
}
body.error404 #footer.row{
	padding-top: 95px;
}

.error404 #footer > .full_width, #footer > .full_width:before, #footer > .full_width:after {
	margin-top: 0;
}

.results{
	margin: 15px 0 30px 0;
}

.article_separator{
	margin: 0;
}

.required-pagination{
	margin-top: 20px;
}

.search_thumb_image{
	border: 1px solid #ccc;
	padding: 3px;
	margin: 15px 0 15px 0;
}

.panel{
	padding: 10px 20px 10px 20px;
	margin-bottom: 0;
}

.panel p{
	margin-bottom: 0;
	color: #FF6633;
	font-weight: 500;
	font-size: 1.12em;
}

/*Supersize*/
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:absolute; display:none; border:none; max-width: none; z-index:-999;}
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#fff; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
			/*

	Supersized - Fullscreen Slideshow jQuery Plugin

	Site	: www.buildinternet.com/project/supersized
	
	Theme 	: Shutter 1.2
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

	/* Controls Bar
	----------------------------*/
#slidecaption { 
	color:#FFF;
	font-size: 4.5em;
	text-shadow:#000 3px 3px 5px;
	margin:20px 0;
	letter-spacing: -3px;
	font-family: Garamond;
	font-weight: 900;
	word-wrap: break-word;
}

#slideexcerpt { 
	color:#FFF;
	font-size: 2.1em;
	text-shadow:#000 2px 2px 4px;
	margin:20px 0;letter-spacing: -1px;
	font-family: Garamond;
	font-weight: 700;
	max-width: 500px;
}

#slideexcerpt .read-more{
	font-size: 1em;
	color: #ffffff;
	text-decoration:underline;
}

.lt-ie9 #slideexcerpt, .lt-ie9 #slidecaption{
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=777777);
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 600px) {
	#slidecaption {
		font-size: 3em;
	}

	#slideexcerpt {
		font-size: 1.5em;
	}

	#slideexcerpt .read-more{
	font-size: .75em;
	}
}

#prevslide, #nextslide { 
	position:absolute;
	height:43px;
	width:43px;
	top:50%;
	margin-top:-21px;
	opacity:0.6;
}

#prevslide{
	left:10px;
	background:url('https://www.law.ufl.edu/uflaw/wp-content/themes/UF_Magazine/images/back.png');
}

#nextslide {
	right:10px;
	background:url('https://www.law.ufl.edu/uflaw/wp-content/themes/UF_Magazine/images/forward.png');
}

#prevslide:active, #nextslide:active {
	margin-top:-19px;
}

#prevslide:hover, #nextslide:hover {
	cursor:pointer;
}

ul#slide-list {
	padding:15px 0;
	float:left;
	position:absolute;
	left:50%;
}

ul#slide-list li {
	list-style:none;
	width:12px;
	height:12px;
	float:left;
	margin:0 5px 0 0;
}

ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{
	background-position:0 0px;
}

ul#slide-list li a{
	display:block;
	width:12px;
	height:12px;
	background:url('../img/nav-dot.png') no-repeat 0 -24px;
}

ul#slide-list li a:hover {
	background-position:0 -12px;
	cursor:pointer;
}

/* Thumbnail Navigation----------------------------*/	
	#nextthumb,#prevthumb { z-index:2; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; }
	#nextthumb { right:12px; }
	#prevthumb { left:12px; }
	#nextthumb img, #prevthumb img { width:150px; height:auto;  }
	#nextthumb:active, #prevthumb:active { bottom:59px; }
	#nextthumb:hover, #prevthumb:hover { cursor:pointer; }

/* Thumbnail Tray----------------------------*/			
	#thumb-tray{ z-index:3; bottom:0; width:100%;}

	ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }
	ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:150px; overflow:hidden; float:left; margin:10px 10px 10px 0; }
	ul#thumb-list li img { width:200px; height:auto; opacity:0.5; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
	ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
	ul#thumb-list li:hover{ cursor:pointer; }

	.lt-ie9 #thumb-tray{ z-index:3; bottom:0; width:100%;}

	.lt-ie9 ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }
	.lt-ie9 ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:150px; overflow:hidden; float:left; margin:10px 10px 10px 0; }
	.lt-ie9 ul#thumb-list li img { width:150px; height:150px; opacity:0.5; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
	.lt-ie9 ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
	.lt-ie9 ul#thumb-list li:hover{ cursor:pointer; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 600px) {
	ul#thumb-list li{width:135px; height:135px;}
}


				
/*THIS IS MY CUSTOM.CSS ESSENTIALLY */

#news, #spotlight {
 margin-bottom: 10px;}

.lt-ie9 .post-item, .lt-ie9 .post-item{
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B20F152B,endColorstr=#B20F152B)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B20F152B,endColorstr=#B20F152B);   /* IE6 & 7 */
	zoom: 1;
}

.post-item {
	float: left;
	padding: 5px;
	width: 150px;
	height: 270px;
	border: 1px #000 solid;
	margin: 0 5px 10px 5px;
	background-color: #0f152b;
	background-color: rgba(15,21,43,0.7); 
	margin-bottom: 10px;
}

@media only screen and (min-width: 320px) and (max-width: 600px){
	.post-item {width: 135px;}
}

.front-display-box h4, h4 a {
    height: 60px;
}

.front-display-box  h3, h3 a {
text-transform:uppercase;
color: #fff;
font-size: 1.1em;
text-shadow:#000 1px 1px 2px;
}

.front-display-box  h4, .front-display-box h4 a {
color: #fff;
font-size: 1.1em;
text-shadow:#000 1px 1px 2px;
}

div#slide_container {
min-height: 550px;
padding-left: 25px;
}

@media only screen and (min-width: 320px) and (max-width: 600px){
	div#slide_container {
	min-height: 350px;
	padding-left: 0;
	}
}

.front-display-box img {
border: 1px #FFF solid;
}

.wp-caption-text {
color: #999999; 
font-size: 0.8em;
}

@import "print.css";