/**
 * Theme Name:Hybrid News - Rizzo Music
 * Theme URI:http://rizzomusic.com/themes/hybrid-news-custom
 * Description:An altered news-style child theme of the Hybrid theme framework for rizzomusic.com.
 * Version:0.1.1
 * Author:Rizzo
 * Author URI:http://rizzomusic.com
 * Tags:blue, theme-options, threaded-comments, sticky-post, microformats, two-columns, three-columns, fixed-width
 * Template:hybrid
 *
/* Get base CSS */
@import url('../hybrid/library/css/20px.css'); 

/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css'); 

/* Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css'); 

/* Get tabs CSS (uncomment below line if using the Hybrid Tabs plugin) */
/* @import url('tabs.css'); */
/**
* Body
************************************************/
body{font:12px/20px Tahoma,times,serif}

/* Body container */
#body-container{background:#fff url(images/bg.png) repeat-x 0 0}

/**
* Elements
************************************************/
/* Links */
a, a:visited{color:#02012f; text-decoration:none;}

a:hover, a:active{text-decoration:underline}

.entry-content a{color:#369}

/* Headers */
h1, h2, h3, h4, h5, h6{font-family:Tahoma,times,serif; color:#444}

/* Lists */
.content ul{list-style:none; margin-left:20px}

.content ul li{overflow:hidden; padding-left:15px; background:url(images/bullet.gif) no-repeat 0 6px}

/* Blockquotes */
blockquote{overflow:hidden; height:100%; margin:0 24px 0  0; padding:3px 0 0 24px; font-style:italic; color:#444; background:url(images/quotes.gif) no-repeat 0 0; border:none}

blockquote blockquote{color:#555}

blockquote em{font-style:normal}

blockquote.pullquote{width:210px; margin-top:6px; margin-bottom:3px; padding:6px 9px; text-align:center; font:italic normal normal 18px/20px Tahoma,times,serif; color:#444; background:transparent; border-top:3px double #ddd; border-bottom:3px double #ddd}

.pullquote p{margin:0}

/* Code */
code{padding:0 3px; font-size:12px; background:#eee}

pre{overflow:auto; padding:9px; font-size:12px; color:#000; background:url(images/code.png) repeat 0 0; border:1px solid #ddd}

pre code{padding:0; background:transparent}

/* Tables */
table{width:100%; background:#ddd}

caption{font:italic normal normal 12px/20px "Trebuchet MS",Arial,"Lucida Sans Unicode",Tahoma,sans-serif; text-align:right; color:#666}

tr{margin:1px; border:1px solid #ddd}

td{padding:3px; background:#f7f7f7; border:1px solid #ddd}

tr.alt td, tr.even td{background:#eee}

th{padding:3px; color:#fff; background:#093653; border:1px solid #ddd}

th a{font-weight:bold; color:#eee}

/* Acronyms */
acronym{border-bottom:1px dotted #333}

/* Drop caps */
/* Notes */
.note{padding:6px 9px; background:#eee; border:1px solid #ccc}

/* Warnings/Alerts */
.warning, .alert{padding:6px 9px; background:#fffbbc; border:1px solid #E6DB55}

/* Errors */
.error{padding:6px 9px; background:#ffebe8; border:1px solid #C00}

/* Downloads */
.download{padding:6px 9px; background:#e7f7d3; border:1px solid #6c3}

/* Alignment */
.left, .alignleft{float:left; margin:0 20px 0 0}

.right, .alignright{float:right; margin:0 0 0 20px}

.center, .aligncenter{display:block; margin:0 auto 20px auto}

.block, .alignnone{display:block; margin:0 0 20px 0}

.clear{clear:both}

span.pullquote{float:none; margin:0}

/**
* Images
************************************************/
.post img{max-width:600px}

img.wp-smiley{max-height:12px; margin:0; padding:0; border:none}

/* Captions */
.wp-caption{max-width:590px; padding:4px 4px 4px 4px; background:#eee; border:1px solid #ccc; text-align:center}

.wp-caption .wp-caption-text{margin:0; padding:0 5px; text-align:right; font-size:11px; color:#666}

.wp-caption img{max-width:588px; margin:0 auto; padding:0; border:1px solid #666}

/* Gallery [gallery] */
.gallery{display:block; text-align:center; margin-bottom:20px !important}

.gallery img{border:1px solid #3c738c}

/* Author avatar */
.avatar{float:left; width:60px; height:60px; margin-right:20px; padding:4px; background:#eee; border:1px solid #ccc}

/* Thumbnail */
.thumbnail{float:left; width:100px; height:100px; margin:0 20px 10px 0; padding:4px; background:#eee; border:1px solid #ccc}

.category img.medium{float:left; max-width:230px; margin:0 20px 10px 0; padding:4px; background:#eee; border:1px solid #ccc}

/**
* Page Navigation
************************************************/
#navigation{width:1000px; height:25px; margin:0 auto; background-color:#02012f}

#page-nav{float:left; width:764px; margin:0 0 0 -15px}

#page-nav ul{list-style:none; margin:0}

#page-nav li{float:left; margin:6px 0 0 0; padding:0 0 8px 0}

#page-nav a{display:block; color:#fff; padding:0 15px 0 15px; border-right:1px solid #353535; font-family:"Trebuchet MS",Arial,"Lucida Sans Unicode",Tahoma,sans-serif; font-size:14px; font-style:normal; line-height:11px; font-weight:normal; font-variant:normal}

/* Drop-down styles */
#page-nav li:hover ul, #page-nav li.sfHover ul{top:19px}

#page-nav li li:hover ul, #page-nav li li.sfHover ul, #page-nav li li li:hover ul, #page-nav li li li.sfHover ul{top:-1px}

#page-nav ul ul{border-top:1px solid #222; background:#111}

#page-nav li li{margin:0; padding:0; border-bottom:1px solid #222}

#page-nav li li a{padding:7px 7px; border:none}

/**
* Search form (in navigation)
************************************************/
#navigation .search{float:right; width:250px; height:25px}

#navigation input{float:right; width:220px; height:15px; margin:4px 0 0 0; padding:1px 8px 1px 5px; font:normal normal normal 11px/15px "Trebuchet MS",Arial,"Lucida Sans Unicode",Tahoma,sans-serif; color:#aaa; background:#fff none repeat scroll 0 0; border:1px solid #011e3f}

#navigation .search-submit, #navigation .button{display:none}

/**
* Header
************************************************/
#header-container{overflow:hidden; height:96px; margin:0px auto; width:1000px}

#header{overflow:hidden; width:1000px; height:96px; margin:0px auto; display:inline}

#site-title{float:left; width:245px; height:92px}

#site-title a{display:block; width:245px; height:92px; background:url(images/logo.png) no-repeat 0 0; margin:3px auto}

#site-title a span{display:none}

#site-description{display:none}

/**
* Header utility widget
************************************************/
#utility-header{overflow:hidden; float:right; width:730px; height:91px; display:inline}

#utility-header .widget{line-height:19px; margin:0; padding:0; color:#aaa; background:transparent; border:none; padding-top:3px; float:right}

#utility-header .widget-inside div, #utility-header .widget-inside img{float:right}

/**
* Category Navigation
************************************************/
#cat-navigation{width:1000px; height:28px; margin:0 auto; font:normal normal bold 17px/17px Arial,Geneva,Tahoma,sans-serif}

#cat-nav{float:left; width:750px; height:28px; border-left:2px solid #fff}

#cat-navigation ul{list-style:none; margin:0}

#cat-navigation li{float:left; border-right:2px solid #fff}

#cat-navigation a{display:block; padding:5px 20px 5px 15px; color:#fff; background:url(images/arrow.png) no-repeat right 7px}

#cat-navigation li li a{font:normal normal bold 11px/11px Arial,Geneva,Tahoma,sans-serif; padding:4px 6px; color:#fff; background:#02012f; border:2px solid #fff}

/* Drop-down controls */
#cat-nav ul ul, #cat-nav ul ul ul{width:200px}

#cat-nav li li:hover ul, #cat-nav li li li:hover ul{left:200px}

#cat-nav li:hover ul, #cat-nav li.sfHover ul{top:1.7em}

#cat-nav li li:hover ul, #cat-nav li li.sfHover ul, #cat-nav li li li:hover ul, #cat-nav li li li.sfHover ul{top:0}

#cat-nav ul ul{background:#2b526b}

/* Make sure page menu overlaps category menu */
#cat-nav ul.menu{position:relative; z-index:98}

#page-nav ul.menu{position:relative; z-index:99}

/**
* Subscribe/feed link (in navigation)
************************************************/
#cat-navigation #feed{width:200px; float:right}

#feed li{float:right; border:none}

#feed li a{padding:4px 18px 6px 0; background:url(images/feed-icon.png) no-repeat right 7px; border:hidden}

/**
* Container (content/primary/secondary)
************************************************/
#container{overflow:hidden; width:1000px; margin:1px auto; padding:5px 0; background:#fff url(images/container-bg.png) repeat-y right 0}

.page-template-no-widget #container, .primary-inactive.secondary-inactive #container{background:#fff}

.content{overflow:hidden; float:left; width:650px; padding:0 10px 20px 0; background:#fff}

.page-template-no-widgets .content, .primary-inactive.secondary-inactive .content{width:1000px; padding:0 0 20px 0}

/**
* Posts
************************************************/
.post{clear:both; overflow:hidden; margin-bottom:20px}

.single .post, .page .post{margin-bottom:0}

.page-template-blog .post, .page-template-quick-post .post{margin-bottom:20px}

/* Post title */
.entry-title{margin-bottom:3px; font:15px/18px Tahoma,times,serif; font-weight:bold}

.entry-title a{color:#222;}

.home .entry-title, .page-title, .page-template-blog .entry-title, .single-title, .error-404-title, .attachment-title{font:normal normal bold 22px/22px Tahoma,times,serif}

.page-title, .error-404-title{margin:0 0 20px 0}

/* Byline */
.byline{font-size:1.13em; color:#777; display: inline; clear:both;}

.archive .byline, .search .byline{margin:0 0 3px 0}

.byline a{font-style:normal; font-weight: bold;}

.byline p{margin:0;}

/* Entry */
.entry-content, .entry-summary{overflow:hidden; font-size:13px}

.entry-summary p {margin: 0;}

/* Post meta data */
.entry-meta{clear:both; display:none; padding:9px 0 0 0; font-size:.9em; font-style:italic; color:#777; border-top:1px solid #ccc}

.entry-meta a{font-style:normal}

/* Page links */
p.pages{font-weight:bold}

p.pages a{margin:0 2px; padding:4px 12px; font-weight:normal; font-style:italic; color:#eee !important; background:#093653; border:1px solid #eee}

/* Series */
.series-title{font-size:1.2em}

/* Single-post author box */
.single .author-profile{overflow:hidden; margin:0 0 20px 0; padding:9px 9px 0 9px; background:#f7f7f7; border:1px solid #ccc; display:none}

.single .author-profile p{margin:0 0 9px 0}

.single .author-profile .avatar{margin:0 20px 9px 0}

/* Page templates */
.author-profile{overflow:hidden; margin-bottom:20px}

.page-template-biography .author-profile{margin:0}

.author-profile .author-name{margin-bottom:0; font-size:1em; font-weight:bold}

.post-box{overflow:hidden; margin-bottom:20px}

/* Archive templates */
.category-title, .tag-title, .date-title, .author-title, .search-title{font:normal normal bold 22px/22px "Trebuchet MS",Arial,"Lucida Sans Unicode",Tahoma,sans-serif}

.author-info, .category-info, .date-info, .tag-info, .search-info{overflow:hidden; margin:0 0 20px 0}

/* Attachments (post meta data) */
.attachment object{width:100%; height:100%; min-height:400px}

.attachment object.video{width:100%; height:360px}

.attachment object.audio{width:100%}

.attachment-image .post-meta-data{clear:left}

.attachment .download{display:block; margin-bottom:20px}

.attachment-icon, .mime-type-icon{height:20px; margin-right:10px; padding:0}

.attachment-application-octet-stream .video{height:400px; margin-bottom:20px}

/* Breadcrumb */
.breadcrumb{margin:0 0 20px 0; font-size:11px; color:#666;  display:none}

/* WP PageNavi */
.wp-pagenavi{overflow:hidden}

.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi a, .wp-pagenavi .extend{float:left; margin:0 6px 0 0; padding:4px 12px; color:#eee !important; background:#093653; border:1px solid #eee}

/* Navigation links */
.navigation-links{overflow:hidden}

.next, .previous{max-width:50%; font-size:13px}

.previous{float:left}

.next{float:right; text-align:right}

#comments-template .paged-navigation{text-align:center}

#comments-template .paged-navigation .page-numbers{padding:3px 6px; font-style:italic !important; border:1px solid #eee !important}

#comments-template .paged-navigation .next, #comments-template .paged-navigation .prev{float:none; text-align:left; border:none !important}

/**
* Widgets in general
************************************************/
.widget{overflow:hidden; margin:0 0 10px 0; padding:9px 0 0 9px; background:#fff; border:1px solid #ddd}

.widget-title{height:19px; margin:0 0 15px 0; padding:3px 18px; font:15px/18px "Trebuchet MS",Arial,"Lucida Sans Unicode",Tahoma,sans-serif; font-weight:bold; color:#f7f7f7; background:#fff url(images/widget-title.png) no-repeat 0 0}

.widget-title a{color:#f7f7f7}

.widget ul{list-style:none; margin-left:0}

.widget ul li{padding:0 0 0 18px; background:url(images/bullet.gif) no-repeat 3px 7px}

/* Widget search */
.widget-search .search-text{width:300px}

/* Widget categories */
.widget-categories img{position:relative; max-height:16px; top:1px; margin:0; padding:0}

/**
* Content-area widgets (mostly utility widgets)
************************************************/
.content .widget{margin:0; padding:0; border:none}

.content .widget-title{margin:0 0 5px 0; padding:0 0 5px 0; font:normal normal bold 14px/20px Tahoma,times,serif; color:#333; background:transparent; border-bottom:1px solid #ddd}

.content .widget-title a{color:#093653}

.page-template-widgets .content .widget{margin:0 0 20px 0}

/**
* Primary, Secondary, and Tertiary
************************************************/
#widget-container{float:right; width:320px}

#primary{overflow:hidden; float:right; width:320px}

#secondary{overflow:hidden; clear:right; float:right; width:153px; margin:0 0 0 14px}

#tertiary{overflow:hidden; float:right; width:153px}

#primary .widget ul li{margin:0 0 5px 0; padding:0 5px 5px 20px; background:url(images/bullet.gif) no-repeat 5px 7px; border-bottom:1px solid #eee}

#primary .widget ul ul{margin:5px 0 0 0}

#primary .widget ul li li{margin:0 0 2px 0; padding:0 0 2px 20px; border:none}

#primary object{float:left; width:300px; padding:0; margin:0 0 9px 0}

/**
* Comments
************************************************/
#comments-template{margin-top:20px}

/* Comment headers */
#comments-number, #reply{font-size:1.2em}

/* Comments are closed */
.comments-closed{color:#666; font-style:italic}

/* Comment list */
#comments-template ol{list-style:none; margin:0}

/* Individual comments */
#comments li{overflow:hidden; margin:0 0 15px 0; padding:15px 15px 0 15px; color:#333; background:#f7f7f7; border-top:1px solid #ddd; border-bottom:1px solid #ddd}

#comments li li, #comments li li li li, #comments li li li li li li{background:#fff}

#comments li li li, #comments li li li li li{background:#f7f7f7}

/* Avatar */
#comments li .avatar{width:40px; height:40px; float:left; margin-right:20px; padding:0; border:1px solid #666; display:none}

/* Comment meta data */
#comments .comment-author{font-weight:bold}

#comments .comment-meta-data{margin-bottom:15px}

/* Comment text */
.comment-text{clear:left; font-size:13px}

/* Forms */
.text-input{display:block; padding:3px 6px; width:300px; font:13px Arial,'Helvetica Neue',Helvetica,sans-serif}

.page-template-quick-post .text-input{width:97.5%}

#comments-template label{font:13px Arial,'Helvetica Neue',Helvetica,sans-serif}

textarea{clear:left; display:block; width:98%; font:14px/20px Arial,'Helvetica Neue',Helvetica,sans-serif}

.button{width:100px; margin-right:9px; padding:6px 9px; font:13px Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:bold; color:#eee; background:#001838; border:none}

.button:hover{cursor:pointer; background:#093653}

.search-form input{margin-right:9px}

/**
* Footer container (wraps Subsidiary and Footer)
************************************************/
#footer-container{overflow:hidden; clear:both; padding:2px 0 0 0; background:#02012f; border-top:3px solid #00070F}

/**
* Subsidiary
************************************************/
#subsidiary{overflow:hidden; width:1000px; margin:0 auto 14px auto; padding:2px 0 0 0}

#subsidiary .widget{overflow:hidden; float:left; width:210px; margin:0; padding:15px 20px 0 20px; font:12px/21px Arial,'Helvetica Neue',Helvetica,sans-serif; color:#02012F; background:transparent; border:none}

#subsidiary .widget-title{margin:0 0 3px 0; padding:0 0 3px 0; font-size:15px; color:#02012F; background:transparent; border-bottom:1px solid #072145}

#subsidiary a{color:#02012F}

#subsidiary .widget ul{margin-left:0}

#subsidiary .widget ul li{margin:0 0 3px 0; padding:0 5px 3px 5px; background:transparent; border-bottom:1px solid #072145}

/**
* Footer
************************************************/
#footer-container{overflow:hidden; clear:both; padding:2px 0 0 0; background:#fff; border-top:3px solid #000}

#footer{overflow:hidden; width:960px; margin:0 auto; padding:20px 0 0 0; color:#02012F}

#footer a{font-style:normal; color:#02012F}

#footer .copyright{display:inline; float:left; margin-right:9px}

/**
* Extra ****/
#featured-posts-fp{ width:645px;  height:257px;  background:#f2f2f2;  font-family:"Lucida Grande",Verdana,"Lucida Sans Regular","Lucida Sans Unicode",Arial,sans-serif;  border:1px #ccc solid;  margin:0 0 20px 0}

#featured-posts-fp img{ height:143px;  width:203px;  padding:3px;  border-bottom:1px solid #D9D9D9}

#featured-posts-fp span{ font-size:1.2em;  font-weight:bold;  margin:0 7px 1px;  text-transform:uppercase}

#featured-posts-fp p{ font-size:1.1em;  margin:0 7px 1px}

#featured-posts-fp a{ text-decoration:none}

#featured-posts-fp .highlighted{ width:209px;  background:#fff;  height:249px;  float:left;  margin:3px 0 3px 3px;  border:1px #ccc solid}

#featured-posts-fp .highlighted:hover{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FAFAFA none repeat scroll 0 0; border-color:#000; text-decoration:none}

/**
* Featured Widget ****/
#featured-posts-widget{ width:300px;  height:488px;  background:#f2f2f2;  font-family:"Lucida Grande",Verdana,"Lucida Sans Regular","Lucida Sans Unicode",Arial,sans-serif;  border:1px #ccc solid;  margin:0 0 10px 0}

#featured-posts-widget img{ height:86px;  width:125px;  padding:3px;  border-right:1px solid #D9D9D9;  float:left}

#featured-posts-widget .f-title{ font-size:.95em;  font-weight:bold;  margin:0 0 0 7px;  text-transform:uppercase}

#featured-posts-widget .f-description{ font-size:1.1em;  margin:0 0 0 7px;  width:150px;  float:left}

#featured-posts-widget a{ text-decoration:none}

#featured-posts-widget .featured-wg{ width:292px;  background:#fff;  float:left;  margin:3px 3px 0 3px;  border:1px #ccc solid}

#featured-posts-widget .featured-wg:hover{ -moz-background-clip:border;  -moz-background-inline-policy:continuous;  -moz-background-origin:padding;  background:#FAFAFA none repeat scroll 0 0;  border-color:#000;  text-decoration:none}

.ads{ margin-bottom:4px}

ul.addtoany_list li a{float:right; margin:0 0 10px 0}

.fb_share_btn {float:right; line-height:0; clear:both;}

#excerpts h2 a {font-size: 1.2em; font-family: Tahoma,times,serif; font-weight:bold}

#body-container div.topsy-sm {display:inline; float:right; margin: 0 15px 0 0; line-height: 0; overflow:visible;}

.content p {margin-top: 10px;}

#new_btns li, #new_btns, #new_btns ul {background: transparent; display: inline; clear:both;}

#new_btns ul li {}

img.thumbnail {display:none;}

#excerpts img, .entry-summary img {float:left; max-height: 175px; max-width:250px; margin:0 20px 10px 0; padding:4px; background:#eee; border:1px solid #ccc}

#excerpts p a, .content p a {font-weight: bold;}

#excerpts p, .content p {font-family: "Lucida Grande",Verdana,"Lucida Sans Regular","Lucida Sans Unicode",Arial,sans-serif}

.more-link{float:right; display:block; font-size:1.1em; font-weight:bold;}

.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
div.apple_overlay.black {
		background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);		
		color:#fff;
	}
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#fff;
		width:150px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}

.sf-sub-indicator {display:none;}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}