/*   
Theme Name: Sight Child Theme
Theme URI: http://www.uniradio-magdeburg.de/
Description: Sight is a powerful Wordpress theme, best suited for Magazines and Blogs. The theme was designed in modern minimalistic style with Golden Grid usage.
Author: Heartdisco Music / Guericke FM Team
Author URI: http://www.uniradio-magdeburg.de/
Template: sight
Version: 1.0
Tags: Sight Child Theme
*/

/* Use @import, to borrow the style sheet from the Waipoua parent theme */
@import url('../sight/style.css');

/* Now you can start adding your own styles here. Use !important to overwrite styles if neccessary. */



/*** Slideshow (nur notwendige Änderungen für UNI Farben #7a003f und #fff ***/

.slide {height: 290px; width: 975px; background: #7a003f;}
.slide .post-category {font-size: 11px; color: #fff; text-transform: uppercase; margin-bottom: 5px;}
.slide .post a {color: #fff;}
.slide .post h2, .slide .post h2 a {color: #fff; font-size: 24px; font-weight: normal; text-decoration: none;}
.slide .post h2 a:hover {text-decoration: underline;}
.slide .post .post-meta {font-size: 11px; font-style: italic; color: #fff; margin-bottom: 20px;}
.slide .post .post-meta span, .slide .post .post-meta a {color: #fff; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-style: normal;}
.slide .post-content {color: #fff;}

/*** Header ***/

.header {height: 158px; overflow: hidden; padding-right: 30px;}

.logo {width: 290px; height: 128px; padding: 18px 0 12px 30px; overflow: hidden; float: left;}
.logo img {max-height: 128px; max-width: 290px;}

.site-description {width: 290px; height: 127px; padding: 13px 30px 0; float: left; overflow: hidden;}
.site-description .textwidget {font-size: 11px; color: #656363; line-height: 1.3;}

.menu {width: 100px; padding-right: 30px; float: right;}
.menu ul {margin-top: 35px;}
.menu li {font-size: 11px; text-transform: uppercase;  margin: 6px 0;}
.menu a {color: #000; text-decoration: none;}
.menu a:hover {text-decoration: underline;}

.search {width: 145px; margin-top: 28px; float: right;}
.search fieldset {width: 145px; height: 31px; background: #dadada;}
.search input {width: 105px; border: none; background: none; padding: 8px; color: #fff; font: 11px Georgia, Geneva, "Times New Roman", times; text-transform: uppercase; vertical-align: middle;}
.search button {width: 16px; height: 16px; background: url("images/search.png") 50% 50% no-repeat; cursor: pointer; border: none; vertical-align: middle;}

/*** Content (Grid Post in UniFarben Achtung js/script.js per hand ändern im mutter theme) ***/

.grid {padding: 12px 0 0 12px;}
.grid .post {width: 154px; height: 154px; background-color: #f5f5f5; padding: 18px; float: left; margin: 19px 0 0 19px; position: relative; overflow: hidden; cursor: pointer;}
.grid .post .post-category, .grid .post .post-content, .grid .post .post-meta em {display: none;}
.grid .post h2, .grid .post .post-meta {display: block;}
.grid .post .thumb {width: 190px; height: 190px; position: absolute; top: 0; left: 0; z-index: 1;}
.grid .post .thumb img {width: 190px; height: 190px;}
.grid .post h2, .grid .post h2 a {color: #fff; font-size: 16px; font-weight: normal; text-decoration: none;}
.grid .post h2 {margin-bottom: 5px;}
.grid .post a {text-decoration: none;}
.grid .post a:hover {text-decoration: underline;}
.grid .post .post-meta {font-size: 10px; font-style: italic; color: #fff;}
.grid .post .post-meta span, .grid .post .post-meta a {color: #fff; font-family: Helvetica, Arial, sans-serif; font-style: normal;}
.grid .post .post-meta .post-author {text-transform: uppercase;}
.grid .post .comments_popup_link {position: absolute; bottom: 18px; right: 18px;}
.grid .post .post-edit-link {position: absolute; bottom: 18px; left: 18px;}





/* WP 3.6 Native Audio Player styling*/

/* change the color of the background */ 
 .mejs-controls,
 .mejs-mediaelement,
 .mejs-container {
 background: url('') !important;
 background-color: darkgrey !important;
 }
 
 /* change the color of the lettering */
 .mejs-currenttime,
 .mejs-duration {
 color: black !important;
 }
 
 /* change the color of the progress bar */
 .mejs-controls .mejs-time-rail .mejs-time-total {
 background: #a5d867 !important;
 }
 
 /* change the color of the current time bar */
 .mejs-controls .mejs-time-rail .mejs-time-current {
 background: #ff4000 !important;
 }
 
 /* change the color of the file loading bar */
 .mejs-controls .mejs-time-rail .mejs-time-loaded {
 background: #5c8c21 !important;
 }