/*
Theme Name: UA News
Theme URI: http://ua.edu
Description: Child theme for the UA Theme
Version: 1.0
Author: Web Communications
Author URI: http://webcomm.ua.edu
Template: ua_theme
Tags: university of alabama, crimson, white, grid, xhtml, multi-columns, widgets, menus, threaded comments, theme options panel
*/

@import url("../ua_theme/style.css");

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'DejaVuSansCondensed';
    src: url('fonts/DejaVuSansCondensed-webfont.eot');
    src: url('fonts/DejaVuSansCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DejaVuSansCondensed-webfont.woff') format('woff'),
         url('fonts/DejaVuSansCondensed-webfont.ttf') format('truetype'),
         url('fonts/DejaVuSansCondensed-webfont.svg#PTSansRegular') format('svg');
}

/*------------------------------------------------------------------------------
  1.0 - Text Elements
------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	letter-spacing: 0;
	font-family: 'DejaVuSansCondensed','Lucida Sans',Lucida Sans Unicode,Verdana,sans-serif;
}

p{
	font-size:1.5em;
}

.postmetadata,
.more{
	color:#888;
}

.sticky .postmetadata{
	color:#666;
}

.more{
	font-weight:bold;
	text-align:right;
	margin:15px 0;
}

/*------------------------------------------------------------------------------
  2.0 - Header
------------------------------------------------------------------------------*/
#header-wrapper{
	width:100%;
	background-color:#900;
	background-position:top left;
	background-repeat:repeat-x;
}

body.ua-nav-two{
	background-image:none;
}

.ua-nav-two #header-wrapper{
	background-image:url('../ua_theme/images/header-bg-two.png');
}

.home #content {
	margin-top: 5px;
}

#header, #top-wrapper{
	width:972px;
	margin:0 auto;
}

#top-wrapper{
	position:relative;
	height:27px;
}

#nameplate-wide{
	background:url("http://uanews.ua.edu/images/layout/nameplate_ua.gif") no-repeat scroll left top transparent;
	width:254px;
	height:16px;
	position:absolute;
	top:5px;
	left:10px;
	text-indent:-9999px;
	margin:0;
	z-index:100;
}


/*------------------------------------------------------------------------------
  2.0 - Content
------------------------------------------------------------------------------*/
#boilerplate{
	border-top:1px solid #6f737a;
	color:#444;
	margin-top:5px;
	padding-top:10px;
	font-size:1.5em;
	font-style:italic;
}

#credits{
	list-style:none;
	padding-left:0;
}

.page-link{
	clear:both;
	color:#000;
	font-weight:bold;
	font-size:1.6em;
	margin:0 0 22px;
	word-spacing:0.5em;
}

	.page-link a{
		background:#f1f1f1;
		font-weight:normal;
		color:#333;
		padding:10px;
		text-decoration:none;
	}

	.page-link a:hover{
		color:#fff;
		background:#333;
	}

.wp-caption{
	font-size:1.3em;
	font-weight:normal;
}

.wp-pagenavi{
	font-size:1.4em;
}

.hentry{
	margin-bottom:48px;
}

#content ul,
#content ol{
	font-size:1.5em;
}

#content .linksbox ul,
#content .linksbox ol,
.linksbox ul,
.linksbox ol{
	font-size:1.4em;
}

#content .visual-form-builder ul{
	font-size:1.2em;
}

.linksbox ol{
	padding:5px 12px 0 25px;
	margin-left:10px;
}

.column_6 .cont_col_2{
	width:304px;
}

.cont_col_4{
	float:left;
	width:484px;
	padding-top:10px;
}

#content ul ul  {
	font-size: 14px;
}

/*------------------------------------------------------------------------------
  3.0 - Sticky Posts
------------------------------------------------------------------------------*/
.sticky{
	background-color:#f2f2f2;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	border-radius:3px;
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:25px;
	text-shadow:1px 1px 0 #fff;
}

.attachment-sticky-post-image{
	margin-bottom:10px;
}

.sticky p{
	font-size:1.5em;
}

	.sticky p.postmetadata{
		font-size:1.2em;
	}

.more-featured{
	margin-bottom:10px;
}

