/*
Theme Name: Ballet Azul
Theme URI: http://www.artvits.com/balletazul
Description: Theme para la peña oficial del Club Sport Cartagines
Version: 1.0
Author: Alexander Moya Barquero
Author URI: http://www.alexmoba.com/
Tags: CSC, Ballet Azul, Cartago, futbol
Template: hybrid
*/

/* Get base CSS */
@import url('../hybrid/library/css/18px.css');

/* Get default Hybrid CSS */
@import url('../hybrid/library/css/screen.css');

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

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

/* Get the 3c-l-fixed CSS */
@import url('../hybrid/library/css/2c-l-fixed.css');

/* Get the PHP Style */
@import url('style.php');

/**
* Containers
************************************************/

/* Body container */
#body-container {
	width: 960px;
	padding: 10px;
	margin:20px auto;
	}

.content {
	float:left;
	width:640px;
	padding: 15px 15px 40px 15px;
	margin-top: 20px;
	}

.hfeed {
	margin-right:15px;
	}

/**
* Header
************************************************/

#header {
	margin-bottom: 0px;
	}

/* Navigation */
#navigation {
	float:left;
	width: 960px;
	height:27px;
	margin: 0;
	}

/* Page navigation */
#page-nav {
	float: left;
	width: 960px;
	}

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

#page-nav li a {
	display: block;
	height:27px;
	padding: 3px 10px 0 10px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	border:none;
	background: transparent;
	}

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

#page-nav ul ul, #page-nav li li, #page-nav li ul {
	border: none;
	background: transparent;
	}

#page-nav li li a {
	height:18px;
	padding: 4px 0 4px 10px;
	margin:0;
	border-left: 1px solid #fff;
	}

/* Logo */
#site-title a {
	float:left;
	width:960px;
	height:140px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
#site-title a span, #site-description {
	display: none;
	}

/* Categories */
#categories {
	float: left;
	width: 960px;
	padding-bottom:1px;
	}

#categories ul {
	float: left;
	margin: 0;
	padding-left: 0px;
	}

#categories ul li {
	float: left;
	display: block;
	height: 27px;
	margin:1px 2px 0px 0px;
	}

#categories ul li a:link, #categories ul li a:visited, #categories ul li a:active, #categories ul li a:hover   {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	padding: 3px 10px 0px 10px;
	}

/**
* Misc
************************************************/

/* Titulos h3 */
.article {
	float:left;
	width:960px;
	margin-bottom: 20px;
	}

/* Ads */
#patrocinadores {
	text-align:center;
	}
	
/**
* Home
************************************************/
.home-content {
	float:left;
	width: 930px;
	}
	
.homepage-left {
	float:left;
	width:615px;
	}
	
.homepage-right {
	float:right;
	width:300px;
	}

/* Featured bar */
.featured-bar {
	float:left;
	width: 900px;
	padding: 15px;
	margin-bottom:20px;
	border: 1px solid #ccc;
	}

.featured-post {
	float:left;
	width:570px;
	padding-right:15px;
	border-right: 1px solid #ccc;
	}
	
.featured-post .post, .featured-post .entry {
	margin-bottom:0px;
	}
	
.featured-post .before .meta_data {
	float:left;
	width: 480px;
	}

.recent-post {
	float:right;
	width:300px;
	}
	
.recent-post .cat-title {
	padding-left:10px;
	}

/* Short Featured categories */
.category-post-uneven {
	float:right;
	margin-bottom:20px;
	}

.category-post-even {
	float:left;
	margin-bottom:20px;
	}
	
.category-post-even, .category-post-uneven {
	width: 270px;
	padding: 10px 15px 0 15px;
	border: 1px solid #ccc;
	}
	
.category-post-even .entry, .category-post-uneven .entry {
	margin-bottom:5px;
	}

/* Long Featured category */	
.category-posts .cat-post {
	float:left;
	}
	
.category-posts .entry {
	float:right;
	width:470px;
	}
	
.little-title {
	font-size: 13px;
	margin-bottom:0px;
	}
	
/* Image message */
.image-message {
	text-align:center;
	}
	
/* Home sidebar */
#home-bar {
	float:right;
	position: relative;	
	width:270px;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	}
	
/* Other */
.category-posts, .last-gallery, .text-message, .image-message {
	float:left;
	width:585px;
	padding: 15px;
	margin-bottom:20px;
	border: 1px solid #ccc;
	}

/**
* Social networks
************************************************/

.tweets {
	float:right;
	width: 270px;
	padding: 0 15px 15px 15px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-top:none;
	}
	
