/* Main layout and header */
body {background:url(img/bg.gif) repeat-x top center #ffffff; color:#3a3a3a; font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.4em; margin:0 auto; padding:0;}

/* header */
#header { width:980px; height:150px; color: #dcd66e; margin: 0 auto 0 auto; }
#header #logo { float: left; height: 100px; width: 350px; }
#header #logo img { margin-top: 15px; margin-left: 5px; }

#menu { float:right; width:620px; height:100px; }
#menu ul { float: right; margin: 75px 30px 0 0; height: 26px; list-style:none; }
#menu ul li{ float:left; margin:0 3px 0 0; font-size:0; line-height:0; display: inline; }
#menu ul li a { display:block; background:url(/img/nav_bg.gif) 0 0 no-repeat; width:82px; height:26px; font:bold 11px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#EBEBEB; background-color:inherit; text-decoration:none; text-align:center; }
#menu ul li a:hover{ background:url(/img/nav_bg_hover.gif) 0 0 no-repeat; color:#444444; background-color:inherit; }
#menu ul li.active a { display:block; background:url(/img/nav_bg_hover.gif) 0 0 no-repeat; width:82px; height:26px; font:bold 11px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#444444; background-color:inherit; text-decoration:none; text-align:center; }

#submenu { float:right; width:950px; height:28px; border: 0px solid #c0c0c0; margin-right: 30px; }
#submenu ul { display: inline; list-style:none; }
#submenu ul li { float: right; background:url(/img/nav_div.gif) left top no-repeat; padding:0 2px 0 0; }
#submenu ul li a{ display:block; padding:0 14px; font:normal 11px/29px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#1F2123; background-color:inherit; text-decoration:none; }
#submenu ul li a:hover { color:#4f7621;	background-color:inherit; }
#submenu .first { background: none; }

/* End of Header and Content Main*/
#maincontent { color:#303030; margin: 5px auto; padding:1px 5px; width:980px;}

/* Left sidebar and menu */
#leftside {clear:left; float:left; margin:0 0 10px; padding:0; width:180px; text-align:center;}
#leftside ul {list-style:none; margin:0 0 18px; padding:0; width:170px;}
#leftside ul li {display:inline; padding:0; width:170px; border-bottom: 1px dotted #c0c0c0; }
#leftside ul li a {background-color: #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; float:left; font-size:1em; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:158px;}
#leftside ul li a:hover {background-color: #eaeaea; border-bottom:1px solid #b0b0b0; border-left:4px solid #505050; border-right:1px solid #b0b0b0; border-top:1px solid #b0b0b0; color:#505050;}
#leftside h2 {font-size:1.2em; font-weight:400; color: #101010;}
#leftside .announce {background-color: #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; clear:left; color:#505050; line-height:1.3em; margin:15px 0; padding:5px 5px 5px; width:154px;}
#leftside p,.announce p {font-size:0.9em;}
#left_menus { margin: 0 auto }
#leftside h2 {  margin: 15px auto 0 auto; background-image: url(img/submenu-top.png); color: #fff; background-repeat: no-repeat; font-family: Arial; font-size: 12px; font-weight: bold; height: 21px; width: 145px; padding: 4px 0 0 25px; text-align: left;}
.left_menu { font-family: Arial; font-size: 11px; font-weight: bold; color: #4a4a4a; text-decoration: none; background-image: url(img/submenu.png); background-repeat: no-repeat; margin: 0px auto; float: left; height: 20px; width: 155px; padding: 5px 0 0 15px; text-align: left; }
.left_menu:hover { color: #4f7522; text-decoration: none; background-image: url(img/submenu.png); background-repeat: no-repeat; }
#leftside .stats { background:url(img/stats.png) no-repeat #fff; height: 63px; margin: 10px auto; }
#leftside .stats .users { float: left; margin-top: 15px; width: 50%; color: #87771c; font-size: 16px; font-weight: bold; font-family: Tahoma; }
#leftside .stats .chans { float: right; margin-top: 15px; width: 50%; color: #87771c; font-size: 16px; font-weight: bold; font-family: Tahoma; }

/* Right sidebar */
#extras {float:right; margin:0 0 10px; padding:0; width:180px;}
#extras p,#extras ul {font-size:0.9em; line-height:1.3em; margin:0 0 1.5em; padding:0;}
#extras li {list-style:none; margin:0 0 6px; padding:0;}
#extras h2 {font-size:1.5em; font-weight:400; letter-spacing:-1px; margin:0 0 6px;}

/* Main content */
#contentfull {line-height:1.5em; margin:10px 0px 10px 0px; padding:0; text-align:justify;}
#contentleft {line-height:1.5em; margin:10px 190px 10px 0px; padding:0; text-align:justify;}
#contentright {line-height:1.5em; margin:10px 0 10px 190px; padding:0; text-align:justify;}
#content {line-height:1.5em; margin:10px 190px 10px 190px; padding:0; text-align:justify;}

#content h1,#contentfull h1,#contentleft h1,#contentright h1 { margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 5px rgb(225,225,225); text-align:right; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:200%; }
#content h2,#contentfull h2,#contentleft h2,#contentright h2 {font-size:1.8em; font-weight:400; letter-spacing:-1px; margin:12px 0 12px; padding:0;}
#content h3,#contentfull h3,#contentleft h3,#contentright h3 {font-size:1.5em; font-weight:400; margin:10px 0; padding:0;}
#content ul,#content ol,#contentfull ul,#contentfull ol,#contentright ul,#contentright ol,#contentleft ul,#contentleft ol {margin:0 0 16px 20px; padding:0;}
#content ul ul,#content ol ol,#contentfull ul ul,#contentfull ol ol,#contentleft ul ul,#contentleft ol ol,#contentright ul ul,#contentright ol ol {margin:2px 0 2px 15px;}
#content li,#contentfull li,#contentleft li,#contentright li {margin:0 0 12px 5px; padding:0 0 0 4px;}

#content .news { list-style:none; }
#content .news li .title { font-size: 14px; font-weight: bold; font-color: #c0c0c0; }

/* Links */
#footBox { margin-top: 20px auto 0 auto; width: 990px; height: 188px; background-color: #f0f0f0; background: url(img/foot_bg.png) no-repeat bottom right #f0f0f0; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
.footColumn { height: 90%; width: 265px; float: left; margin: 5px; padding: 10px; }
.footColumn .header { height: 35px; color: #a0a0a0; width: 220px; border-bottom: 1px solid #a0a0a0; line-height: 1.8; font-size: 14px; padding-left: 30px; }
.footColumn li { font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #505050; height: 22px; width: 245px; border-bottom: 1px solid #c0c0c0; line-height: 2; padding-left: 5px; list-style-type: none; }
.footColumn .mouse { background: url(img/foot_mouse.png) no-repeat; }
.footColumn .star { background: url(img/foot_star.png) no-repeat; }
.footColumn .comment { background: url(img/foot_comment.png) no-repeat; }
.footColumn a { color: #505050; text-decoration:none; }
.footColumn a:hover { color: #000000; text-decoration:none; }

/* Footer */
#footer { border-top: 0px solid #c0c0c0; clear:both; color:#666; font-size:0.9em; margin:0 auto; margin-bottom:5px; padding:0px 10px 8px 10px; text-align:right; width:970px; }
#footer #left { float:left; clear:left; margin-top:5px; }
#footer #left img { margin-right: 5px; }
#footer #right { float:right; clear:right; margin: 0 0 0 5px; }
#footer p {margin:0; padding:0;}
#footer a {background:inherit; color:#666; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:none; color:#323232;}

/* Links and paragraphs */
a {background:inherit; color:#385d1b; text-decoration:none; font-weight:700;}
a:hover {background:inherit; color:#596f47; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 16px;}
blockquote {background-color: #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}

/* forms */
form fieldset { border: none; }
form label { display: block; padding: 0 0 10px; font-size:1.3em; }
form fieldset legend { font-weight: bold; margin-bottom: 10px; padding-top: 10px; }
form p small { font-size: 0.75em; color: #777; }
form input.text-input, form select, form textarea { 
	padding: 6px;
	font-size: 13px;
	background: #fff url('img/bg-form-field.gif') top left repeat-x;
	border: 1px solid #d5d5d5;
	color: #333;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(img/border-radius.htc);
}
form input.text-nobginput { 
	padding: 6px;
	font-size: 13px;
	border: 1px solid #d5d5d5;
	color: #333;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(img/border-radius.htc);
}
form .captcha {padding: 6px;}
form .mini-input { width: 15% !important; position: relative; top: -15px;}
form .small-input { width: 35% !important; }
form .medium-input { width: 50% !important; }
form .large-input { width: 85% !important; }
form .full-input { width: 97% !important; }
form textarea { width: 97% !important; font-family: Arial, Helvetica, sans-serif; }
form select { padding: 4px; background: #fff; }
form input[type="checkbox"], form input[type="radio"] { padding: 0; background: none; border: 0; }
.button {
	font-family: Verdana, Arial, sans-serif;
        display: inline-block;
        background: #459300 url('img/bg-button-green.gif') top left repeat-x !important;
        border: 1px solid #459300 !important;
        padding: 4px 15px 4px 15px !important;
        color: #fff !important;
        font-size: 11px !important;
        cursor: pointer;
	width: auto;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(img/border-radius.htc);
}
.button:hover { text-decoration: underline; }
.button:active { padding: 5px 15px 3px 15px !important; }

.input-notification { background-position: left 2px; background-repeat: no-repeat; padding: 2px 0 2px 22px; background-color: transparent; margin: 0 0 0 5px; }
.input_success { background: url('img/tick_circle.png') no-repeat; color: #556652; }
.input_error { background: url('img/cross_circle.png') no-repeat; color: #665252; }

/* Staff */
#content .staffadm li { list-style:none; margin: 15px auto; }
#content .staffadm .nick { color: #808080; font-size: 18px; }
#content .staff li { list-style:none; color: #808080; display:inline-block; font-size: 18px; width: 250px; margin: 5px 0; }

/* Channel tables */
.tabla_chans {border: none;width: 570px; margin: 0 auto; }
.tabla_chans td { border-bottom: 1px dotted #c0c0c0; margin: 0 auto 0 auto; padding:0;}
.tdchanmain {font-weight: normal;font-size: 13px;}
.tdchanmain a {color:#707070;}
.tdchanmain a:hover {color:#909090;text-decoration:none;}
.tdchanmore {width:40px;text-align:center;margin-right:10px;}
.tdchanmore img {margin:0 6px 0 6px;}

/* Channel categories */
#categorias { margin: 10px auto 10px auto; width: 600px;}
#categorias .items { magin-top: 12px; margin-bottom:20px; margin-right:20px; width: 190px; float: left; background:url(img/chans/chat.gif) 0 10px no-repeat; padding-left: 90px; height: 80px;}
#categorias .items h4 {margin:0; margin-bottom:0px; font-size:110%; margin-top:10px;}
#categorias .items p {margin:0; font-size:90%;}

/* Search box */
#searchbox label,.hide {display:none;}
#searchbox {margin:6px 0 16px; padding:0;}
#searchform {background:#fff; border:1px solid #ccc; color:#505050; font-size:0.9em; padding:4px; width:116px;}

/* Chat box */
.chat { background: url(img/chatbg.png) no-repeat; padding:0px; margin: 15px auto 10px auto; height: 170px; width: 286px; }
.chat_head { font-family: Arial; font-size: 18px; color: #FFFFFF; text-decoration: none; float: left; height: 33px; width: 238px; background: url(img/chat_head.png) no-repeat; padding: 10px 0 0 30px;	margin: 10px 0 0 10px; }
.chat_textarea { font: 11px Arial; color: #FFFFFF; float: left; width: 238px; padding: 0 0 0 10px; margin: 10px 0 0 15px; }
.chat_name { color: #e6e6e6; margin: 0px; float: left; padding: 3px 10px 0 0; width: 55px; }
.chat_box { margin: 0px; float: left; padding: 3px; font-size: 13px; background: #fff url('img/bg-form-field.gif') top left repeat-x; border: 1px solid #666; color: #333; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(img/border-radius.htc); }
.chattextbox { font: 12px Arial; color: #666666; text-decoration: none; margin: 0px; padding: 0px; float: left; width: 160px; border: none; }
.chatbutton { float: right; margin:5px 12px 0 0; }
.chat_textarea span { color: #e6e6e6; float:left; width: 100px; margin: 0;}
.chat_textarea span p { float:left; margin: 5px 0 0 0;}
.chat_textarea span input { border:none; padding: 0px; margin: 0px; width: 15px; }

/* Additional classes */
.clear {visibility:hidden; clear:both; height:1px;}
.announce h2 {margin:0 0 10px; padding:0;}
.textright {margin:-10px 0 4px; text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.red {color:red;}
.green {color:green;}
.blue {color:blue;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}
.error { border: 1px solid #D20000; background-color:#F5BDBD; color:#D20000; margin:10px; padding:10px 20px; text-align:center;}
.save { border: 1px solid #CEC200; background-color:#FDFFDA; color:#CEC200; margin:10px; padding:10px 20px; text-align:center;}