/*
Theme Name: El Mundo Sports
Theme URI: http://wordpress.org/
Description: The default El Mundo theme adapted from the famous Kubrick.
Version: 1
Author: GatorWorks.net | David Link, Jason Evers
Author URI: http://gatorworks.net/
Tags: custom theme, fixed width, three columns, widgets
El Mundo v1.0
http://gatorworks.net
This theme was designed and built by GatorWorks Web Design.
The CSS, XHTML and design is completely awesome and not to be stolen.
To do marked with ***
*/
/* Browser Amnesia
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit;
font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from , . */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }
/* Begin CSS
-------------------------------------------------------------- */
html {
}
body {
font-size: 75%;
color: #333;
background:#BDCED7 url('../img/site_bg.png') repeat-x top center;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 100%;
text-align: center;
margin: 0 auto;
}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2.5em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin: 0;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
text-transform: uppercase;
display: block;
font-size: 45%;
}
h4 span, h5 span, h6 span {
font-size: 90%;
}
/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; }
p img { margin: 1em 1em 0.5em 0; padding: 0; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus,
a:hover { color: #000; text-decoration: underline; }
a { color: #0099ff; text-decoration: none; }
a img { border: none; } /***/
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
/* Lists
-------------------------------------------------------------- */
li ul,
li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
/* Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; background: #C3D9FF; }
th,td { padding: 4px 10px 4px 5px; }
tr.even td { background: #E5ECF9; }
tfoot { font-style: italic; }
caption { background: #eee; }
/* Misc Global Classes
-------------------------------------------------------------- */
.right { float: right; } /* YKMOFL */
.left { float: left; }
.padder { padding: 0px 15px; }
.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.neutral { margin: 0px; padding: 0px; }
.sIFR-replaced h1 { color: #3A990D; }
.sIFR-alternate { position: relative; left: -9999px; display: none; }
/* Begin Various Tags & Classes
-------------------------------------------------------------- */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.navigation { display: block; text-align: center; margin-top: 0px; padding-bottom: 25px; }
/* Form Styling
-------------------------------------------------------------- */
label { font-weight: bold; }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
/* Form fields
-------------------------------------------------------------- */
input.text, input.title,
textarea, select {
margin:0.5em 0;
border:1px solid #bbb;
}
input.text:focus, input.title:focus,
textarea:focus, select:focus {
border:1px solid #666;
}
input.text,
input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width: 390px; height: 250px; padding:5px; }
/* Success, notice and error boxes
-------------------------------------------------------------- */
.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }
/* Layout Elements
-------------------------------------------------------------- */
#kontainer {
width: 100%;
margin: 0px auto;
min-height: 100%;
text-align: center;
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
}
#content {
text-align: left;
width: 999px;
padding-bottom: 50px;
margin: 0 auto;
}
#header {
width: 999px;
position: relative;
display: block;
height: auto;
}
a.rss {
padding-right: 25px;
background: url('images/rss_button.png') no-repeat scroll center right;
color: #666;
font-weight: bold;
position: absolute;
top: -3px;
right: 8px;
}
ul.nav {
margin: 13px 0 0 19px;
height: 21px;
}
ul.nav li {
float: left;
list-style: none;
}
ul.nav li a {
color: #666;
font-size: 84%;
background-color: #FFF;
margin-right: 1px;
padding: 6px 16px 5px 16px;
font-weight: bold;
text-transform: uppercase;
}
ul.nav li a:hover { background-color: #F3C637; text-decoration: none; }
div#banner {
background: url('images/banner_futbol.jpg') no-repeat scroll top left;
width: 999px;
height: 199px;
position: relative;
}
a#sportblock { float: left; display: block; width: 733px; height: 199px; background-position: left center; background-repeat: no-repeat;}
body.soccer div#banner a#sportblock{ background-image: url('images/banner_futbol.jpg');}
body.baseball div#banner a#sportblock{ background-image: url('images/banner_baseball.jpg');}
body.basketball div#banner a#sportblock{ background-image: url('images/banner_basketball.jpg');}
body.football div#banner a#sportblock{ background-image: url('images/banner_football.jpg');}
a#sportblock, div#banner h1, div.description a#sportblock{
text-indent: -9999px;
}
body.page-8 p.addtoany_share_save { display: none; }
ul.lang {
position: absolute;
margin: 0px;
bottom: 9px;
right: 1px;
}
div#banner div.description { text-indent: -9999px;}
ul.lang li {
list-style: none;
}
ul.lang li a {
color: #FFF;
width: 100px;
padding: 2px 0px 0px 0px;
display: block;
text-transform: capitalize;
text-indent: 10px;
font-size: 85%;
margin-top: 5px;
opacity: 0.9;
-moz-opacity: 0.9;
filter:alpha(opacity=90);
}
ul.lang li a img { margin-right: 5px;}
ul.lang li a.eng { background: transparent url('images/lang_eng_flag.png') no-repeat 9px center; }
ul.lang li a.esp { background: transparent url('images/lang_espan_flag.png') no-repeat 9px center; }
ul.lang li a:hover {
color: #000;
text-decoration: none;
background-color: #F3C637;
}
div#content_wrapper {
margin: 16px 0px 8px 0px;
padding-top: 13px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
background: #FFF url('images/content_bg.png') repeat-y;
}
body.page-8 div#content_wrapper { background-image: none; } /* Forum BG*/
body.page-8 div#sidebar { display: none; }
div#body_content { width: 597px; float: left; }
body.page-8 div#body_content { width: 100%; } /* Forum Width*/
div#body_content h2 { text-align: left; clear: left; margin-bottom: 0.2em; line-height: 1.1em; word-spacing: normal; }
div#body_content h2 a { font-weight: bold; color: #565656; letter-spacing: -1px; }
div#body_content h2 a:hover { text-decoration: none; border-bottom: 2px solid #565656;}
div#sidebar { }
div#leftcol { width: 210px; }
p.postmetadata {
background-color: #F3C637;
margin-left: -15px;
padding: 8px 15px 6px 15px;
float: left;
margin-bottom: 0.5em;
}
p.smalt {
background-color: #F3C637;
padding: 8px 15px 6px 15px;
float: left;
margin-bottom: 0.5em;
}
div#leftcol h3 {
margin-bottom: 0px;
font-size: 95%;
font-weight: bold;
color: #363636!important;
text-transform: uppercase;
}
p.authortagmetadata {
float: left;
color: #999;
font-size: 90%;
margin-bottom: 10px;
width: 425px;
}
div.sub_headerinfo { clear: both; }
div.comment_block {
float: right;
padding: 3px 0px 3px 30px;
margin-top: -4px;
background: transparent url('images/comment_bubble.png') no-repeat left center;
}
div.padder img {
border: 1px solid #999;
padding: 2px;
}
div#leftcol ul li a {
font-size: 80%;
text-transform: uppercase;
}
form#searchform {
background: transparent url('images/search_bar_mag_glass.png') no-repeat;
width: 221px;
height: 30px;
margin-left: -15px!important;
}
form#searchform input {
border: none;
height: 20px;
margin-top: 2px;
width: 146px!important;
background-color: transparent;
margin-left: 62px;
}
div.center {
margin-left: -5px!important;
font-size: 90%;
}
div#leftcol div.center p {
text-align: left;
}
div.footer_block { border-bottom: 1px solid #999;}
div.footer_block div.comment_block { margin-top: -26px;}
div#rightcol { width: 170px; }
div#rightcol a {
display: block;
margin-bottom: 20px;
}
div#pollblock {
background-color: #F4F4F4;
border-top: 1px dotted #666;
border-top: 1px dotted #666;
width: auto;
}
ul#twittermsg {
margin-left: 0 !important;
}
ul#twittermsg li {
text-align: right;
}
ul#twittermsg li.first {
margin-top: 5px;
text-align: left;
padding: 5px 10px;
background-color: #F4F4F4;
}
div.edit {
/* float: left;*/
}
#footer { /* Footer on bottom but dependent on content */
position: absolute;
/*line-height: 45px; helps with padding on top*/
left: 0px;
bottom: 0px;
width: 100%;
display: block;
height: 45px;
z-index: 999;
padding: 0px;
margin: 0px;
background: transparent;
color: #666;
text-align: center;
font-size: 90%;
}
#footer a {
text-decoration: none;
border-bottom: 1px solid #777;
color: #777;
}
/*WP Standard
-------------------------------------------------------------- */
.widecolumn .entry p { font-size: 1.05em; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
.widecolumn { line-height: 1.6em; }
.alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
.commentmetadata { font-weight: normal; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }/* End Typography & Colors */
/* Begin Structure
-------------------------------------------------------------- */
.narrowcolumn { float: left; margin: 0px 0 0; width: 597px; }
.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; }
.post { margin: 0 0 40px; text-align: justify; display: block; float: left; }
.post hr { display: block; }
.widecolumn .post { margin: 0; }
.narrowcolumn .postmetadata { padding-top: 5px; }
.widecolumn .postmetadata { margin: 30px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }
.postmetadata { clear: left; }
.clear { clear: both; }
/* Begin Images
-------------------------------------------------------------- */
p img { padding: 0; max-width: 100%; }
/* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/* Begin Lists
Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets.
-------------------------------------------------------------- */
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 0px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 0; padding: 0; }
/* Begin Form Elements
-------------------------------------------------------------- */
#searchform { margin: 10px auto; padding: 5px 3px; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 100%; padding: 2px; }
#commentform #submit { margin: 0; float: right; }
/* Begin Comments
-------------------------------------------------------------- */
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* Begin Sidebar
-------------------------------------------------------------- */
#sidebar { padding: 0px 0 10px 0; margin-left: 597px; width: 401px; }
#sidebar form { margin: 0; }
/* Begin Calendar
-------------------------------------------------------------- */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
body.es div.English {
display: none;
}
body.en div.Espanol {
display: none;
}
div#twitter {
position: relative;
background-color:#E2F1FF;
border: 1px solid #fff;
display:block;
font-size:12px;
margin-top:15px;
padding: 10px;
}
div#twitter h3 {
text-transform: uppercase;
display: inline;
letter-spacing: normal;
font-weight: bold;
margin: 0;
padding: 0;
margin-left:5px;
margin-right:15px;
font-size: inherit;
color: #000;
}
div#twitter a {
font-size: 10px;
margin-left: 10px;
}
div#twitter div#twitterfoot {
height: 10px;
width: 40px;
background: url('images/twitter-arrow.gif') no-repeat center right;
position: absolute;
bottom: -10px;
}