.twitter-top {
	float:right;
	width: 302px;
	}

.youtube-videos-widget {
	float:right;
	width:270px;
	padding: 15px;
	margin-bottom:20px;
	border: 1px solid #ccc;
}

.video-widget {
	float:left;
	margin-bottom:10px;
	}
	
/**
* Advertisers
************************************************/
.advertisers {
	float:left;
	width:585px;
	padding: 15px;
	margin-bottom:20px;
	border: 1px solid #ccc;
	text-align:center;
	}
	
.advertisers a {
	margin-right: 15px;
	}
	
.advertisers h6 {
	text-align:left;
	}
	
.adgroup1, .adgroup2 {
	float:left;
	width:280px;
	text-align:center;	
	}
	
.adgroup1 {
	margin-bottom: 20px;
	}
	
.adgroup1 a, .adgroup2 a {
	margin-right:8px;
	}

/**
* Blog
************************************************/

/* Content */
.before {
	float:left;
	width:640px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #333;
	}

.entry {
	float:left;
	margin-bottom:30px;
	}
.entry-title {
	font-style: normal;
	}

.byline,.post-meta {
	margin:0;
	}

.thumb {
	float:left;
	width:100px;
	margin: 0 15px 20px 0;
	}

.meta_data {
	float:right;
	width:503px;
	}

.post img {
	margin-bottom:20px;
	padding: 0;
	border: none;
	}

/* Breadcrumbs */
.breadcrumb-trail {
	padding-left:5px;
	background-color:#ebf3ff;
	border: 1px solid #4c88e2;
	}

/* WP PageNavi */
.wp-pagenavi {
	overflow: hidden;
	text-align: center;
	padding: 10px 15px 10px 15px;
	margin:0;
	}

.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi a, .wp-pagenavi .extend {
	color: #cfe2ff !important;
	padding: 5px 10px 5px 10px !important;
	background: #306bc4 !important;
	border: none !important;
	}

.wp-pagenavi a {
	font-style: italic !important;
	color: #fff !important;
	}

/**
* Sidebar
************************************************/
/* Sidebars */
#primary {
	width: 275px;
	margin-top: 20px;
	}

#secondary {
	width: 275px;
	}

/* Widgets */
.widget {
	color:#fff;
	}

.widget-title {
	height:26px;
	padding: 3px 0 0 10px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	}

/* Subsidiary widgets */
#subsidiary .widget {
	margin:20px 20px 0 20px;
	width: 280px;
	}

/**
* Footer
************************************************/
#footer-container {
	background: url(images/fondos/footer-bg.png) #323232 repeat-x top left;
	margin-bottom:0px;
	}

.footer-data {
	float:left;
	text-align:center;
	width:960px;
	height:75px;
	margin-bottom:20px;
	background: url(images/mini-escudo.png) #323232 no-repeat center;
	}

.footer-data p {
	width:440px;
	color:#fff;
	margin-top: 25px;
	}

.copywright {
	float:left;
	text-align:right;
	padding-right:40px;
	}

.credit {
	float:right;
	text-align:left;
	padding-left:40px;
	}
	
/* Social media icons */
.social {
	float:right;
	width:285px;
	margin:20px 15px 0 0;
	text-align:right;
	}
	
.social-content {
	float:left;
	width: 603px;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	}

.share {
	float:left;
	width:300px;
	border-right: 1px solid #ccc;
	}
	
.suscribe{
	float:right;
	width:290px;
	}
	
/**
* Templates
************************************************/

/* No widgets */
.home-content .content, .no-widgets .content, .no-default-widgets .content, .no-side-widgets .content, .partidos .content {
	width: 930px;
	}

.home-content .meta_data, .no-widgets .meta_data, .no-side-widgets .meta_data {
	width:803px;
	}
	
/* Partidos */
.dual_posts {
	float:left;
	}
	
.partidos .post {
	float:left;
	width: 465px;
	}
	
.partidos .before {
	border:none;	
	}
	
.partidos .before .meta_data {
	float:left;
	width: 323px;
	}
	
.partidos .entry-title {
	width: 450px;
	}
	
.partidos .entry {
	width: 440px;
	}

/**
* IE 6 warning
************************************************/
	
#ie-message {
	background:#C00;
	text-align:center;
	border-bottom:1px solid #900;
	color: #fff;
	position:absolute;
	top:0;
	padding:5px;
	width:970px;
	margin-bottom:20px;
	}

#ie-message a {
	color: #fff;
	}