/*FONT COLORS*/ /* TWITTER, RM SIGN color:#4e1a63; Links color: #f5003c; text black */ /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } html, body { height: 100%; } body { font-size: 14px; font-family: "Century Gothic", sans-serif; color: black; background: white url(images/innerBGK.jpg) top center repeat-y; } ul { list-style: none; } ol { list-style: decimal inside; } a { outline: none; text-decoration: none; color: #f5003c;} a:hover { color: #1e71b8;} a img { border: none; background: none; } a img:hover { opacity: .8;} img { vertical-align: middle; } .post img {margin: 0px;-moz-border-radius: 5px; -webkit-border-radius: 5px;} table { border-collapse: collapse; } .clear {clear: both;} img, div { behavior: url(iepngfix.htc) } *:link, *:visited, *:hover, *:active, *:focus { -webkit-transition: color .25s linear, background-color .25s linear, border-color .25s linear; transition: color .25s linear, background-color .25s linear, border-color .25s linear; } /*TYPOGRAPHY*/ .post h2 { font-size: 2.2em; text-align: center; margin: 20px 0 ; font-weight: bold; color:#4e1a63;} .post { padding:20px; } .incline {font-style: italic; text-align: center; margin: 10px 0 ;} h2 { font-size: 2.0; } h2.singlePost { color: #f5003c;} .eachnews p { font-size: 0.8em;} /* STRUCTURE */ #page-wrap { margin: 0px auto -230px; min-height: 100%; height: 100% !important; height: 100%; background: transparent url(images/BodyHead-BGK.jpg) top center no-repeat; } #wrapper { width: 1500px; margin: 0px auto; } #innerWrap { width: 960px; margin: 0px auto; } #header { height: 225px; width: 960px; background: transparent; margin-left:-2px; } #main-col { width: 960px; height: auto; float: left; margin: 0 0 0 0; background-color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #post-col { width: 630px; margin: 0 0 20px 165px; background: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #4e1a63; } #pageLevels { margin: 20px 0 0 40px;} #pageLevels a { text-transform: uppercase; font-size: .9em;} #main-col, #main-col-home, #main-col-miPeli, #main-col-videos {-moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc;} /*UTILITY*/ a[rel=next] { float: right; margin-right: 5px; } .button { border: 1px solid #f5003c; background: white; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #f5003c;} .button:hover { background: #f5003c; color: white; } #comment { margin: 10px 0;} #push { height: 50px; } .goleft {float: left;} .goright {float: right;} .post p img { margin: 10px auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc; border: 1px solid #4e1a63; } /*MENU*/ #main-nav { width: 240; float: left;} .Diario {margin: 95px 0 0 55px;} .Diario a {width: 94px; height: 24px; background: transparent url(images/Menu/miDiario.png) top center no-repeat; display:block;} .Diario a:hover {background: transparent url(images/Menu/miDiarioActive.png) top center no-repeat;} .Fotos {margin: -20px 0 0 165px;} .Fotos a {width: 67px; height: 21px; background: transparent url(images/Menu/fotos.png) top center no-repeat; display:block;} .Fotos a:hover {background: transparent url(images/Menu/fotosActive.png) top center no-repeat;} .Descargas {margin: 8px 0 0 96px; } .Descargas a {width: 111px; height: 23px; background: transparent url(images/Menu/descargas.png) top center no-repeat; display:block;} .Descargas a:hover {background: transparent url(images/Menu/descargasActive.png) top center no-repeat;} .Video {margin: 5px 0 0 106px; } .Video a {width: 74px; height: 39px; background: transparent url(images/Menu/videos.png) top center no-repeat; display:block;} .Video a:hover {background: transparent url(images/Menu/videosActive.png) top center no-repeat;} .Peli {margin: -16px 0 0 -30px; } .Peli a {width: 102px; height: 27px; background: transparent url(images/Menu/miPeli.png) top center no-repeat; display:block;} .Peli a:hover {background: transparent url(images/Menu/miPeliActive.png) top center no-repeat;} /*HEADER*/ #logo {width: 161px; height:170; float: right; margin:25px 80px 0 0;} #socialstuff {width: 400px; float: left; } #twitterRM {width: 62px; height:173px; background: transparent url(images/TwitterRM.png) top left no-repeat; margin: 15px 0 0 65px; float:left;} #twitterbubble {width: 265px; height:98px; background: transparent url(images/TwitterStuff-BGK.png) top left no-repeat; margin:15px 0 0 0 ;float: left;} .social-list {margin: 5px 56px 0 0; float: right;} ul.socialicons li {height: 31px; float: left; margin: 5px 0 0 0; list-style:none; display:inline;} ul.socialicons li a, .comp-logo a, .comp-logoRM a {opacity: 1;} ul.socialicons li a:hover, .comp-logo a:hover, .comp-logoRM a:hover {opacity: .8;} #tweet {font-size: .8em; width: 210px; margin: 24px 0 0 18px; color: black; font-weight: bold; color:#4e1a63;} #tweet p { font-size: 10px; line-height: 1.3; color: black; } #tweet p span { padding: 10px 20px; text-align: center; display: table-cell; vertical-align: middle; } #tweet p a { color: #046496; border: 0; } #tweet p a:hover { color: black; text-decoration: underline; border: 0; } /*HOME MAIN CONTENT*/ #main-col-home { width: 960px; float: left; margin: 0 0 0 0; background: white url(images/homeImg/homeMainBG.jpg) top left no-repeat; } #vidPlayer { width:461px; height:390px; float:left; margin: 0 0 0 0; background: transparent url(images/homeImg/VplayerBG.gif) top left no-repeat;} #youtubeplayer { margin:110px 0 0 48px;} #topBanner { width: 300px; height: 480px; float:right; margin: 0 0 0 0 ;} #btmBanner { width: 463px; height: 203px; float:left; margin: 0 0 0 0;} .bannerInside { float: left; width: auto; margin:0;} .banneriTunes { float: left; margin: 172px 0 0 10px;} #centerBanner { width: 960px; float: left;} #left-col { width: 300px; margin: 8px 0 20px 10px; float: left; background: transparent url(images/homeImg/noticias-bgk.jpg) top left repeat-y;} #mid-col { width: 300px; margin: 8px 0 0 20px; float: left; background: transparent url(images/homeImg/fotos-bgk.jpg) top left repeat-y;} #right-col { width: 300px; margin: 8px 0 0 20px; float: left; background: transparent url(images/homeImg/blog-bgk.jpg) top left repeat-y;} /*MI PELI*/ #main-col-miPeli { width: 960px; height: 1650px; float: left; margin: 0 0 0 20px; background: white url(images/bg-miPeli.jpg) top left no-repeat; } #sinopsis-col { width: 221px; height: 290px; float: left; margin: 205px 0 0 40px; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg);} #sinopsis-col :hover { font-size: 1.5em; background-color: white; width: 400px;} .inWrite { color:black; font-style: italic; font-size: 10px; line-height: 110%;} #banjolero { width: 257px; height: 247px; background:transparent url('images/Banjo.jpg') top left no-repeat; float: left; margin: 580px 0 0 -150px;} #banjolero:hover {background: transparent url('images/BanjoActive.jpg') top left no-repeat;} #gal-col { width: 403px; height: 406px; background:transparent url('images/galeria-bg-miPeli.jpg') top left no-repeat; float: left; margin: 890px 0 0 -365px;} #youtubeplayerpeli { float: right; margin:752px 122px 0 0px;} #sponsorLogos { width: 960px; height: 80px; margin: 1500px 0 0 60px; } .logoinside { width: 105px; height: 47px; margin: 0 30px; float:left; } .logoinside a:hover img { display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid green;} /* [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] */ /*Videos*/ #main-col-videos { width: 960px; height: 646px; float: left; margin: 0 0 0 20px; background: white url(images/bg-Videos.jpg) top left no-repeat; } #youtubeplayervideos { float: left; margin:241px 0 0 69px;} #vid-thumb-col { width: 150px; height: 390px; float:left; margin: 209px 0 0 147px; } .vid-pic { width: 120px; height: 90px; margin: 13px; } .vid-pic a:hover { opacity: .8 ;} .vid-name { font-size: .8em; text-align: center;} #hid-vid1 {display:none;} /*FOTOS*/ .gal-col-pic { width: 403px; height: 406px; background:transparent url('images/galeria-bg-miPeli.jpg') top left no-repeat; float: left; margin: 20px 0px 30px 280px;} /*WIDGETS*/ .eachnews {padding: 10px 3px; border-bottom: 3px dashed #ffc602;} .eachnews p {padding: 3px;} .sidenote a {font-size: 1.0em;} li.sidenote { list-style: none;} .newsimg {width: 54px; height: 54px; border: 1px solid #4e1a63 ; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; margin: 3px; } .fpfcredit {display: none;} /*COMMENTS*/ .comment-meta commentmetadata {margin: 10px 0 ; } #comment-col { width: 630px; margin: 0px auto; padding: 20px 0;} ol.commentlist { list-style: none; } .comment-bubble { border: 1px solid green; background: white; color: black; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 10px 0;} ol.commentlist li p { font-size: .9em; margin: 10px 0;} .gravatar { margin-top: 3px; padding: 2px; height: 40px; } /*FOOTER*/ #footer { margin: 0px auto; height: 230px; background: white url(images/Footer-bg.jpg) bottom center no-repeat; padding-top: 20px; } #footer-inside { margin: 0px auto; width: 960px;} #outside-logos { width: 590px; margin:140px 0 0 40px; } .comp-logoRM {float:left;} .comp-logo { float: left; margin: 17px 0 0 20px; display: block; } .comp-logo img {position:relative; top:30px; left:0;} .social-footer-list {margin: -168px 0 0 354px; float: right;} /* Easy Slider */ #slider { margin: 140px 0 0 65px;} #slider2 { margin: 140px 0 0 65px;} #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider li, #slider2 li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:260px; height:166px; overflow:hidden; } #gal-col ul li a img { width:260px; height:166px; } #prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:91px; height:14px; float: left; margin:60px 55px; } #nextBtn, #slider1next{ left:696px; } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; width:91px; height:14px; background: transparent url(images/backBtn.png) no-repeat 0 0; } #nextBtn a, #slider1next a{ background: transparent url(images/nextBtn.jpg) no-repeat 0 0; } #prevBtn a:hover, #nextBtn a:hover, #slider1next a:hover, #slider1prev a:hover;{ display:block; position:relative; width:91px; height:14px; background: transparent url(images/backBtnActive.png) no-repeat 0 0; } #nextBtn a:hover, #slider1next a:hover;{ background: transparent url(images/nextBtnActive.jpg) no-repeat 0 0; } /* numeric controls */ ol#controls{ margin:1em 0; padding:0; height:28px; } ol#controls li{ margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; } ol#controls li a{ float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 10px; text-decoration:none; } ol#controls li.current a{ background:#5DC9E1; color:#fff; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}