/*   
Template Name: Ripp3d gaming
Template URL: http://www.ripp3d.co.uk
Description: Unique design for ripp3d gaming
Author: Karlo 'eGGzy' Mikus
Author URL: http://www.kode-designs.com/

Colors:
#173316 - Green default
#5a9057 - Light Green

*/

/* Basics */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background:#173316 url(design/bg.jpg) repeat-x top; margin:0; }
.clear { clear: both; }
.fix_left { clear:left; }
.left { float:left; }
.right { float:right; }
img { border: none; }
hr { color: #efefef; background-color: #efefef; border: 0px; border-top: transparent; border-bottom: transparent; margin: 2px 0; height: 1px; }
.tabcontent{ display:none; }
@media print {
.tabcontent {
display:block !important;
}
}

/* Links */
a, a:visited, a:active { color: #5a9057; text-decoration: none; font-weight: normal; }
a:hover { color: #173316; text-decoration: none; font-weight: normal; }
a.titlelink, a.titlelink:visited, a.titlelink:active { color: #173316; text-decoration: none; font-weight: bold; }
a.titlelink:hover { color: #173316; text-decoration: underline; font-weight: bold; }
a.category, a.category:visited, a.category:active { color: #333333; text-decoration: none; }
a.category:hover { color: #000000; text-decoration: underline; }
a.side,a.side:visited, a.side:active { color:#173316; font-weight:bold; }
a.side:hover { color:#000000; }

/* Font types */
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-transform: uppercase; font-weight: bold; }
h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#173316; text-transform:uppercase; padding:0; margin:0; }
small { color: #383838; font: normal 9px Verdana, Arial, Helvetica, sans-serif; }

.title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; background:#000000 url(design/title.jpg) repeat-x top; height:25px; }

.category_big, .category_big a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; }
.category { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; }

/* Forms */

form { border: none; margin: 0px; padding: 0px; }
input, textarea, select { border: 1px solid #989898; padding:3px; background-color: #F6F6F6; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; }
input:active, textarea:active, select:active, input:focus, textarea:focus, select:focus { border: 1px solid #719c6e; background-color: #FFFFFF; color: #2C2C2C; }

input[type="radio"], input[type="checkbox"], 
input[type="radio"]:focus, input[type="radio"]:active,
input[type="checkbox"]:focus, input[type="checkbox"]:active { border: 0px; }

.input { background-color: transparent; border: none; margin: 2px; }

input[type="button"], input[type="submit"] { border: 1px solid #d3d3d3; color:#5a9057; font-weight:bold; background:#000000 url(design/btn.jpg) repeat-x center; padding:5px; cursor:pointer; margin:2px 0 2px 0; }

/* Infomessages - Miscellaneous */
.tooltip { position: absolute; display: none; background-color: #FFFFFF; color: #000000; border: 1px solid #DDDDDD; border-left: 4px solid #5a9057; padding: 4px 10px; z-index: 100; }

.errorbox { background-color: #FFCCCC; border: 1px dashed #D60000; color: #666666; font-size: 10px; width: 350px; padding: 8px; margin-top: 10px; margin-bottom: 10px; text-align: left; }

/* BBCode Tags */
.quote { color: #383838; text-align: left; font: normal 9px Verdana, Arial, Helvetica, sans-serif; margin: 0 auto; padding: 3px; }

.list { list-style-type: disc; list-style-position:outside; }
.list_num { list-style-type: decimal; list-style-position:outside; }
.list_alpha { list-style-type: lower-latin; list-style-position:outside; }

.code { color: #000000; text-align: left; margin: 0 auto; padding: 3px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }
.codeinner { color: #000000; font: 11px 'Courier New', Courier, monospace; }
.codeline0 { background-color: #F3F3F3;	height: 15px; padding-left: 3px; white-space: nowrap; }
.codeline1 { background-color: #FFFFFF;	height: 15px; padding-left: 3px; white-space: nowrap; }

/* Main Layout */

#wrapper { margin:0 auto; width:966px; }
#header { background:url(design/header.jpg) no-repeat top; height:174px; }
#navigation { background:url(design/nav_bg.jpg) no-repeat top; height:67px; }
#quick_content { background:url(design/content_bg.png) repeat-y top; padding:5px 8px 0 8px; }
#content { background:url(design/content_bg.png) repeat-y top; padding:10px 8px 0 8px; }
#footer { background:url(design/footer.jpg) no-repeat top; height:141px; }

#left { float:left; width:269px; }
#mid { float:left; width:373px; padding:0 5px 0 5px; }
#right { float:left; width:298px; }

#cleft { float:left; }
#cmid { float:left; width:402px; padding:0 5px 0 5px; }
#cright { float:left; }

.nav_inner { height:67px; text-align:center; padding:0 0 0 25px; }

#nav { list-style:none; width:100%; padding:0; margin:0; font-size:10px; }
#nav li { float:left; display:inline; background:url(design/nav_spacer.jpg) no-repeat top right; height:67px; }
#nav li a { color:#FFFFFF; font-weight:bold; text-transform:uppercase; display:block; padding:30px 30px; }
#nav li a:hover { background:url(design/nav_hover.jpg) repeat-x top; color:#000000; }

.login_box { background:#efefef; }
.box_green { padding:6px 4px 5px 4px; border-bottom:1px dotted #cccccc; }
.login_content { padding:5px; }
.login_input { float:left; background:url(design/login_input.jpg) no-repeat top left; width:198px; height:32px; }
.login_input input { height:15px; width:190px; border:0; background:none; color:#FFFFFF; padding:8px 0 0 0; }
.login_btn, .login_btn:focus, .login_btn:active { background:url(design/login.jpg) no-repeat top left; width:82px; height:27px; border:0; margin:5px 0 0 0; }
.btn_l { float:right; }
.btn_l input[type="button"], .btn_l input[type="submit"] { background:url(design/login.jpg) no-repeat top left; width:82px; height:27px; border:0; margin:5px 0 0 0; }

.box { width:269px; }
.box_top { background:url(design/box_top.jpg) no-repeat top; height:42px; }
.box_top .box_links { padding:14px 0 0 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; }
.box_top .box_links_more { padding:14px 0 0 12px; }
.box_content { padding-top:3px; }
.box_content small { color:#a7a7a7; }

.box_link_list { list-style:none; width:100%; float:left; padding:0; margin:0; }
.box_link_list li { float:left; margin:0; padding:0; outline:none; }
.box_link_list li a { float:left; display:block; height:18px; width:82px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; outline:none; }
.box_link_list li a:hover, .box_link_list li a:active { background:url(design/box_hover.png) no-repeat top left; text-decoration:none; outline:none; }
.box_link_list li a:visited { outline:none; }

.box_black { width:269px; }
.box_black_top { background:url(design/box_top_black.jpg) no-repeat top; height:42px; }
.box_black_top .box_links { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; padding:15px 0 0 20px; }
.box_black_content { padding-top:3px; }

.news_wrap { width:402px; }
.news_wrap .comments { background:#efefef; padding:7px; }
.news_wrap .rubric { padding:2px; border:1px solid #b2b2b2; float:left; margin:2px; }
.headline { background:url(design/news_top.jpg) no-repeat top; height:38px; padding:5px 0 0 10px; }
.headline a { color:#173316; }
.headline a:hover { color:#000000; }
.headline small { color:#a7a7a7; }

.register_o { float:left; padding:5px 0 0 0; }

.footer_wrap { float:left; color:#FFFFFF; font-size:10px; }
.designc { padding:3px 0 0 13px; color:#367E35; }
.qlinks { padding:15px 15px 0 0; }
.qlinks a { color:#FFFFFF; font-weight:bold; }
.qlinks a:hover { text-decoration:underline; }
.wsc { padding:15px 15px 0 0; color:#367E35; }
.wsc a { color:#367E35; font-weight:bold; }

.win_pic { background:#efefef url(design/win.jpg) no-repeat top left; text-align:center; padding:4px 0 0 0; height:21px; }
.lose_pic { background:#efefef url(design/lose.jpg) no-repeat top left; text-align:center; padding:4px 0 0 0; height:21px; }
.draw_pic { background:#efefef url(design/draw.jpg) no-repeat top left; text-align:center; padding:4px 0 0 0; height:21px; }