/*
=================================
Media Center CSS file
Date: May 2013
By: Ricardo Zea

Created with Sass & Compass
*/
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns, 
or wrap each row of columns in a <div class="row"> */
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.row:after, .clearfix:after { clear: both; }

.row, .clearfix { clear: both; zoom: 1; }

.row { padding: 0 10px; }

h5 + .side-link { margin-top: 15px; }

.search-container.generic-box { padding: 10px 0; }
.search-container.generic-box #searchnews { width: 50%; }

table.search-field-container { float: none !important; margin: 0 auto !important; }
table.search-field-container .gsc-input { font-weight: normal !important; }

h5 a { text-decoration: none; }
h5 a:hover { text-decoration: underline; }

.social-icons { display: inline-block; margin: 0 3px; padding: 0 !important; text-indent: -9999%; overflow: hidden; padding: 0; border-radius: 3px; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.social-icons.large { width: 48px; height: 48px; padding: 0 !important; background: url(../images/sprites.png) no-repeat; }
.social-icons.large:hover { position: relative; top: -1px; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2) !important; }

.youtube.large, .youtube.large:hover { background-position: 0 -1291px !important; }

.flickr.large, .flickr.large:hover { background-position: -48px -1291px !important; }

.twitter.large, .twitter.large:hover { background-position: -96px -1291px !important; }

.date { width: 60%; margin: auto; padding: 2px !important; text-transform: uppercase; letter-spacing: -.04em; text-shadow: 0 -1px 0 white !important; }
.date.generic-box { margin-bottom: 30px; }
.date * { line-height: .9; position: relative; }
.date .month { padding: 3px; border: #0d729f 1px solid; border-radius: 2px; background: #0d729f; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d729f), color-stop(100%, #40a7d4)); background: -webkit-linear-gradient(#0d729f, #40a7d4); background: -moz-linear-gradient(#0d729f, #40a7d4); background: -o-linear-gradient(#0d729f, #40a7d4); background: linear-gradient(#0d729f, #40a7d4); color: white; text-shadow: 0 -1px 0 black; }
.date .day { font-size: 32px; }
.date .year { font-size: 18px !important; }
.date:before, .date:after { display: block; width: 2px; height: 8px; content: ''; background: #ccc; position: absolute; top: -5px; z-index: 1; }
.date:before { left: 25%; }
.date:after { right: 25%; }

.small-day { padding: 8px !important; }

.img-awards { max-width: 120px; min-width: 100px; }

.months { padding-top: 15px; }

.months ul { width: 96%; margin: auto; text-align: center; padding: 3px; border-top: #666666 1px dotted; border-bottom: #666666 1px dotted; background: #fff; box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.07); }

.months ul li a { display: inline-block; padding: 1% 1.48%; text-decoration: none; border-radius: 2px; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; }

.months ul li a:hover, .months ul li.active a { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); background: url(../images/bg-gradient-transparent.png) bottom repeat-x #666666; }

.months ul li.active a { background-image: none; box-shadow: inset 0 0 0 2px #555555; }

.months ul { width: 100%\9; }

* + html .grid_7.omega { height: 110px; margin-bottom: 10px; overflow-y: auto; }