/*
Theme Name: Damian Muti
Theme URI: http://damianmuti.com.ar
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous Kubrick by Michael Heilemann)
Version: '09 (WP2.8.4)
Author: Damian Muti
Author URI: http://damianmuti.com.ar
Tags: starkers, naked, clean, basic
*/
@import "reset.css";
/* TABLE OF CONTENTS
00 - Utilities
01 - Global Elements - Standard Elements and Main Structure
02 - Typography - All Type throughout the site
03 - Header - Header, Logo, navigation, search.
04 - Main Content - Post boxes, post meta, etc.
05 - Sidebars - Custom sidebars widgets.
06 - Footer - Categories, About, Copyright, Sponsors.
/* ----------------------------------------------*/
/* 00 - UTILITIES
/* ----------------------------------------------*/
.floatleft { float:left; }
.floatright { float:right; }
.clearfix { clear:both; height:1px; margin:6px 0; }
.center { display:block; margin:0 auto; float:none; }
/* ----------------------------------------------*/
/* 01 - GLOBAL ELEMENTS
/* ----------------------------------------------*/
html { width:100%; height:100%; overflow:auto; }
body { margin:0; padding:0; width:100%; height:100%; color:#565656; font-size:11px;
font:12px "Trebuchet MS", Tahoma; background:#6A0201 url(../../images/bg_body.jpg) top left repeat-x ; }
#container { width:100%; height:auto; min-height:100%; }
* html #container { height:100%; }
#header { width:100%; height:284px; float:left; }
#content { width:100%; height:auto; _height:459px; min-height:459px; background:#a39c86; float:left; }
#footer { width:100%; background:url(../../images/bg_footer-frame.jpg) top left repeat-x; height:271px;
float:left; position:relative; }
.wrapper_head { width:990px; margin:0 auto; height:100%; background: url(../../images/bg_header.png) transparent no-repeat top left; position: relative; }
.wrapper { width:990px; margin:0 auto; height:100%; }
/* ----------------------------------------------*/
/* 02 - TYPOGRAPHY
/* ----------------------------------------------*/
h1 { float:left; width:400px; height:50px; }
h1 a,
#header h2.logo a,
#footer .logo a { width:100%; height:100%; display:block; text-indent:-9999px; position:relative; }
#header h2.logo { float:right; width:120px; height:160px; margin-right:80px; clear:both; }
#content h2 { float:left; display:block; height:28px; clear:both; margin:10px 0 0 1px; text-indent:-9999px; }
#content h2.urba-blogs { width:100%; background:url(../../images/h2_urba-blogs.jpg) top left no-repeat; }
#content h2.posiciones { width:100%; background:url(../../images/h2_posiciones.jpg) top left no-repeat; margin-top:0px; }
#content h2.newsletter { width:100%; background:url(../../images/h2_newsletter.jpg) top left no-repeat; }
#content h2.encuesta { width:100%; background:url(../../images/h2_encuesta.jpg) top left no-repeat; }
#content h2.archivo { width:100%; background:url(../../images/h2_archivo.jpg) top left no-repeat; }
#main-content .block .content h3 { text-transform:uppercase; font-size:17px; color:#6A0201; margin:20px 10px 8px; padding-left:10px;
background:url(../../images/bg_h3-content.jpg) center left no-repeat; width:auto;
float:left; display:block }
#main-content .block .content h4 { text-transform:uppercase; font-size:14px; color:#6A0201; margin:20px 6px 8px; padding-left:10px;
width:auto; clear:both; }
#main-content .block .content h5 { text-transform:uppercase; font-size:11px; color:#6A0201; margin:20px 6px 8px; padding-left:10px;
width:auto; clear:both; font-weight:bold; }
#main-content .block .content p { padding:5px 15px; clear:both; }
#main-content .block .content ul,
#main-content .block .content ul.decimal,
#main-content .block .content ul.letter,
#main-content .block .content ul.circle,
#main-content .block .content ul.fx_listas { color:#7F0000; margin:15px 0; list-style:inside disc; display:inline;
clear:both; width:auto; }
#main-content .block .content ul.fx_listas { list-style:none; margin:0 0 15px 10px; float:left; color:#FFFFFF; }
#main-content .block .content ul.decimal { list-style:inside decimal; }
#main-content .block .content ul.letter { list-style:inside lower-alpha; }
#main-content .block .content ul.circle { list-style:inside circle; }
#main-content .block .content ul li { padding:0; padding:5px 15px 0 30px; clear:both; }
#main-content .block .content ul.fx_listas li { padding:0; clear:none; float:left;
margin: 2px; list-style-type:none; }
#main-content .block .content ul.fx_listas li a { display:block; background:#424242; padding:5px 7px; border:none; color:#FFFFFF; }
#main-content .block .content ul.fx_listas li a:hover,
#main-content .block .content ul.fx_listas li a.active { border:none; background:#6F1807; color:#FFFFFF; }
#main-content .block .content ul li span { color:#545454; text-decoration:none; }
#main-content .block .content strong { font-weight:bold; color:#7F0000; }
#main-content .block .content a { color:#333333; text-decoration:none; border-bottom:1px dotted #333333; }
#main-content .block .content a:hover { color:#7F0000; border-bottom:1px solid #7F0000; }
#main-content .block .content img { display:block; margin:15px; clear:both; border:4px solid #CCCCCC; float:left; }
#main-content .block .content img.camiseta { display:block; margin:15px; border:4px solid #CCCCCC; float:right; clear:none; }
#main-content .block .content img.escudo { display:block; margin:15px; border:4px solid #CCCCCC; float:left; clear:none; }
#main-content .block .content span.volver { float:right; margin:20px 15px 0 0; width:auto; text-align:right; padding:4px; }
#main-content .block .content span.volver a { color:#022742; font-weight:bold; border:none; font-size:9px; background:#E8E8E8; padding:4px; }
#main-content .block .content span.volver a:hover { background:#D9D9D9; }
#main-content .block .content .center { display:block; margin:0 auto; float:none; }
/* ----------------------------------------------*/
/* 03 - HEADER
/* ----------------------------------------------*/
#header .search-box,
#header .menu { float:right; padding:15px 15px 6px 15px; width:auto; clear:both; }
#header .search-box { clear:none; position:relative }
#header .menu { font:bold 12px "Trebuchet MS", Tahoma; text-transform:uppercase; width:380px; text-align:right;
height:30px; }
#header .menu ul { float:right; width:auto; }
#header .search-box ul li,
#header .menu ul li { float:left; }
#header .search-box img { padding:2px 0 0 7px; }
#header .menu ul li { margin:0 -8px 0 7px; line-height:30px }
#header .menu ul li a { color:#a4a4a4; text-decoration:none; padding:6px 8px 4px 8px; margin:0px 2px 0px 2px; }
#header .menu ul li a:hover,
#header .menu ul li a.active { color:#fff; -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px; opera-border-radius:7px; border-radius:7px; background:#000000; }
#header .search-box ul li input { background:#262222 url(../../images/buscar_dropdown-arrow.jpg) no-repeat scroll right center; border:1px solid #312f2a; padding:3px 4px; font:13px "Trebuchet MS", Tahoma;
color:#816c5b; text-transform:uppercase; margin:0px 7px; }
#header .search-box ul li button { background: url(../../images/buscar_go.jpg) top left no-repeat; overflow:hidden;
width:35px; height:21px; display:block; border: 0 none; cursor:pointer;
margin-top:2px; }
#header .search-box ul li input#buscar { background:#262222; }
#header .date { padding:6px 0 0 0; font-size:11px;
margin-right:10px; color:#d97a76; text-transform:uppercase; float:right;
width:200px; clear:both;
}
/* Drop down styles*/
div.selectbox-wrapper { position:absolute; width:170px; margin:0px; margin-top:2px; margin-left:10px;
margin-right:-7px; padding:0px; text-align:left; overflow:auto; background:#262222;
border:1px solid #312f2a; overflow:hidden; text-transform:uppercase; }
/*Drop down list styles*/
div.selectbox-wrapper ul { list-style-type:none; margin:0px; padding:0px; overflow:hidden;
text-transform:uppercase; }
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected { background: #1F1F1F; }/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current { background-color: #1F1F1F; color:#816c5b; }
/* Drop down list items style*/
div.selectbox-wrapper ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer;
clear:both; line-height:30px; border-bottom:1px solid #1F1B1B; width:98%;
overflow:hidden; text-transform:uppercase; }
/* Look and feel of select box */
.selectbox { margin: 0px 0px 10px 0px; padding-left:2px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:1em;/* Resize Font*/ width : 150px; /* Resize Width */ display : block;
text-align:left; background: url(../../images/buscar_dropdown-arrow.jpg) no-repeat right center;
cursor: pointer; border:1px solid #D1E4F6; color:#816c5b; text-transform:uppercase; }
/* ----------------------------------------------*/
/* 04 - MAIN CONTENT
/* ----------------------------------------------*/
#content .sub-menu { width:990px; height:44px; background: #003366 url(../../images/bg_sub-menu.jpg) top left no-repeat;
float:left; }
#content .sub-menu ul { float:right; padding:13px 15px 10px 0; width:auto; text-transform:uppercase; display:block; }
#content .sub-menu ul li { margin:0 0 0 20px; float:left; width:auto; }
#content .sub-menu ul li a { color:#777F77; text-decoration:none; }
#content .sub-menu ul li a:hover,
#content .sub-menu ul li a.active { color:#FFFFFF; }
#content #main-content { float:left; margin:0 9px; width:513px; padding-top:15px; display:inline; overflow:hidden; }
#main-content .block { width: 100%; float:left; }
#main-content .block .content { border:1px solid #868282; float:left; width:100%; background:#FFFFFF; padding-bottom:15px;
min-height:210px; height:auto !important; height:210px; }
#main-content .block#archivo .content { background:#FFFFFF url(../../images/block-content_bg.jpg) top left repeat-x; padding: 30px 0 36px 0; }
#main-content .block#archivo ul { color:#491506; float:left; display:block; margin:0 30px; list-style:inside disc; }
#main-content .block .content
.block-notas { width:493px; height:140px; margin:0 auto; margin-top:10px; border-top:1px dotted #999999;
padding-top:20px; clear:both; }
#img-nota1,
#img-nota2,
#img-nota3 { width:220px; height:134px; float:left; }
.block-notas .nota { width:258px; height:auto; float:right; position:relative; }
#main-content .block .content
.block-notas .nota h4 { padding:0; margin:0; }
#main-content .block .content
.block-notas .nota blockquote { line-height:16px; }
.block-notas .nota .leer-nota { float:right; height:20px; width:75px; }
.block-notas .nota .leer-nota span { color:#000000; }
#main-content .block .content
.block-notas .nota .leer-nota a { color:#C41B02; font:11px normal "Trebuchet MS", Tahoma; text-decoration:none; border:none; }
#main-content .block .content
.block-notas .nota .leer-nota a:hover { color:#590B02; border:none; }
ul.noticias-list { }
ul.noticias-list li { padding-left: 0px!important; padding-right: 0px!important; }
/*#main-content .block .content table { width:90%; clear:both; margin:5%; }
#main-content .block .content table thead,
#main-content .block .content table tbody { width:100%; clear:both; }
#main-content .block .content table thead { color:#fff; }
#main-content .block .content table thead { background:#6A0201; }
#main-content .block .content table tbody { background:#E8E8E8; }
#main-content .block .content table th,
#main-content .block .content table td { padding:7px; text-align:center; }
#main-content .block .content table tr { border-bottom:1px solid #ffffff; }*/
#main-content .block .content table { width:94%; clear:both; margin:3%; text-align:center;
border-collapse:collapse; }
#main-content .block .content table th { font-size:13px; font-weight:normal; padding:8px; background:#6A0201;
border-bottom:1px solid #fff; color:#fff; vertical-align:middle; }
#main-content .block .content table td { padding:8px 4px; background:#E8E8E8; border-bottom:1px solid #fff;
border-top:1px solid transparent; vertical-align:middle; }
#main-content .block .content .foott td { padding:8px; background:#E8E8E8; border-bottom:1px solid #fff;
border-top:1px solid transparent; vertical-align:middle; color: red; }
#main-content .block
.content table tr:hover td { background: #cccccc; }
#wallpapers,
#fotos,
#audio,
#video { height:auto; clear:both; }
#main-content .block .content
.media-divisor { height:20px; border-bottom:1px solid #CCCCCC; margin:0 auto; width:90%;
float:none; margin-bottom:12px; clear:both; }
#main-content .block .content
#wallpapers .bloque { float:left; margin:0 0 0 10px; padding:0; text-align:center; display:block; }
#main-content .block .content
#wallpapers img { margin:0px; padding:0; height:96px; clear:both; display:block; margin-bottom:6px; }
#main-content .block .content
#wallpapers p { border:0; padding:0; display:block; }
#main-content .block .content
#wallpapers p.links { width:135px; margin:0 auto; }
#main-content .block .content
#wallpapers a { font-size:9px; display:block; margin: 0 2px; width:auto; float:left; }
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 480px; /*Width of Carousel Viewer itself*/
height: 397px; /*Height should enough to fit largest content's height*/
border:4px solid #CCCCCC;
margin:0 auto;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 505px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
margin-right:-25px;
}
#main-content .block .content .stepcarousel .panel img {margin:0;padding:0; border:none; clear:none;}
#main-content .block .content
#audio .file,
#main-content .block .content
#video .file { width: 430px; padding-left:50px; margin:0 auto; clear:both; margin-bottom:5px;
height:auto; min-height:50px; _height:50px; padding-top:5px; }
#main-content .block .content
#audio .file { background:url(../../images/ico_audio.jpg) top left no-repeat; }
#main-content .block .content
#video .file { background:url(../../images/ico_video.jpg) top left no-repeat; }
#main-content .block .content
#audio .file p,
#main-content .block .content
#video .file p { margin:0; padding:0; margin-bottom:6px; }
#main-content .block .content
#video #video-holder { width:435px; height:344px; margin:0 auto; margin-bottom:25px;
background:url(../../images/bg_video.jpg) top left no-repeat; }
#sede-social { width:477px; height:372px; background:url(../../images/bg_sede-social.jpg) top left no-repeat;
margin:0 auto; }
#busca-tu-club { width:477px; height:242px; background:url(../../images/bg_busca-tu-club.jpg) top left no-repeat;
margin:0 auto; margin-left:25px; }
iframe.clubes { display:block; margin:0 auto; }
/* ----------------------------------------------*/
/* 05 - SIDEBARS
/* ----------------------------------------------*/
#content #sidebar-left { float:left; margin-left:7px; width:218px; height:auto; padding-top:15px; display:inline;
overflow:hidden; }
#content #sidebar-right { width:227px; height:auto; float:right; margin-right:7px; padding-top:15px; display:inline;
display:inline; overflow:hidden; }
#main-menu { width:218px; height:auto; background:url(../../images/bg_main-menu.jpg) top left repeat-y;
border:1px solid #868282; float:left; padding:15px 0; }
#main-menu ol { color:#ff0e00; list-style:none outside; font-weight:bold; display:inline; margin:0; padding:0; }
#main-menu ol li { margin:3px 0px; margin:3px 0 3px 35px; clear:both; }
#main-menu ol li span { padding:0 5px 0 0; color:#3a3837; }
#main-menu ol li a { text-transform:uppercase; color:#FFFFFF; text-decoration:none; font-weight:bold; }
#main-menu ol li a:hover,
#main-menu ol li a.active { color:#ff0e00; }
#sidebar-left .block { width:218px; float:left; }
#sidebar-left .moremargin { margin-top:12px; }
#sidebar-right .block { width:225px; float:left; }
#sidebar-left .block .content,
#sidebar-right .block .content { border:1px solid #868282; float:left; width:100%;
background:#fff url(../../images/block-content_bg.jpg) top left repeat-x; }
table.posiciones { color:#FFFFFF; text-transform:uppercase; }
table.posiciones tr.impar,
table.posiciones tr.impar td { background:#a01200; }
table.posiciones tr.par,
table.posiciones tr.par td { background:#ce4f41; }
#sidebar-right .clearfix-red { width:100%; background:#680901 url(../../images/clearfix_red.jpg) top left repeat-y;
height:22px; }
#sidebar-left .block .content img,
#sidebar-right .block .content img { margin:0 auto; display:block; }
#sidebar-left .block .content form,
#sidebar-right .block .content form { margin:0 auto; padding:4px 16px; }
#sidebar-right form p { text-transform:uppercase; font-weight:bold; }
form#segui-tu-club { color:#012644; }
form#newsletter { color:#521508; }
form#encuesta { color:#521508; }
#sidebar-right input.texto,
#sidebar-right button { margin-bottom:6px; border:none; font:12px "Trebuchet MS", Tahoma; color:#555555;
text-transform:uppercase }
#sidebar-right input.texto { width:183px; border:1px solid #521508; padding:3px 4px; }
#sidebar-right button { color:#FFFFFF; height:34px; width:193px; cursor:pointer; }
form#segui-tu-club button { background:#011a2e url(../../images/btn_segui-tu-equipo.jpg); }
form#newsletter button,
form#encuesta button { background:#521508; }
form#encuesta { text-transform:uppercase; font-weight:bold; }
form#encuesta ul { float:left; margin:6px 0; list-style-type:none; }
form#encuesta ul li { padding:6px 0; clear:both; float:left; }
form#encuesta input { float:left; }
form#encuesta label { margin:0 0 0 3px; float:left; color:#302f2f; cursor:pointer; }
/* ----------------------------------------------*/
/* 06 - FOOTER
/* ----------------------------------------------*/
#footer ol { color:#ff0e00; list-style-type:none; margin:65px 0 20px 20px; float:right; font-weight:bold; }
#footer ol li { margin:3px 0px; clear:both; float:left; list-style-position:inside; line-height:30px }
#footer ol li span { padding:0 1px 0 0; color:#3a3837; }
#footer ol li a { text-transform:uppercase; color:#C0C0C0; text-decoration:none; font-weight:bold;
padding:6px 9px 4px 9px; }
#footer ol li a:hover { color:#FFFFFF; -moz-border-radius:7px; -webkit-border-radius:7px; background:#000000; }
#footer ol#page_one li { width:165px; }
#footer ol#page_two li { width:180px; }
#footer ol#page_three li { width:120px; }
#footer ol#page_three li.twelve { height:30px; width:140px; background:url(../../images/ol_li-twelve.jpg) 0px 19px repeat-x; color:#424242 }
#footer .logo { width:421px; height:75px; float:left; margin-top:20px; text-indent:-9999px;
background:url(../../images/footer-frame_logo.png) top left no-repeat; }
/* ----------------------------------------------*/
/* 07 - SPECIAL OBJECTS
/* ----------------------------------------------*/
ul#mapa-de-sitio { list-style-type:none; }
ul#mapa-de-sitio li { list-style-type:none; }
ul#mapa-de-sitio li ul li { margin:-5px -10px 0 -10px; list-style-type:none; }
div.no_results { padding: 20px; color: #AAA; font-weight: bold; }
#map_canvas {
width: 480px;
height: 400px;
border: 4px solid #231f16;
margin: 10px;
}
fieldset.login {
width: 200px;
padding: 10px 20px;
}
fieldset.login input.text {
width: 100%;
}
fieldset.login .actions {
text-align: right;
}
.filter {
margin: 0 3%;
}
.playersearch {
margin: 3%;
}
.playersearch input.text, .playersearch select {
width: 465px;
background: #262222 no-repeat scroll right center;
border: 1px solid #312f2a;
padding: 3px 4px;
font: 13px "Trebuchet MS", Tahoma;
color: #816c5b;
text-transform: uppercase;
}
.playersearch select {
width: 475px;
}
.actions {
padding: 5px;
text-align: right;
}
.playersearch input.button {
background:#424242;
padding:5px 7px;
border:none;
color:#FFFFFF;
cursor: pointer;
}
.error {
border: 1px solid #600;
background: #6A0201;
color: #fff;
text-align: center;
padding: 5px;
}
img.icon {
padding: 0!important;
margin: 0!important;
vertical-align: middle!important;
border: 0!important;
display: inline!important;
float: none !important;
}
table.fixture {
float: left;
width: 361px !important;
clear: none !important;
margin: 0 0 10px 7px !important;
}
table.fixture caption {
background: #4b0100;
color:#fff;
padding-top: 5px;
line-height: 30px;
}
table.fixture caption span {
font-size: 14px;
font-weight: bold;
}
/* ----------- Estilos para el Slideshow del Home ----------- */
#slideshow {
position:relative;
height:187px;
width: 500px;
}
#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
}
#slideshow IMG.active {
z-index:10;
}
#slideshow IMG.last-active {
z-index:9;
}
#slide_home_wrapper {
position: absolute;
left: 13px;
top: 71px;
}
/* ----------- ---------------------------------- ----------- */
/* Estilos del Sidebar de Posiciones */
.posiciones {
position: relative;
font-family: "Trebuchet MS", Tahoma, Arial;
font-size: 11px;
margin-bottom: 8px;
}
.zone {
position: absolute;
top: 2px;
right: -2px;
width: 61px;
height: 46px;
background: #868282;
border-right: 1px solid #868282;
}
.zone.zA {
background: url(../../images/zA.png) top right no-repeat;
}
.zone.zB {
background: url(../../images/zB.png) top right no-repeat;
}
.zone.zC {
background: url(../../images/zC.png) top right no-repeat;
}
.zone.zD {
background: url(../../images/zD.png) top right no-repeat;
}
.zone.zE {
background: url(../../images/zE.png) top right no-repeat;
}
.posiciones .pos_title {
height: 28px;
background: url(../../images/posiciones_title.png) top left no-repeat;
}
.posiciones .content {
background: url(../../images/pos_bg.jpg) #410401 top left repeat-y !important;
}
.posiciones .groups_options {
font-weight: bold;
padding-left: 20px;
color: #fff;
height: 20px;
padding-top: 2px;
}
.posiciones .groups_options .groups {
float: left;
}
.posiciones .groups_options a {
display: block;
width: 23px;
float: left;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #fff;
}
.posiciones .groups_options a.selected {
background: #0d0100;
color: #f00;
}
.posiciones .groups_options a:hover {
background: #0d0100;
color: #ff0;
}
.posiciones .controls_btm {
border-top: 1px solid #8b342b;
height: 24px;
line-height: 24px;
color: #fff;
text-align: right;
padding: 0 10px;
}
.posiciones .controls_btm span {
color: #f00;
}
.posiciones .controls_btm a {
color: #fff;
text-decoration: none;
}
.posiciones .controls_btm a:hover {
color: #f00;
}
table.pos_list {
width: 100%;
color: #fff;
background: url(../../images/pos_list_bg.jpg) #410401 left 6px !important;
}
table.pos_list th {
background: url(../../images/pos_list_header.jpg) #690d00 top left !important;
line-height: 24px !important;
border-bottom: 1px solid #2f0301;
}
table.pos_list td.pos {
width: 25px;
text-align: center;
font-weight: bold;
color: #f00;
background: url(../../images/pos_alpha.png) !important;
}
table.pos_list td.pj,
table.pos_list td.pt {
width: 35px;
text-align: center;
}
table.pos_list td.club {
padding-left: 5px;
}
table.pos_list td.pt {
background: url(../../images/pos_alpha.png) !important;
}
table.pos_list td.footer {
height: 10px;
}
table.pos_list td,
table.pos_list th {
line-height: 18px;
}
.copa {
text-align: center;
color: #fff;
line-height: 24px;
}