/*------------------------------------------------------------------
[Master Stylesheet]
Project:Tonico Electrónico
Version:1
Author:Cristian Sans,Gimmicklab
Company:Gimmicklab
Date:21/03/2010
URL:http://tonicoelectronico.com
Notes:Based on trasnparencies,no images. Uses CSS3 rgba.
-------------------------------------------------------------------*/
@import "./css/reset.css";/* Main Estructure */
html,body,#container{min-height:100%;height:100%;}
body{background:rgb(158,215,237);font-size:62.5%;}
body,h1,h2,h3,h4,h5,h6,textarea{font-family:Arial,Verdana,sans-serif;}
/* RGB Colors and Transparencies */
#op-top .op-top-bottom,#op-top .op-overlay,#op-bottom .op-top-head,#op-bottom .op-overlay,#sidebar,#sidebar li li a:hover,#sidebar li li.current-cat a,#dropbox,#pagination a,#pagination,#entry a:hover,.event h3 a:hover,a.modalCloseImg{background:rgb(135,137,130);background:rgba(135,137,130,0.3);}
div#streampadBottomBar{background:rgba(135,137,130,0.3) !important;}
ul.columns li,.gallery dl{background:rgb(0,183,255);background:rgba(0,183,255,0.2);}
ul.columns li img,.gallery img,.modal img{border:10px solid rgb(0,183,255);border:10px solid rgba(0,183,255,0.2);}
ul.columns li div,.gallery dd{background:rgb(46,47,45);background:rgba(46,47,45,0.7);}
#op-top .op-top-head{background:rgb(68,189,237);}
.hr{background:rgb(73,74,71);}
#wrapper{background:rgb(46,47,45);}
#inner,p#credits{background:rgb(58,59,56);}
.msg,#tags a:hover,#pagination a,#entry p,.event h3 a,#simplemodal-container,a.modalCloseImg:hover{color:rgb(135,137,130);color:rgba(135,137,130,0.3);}
.msg span,#entry strong,#entry h2,.page-template-events-php #content h2,.event h3 em,.event h3 a:hover,#entry a,a.modalCloseImg{color:rgb(135,137,130);color:rgba(135,137,130,0.75);}
.modal p{background:rgb(0,0,0);background:rgba(0,0,0,0.5);}
/* Block Elements */
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h1{background:transparent url(./i/tonico-logo.png) no-repeat -1px 0;font-size:2.8em;width:280px;min-height:243px;text-indent:-9999px;margin:38px 0 0 7px;}
h1 a{display:block;width:280px;min-height:243px;}
h2{font-size:2.2em;line-height:2em;letter-spacing:.03em;color:#9ed7ed;text-transform:uppercase;}
h3{font-size:1.4em;line-height:3.3em;color:#9ed7ed;vertical-align:baseline;margin-left:9px;text-transform:lowercase;}
h4{font-size:1.6em;line-height:1.6em;color:#51534e;margin-bottom:15px;text-transform:uppercase;}
h5{font-size:1.8em;line-height:1.8em;}
h6{font-size:1.4em;line-height:1.4em;}
p{font-size:1.2em;line-height:1.4em;margin:15px 0;}
div{font-size:1em;}
ol li{list-style-type:decimal;list-style-position:inside;}
li{font-size:1.2em;line-height:1.4em;list-style:none;}
ul,ol,ul ul,ol ol{font-size:1em;}
span{font-size:1em;}
img{border:none;}
a{font-size:1em;text-decoration:none;outline:none;color:#44bded;}
a:hover{text-decoration:none;}
hr{display:none;}
/* Design block (Top and Bottom) */
#op-top{min-height:120px;position:relative;}
#op-top div,#op-bottom div{width:100%;position:absolute;}
#op-top .op-top-head{min-height:25px;top:0;z-index:-1;}
#op-top .op-top-bottom{min-height:40px;bottom:10px;z-index:1;}
#op-top .op-overlay{min-height:120px;z-index:2;}
#op-bottom{min-height:70px;position:relative;margin-top:-68px;}
#op-bottom .op-top-head{min-height:30px;bottom:0;z-index:1;}
#op-bottom .op-overlay{min-height:70px;z-index:2;}
.hr{width:100%;display:block;position:absolute;border:0;}
.hr.top{min-height:10px;top:0;z-index:1;}
.hr.bottom{min-height:10px;bottom:-2px;z-index:-2;}
/* Layout */
#container{width:100%;}
#header{width:100%;position:absolute;top:0;left:0;z-index:15;}
#header div{background:transparent;width:960px;height:27px;margin:0 auto;z-index:-99;}
#wrapper{background:rgb(46,47,45);width:960px;min-height:100%;margin:-120px auto 0 auto;position:relative;z-index:0;}
#main{position:relative;min-height:100%;}
#inner{background:rgb(58,59,56);width:100%;height:auto;position:absolute;top:300px;bottom:8px;left:0;z-index:-1;}
#sidebar{width:240px;float:left;margin:0 0 75px 25px;position:relative;z-index:10;}
#content{width:650px;float:right;z-index:99;position:relative;z-index:99;margin:152px 0 75px 0;}
ul.columns li{width:170px;min-height:170px;display:block;float:left;padding:10px;margin-right:15px;position:relative;z-index:99;}
/* Breadcrumb */
#header ul{width:631px;margin:0 auto 0 auto;padding-left:293px;}
#header li{display:block;float:left;}
/* Menu */
#sidebar ul{padding:325px 0 25px 0;}
#sidebar li{font-size:2.9em;line-height:.85em;font-weight:bold;text-indent:15px;text-transform:uppercase;letter-spacing:.05em;}
#sidebar li a{color:#44bded;}
#sidebar li.active a,#sidebar li a:hover{color:#3a3b38;}
#sidebar li.active,#sidebar li:hover{background:transparent url(./i/selector.png) no-repeat 0 0;}
#sidebar ul ul{padding:0;}
#sidebar li li{font-size:.6em;line-height:1em;margin-bottom:1px;}
#sidebar li li a:hover{color:#44bded;}
#sidebar li.active.toggle ul{display:block;}
#sidebar li li.current-cat,#sidebar li li:hover{background:none;}
#sidebar li li a{display:block;color:#3f403c !important;padding:2px 0 1px 0;-moz-border-radius:1px;-webkit-border-radius:1px;}
#sidebar li li a:hover,#sidebar li li.active a{color:#3a3b38 !important;}
p#credits{margin:0;padding:10px 15px;color:#999;}
p#credits a{color:#666;text-decoration:underline;}
p#credits a:hover{color:#9ed7ed;}
/* SoundCloud dropbox */
#dropbox{padding:15px;margin:0 1px 0 0;}
a.soundcloud-dropbox:hover{color:white !important;background-color:transparent !important;background-position:-250px 0 !important;}
*html a.soundcloud-dropbox{background-image:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.soundcloud.com/images/dropbox_square_dark.png?b2951a)',sizingMethod='crop') !important;}
/* Player Shortcuts */
#player{background:transparent url(./i/player-bg.png) 0 0 no-repeat;width:210px;/*height:142px;*/
height:113px;padding:5px 35px 0 35px;margin:0 0 0 -20px;}
#player h4{font-size:1.6em;color:#51534e;margin:0 0 5px 0;text-transform:uppercase;}
#player a{font-size:2.4em;line-height:1.1em;font-weight:bold;color:#3a3b38;display:block;height:24px;padding-left:30px;margin-bottom:5px;text-transform:uppercase;}
#player a.open-close{background:transparent url(./i/controls.png) no-repeat -44px 0;}
#player a.play-stop{background:transparent url(./i/controls.png) no-repeat -42px -52px;}
#player a.playlist{background:transparent url(./i/controls.png) no-repeat -41px 100%;}
#player small{font-size:.7em;}
/* Tags */
#tags{width:220px;}
#tags p{padding:0 15px;}
#tags a{margin-right:5px;line-height:.8em;color:#3a3b38;}
#tags a:hover{text-decoration:underline;}
/* Playlists */
ul.columns img{display:block;margin:0 auto;z-index:9999;-moz-box-shadow:1px 1px 2px #000;-webkit-box-shadow:1px 1px 2px #000;box-shadow:1px 1px 2px #000;}
ul.columns li div{width:150px;height:auto;padding:10px;position:absolute;bottom:10px;z-index:99;}
ul.columns h5{font-size:1.2em;line-height:1em;font-weight:bold;color:#9ed7ed;margin:0 0 3px 3px;}
ul.columns span{line-height:1em;display:block;color:#9ed7ed;margin:0 0 3px 3px;}
ul.columns em{font-style:italic;display:block;color:#fff;margin:0 0 20% 3px;}
ul.columns a{position:absolute;}
#content a.play{background:transparent url(./i/controls.png) no-repeat 0 -27px;display:block;width:14px;height:12px;bottom:15px;left:15px;text-indent:-9999px;}
#content a.spmp3{background:transparent url(./i/controls.png) no-repeat 0 -58px;display:block;left:37px;bottom:13px;width:10px;height:14px;text-indent:-9999px;}
#content a.add{background:transparent url(./i/controls.png) no-repeat 0 0;font-size:.8em;line-height:1.35em;color:#2e2f2d;display:block;width:40px;height:12px;bottom:15px;left:33px;text-indent:16px;}
#content a.play:hover{background:transparent url(./i/controls.png) no-repeat -14px -27px;}
#content a.spmp3:hover{background:transparent url(./i/controls.png) no-repeat 0 -71px;}
#content a.add:hover{background:transparent url(./i/controls.png) no-repeat 0 -13px;}
/* Pagination */
#pagination{height:28px;margin:15px 0;}
#pagination a{font-size:1.4em;line-height:1em;font-weight:bold;display:block;padding:7px 12px;text-transform:uppercase;text-align:center;color:#333;}
#pagination a:hover{background:#999;}
#pagination span#prev a{width:95px;float:left;}
#pagination span#next a{width:59px;float:right;margin-right:50px;}
/* Pages & Messages */
#entry h2,.page-template-events-php #content h2{font-size:3.4em;margin-bottom:15px;text-transform:uppercase;}
p.msg,#entry p{font-size:2em;line-height:1.2em;font-weight:bold;margin:0 35px 35px 0;}
#entry p{padding-right:75px;margin:10px 0;text-transform:uppercase;text-align:left;}
.msg span,#entry p span{font-size:1.1em;color:;text-transform:uppercase;}
#entry a:hover{color:#999;}
/* Gallery */
.gallery{margin:50px 0;}
.gallery dl{display:block;float:left;padding:10px;margin:0 0 20px 0;position:relative;}
.gallery img,.modal img,a.modalCloseImg,.modal p{-moz-box-shadow:1px 1px 2px #000;-webkit-box-shadow:1px 1px 2px #000;box-shadow:1px 1px 2px #000;}
.gallery a{cursor:default;}
.gallery a:hover{background:none !important;}
.gallery dd{font-size:1.2em;line-height:2.7em;font-weight:bold;width:170px;height:35px;position:absolute;bottom:11px;text-indent:15px;color:#9ed7ed;text-transform:capitalize;}
/* Events */ 
.event h3{font-size:2.8em;line-height:1em;font-weight:bold;margin:0;letter-spacing:.5px;text-transform:uppercase;}
.event em{font-size:.5em;line-height:1.4em;margin-left:10px;vertical-align:top;}
/* Modal Window */
#simplemodal-overlay{background-color:#000;cursor:wait;}
#simplemodal-container{height:475px;width:620px;}
#simplemodal-container a.modalCloseImg{font-size:1.4em;line-height:1.8em;width:35px;height:25px;display:block;z-index:3200;position:absolute;top:30px;right:-25px;cursor:pointer;text-align:center;text-indent:10px;}
#simplemodal-container a.modalCloseImg:after{content:'X';}
#simplemodal-container #basic-modal-content{padding:0;}
.modal{position:relative;}
.modal p{width:565px;margin:0;padding:10px 10px 10px 20px;position:absolute;top:25px;left:0;color:#fff;}
/* Streampad */
#streampadProfileButton,#streampadPlayerBorderNum5,#streampadPlayTrack,#streampadPlayerFullScreenButton,#streampadPlayerBorderNum1,.streampadPlayerbutton{display:none;}
#streampadPlaylistButton,#streampadVolumeButton,#streampadPlayerBorderNum2,#streampadPlayerBorderNum3,#streampadPlayerBorderNum4{display:block;}
#streampadAudioPlayer{left:15px !important;}
#streampadAudioCaption{left:165px !important;}
/* Clases */
#main:after,#content:after,#header ul:after,ul.columns:after,ul.columns li div:after,#pagination:after{content:".";display:block;min-height:0;clear:both;visibility:hidden;}