/*   
Theme Name: MisterApuestas
Theme URI: http://wpesp.com/
Description: Theme created by WPESP for MisterApuestas
Author: Víctor García
Author URI: http://wpesp.com/
Template: thematic
Version: 1.0
Tags: WPESP
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply comments styles */
@import url('styles/comments.css');

/* Global Elements
-------------------------------------------------------------- */

body {font: 75% Helvetica, Arial, sans-serif;}
p, ul, ol, dd, pre {margin-bottom: 21px;}
pre, code {line-height:21px;}

.fll {float: left;}
.flr {float: right;}
.tdn {text-decoration: none;}
.sigue {clear: both; display: block; margin-top: 21px;}

/* Layout
-------------------------------------------------------------- */

body {background: transparent url('images/body-bg.png') repeat-x scroll 0 0; min-width: 962px;}
#header {position:relative;}
#branding, #access {margin:0 auto; width:960px;}
#main {background: #000; border:1px solid #000000; width:958px; margin:0 auto; overflow:hidden; position:relative;}
#container {width: 618px; float:left;}
#content {background: #000; overflow:hidden;}
.post {background: #fff; padding: 10px 0 0;}
#sidebar {float: right; margin-bottom:10px;}
#primary {background: #000; margin: 0 10px; overflow: hidden; width:320px;}
#secondary {background: #fff; margin: 0 10px; overflow: hidden; width:320px;}
#footer {clear:both;}

/* Text elements
-------------------------------------------------------------- */

p {font-size: 1.2em; margin: 0 0 21px;}
ul {list-style: none; margin: 0 0 21px;}
ol {list-style: none; margin: 0 0 21px;}
ol {list-style-type: none;}
dl	{margin:0 1.5em;}
dt {font-weight:bold;}
dd {margin-bottom:21px;}
strong {font-weight: bold;}
cite, em, i {font-style: italic;}
pre {line-height: 21px; margin-bottom:21px;}
blockquote {margin: 0 3em;}
blockquote em, blockquote i, blockquote cite {font-style:normal;}
abbr, acronym {border-bottom:1px dotted #333; cursor: help;}
ins {text-decoration:none;}
sup, sub {height: 0;line-height: 1;vertical-align: baseline;position: relative;}
sup {bottom: 1ex;}
sub {top: .5ex;}

/* Links
-------------------------------------------------------------- */

a {color: #2388FF; text-decoration: none;}

/* =Header
-------------------------------------------------------------- */

#header {background: transparent url('images/header-bg.png') no-repeat scroll 0 106px; margin: 0 auto; overflow: hidden; padding: 0 1px; width: 960px;}

#branding {background: #000 url('images/branding-bg.png') no-repeat scroll 671px 0; clear: both; overflow: hidden;}
#blog-title {float: left; overflow: hidden;}
#blog-title a {background: #000 url('images/misterapuestas-logo.png') no-repeat scroll 0 0; display: block; height: 106px; text-decoration: none; text-indent: -9999px; width: 333px;}
#blog-description {color: #FFBC8F; font-size: 1em; font-weight: normal; margin: 0 auto; width: 640px;}

#social-icons {float: right; margin: 64px 0 0; overflow: hidden;}
#social-icons li {float: left; margin-left: 5px;}
#social-icons li a {display: block; height: 32px; text-indent: -9999px; width:32px;}
#social-facebook a{background:url("images/social-icons.png") no-repeat 0 0;}
#social-twitter a{background:url("images/social-icons.png") no-repeat -32px 0;}
#social-feed a{background:url("images/social-icons.png") no-repeat -64px 0;}

#access {background: #000 url('images/access-bg.jpg') repeat-x scroll 0 0; height: 49px; overflow: hidden; padding: 10px 10px 0; width: 940px;}
.menu {float: left; margin-bottom: 21px; width: 570px;}
.menu ul {list-style:none; margin: 0 auto -1px; overflow: hidden; width: 960px;}
.menu li {float:left; margin-right: 1em; position: relative;}
.menu li.current_page_item a {background-color: #fff; border-bottom-color:#FFFFFF; color: #333; font-weight: bold; text-decoration: none;}
.menu li a {background: #333 url('images/boton.jpg') no-repeat scroll 0 0; color: #5EA8B0; display:block; float:left; font-size: 1em; font-weight: bold; height: 17px; padding: 8px 0 2px; text-align: center; text-decoration: none; width: 94px;}
.menu li#en-vivo a {color: #FF6600;}

#searchform {float: right; overflow: hidden;}
/*
#access #s {background: #000 url('images/lupa.png') no-repeat scroll 5px 6px; border: none; border-bottom: 1px solid #999; border-right: 1px solid #999; color: #fff;  float: left; height: 19px; margin: 2px 10px 0 0; padding: 6px 0 0 20px;}
#access #searchsubmit {background: #333 url('images/boton.jpg') no-repeat scroll 0 0; border: none; color: #5EA8B0; font-size: 1em; font-weight: bold; height: 27px; padding-bottom:2px; text-align: center; text-decoration: none; width: 94px;}
*/
#access #s {background: #000; border: none; border-bottom: 1px solid #999; border-right: 1px solid #999; color: #fff;  float: left; height: 24px; margin-right: 10px; padding-left: 4px;}
#access #searchsubmit {background: #333 url('images/boton-lupa.jpg') no-repeat scroll 0 0; border: none; color: #5EA8B0; font-size: 1em; font-weight: bold; height: 27px; padding-bottom:2px; text-align: center; text-decoration: none; width: 34px;}

/* Headings
-------------------------------------------------------------- */

#content h1, #content h2 a{color: #fff; font-size: 1.75em; text-decoration: none;}

.entry-title {background: #5EA8B0 url('images/heading-bg.jpg') repeat-x scroll 0 0; border-bottom: 1px solid #205878; border-top: 1px solid #205878; height: 30px; margin: 0 0 21px; padding: 8px 10px 0;}

.not-singular #content h1.page-title {border-right:1px solid #333333; font-size: 1em; font-weight: normal; padding: 18px 10px;}
h1.page-title span {color: #5EA8B0;}

/* Content
-------------------------------------------------------------- */

.entry-content {overflow: hidden; padding: 0 24px;}

.entry-utility {background: #000; border-right:1px solid #333333; color: #777; min-height: 26px; overflow: hidden; padding: 8px 10px;}
.entry-utility a {}

.comments-link {display:block; margin-top:5px; float: left;}
.comments-link a {background: #333 url('images/comments-bg.jpg') no-repeat scroll 0 0; color: #fff; display: block; float: left; font-size:1.2em; height:24px; margin: -7px 5px 0 0; padding:5px 11px 0; text-decoration: none; width: 7px;}

.tag-links{float: right; margin-top: 5px; font-size: 10px; font-style: italic; width: 423px; text-align: right; }
.deja-comentario{color:#777 ;font-size:12px; font-style:normal;}
.tag-links br{margin-bottom: 6px;}

.entry-content img {margin-bottom: 9px;}
.entry-content img.alignleft {float: left; margin-right: 10px;}
.entry-content img.alignright {float: right; margin-left: 10px;}

.entry-content h3 {border-bottom:2px solid #000000;font-size:1.5em;font-weight:bold;margin-bottom: 21px;overflow:hidden;padding:0 0 7px;}

#nav-below {background: #1F1F1F; border-right:1px solid #333333; overflow: hidden; padding: 21px 10px;}
.nav-previous {float: left;}
.nav-next {float: right;}

.archive-meta {display: none;}

.sociable {clear: both;}
.sociable_tagline {margin-bottom:6px;}

/* Content Widgets
-------------------------------------------------------------- */

#index-top,#index-insert,#index-bottom,#single-top,#single-insert,#single-bottom,#page-top,
#page-bottom {text-align: center;}

#index-top ul,#index-insert ul,#index-bottom ul,#single-top ul,#single-insert ul,#single-bottom ul,#page-top ul,
#page-bottom ul {margin: 0; padding: 0;}

#index-top .widgetcontainer, #index-insert .widgetcontainer,#single-top .widgetcontainer,#single-insert .widgetcontainer,#page-top .widgetcontainer {background:#333; margin-bottom: 0; padding: 8px 0;}

#index-bottom .widgetcontainer,#single-bottom .widgetcontainer, #page-bottom .widgetcontainer {background:#333; margin-bottom: 0; padding: 8px 0;}

/* Sidebar y Widgets en el Sidebar
-------------------------------------------------------------- */

#sidebar .aside ul {margin: 0; padding: 0;}

#primary a {color: #fff;}
#secondary a {color: #5EA8B0;}
#sidebar .xoxo {padding-top: 10px;}
.widgetcontainer {margin-bottom: 11px; padding: 10px 0 16px;}
#primary .widgetcontainer {background: #1E1E1E url('images/primary-bg.jpg') repeat-x scroll 0 0;}
#primary .widget_text {color: #000; background: #333;}
#primary .widget_text a img {border: 1px solid #999;}
#secondary .widgetcontainer {background: #fff;}
#sidebar .widgettitle {background: #205878 url('images/widgettitle-bg.jpg') repeat-x scroll 0 0; border-bottom: 1px solid #205878; border-top: 1px solid #205878; color: #fff; font-size: 1.2em; height: 16px; margin-bottom: 21px; padding: 6px 10px;}
#sidebar #twitter-tools .widgettitle {background: url('images/twitter-sb-bkg.png'); padding-left: 35px;}
#sidebar #text-4 .widgettitle {background: url('images/fb-sb-bkg.png'); padding-left: 36px;}
#sidebar .xoxo ul li, #sidebar .aside div {padding: 5px 10px;}
#sidebar .xoxo ul {border-top:1px dotted #666;}
#sidebar .xoxo ul li {border-bottom:1px dotted #666;}

#primary .aktt_tweets {color: #fff; padding: 0;}
#primary .aktt_tweets a {color: #2388FF;}
#primary .aktt_tweets a.aktt_tweet_time {color: #fff;}

/* Footer
-------------------------------------------------------------- */

#go-top {background: #5EA8B0; height:42px; margin:0 auto; text-align:right; width: 960px;}
#go-top a {color: #fff; font-weight: bold; right: 10px; position: relative; top:14px;}

#footer {clear: both; margin: 0 auto; width: 960px;}
#footer a {color:#666666;}

/* Footer Widgets
-------------------------------------------------------------- */

#subsidiary {background: #000; color:#fff; overflow: hidden; padding-top:21px;}
.sub-aside {float: left; margin: 0 20px; width: 280px;}
.sub-aside h3 {color: #5EA8B0; font-weight: normal;}
.sub-aside p {font-size: 1em;}

/* SiteInfo
-------------------------------------------------------------- */

#siteinfo {font-size: .75em; margin: 0; padding: 21px 0;}
#siteinfo ul {padding: 12px 0; overflow: hidden;}
#siteinfo ul li a {float: left; margin-right: 7px; color:#666666; padding:0;}

#nav-footer {font-size: .75em; margin: 0; padding: 21px 0 0;}
#nav-footer ul {padding:0 10em 0 0; overflow: hidden;}
#nav-footer ul li a {float: left; margin-right: 7px; color:#666666; padding:0;}