/*------------------------------------------------------------------------------
  3.0 - Home Page Tabs
------------------------------------------------------------------------------*/
.more-news{
	background:white;
	border:1px solid #cdcdcd;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	border-radius:3px;
	margin-bottom:25px;
}

.news-block{
	 border-bottom:1px solid #dedede;
	 box-shadow:0 1px 0 #f8f8f8;
	 margin-bottom:10px;
}

	.news-block a{
		padding:8px 0;
		margin:0;
		line-height:140%;
		font-size: 15px;
		font-weight: bold;
	}

	.news-block p{
		font-size:17px;
	}

	.news-block p span,
	#tab-video p span{
		 font-size:13px;
		 color:#888888;
		 vertical-align:middle;
	}

.more-news .column_3{
	width:290px;
	padding-top:0;
}

.more-news .cont_col_3{
	width:290px;
}

.more-news .cont_col_6{
	width:602px;
	padding:10px 20px 0 0;
	margin:0;
	float:left;
}

.more-news-header{
	padding-bottom:0px;
	text-shadow:1px 1px 0 #fff;
}

.more-featured .entry p{
	font-size:14px;
}

.attachment-featured-news-image{
	float:left;
	margin-bottom:5px;
}
.thumb{
	display:block;
}

.more-news .excerpt{
	display:none;
}
	.more-news .excerpt p{
		font-size:12px;
	}

.news-tabs{
	float:left;
	width:auto;
	height:51px;
	list-style:none;
	margin:25px 10px 0 20px;
	padding:0;
}

	.news-tabs li{
		background:#F2F2F2;
		border:1px solid #cdcdcd;
		border-radius:3px 3px 0 0;
		text-shadow:1px 1px 0 #fff;
		float:left;
		height:50px;
		line-height:50px;
		overflow:hidden;
		padding:0;
		position:relative;
		margin-right:5px;
		-moz-transition:all 0.10s ease-in-out;
		-webkit-transition:all 0.10s ease-in-out;
		-o-transition:all 0.10s ease-in-out;
		transition:all 0.10s ease-in-out;
	}

	.news-tabs li:hover{
		margin-top:-5px;
		height:55px;

	}

	.news-tabs li.active{
		border-bottom:1px solid white;
		background:white;
		text-shadow: none;
	}

	.news-tabs li a{
		font-family: "Helvetica Neue", sans-serif;
		font-size: 20px;
		font-weight: 500;
		color:black;
		display:block;
		padding:0 20px;
		text-decoration:none;
	}

.tab-content{
	display:none;
	padding:20px;
}

#tab-recent-headlines{
	display:block;
}

.ua-video-desc {
	display: none;
}

/*------------------------------------------------------------------------------
  4.0 - Social Buttons
------------------------------------------------------------------------------*/
ul.social-buttons{
	margin:0;
	padding:0;
}
	.social-buttons li{
		float:left;
		width:40px;
		height:40px;
		margin-right:10px;
		border-radius:50px;
		background:gray;
		text-indent:-9999px;
		list-style:none;
	}

	.social{
		margin-right:4px;
	}

#mc-embedded-subscribe-form{
	margin-top:6px;
}

	#mce-EMAIL{
		width:72%;
		margin-right:4px;
	}

	#mc-embedded-subscribe{
		width:23%;
		height:22px;
		line-height:20px;
		text-align:center;
		vertical-align:top;
		background-color:#aaa;
		border-radius:4px;
		border:0;
		color:white;
		font-weight:bold;
	}

	#mc-embedded-subscribe:hover{
		cursor:pointer;
		background-color:#777;
	}

.menu-item-34897,
.menu-item-34897 a:hover{
	background:url('../../../wp-includes/images/rss.png') 280px 10px no-repeat;
}

.menu-item-34897 a:hover{
	background-position:280px 9px;
}


/*------------------------------------------------------------------------------
  5.0 - Plugin Styles: Smart Archives Reloaded
------------------------------------------------------------------------------*/
ul#smart-archives-block{
	list-style:none;
	padding-left:0;
}

	#smart-archives-block li{
		border-bottom:1px solid #6F737A;
		padding:10px 0;
		height:20px;
		font-size:15px;
		text-transform:uppercase;
	}

	#smart-archives-block a,
	#smart-archives-block .empty-month{
		padding:0 10px 0 5px;
	}

	#smart-archives-block strong a{
		padding-right:0;
	}

	.empty-month{
		color:#666;
	}

