/*-------------------------------------------------------------------------*/ /*	8.	Mainside /*-------------------------------------------------------------------------*/ .mainside { width: 100%; }  /* Global /*----------------------------------------------------------*/ .mainside .page_content { padding: 0 9px; background-color: #150B02; background-image: url(../images/right_mid.jpg); background-repeat: repeat-y; background-position: top center; }  .mainside .page_content.news.last-row:after, #slider_container[style="display: none;"] + .mainside .page_content.page:before, .mainside .page_content.page:after { width: 100%; height: 9px; margin: 0 -9px; content: ""; padding: 0 9px; display: block; position: relative; background-color: transparent; background-image: url(../images/right_bottom.jpg); background-repeat: no-repeat; background-position: top center; }  /* - page body - */ .mainside .page_content .page_body { padding: 9px; font-size: 10pt; }  /* avatar */ .mainside .page_content.news .page_body .avatar, .mainside .page_content.page .page_body #ucp_avatar { width: 116px; height: 116px; float: left; border: 1px solid #49341e; margin: 0 10px 0 0; padding: 2px; z-index: 3; overflow: hidden; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.4); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #100d0a; }  .mainside .page_content.news .page_body .avatar:before, .mainside .page_content.page .page_body #ucp_avatar:before { width: 100%; height: 100%; top: 0; left: 0; z-index: 3; content: ""; position: absolute; box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, 0.6); -webkit-box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, 0.6); }  .mainside .page_content.news .page_body .avatar img, .mainside .page_content.page .page_body #ucp_avatar img { width: 100%; height: 100%; display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }  /* divider */ .mainside .divider, .mainside .ucp_divider { width: 100%; height: 23px; clear: both; margin: 1px auto; background-color: transparent; background-image: url(../images/divider.png); background-repeat: no-repeat; background-position: center center; }  .mainside .vertical_divider { width: 23px; min-height: 400px; margin: auto 0; background-color: transparent; background-image: url(../images/vertical_divider.png); background-repeat: no-repeat; background-position: center center; }  /* News /*----------------------------------------------------------*/ /* - page title - */ .mainside .page_content.news .page_title { width: 100%; height: 24px; padding: 0 5px; display: block; background-color: transparent; background-image: url(../images/right_top.jpg); background-repeat: no-repeat; background-position: top center; }  /* title */ .mainside .page_content.news .page_title h2 { display: inline-block; }  .mainside .page_content.news .page_title h2 a { color: #805025; display: block; font-size: 10pt; line-height: 24px; }  /* comment */ .mainside .page_content.news .page_title .author_comment_holder { font-size: 9pt; float: right; color: #805025; line-height: 24px; }  /* - news content - */ .mainside .page_content.news .page_body .news_content { width: 702px;color: #c1b575;margin: 1px 0 9px 2px;font-size: 10pt; }  /* Page /*----------------------------------------------------------*/ /* - page title - */ .mainside .page_content.page .page_title { width: 100%; padding: 10px 0 1px 0; text-align: center; }  .mainside .page_content.page .page_title h3 { color: #FFC; font-size: 20px; text-transform: uppercase; }  .mainside .page_content.page .page_title h3, .mainside .page_content.page .page_title h3 * { font-weight: 700; }  .mainside .page_content.page .page_title h3 i, .mainside .page_content.page .page_title h3 span:first-child { color: #7e8d09; font-style: inherit; }  /*-------------------------------------------------------------------------*/ /*	9.	Sidebar /*-------------------------------------------------------------------------*/ .sidebar { width: 100%; }  .sidebar .sidebox { margin: 0 0 9px 0; border: 1px #49270B solid; border: 1px rgba(74, 38, 9, 0.7) solid; padding: 0 8px 8px 8px; background-color: transparent; background-image: url(../images/left_bg.jpg); background-repeat: repeat; background-position: top center; }  .sidebar .sidebox.special { display: none; }  .sidebar .sidebox.last-row { margin: 0; }  .sidebar .sidebox .sidebox_title { width: 100%; height: 26px; color: #a36009; padding: 0 3px; font-size: 11pt; line-height: 26px; text-shadow: 0 0 0 #a36009, 0 2px 2px #000000; text-transform: uppercase; }  .sidebar .sidebox .sidebox_body { padding: 9px; background-color: #000; background-color: rgba(0, 0, 0, 0.35); background: -moz-linear-gradient(top,  rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.35) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.35) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#59000000',GradientType=0 ); /* IE6-9 */ }  .sidebar .sidebox .sidebox_body:before { width: 100%; height: 100%; top: 0; left: 0; content: ""; position: absolute; background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }  .sidebar .side_divider { width: 100%; height: 9px; margin: 1px auto; background-color: transparent; background-image: url(../images/side_divider.png); background-repeat: no-repeat; background-position: top center; }  /*-------------------------------------------------------------------------*/ /*	10.	Footer /*-------------------------------------------------------------------------*/ #footer { width: 100%; height: auto; margin: 40px 0; z-index: 2; }  #footer .holder { width: 100%; height: auto; text-align: center; }  #footer .holder, #footer .holder * { line-height: 130%; }  #footer .holder .useful-links { display: block; }  #footer .holder .useful-links a { color: #8A5025; }  #footer .holder .useful-links a:after { margin: 0 10px; content: "\007C"; }  #footer .holder .useful-links a:last-child:after { display: none; }  #footer .holder .copyright { color: #8A5025; }  #footer .holder .copyright a { color: #8A5025; }  #footer .holder .copyright strong { font-weight: bold; } #logoazeroth { float:right; margin-top:-50px; margin-right:0; opacity:20%; } footer #logoazeroth:hover { opacity:80%; cursor:url(../images/cursor-link-new.gif),auto; } #logo12anos { margin-top:-50px; opacity:20%; } footer #logo12anos:hover { opacity:80%; cursor:url(../images/cursor-link-new.gif),auto; }#logofusiongen { float:left; margin-top:-50px; margin-right:0; opacity:20%; } footer #logofusiongen:hover { opacity:80%; cursor:url(../images/cursor-link-new.gif),auto; }