/* General Styles */

body {
background: url(images/grad.jpg) repeat-x #444444;
margin:0;
padding:0;
border:0;
width:100%;
}

#main{
background:#FFFFFF;
position: absolute;
top:0px;
left:50%;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
}

/*Header Styles*/

#header {
background:url(images/topgreen.jpg) repeat-x;
height:235px;
}

#headerleftbg {
background:url(images/topgreenleft.jpg) no-repeat left;
height:235px;
}

#headerrightbg {
background:url(images/bannergreenright.jpg) no-repeat right;
height:235px;
}

/*Banner Styles*/

#bannerleft {
position:absolute;
left:1px;
top:0px;
width:512px;
height:235px;
background:url(images/bannergreenleft.jpg) no-repeat;
}

/*Tabs Styles*/

#nav {
position:absolute;
width:100%;
left:2px;
top:134px;
}

#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav li {
display:inline;
margin:0;
padding:0;
}

#nav a {
height:28px;
float:left;
font: 12px Verdana, sans;
color: #DDDDDD;
text-decoration: none;
background:url(images/tabsleft.gif) no-repeat left 0px;
padding:0 0 0 6px;
margin-right:2px;
}

#nav a span {
height:14px;
float:left;
display:block;
background:url(images/tabsright.gif) no-repeat right 0px;
padding:7px 12px 7px 7px;
}

#nav a:hover{
cursor:pointer;
background-position:0 -28px;
color:#FFFFFF;
}
#nav a:hover span{
cursor:pointer;
background-position:100% -28px;
}

#nav .selected a{
color:#FFFFFF;
background-position:0 -28px;
}
#nav .selected a span{
background-position:100% -28px;
}

/*Clock Styles*/

#clock {
position:absolute;
top:20px;
left:36px;
font: 12px Verdana, sans;
color: #FFFFFF;
}

/*Columns Styles*/

.container {
background:url(images/menubg.jpg) repeat-y right;
position:relative;
width:100%;
overflow:hidden;
height:100%;
}

.leftcolumn {
width:100%;
float:left;
height:100%;
margin-right:-256px;
}

.mask {
margin-right:256px;
height:100%;
}

.rightcolumn {
float:right;
width:256px;
right:1px;
height:100%;
background:url(images/menubg.jpg) repeat-y;
}

/*Footer Styles*/

#footer{
clear:both;
font: 12px Verdana, sans;
color:#666666;
position:relative;
border-top:1px solid #999999;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 16px;
}

#footer a{
font: 12px Verdana, sans;
color:#33AA11;
text-decoration:none;
}

#footer a:hover{
font: 12px Verdana, sans;
color:#33AA11;
text-decoration:underline;
}

#footer span{
color:#00AA00;
font-weight:bold;
}

/*Menu Styles*/

#menu{
display:block;
position:relative;
font: 12px Verdana, sans;
color:#333333;
margin-bottom:20px;
}

#menu a{
text-decoration:none;
color:#33AA11;
}

#menu a:hover{
text-decoration:underline;
color:#33AA11;
}

.menu{
height:16px;
background:url(images/icons/menu.gif) no-repeat;
background-position:6px center;
font-weight:bold;
padding-top:2px;
padding-bottom:2px;
margin-bottom:20px;
padding-left:26px;
border-top:1px dashed #989898;
border-bottom:1px dashed #989898;
}

.afiliados{
height:16px;
background:url(images/icons/afiliados.gif) no-repeat;
background-position:6px center;
font-weight:bold;
padding-top:2px;
padding-bottom:2px;
margin-bottom:20px;
padding-left:26px;
border-top:1px dashed #989898;
border-bottom:1px dashed #989898;
}

.mnublock{
text-align:center;
margin-bottom:30px;
}

.usernm{
font-weight:bold;
color:#33AA11;
}

#user{
padding-left:22px;
padding-bottom:6px;
width:16px;
height:16px;
background:url(images/icons/user.gif) left top no-repeat;
}

.user{
width:96px;
font:12px Verdana,sans;
font-style:italic;
margin-right:12px;
color:#888888;
border:1px solid #666666;
}

.user:hover {
border-color:#33AA11;
}

#pass{
padding-left:22px;
padding-bottom:6px;
width:16px;
height:16px;
background:url(images/icons/pass.gif) left top no-repeat;
}

.pass{
width:96px;
font:12px Verdana,sans;
font-style:italic;
margin-right:12px;
color:#888888;
border:1px solid #666666;
}

.pass:hover {
border-color:#33AA11;
}


/*Template part*/

.title {
display:block;
padding-bottom:16px;
}

.title a{
padding-left:16px;
padding-top:16px;
color:#33AA11;
font: 18px Verdana, sans;
font-weight:bold;
text-decoration:none;
}

.title a:hover{
padding-left:16px;
padding-top:16px;
color:#33AA11;
font: 18px Verdana, sans;
font-weight:bold;
text-decoration:underline;
}

.author {
width:100%;
height:20px;
}
.author div {
height:20px;
padding-left:16px;
padding-top:2px;
color:#000000;
font: 12px Verdana, sans;
}
.author div a{
color:#33AA11;
font: 12px Verdana, sans;
text-decoration: none;
}
.author div a:hover{
color:#33AA11;
font: 12px Verdana, sans;
text-decoration: underline;
}
.foot {
width:100%;
height:20px;
border-top:1px dashed #999999;
border-bottom:1px dashed #999999;
}
.foot div {
height:100%;
background:url(images/icons/bubble.gif) no-repeat;
background-position:0px 2px;
margin-left:16px;
padding-left:24px;
padding-top:2px;
font: 12px Verdana, sans;
}
.foot div a{
color:#33AA11;
font: 12px Verdana, sans;
text-decoration: none;
}
.foot div a:hover{
color:#33AA11;
font: 12px Verdana, sans;
text-decoration: underline;
}
.content {
display:block;
width:95%;
font: 12px Verdana, sans;
padding-left:16px;
padding-top:10px;
padding-bottom:10px;
color:#000000;
}
.content a{
color:#33AA11;
font: 12px Verdana, sans;
text-decoration: none;
}

.content a:hover{
color:#33AA11;
font: 12px Verdana, sans;
text-decoration: underline;
}

/*.news_avatar{
display:block;
float:right;
padding:0px 6px 6px 6px;
}*/

/*Pagination Styles*/
.pag {
margin-left:16px;
margin-bottom:16px;
padding:3px;
font: 12px Verdana, sans;
}

.pag  a{
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #000000;
color: #FFFFFF;
background: #333333 url(images/pagn.gif);
text-decoration: none;
}

.pag a:hover{
color:#FFFFFF;
border:1px solid #4BA51B;
background: #4BA51B url(images/pagg.gif);
}

.pag span{
padding: 2px 5px 2px 5px;
margin-right: 2px;
}

.pag span.current{
color:#FFFFFF;
border:1px solid #4BA51B;
background: #4BA51B url(images/pagg.gif);
}

.pag span.disabled{
border: 1px solid #AAAAAA;
color: #666666;
background: #DDDDDD;
}

#rtime{
position:absolute;
font: 12px Verdana, sans;
color: #FFFFFF;
top:100%;
margin-top:10px;
text-align:center;
width:100%;
height:25px;
}

/*bbGeshi*/

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	color: #333333;
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	border-color: #999999;
	background: #DDDDDD;
}

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #999999;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	background: #FFFFFF;
}

div.codeheader{
	text-align:right;
	background: url(images/icons/page_code.gif) no-repeat 0px 0px;
}