/*------------------------------------------------------------------------------
  6.0 - Plugin Styles: Multi Column Taxonomy List
------------------------------------------------------------------------------*/
div.multi-column-taxonomy-list{
	clear:both;
}

	.multi-column-taxonomy-list ul{
		list-style:none;
		float:left;
		padding:10px 20px 0 0;
		width:232px;
	}

	ul.multi-column-3{
		padding-right:0;
	}

	.multi-column-taxonomy-list a{
		border-bottom:1px dotted #53575f;
		display:block;
		padding:4px 0 4px 2px;
	}

	.multi-column-taxonomy-list a:hover{
		background-color:#f0f0f0;
	}

/*------------------------------------------------------------------------------
  7.0 - Footer
------------------------------------------------------------------------------*/
#footer{
	background:#333333;
	background-image:-moz-linear-gradient(#333333, #474747);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #474747));
	background-repeat:repeat-y;
	margin-top:40px;
	padding:20px 0 30px 0;
	border-top:2px #999 solid;
	float:left;
	width:100%;
	min-width:972px;
	color:#fff;
}

	#footer ul{
		width:100%;
	}

.module h1{
	color:#8E969C;
}

.module h2{
	font-size:1.6em;
}

.module p{
	font-size:1.4em;
}

#footer .module a{
	color:#C8CACB;
	border-top:1px dotted #8E969C;
}

#footer .module a:hover{
	background-color:#484d51;
	text-decoration:none;
}

#footer .module h2 a{
	border:none;
}

	#footer .module h2 a:hover{
		background:none;
		text-decoration:underline;
	}

#footer .connected a{
	border:0;
	display:block;
	float:left;
	height:25px;
	margin:5px 3px 15px 0;
	-moz-transition:all 0.10s ease-in-out;
	-webkit-transition:all 0.10s ease-in-out;
	-o-transition:all 0.10s ease-in-out;
	transition:all 0.10s ease-in-out;
}

	#footer .connected a:hover{
		background-color:transparent;
		margin-top:3px;
	}

#mc_signup{
	padding-bottom:5px;
}

#mc_signup_form{
	margin:0;
	padding:4px;
	width:97%;
}

.mc_var_label{
	display:block;
	font-size:1.1em;
	height:0px;
}

.mc_input{
	border: 1px solid #ccc;
	color:#333;
	display:block;
	font-size:1.17em;
	margin-bottom:5px;
	padding:4px;
	vertical-align:middle;
	width:94%;
}

.mc_signup_submit{
	height:35px;
}

#mc_signup_submit{
	width:98%;
	margin-top:5px;
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

#mc_signup_submit.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding:4px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

#mc_signup_submit.button:hover {
	text-decoration: none;
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}


/*------------------------------------------------------------------------------
  7.0 - Video Playlist
------------------------------------------------------------------------------*/

.jcarousel-container-horizontal {
	width: 872px;
	padding: 20px 40px;
}

.jcarousel-clip-horizontal {
    width: 872px;
    height: 150px;
}

	.jcarousel-clip {
		overflow: hidden;
	}

.jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 10px;
}

	.jcarousel-item{
		width: 200px;
		height: 150px;
	}

		.jcarousel-item img{
			border-radius: 4px;
		}

.jcarousel-next-horizontal,
.jcarousel-prev-horizontal{
    position: absolute;
	top: 70px;
    width: 30px;
    height: 48px;
    cursor: pointer;
}

	.jcarousel-next-horizontal{
	    background: url('images/next.png') 0 0 no-repeat;
		right: 0;
	}

	.jcarousel-prev-horizontal{
	    background: url('images/prev.png') 0 0 no-repeat;
		left: 0;
	}

.jcarousel-prev-disabled-horizontal,
.jcarousel-next-disabled-horizontal{
	opacity:0.5;
}

/*------------------------------------------------------------------------------
  7.0 - New from Other Publications
------------------------------------------------------------------------------*/
.other-news{
	margin-top:35px;
}

.other-news p{
	font-size:12px;
}

.home-video{
	margin-left:0;
}

video{
	max-width:100%;
}

#content .uaform ul{
	font-size:1.2em;
}

.twtr-widget p {
	font-size:12px;
}