/* BRUTE Style by Simon 2006-2007*/ /* Standard Elements*/ * {margin: 0; padding: 0} body{color: #000; background-color: #ADADA9; position: relative} h1 a{position: absolute; top: 35px; right: 0; background: url(../imagenes/linkhome.gif) no-repeat 0 0; width: 143px; height: 59px} h1 span, h1 a span, h2 span, h3 span{display: none} h2{font-size: 24px;} ul{list-style: none} img{border: 0;} /*Layout*/ #container{margin: 0 auto; position: relative; width:760px; background: #ADADA9 url(../imagenes/bg_general.gif) 0 0 repeat-y} #content{position: relative; float: left; width: 710px; padding-left: 25px} #footer{border-top:12px solid #000000;position: relative; clear: both; width: 736px; margin-left: 12px; padding-bottom: 5px; padding-top: 10px; color: #000; background: #7C7A76 url(../imagenes/footer.gif) 695px 7px no-repeat; height: 35px} #footerbase{background: url(../imagenes/footerbase.gif) no-repeat center top; margin: 0 auto; padding: 0; width: 760px; height: 12px} #left{position: relative; float: left; padding-left: 25px; margin-right: 10px; width: 247px; background: url(../imagenes/label.gif) 207px 203px no-repeat} #navcontainer{width: 460px; margin-top: 14px; display: block; float: left} #portada{float: left; display: block; width: 453px; height: 253px; background: url(../imagenes/julio_2010.jpg) 0 0 no-repeat; margin-top: 4px} #right{width: 455px; float: left} /*Headers*/ h1#iconblacklabel{background: url(../imagenes/domination.gif) no-repeat 0 0} h1#iconhistory{background: url(../imagenes/helmet.gif) no-repeat 0 0} h1#iconproleisure{background: url(../imagenes/cap2.gif) no-repeat 0 0} h1#iconstrength{background: url(../imagenes/helmet2.gif) no-repeat 0 0} h1#iconuniforms{background: url(../imagenes/cap.gif) no-repeat 0 0} h1#tshirts{ background: url(../imagenes/shirt.gif) no-repeat 0 0} h1#iconuniforms, h1#iconhistory, h1#iconstrength, h1#iconproleisure, h1#iconblacklabel, h1#tshirts{width: 55px; height: 55px; margin: 0; padding: 0; float: left} h2#blacklabel{background: url(../imagenes/gallery_blacklabel.gif) 510px 7px no-repeat} h2#covers{background: url(../imagenes/covers.gif) 510px 7px no-repeat} h2#downloadwall{background: url(../imagenes/gallery_downloads.gif) 510px 7px no-repeat} h2#history{background: url(../imagenes/gallery_history.gif) 553px 7px no-repeat} h2#links{background: url(../imagenes/links.gif) 510px 7px no-repeat} h2#linkmysite{background: url(../imagenes/gallery_linksite.gif) 510px 7px no-repeat} h2#newsletter{background: url(../imagenes/gallery_newsletter.gif) 510px 7px no-repeat} h2#proleisure{background: url(../imagenes/gallery_proleisure.gif) 510px 7px no-repeat} h2#selectgallery{background: url(../imagenes/selectgallery.gif) 560px 7px no-repeat} h2#strength{background: url(../imagenes/gallery_strength.gif) 549px 7px no-repeat} h2#uniforms{background: url(../imagenes/gallery_uniforms.gif) 553px 7px no-repeat} h2#aboutme{background: url(../imagenes/about_me.gif) 510px 7px no-repeat} h2#selectgallery, h2#downloadwall, h2#linkmysite, h2#links, h2#newsletter, h2#covers, h2#uniforms, h2#history, h2#strength, h2#proleisure, h2#blacklabel, h2#aboutme{clear: both; display: block; height: 62px; /*margin-top: 4px;*/ border-top: 1px solid #63625E} h3#blacklabel{background: url(../imagenes/name_blacklabel.gif) no-repeat} h3#history{background: url(../imagenes/name_history.gif) no-repeat} h3#proleisure{background: url(../imagenes/name_proleisure.gif) no-repeat} h3#strength{background: url(../imagenes/name_strength.gif) no-repeat} h3#uniforms{background: url(../imagenes/name_uniforms.gif) no-repeat} h3#uniforms, h3#history, h3#strength, h3#proleisure, h3#blacklabel{display: block; height: 15px} #number2 h5{float: left; text-align: center; width: 55px; padding-top: 13px; margin: 0; color: #A0A0A0; background-color: #616161; font: bold 24px Arial, Helvetica, sans-serif} #updates h4{height: 21px; display: block; background: #41413F url(../imagenes/head_updates.gif) 0 0 no-repeat} #updates h4 span{display: none} .covercontainer h3{padding: 0; margin: 0; color: #A0A0A0; background-color: #000; font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif} .selectblock h3{font: bold 1em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #7C7A76; display: block; margin: 5px 0 10px 0} .selectblock2 h3{font: bold 1em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #7C7A76} /*links*/ a.backgallery{float: right; color: #848482; font: normal 0.7em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 40px 55px 0 0; padding-left: 20px; text-decoration: none; background: #000 url(../imagenes/backtogallery.gif) no-repeat 0 4px} a.backgallery:hover{background: #000 url(../imagenes/backtogallery.gif) no-repeat 0 -12px; color: #fff} a.contact{height: 16px;width: 43px; background: url(../imagenes/bot_contact.gif) 0 0 no-repeat; float: left} a.contact:hover{background: url(../imagenes/bot_contact.gif) 0px -16px no-repeat} a.covers{height: 16px; width: 50px; background: url(../imagenes/bot_covers.gif) 0 0 no-repeat; float: left; padding-right: 7px} a.covers:hover{background: url(../imagenes/bot_covers.gif) 0px -16px no-repeat} a.downloads{height: 16px; width: 72px; background: url(../imagenes/bot_downloads.gif) 0 0 no-repeat; float: left; padding-right: 7px} a.downloads:hover{background: url(../imagenes/bot_downloads.gif) 0px -16px no-repeat} a.gallery{height: 16px; width: 53px; background: url(../imagenes/bot_gallery.gif) 0 0 no-repeat; float: left; padding-right: 7px} a.gallery:hover{background: url(../imagenes/bot_gallery.gif) 0px -16px no-repeat} a.newsletter{height: 16px; width: 75px; background: url(../imagenes/bot_newsletter.gif) 0 0 no-repeat; float: left; padding-right: 7px} a.newsletter:hover{background: url(../imagenes/bot_newsletter.gif) 0px -16px no-repeat} a.go{display: block; background: url(../imagenes/go.gif) 0 0 no-repeat; width: 59px; height: 17px; margin-top: 5px} a.go:hover{background: url(../imagenes/go.gif) 0 -25px no-repeat} a.go span{display: none} a.links{height: 16px; width: 41px; background: url(../imagenes/bot_links.gif) 0 0 no-repeat; float: left; padding-right: 7px} a.links:hover{background: url(../imagenes/bot_links.gif) 0px -16px no-repeat} a.aboutme{height: 16px; width: 62px; background: url(../imagenes/bot_aboutme.gif) 0 0 no-repeat; float: left; padding-right: 7px} a.aboutme:hover{background: url(../imagenes/bot_aboutme.gif) 0px -16px no-repeat} .dl{color: #94A050; background: url(../imagenes/download_icon.gif) no-repeat 0 5px; padding-left: 12px; font: normal 0.7em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none} .dl:hover, .normal:hover{color: #fff} .mincont a{position: absolute; top: 80px; left: 0; width: 22px; height: 22px; background: url(../imagenes/mg.gif) 0 0 no-repeat} .mincont a:hover{background: url(../imagenes/mg.gif) 0 -28px no-repeat} .mincont a span{display: none} .normal{color: #94A050; font: normal 0.7em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; clear: both} #counter a.no{display: none} #enviosb a, #enviosc a{color: #7C7A76; text-decoration: none} #enviosb a:hover, #enviosc a:hover{color: #fff} #footer a{color: #C9C9C9; text-decoration: none} h1.inside a{position: absolute; top: 37px; left: 25px; background: url(../imagenes/linkhome2.gif) no-repeat 0 0; width: 131px; height: 54px} #sectionblacklabel a{background: url(../imagenes/blacklabel.gif) 0 0 no-repeat; width: 72px} #sectionblacklabel a:hover{background: url(../imagenes/blacklabel.gif) 0 -9px no-repeat} #sectionhistory a{background: url(../imagenes/history.gif) 0 0 no-repeat; width: 47px} #sectionhistory a:hover{background: url(../imagenes/history.gif) 0 -9px no-repeat} #sectionnewsletter a{background: url(../imagenes/newsletter.gif) 0 0 no-repeat; width: 72px} #sectionnewsletter a:hover{background: url(../imagenes/newsletter.gif) 0 -9px no-repeat} #sectionproleisure a{background: url(../imagenes/proleisure.gif) 0 0 no-repeat; width: 89px} #sectionproleisure a:hover{background: url(../imagenes/proleisure.gif) 0 -9px no-repeat} #sectionstrength a{background: url(../imagenes/strength.gif) 0 0 no-repeat; width: 57px} #sectionstrength a:hover{background: url(../imagenes/strength.gif) 0 -9px no-repeat} #sectionuniforms a{background: url(../imagenes/uniforms.gif) 0 0 no-repeat; width: 56px} #sectionuniforms a:hover{background: url(../imagenes/uniforms.gif) 0 -9px no-repeat} #sectionuniforms a, #sectionhistory a, #sectionstrength a, #sectionproleisure a, #sectionblacklabel a, #sectionnewsletter a{position: absolute; top: 0; left: 60px; height: 9px} #sectionuniforms a span, #sectionhistory a span, #sectionstrength a span, #sectionproleisure a span, #sectionblacklabel a span, #sectionnewsletter a span{display: none} #updates a{color: #B0B0A5; text-decoration: none} #updates a:hover{color: #fff} /*Other Elements*/ #biginfo{position: relative; border-bottom: 1px solid #fff; border-bottom: 1px solid #63625E; margin: 6px 25px 0 25px; padding: 7px 0 10px 0; height: 55px; background: url(../imagenes/logo2.gif) no-repeat 666px 5px} #content p, #select1 p, #select2 p, #select3 p, #select4 p, #select5 p, p.descrip{margin: 12px 0 25px 0; font: normal 0.7em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 1.39em; color: #A9A6A1} #counter a{float: left; padding: 12px 0 0 0; margin: 0; height: 20px !important} #enviosb, #enviosc{ position: relative; clear: both; margin: 10px 25px 2px 25px; padding: 1em 50px; font: 0.65em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #B0ADA8} #enviosb{background: #1C1B19 url(../imagenes/a4.gif) 10px 13px no-repeat} #enviosc{background: #1C1B19 url(../imagenes/uncensored.gif) 10px 13px no-repeat} #footer p{bottom:7px;color:#3F3C36;font:0.7em "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;position:absolute;right:45px;text-align:right;} #headerblacklabel{background: url(../imagenes/leather.gif) 0 0 repeat-x} #headerhistory{background: url(../imagenes/velvet.gif) 0 0 repeat-x} #headerproleisure{background: url(../imagenes/tartan.gif) 0 0 repeat-x} #headerstrength{background: url(../imagenes/sport.gif) 0 0 repeat-x} #headeruniforms{background: url(../imagenes/camouflage.gif) 0 0 repeat-x} #headeruniforms, #headerstrength, #headerhistory, #headerproleisure, #headerblacklabel{height: 23px; width: 736px; margin-left: 12px} #horizontal{width: 671px; height: 475px; border: 3px solid #848482; margin: 25px auto} #navcontainer ul li{display: inline} #navcontainer ul li span{display: none} #number2{width: 55px; height: 54px; color: #A0A0A0; background-color: #616161; float: left; margin: 0 0 0 5px} #picdate{font: normal 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #A0A0A0; background-color: #000; margin-left: 2px; float: left} #piccomment{font: italic 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #929680; float: left} #picname2{font: bold 24px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #767676; background-color: #000; float: left; padding-top: 10px; margin-left: 7px} #picturedesc{width: 462px; height: 50px; padding: 0; margin: 0} #sections{display: block; width: 453px; border-top: 1px solid #63625E; padding-top: 8px; font: bold 0.6em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif} #sections p{position: absolute; top: 14px; left: 60px; font: 0.9em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 12px; color: #707070} #sectionblacklabel{background: url(../imagenes/domination.gif) no-repeat 0 0} #sectionhistory{background: url(../imagenes/helmet.gif) no-repeat 0 0} #sectionnewsletter{background: url(../imagenes/mailmancap.gif) no-repeat 0 0} #sectionproleisure{background: url(../imagenes/cap2.gif) no-repeat 0 0} #sectionstrength{background: url(../imagenes/helmet2.gif) no-repeat 0 0} #sectionuniforms{background: url(../imagenes/cap.gif) no-repeat 0 0} #sectionuniforms, #sectionhistory, #sectionstrength, #sectionproleisure, #sectionblacklabel, #sectionnewsletter{float: left; position: relative; padding: 1px 5px 5px 0; width: 219px; height: 58px} #select1, #select2, #select3, #select4, #select5{display: block; margin-bottom: 30px; padding-left: 141px} #select1{background: url(../imagenes/select_uniforms_p.gif) no-repeat 0 0} #select2{background: url(../imagenes/select_history_p.gif) no-repeat 0 0} #select3{background: url(../imagenes/select_strength_p.gif) no-repeat 0 0} #select4{background: url(../imagenes/select_proleisure_p.gif) no-repeat 0 0} #select5{background: url(../imagenes/select_blacklabel_p.gif) no-repeat 0 0} #thismonth{height: 16px; clear: both; padding: 4px; color: #707070; background: #000 url(../imagenes/thismonth.gif) 0 8px no-repeat; padding-left: 145px; font: bold 0.7em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif} #thismonth span{display: none} #updates{float: left; width: 100%; border-top: 1px solid #63625E; padding-top: 10px; margin-top: 311px; border-bottom: 21px solid #41413F; font: bold 0.6em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif} #vertical{width: 475px; height: 671px; border: 3px solid #848482; margin: 25px auto} #validation{position: absolute; bottom: 3px; left: 10px; float: left} #validation a, #validation img{border: 0} /*classes*/ .covercontainer{padding-bottom: 40px; font: 0.75em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #7C7A76; background-color: #000; display: block} .covercontainer img{display: block; border: 1px solid #7C7A76} .fecha{color: #B3CD80; background-color: #282826} .flag{position: absolute; top: 0; left: 100px} .linkpic{border: 1px solid #7C7A76; position: absolute; top: 1px; left: 0} .linksite{padding: 0; margin-bottom: 20px; font: 0.7em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #7C7A76; background-color: #000; clear: both; vertical-align: top} .linksite img{display: block} .mincont{float:left; height:117px; margin:5px; padding-top:13px; position:relative; width:90px;} .number{position: absolute; top: 0; left; 0; text-align: center; width: 25px; height: 13px; background-color: #616161; color: #A0A0A0; font: bold 0.6em Arial, Helvetica, sans-serif} .picname{position: absolute; top: 105px; left: 0; width: 90px; font: normal 0.55em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #fff; background-color: #000} .picdate{position: absolute; top: 118px; left: 0; width: 90px; font: normal 0.55em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #7C7A76; background-color: #000} .selectblock{float: left; margin: 0 15px 40px 0; width: 166px} .selectblock2{height: 89px; display: block; clear: both; margin: 0 0 20px 0; padding: 25px 0 0 100px; position: relative} .selectblock2 p{margin-top: 0; line-height: normal; color: #A0A0A0; font: normal 0.7em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; clear: both; display: block} .updateitem{background-color: #282826; color: #89897E; padding: 0.5em; display: block; margin: 5px 0 5px 0} .uncensored, .copy{font-size: 1.3em; font-weight: bold} .wallpaper{display: block; border: 1px solid #7C7A76} .tshirts{background: #000 url(../imagenes/tshirts.gif) no-repeat 0 0; width: 237px; height: 14px;float: right; margin-top: 9px; position: relative} .tshirts span{display:none} /*definitions list*/ dl{padding: 5px 15px} dt, dd {font: normal 0.70em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif} dt{float: left;padding-right: 5px;color: #B4B4B4;width: 70px;color: #C9C9C9;background: #000 url(../imagenes/bullet_about.gif) no-repeat 0 4px;padding-left: 20px;float: left} dd{display: block;color: #7B7D79} /*newsletter & confirmation*/ .errMsg{color: #900 !important; font-weight: bold !important;} .red{font-weight: bold; color: #900;} #newsletterdiv{/*float: left; display: block;*/ background:url(../imagenes/postman.jpg) no-repeat 40px 0; height: 308px; margin: 0; width: 100%} #newsletterdiv form{margin-left: 380px; margin-top: 10px} label{color: #6C6964; font: 0.70em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 5px; display: block} input{font: 1em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; width: 240px; background-color: #6A6964; border: 1px solid #A0A0A0; color: #fff; display:block; margin: 5px 0 11px 0} textarea{overflow: auto; font: 1em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; width: 240px; height: 80px; background-color: #6A6964; border: 1px solid #A0A0A0; color: #fff; display:block; margin: 5px 0 11px 0} .radio{float:left; margin: 1px 5px 0 0; border: 0; background: none; width: auto; width: 13px; height: 13px;} .radiolabel{font-size: 0.65em; padding-bottom: 5px} .submit{padding:0; margin: 0; width: 51px; height: 23px; background: #C0C0C0 url(../imagenes/submit.gif) no-repeat center center} #confirmation h4{background:transparent url(../imagenes/postman_ok.jpg) no-repeat 0 0; margin: 25px 0 0 170px; width:384px; height:308px} #confirmation h4 span{display: none} #confirmation a{margin: 0 !important} /*pagination*/ #pagination{ display: block; clear: both; text-align: right; padding: 0 0.4em; } #pagination ul li{ display: inline; color: #fff; font: bold 11px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0 0.2em; } #pagination li a{ color: #6C6964; font: normal 11px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; } #pagination li a:hover{ text-decoration: underline; } #pagination a.current{ color: #fff; } span.title{ color: Gray; font-size: 1.5em; display: block; margin-bottom: 10px; } #gallerygroup{ float:left; overflow:hidden; padding:0.39em; width:100%; } /*lulu*/ a.lulu{ position: absolute; top: 12px; right: 10px; } /* Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*Bob birthday*/ #bobBirthday{ width: 225px; height: 225px; background: url(../imagenes/bob_birthday.png) no-repeat top right; position: absolute; top: 0; right: 0; z-index: 1000; }