/*
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
|                                     |
|    Stylesheet          |
|      http://www.antekera.com
                       |
|                                     |
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

html, body { min-height: 100%; margin-bottom: 1px;  }
body { margin: 0; background: url(http://www.elvazilon.com.ve/images/bg.jpg) left top repeat-x #ffcc00; font: 70.5% Arial, Helvetica, sans-serif; color: #333333; }
ul, li, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, img { margin: 0; padding: 0; list-style: none; border: 0; font-weight: normal; font-size: 1em; }
a { color: #666666; text-decoration: none; }
a:hover { color: #cc0000; }
a:hover img { background: none; }

.clean { clear: both; }
.hide-me, hr { display: none; }
.header { font: bold 14px Arial, Helvetica, sans-serif; letter-spacing: -.02em; color: #990000;}
.level { padding: 15px; margin: 0 0 6px 0; border-bottom: 8px solid #090909; background: url(http://www.antekera.com/images/images/bgheader.gif) left top repeat-x #101010; border-left: 1px solid #101010; border-right: 1px solid #101010; }
.input-text { font: bold 14px Arial, Helvetica, sans-serif; background: #cccccc; padding: 5px 3px; color: #101010; border-left: 0px solid #303030; border-right: 0px solid #303030; border-bottom: 0px solid #303030; border-top: 2px groove #ffffff;  }
.input-button { background: url(images/button.gif) left top repeat-x #aa0066; border: 0px; font: bold 11px Arial, Helvetica, sans-serif; color: #ffffff; padding: 2px 3px; width: 275px; cursor: pointer; }
.input-select { border-left: 0px solid #303030; border-right: 0px solid #303030; border-bottom: 0px solid #303030; border-top: 2px groove #ffffff; font: bold 14px Arial, Helvetica, sans-serif; background: #cccccc; padding:  0 1px 1px 1px; color: #333333;}
.pink { color: #ff0099; }
.tool-tip { color: #fff; width: 150px; z-index: 13000; background: url(images/bubble.png); }
.tool-title { font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding: 8px 8px 4px 8px; }
.tool-text { font-size: 11px; padding: 0 8px 8px 8px;}

#container { margin: 0 auto; width: 960px; }
#level-2 .level { min-height: 175px; padding-bottom: 0px; }

#toggle-suggest, #toggle-about, #toggle-contact, #toggle-promote { padding: 0 0 6px 0; font-size: 11px; }
#suggest-a-site.level, #about-cssremix.level, #toggle-contact.level { margin: 0 0 0 0; position: relative; }
#suggest-a-site .block { float: left; margin: 0 30px 5px 0; }
#suggest-a-site .header, #about-cssremix .header, #suggest-a-site p, #toggle-promote p, #toggle-promote .header { margin: 0 0 10px 0; }
#suggest-a-site li { list-style: disc; margin: 0 0 0 12px; padding: 0 0 0 0px; }
#suggest-a-site h4 { font: bold 12px Arial, Helvetica, sans-serif; color: #cccccc; margin: 0 0 3px 0; }
#suggest-a-site-form { width: 270px; }
form dt { font-size: 10px; margin: 0 0 2px 0; display: block; }
form dd { margin: 0 0 5px 0; }
#suggest-title { width: 270px; }
#suggest-url { width: 270px; }
#about-cssremix p { margin: 0 0 10px 0; }
.highlight { background: #121212; padding: 10px; border: 1px solid #303030; display: block; margin: 0 0 0px 0; }
.NOTICIAS { background: #FFFFFF; padding: 5px; border: 1px solid #FFFFFF; display: block; margin: 0 0 0px 0; }
.NOTICIAS2 { background: #FFFFFF; padding: 5px; border: 1px solid #FFFFFF; display: block; margin: 0px 3px 0px 3px; }
.highlight3 { background: #141414; padding: 5px; border: 0px solid #101010; display: block; margin: 0 0 0px 0; }
.lineasnegras{ background: #141414; padding: 0px; border: 1px solid #141414; display: block; margin: 0 0 0px 0; }
#sig a { display: block; background: url(images/sig.gif) left top no-repeat; width: 72px; height: 53px; }
#fine-print { margin: 0 0 0 0; font-size: 10px; color: #666666; }

#masthead {  display block; height: 70px; position: relative; overflow: hidden; }
#masthead.level { padding: 0px; margin: 0 0 0 0; border-bottom: 0px solid #090909; background: none; border: 0px; }
#chevrons { background: url(images/masthead.gif) 0 0 no-repeat; display: block; width: 253px; height: 70px; }
#logo { width: 207px; height: 36px; display: block; position: absolute; top: 25px; left: 0px; z-index: 5; }
#logo, #logo a:hover { background: url(images/logo.png) top left no-repeat; }
#logo a { background: url(images/logo.png) top left no-repeat; display: block; width: 207px; height: 36px; }
#masthead ul { position: absolute; bottom: 0px; right: 0px; z-index: 4; }
#masthead li { float: left; font: bold 12px Arial, Helvetica, sans-serif; }
#masthead li a { display: block; height: 5px; padding: 45px 15px 20px 15px; -moz-outline-style: none;}
#masthead li a#four { padding: 45px 0 20px 15px; }
#feed { display: block; position: absolute; top: 12px; right: 0px; filter: alpha(opacity=40); opacity: .4;  }
a#four:hover #feed { display: block; filter: alpha(opacity=100); opacity: 1; }

#search-form { float: left;  margin: 0 10px 0 0;}
#search-form .input-text { padding: 2px; width: 140px; }

#main-content {  }
#last-updated { float: left; margin: 0 0 10px 0; }
#google { float: right; margin: -1px 0 0px 0; filter: alpha(opacity=80); opacity: 8; }
#view-sites { width: 162px; float: right;}
#view-sites .input-text { width: 162px; background: #202020; border: 1px; margin: 0 0 5px 0; }
#view-sites select { width: 168px; background: #202020; border: 1px; margin: 0 0 5px 0; font: bold 11px Arial, Helvetica, sans-serif; color: #CCCCCC; }

#view-more {padding: 10px 0 0 0; background: url(images/bg-comment.gif) top left repeat-x;clear: both; }
.pagination { float: right; }
.pagination a { display: block; padding: 3px 7px; float: left; margin: 0 3px 0 0; background: #202020; border-top: 1px solid #303030; }
.pagination .spacer { display: block; padding: 3px 7px; float: left; margin: 0 3px 0 0; } 
.pagination .disabled, .pagination .current { display: block; padding: 3px 7px; float: left; margin: 0 3px 0 0; background: #2a2a2a; border-top: 1px solid #3C3C3C; } 

#sponsors ul { margin: 0 -13px 0 0; }
#sponsors li { float: left; margin: 0 13px 0 0; }
#sponsors img { width: 175px; height: 85px; }

#a-page { font-size: 11px; }
#a-page p { margin: 0 0 10px 0; }
#a-page table {
background: #202020;
border-top: 1px solid #101010;
border-left: 1px solid #101010;
margin-bottom: 10px;
width: 100%; }
#a-page tr:hover {
background: #252525; }
#a-page th {
text-align: left;
font-weight: bold;
color: #CCCCCC;
border-right: 1px solid #101010;
border-bottom: 1px solid #101010;
padding: 3px 5px; }
#a-page td {
border-bottom: 1px solid #101010;
border-right: 1px solid #101010;
padding: 3px 5px; }
#a-page h4 { font: bold 12px Arial, Helvetica, sans-serif; color: #cccccc; margin: 0 0 3px 0; }


#sites { margin: 0 -8px -10px 0; }
.a-site { position: relative; display: block; height: 142px; margin: 0 8px 10px 0; padding: 6px 10px 2px 10px; float: left; width: 128px; background: url(images/comment.gif) top left repeat-x #202020;  }
.a-site h2 { float: left; position: absolute; height: 15px; font: bold 10px Arial, Helvetica, sans-serif; }
.a-site h2 a { color: #cccccc; }
.a-site h2 a:hover { color: #ffffff; }
.awards { height: 15px; float: right; display: block; }	
.a-site p a img { filter: alpha(opacity=85); opacity: .85; background-color: none;  }
.a-site:hover p img, .a-site p a:hover img { filter: alpha(opacity=100); opacity: 1; background-color: none; }
.comment-icon { margin: -4px 0 0 0; }

.rating { position: relative; display: block; padding: 2px 0 0 0; display: block; height: 28px;  }
.rating h3 { font: bold 24px Arial, Helvetica, sans-serif; letter-spacing: -.07em; color: #cccccc;}
.unit-rating {  position: absolute; top: 7px; right: 0px; height: 19px; width: 85px; background: url(images/rating.gif) left top;	display: block; }
.current-rating { background: url(images/rating.gif) left bottom; height: 19px; display: block; }
.unit-rating li { float: left; }
.unit-rating li a { display: block; width: 17px; height: 19px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; -moz-outline-style: none; }
.unit-rating li a:hover { background: url(images/rating.gif) left center !important; background-color: none !important; z-index: 2; left: 0px; }
a.r1-unit { left: 0px; }
a.r1-unit:hover{	width:17px; }
a.r2-unit { left:17px; }
a.r2-unit:hover { width: 34px; }
a.r3-unit { left: 34px; }
a.r3-unit:hover { width: 51px; }
a.r4-unit { left: 51px; }	
a.r4-unit:hover { width: 68px; }
a.r5-unit { left: 68px; }
a.r5-unit:hover { width: 85px; }
.rating .loading { height: 19px; width: 128px; position: absolute; top: 7px; background: url(images/loading.gif) top left repeat-x; }

#recent-comments { float: left; width: 742px; }
#recent-comments .header { margin: 0 0 5px 0; }
#recent-comments p { margin: 0 0 5px 0; font-size: 11px; }


#from-the-archives { width: 742px; float: left; }
#from-the-archives h3 { float: left; margin: 0 0 5px 0px; }
#from-the-archives h4 { float: right;display: block; width: 121px; height: 25px; margin: -4px -3px 5px 0px; font: bold 14px Arial, Helvetica, sans-serif; }
#from-the-archives h4 a { display: block; background: url(images/randomize.gif) 0 0 no-repeat; width: 121px; height: 25px; }
#from-the-archives h4 a:hover { background: url(images/randomize.gif) 0 -25px no-repeat; }
#from-the-archives #screenshot { position: relative; display: block; height: 258px; width: 742px; }
#from-the-archives .loading { position: relative; display: block; height: 258px; width: 742px; }

#site-profile { position: relative; }
#site-profile h3 { float: left; margin: 0 0 5px 0px; }
#site-profile h4 { float: right; }
#site-profile p { margin: 0 0 10px 0; }
#site-profile .a-site h3 { float: none; margin: 0 0 0 0; }
#site-profile .a-site p { margin: 0 0 0 0; }
#post-comment { position: absolute; bottom: 10px; left: 10px; background: url(images/comment.gif) top left repeat-x #202020; padding: 10px;  }
#post-comment .input-text { background: #101010; width: 270px; }
#post-comment dd { margin: 0 0 3px 0; }
.a-comment { padding: 10px 0; background: url(images/bg-comment.gif) top left repeat-x; margin: 0 0 0 0; overflow: auto; position: relative; }
.a-comment h4 { font: bold 11px Arial, Helvetica, sans-serif; color: #cccccc; float:none; display: block; margin: 0 0px 3px 0; text-transform: capitalize; }
.a-comment h4 a { border-bottom: 1px dotted #666666; }
.a-comment h5 { font: bold 10px Arial, Helvetica, sans-serif; color: #666666; text-transform: uppercase; float:none; margin: 0 0px 0 0; }
.a-comment p { font: 12px Arial, Helvetica, sans-serif; margin: 0 0px 10px 0; }

#comments-and-tla { width: 145px; float: right; }

#site-profile #screenshot { width: 742px; height: 258px; position: relative; float: left; }
#site-profile #screenshot .a-site { position: absolute; left: 10px; bottom: 5px; }
#gravatar { float: left; }
#gravatar img { border: 0px solid #202020; }

#leave-a-comment { width: 172px; float: right; }
#leave-a-comment .input-button { width: 172px; }
#leave-a-comment .input-text { width: 164px; margin: 0 0 5px 0; }
#leave-a-comment .input-textarea { height: 70px; }
#commentform { margin: 0 0 10px 0; }

#next-site, #previous-site { display: block; width: 162px; background: url(images/comment.gif) top left repeat-x #202020; padding: 5px; margin: 0 0 5px 0;  }
#next-site { text-align: center; }
#previous-site { text-align: center; }

#some-comments .header { margin: 0 0 3px 0; }

#resources, #tla {width: 145px; float: right;  }

#view-all-sites { display: block; background: url(images/bg-comment.gif) top left repeat-x; border-top: 0px; border-bottom: 0px solid #090909; border-left: 1px solid #090909; border-right: 1px solid #090909; font: bold 11px Arial, Helvetica, sans-serif; color: #999999; padding: 5px 0; text-align: center; }

#level-4 .level { min-height: 285px; }
#level-5 .level {  }

#promote-yourself {  }
#promote-yourself ul { width: 930px; }
#promote-yourself h3 { margin: 0 0 5px 0; }
#promote-yourself li { display: block; width: 16px; height: 16px; float: left; margin: 0 2px 2px 0; }
#promote-yourself li a { display: block; width: 16px; height: 16px; background: #202020; }
#promote-yourself li a.alt {   }
#promote-yourself li a:hover { background: #404040; }
#cart { width: 886px; display: block; padding: 10px 15px; background: url(images/comment.gif) top left repeat-x #202020;  }

#footer { padding: 5px 0 60px 0; }
#footer ul { float: right; }
#footer li { float: left; margin: 0 0 0 20px; }

#tla .header { margin: 0 0 3px 0; }
#tla li { margin: 0 0 3px 0; font-size: 11px; }