* {
    margin: 0;
    padding: 0;
}

body {
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
/*	color: #CCCCCC; */
	color: #00FB00;
	background-color: #000000;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	/* margin: 0px 10px 0px 10px; */
}

/* == layout == */

div#banner
{
    height:96px;
}

div#banner h1
{
    margin: 0;
    padding: .3em 0 .3em .5em;
    font-size: 2.2em;
    font-weight: normal;
}

div#container
{
}

div#container2
{
}

div#navigation
{
    float: left;
    width: 150px;
    padding-top: 2em;
    padding-left: 1em;
    margin: 0 auto 0 auto;
}

div#navigation ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

div#navigation ul li { margin-top: 4px; }

#navigation ul li a
{
/*    display: block; */
/*    width: 135px;
    padding: 3px 5px 3px 10px; */
    text-decoration: none;
/*    color: #000; */
}

#navigation ul li a:hover
{
    color: #00FB00;
    background-color: #111111;
}

div#more
{
    float: right;
    width: 160px;
    margin: 0 auto 0 auto;
    padding: 2em 10px 0 0;
    color: #fff;
}

div#content
{
    margin-left: 190px;
    margin-right: 200px;
}

div#content { line-height: 150%; }

#cleardiv
{
    clear: both;
    height: 1em;
}

div#footer
{
    clear: both;
    padding: .5em 1em;
/*    border-top: 1px solid #999; */
    text-align: center;
}

div#footer ul
    {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline;
}

div#footer li
    {
    display: inline;
    margin-right: 1em;
}

    
.headermenu {
background: transparent url(http://madpinger.com/images/header/header_bg.png) repeat scroll left top;
height:96px;
}
.page_table {
margin:0 auto;
width:1000px;
}
.headermenu .logo {
float:left;
height:96px;
width:134px;
}
.headermenu .button {
float:left;
height:96px;
width:134px;
}

/* == Alt Content style == */

div#altcontent{
margin-right: 400px;

}

/* == Post style == */

.postwrap {
float:left;
padding:10px 10px 10px 10px;
width:55%;
min-width:500px;
}

.posthead {
/* background:transparent url(images/dotline.gif) repeat-x scroll left bottom; */
/* clear:left; */
padding-bottom:10px;
padding-top:8px;
position:relative;
}

.postauthor {
color:#CCCCCC;
font-size:10px;
font-weight:700;
line-height:20px;
padding-top:1px;
}

.postdate {
/* background:transparent url(images/post-date.png) no-repeat scroll left top; */
/* left:-65px; */
margin:0;
padding:11px 8px 10px 4px;
/* position:absolute; */
text-align:right;
top:0;
width:44px;
}

.postdate .month {
display:block;
font-size:9px;
padding-bottom:0;
text-transform:uppercase;
}

.postdate .day {
-x-system-font:none;
color:#000000;
display:block;
font-family:Arial;
font-size:22px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:24px;
}

.postcontent {
/* background:transparent url(images/dotline.gif) repeat-x scroll left bottom; */
font-size:12px;
line-height:17px;
padding-bottom:10px;
padding-top:5px;
overflow: auto;
}

.postinfo {
padding-top:5px;
text-align: right;
}

.postinfo li {
color:#CCCCCC;
display:inline;
font-size:10px;
font-weight:700;
list-style-type:none;
margin:0 10px 0 0;
padding:5px 0 5px 18px;
}

div.scroll {
height: 150px;
width: 95%;
overflow: auto;
border: 1px solid #111111;
background-color: #111111;
padding: 8px;
}


/* === Text === */

pre {
	color: #FFCC33;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	font-size: 1.1em;
/*	font-weight: bold; */
	text-decoration: none;
}

h1 {
	color: #FFCC33;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
}

h2 {
	color: #FFCC33;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 120%;
	text-decoration: none;
}

h3 {
	color: #FFCC33;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 120%;
}

h4 {
	color: #FFCC33;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding-top: 3px;
}

h5 {
	color: #FFCC33;
	font-weight: bold;
	margin: 0;
	padding-top: 3px;
}

h6 {
	color: #FFCC33;
	font-weight: bold;
	margin: 0;
	padding-top: 3px;
}


p {
	color: #CCCCCC;
	font-size: 1.1em;
}

img {
	border:medium none;
}

a:active, a:visited, a:link, a {
	color:#FFCC33;
	text-decoration:none;
	font-size:1.1em;
}

/* begin css tabs */

ul#tabnav { /* general settings */
background-color: #000000;
text-align: left; /* set to left, right or center */
/* margin: 1em 0 1em 0; */ /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
/* border-bottom: 1px solid #c8c8c8; */ /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #ff0000; /* set border color to page background color */
background-color: #111111; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #111111; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #c8c8c8; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #111111; /* set unselected tab background color as desired */
color: #FFCC33; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #ababab; /* set desired hover color */
}

/* end css tabs */

div#picturearea{
filter:alpha(opacity=100);
-moz-opacity: 0;
}


div#login_status { text-align: right; width: 100%; margin: 0; background-color: #000000; }
div#login_status p { color: #ffffff; margin: 0; padding: 0 0 3px 0; margin-right: 5px; }
div#login_status p a,
div#login_status p a:visited,
div#login_status p a:active { color: #ffffff; }


/* Decorated boxes start */
/* Black */
.bl {background: url(http://madpinger.com/images/boxes/black_bl.png) 0 100% no-repeat #111111; width: 100%} 
.br {background: url(http://madpinger.com/images/boxes/black_br.png) 100% 100% no-repeat} 
.tl {background: url(http://madpinger.com/images/boxes/black_tl.png) 0 0 no-repeat} 
.tr {background: url(http://madpinger.com/images/boxes/black_tr.png) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}
/* Gray */
.gbl {background: url(http://madpinger.com/images/boxes/bl_gray.png) 0 100% no-repeat #a7a7a7; width: 100%} 
.gbr {background: url(http://madpinger.com/images/boxes/br_gray.png) 100% 100% no-repeat} 
.gtl {background: url(http://madpinger.com/images/boxes/tl_gray.png) 0 0 no-repeat} 
.gtr {background: url(http://madpinger.com/images/boxes/tr_gray.png) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}
/* Decorated boxes end */

/* Cake */

/* form elements */

.form-instruction { margin: 0; font-size: 80%; padding: 0; }

label { display: block; margin: 15px 0 5px 0; font-weight: bold; font-size: 1em;  }
fieldset.checkbox { margin: 10px 0; clear: both; width: 70%; padding: 0;  }
fieldset.checkbox label { margin: 0 0 0 10px; display: inline; font-weight: normal;  }
fieldset.checkbox input[type=checkbox] {float: left; margin: 0; }

fieldset {border: 0; padding: 0; margin: 10px 0; }
fieldset legend { margin: 0; padding: 0; font-weight: bold; font-size: 1.1em; }
fieldset label { font-weight: normal; margin: 0; }
fieldset input[type=radio] { float: left; } 

.error-message { font-weight: bold; color: #cc3300; }
input[type=submit] { margin: 15px 0; font-size: 110%; }

table.cake-sql-log { font-size: .75em; width: 100%; background-color: #000000; border-top: 1px solid #ffffff; color: #ffffff; }

div#alert_messages { text-align: center; background-color: #111111;color: #00FF00;}

div#authMessage {
	color: #FF2400;
	background-color: #FFCC33;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	font-size: 1.8em;
}

div#authMessage.message {
	font-weight: bold;
}

/* Tables */

table {
	background: #333333;
	border:1px solid #ccc;
	border-right:0;
/*	clear: both; */
	color: ##FFCC33;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background: #111111;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	background:#111111;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #121212;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table tr.altrow td {
	background: #333333;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

/* Paging */
div.paging {
	background:#333333;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* == Pisg */
TD
{
    FONT-SIZE: 13px;
    COLOR: #dedede;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    TEXT-ALIGN: left
}
.title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    FONT-FAMILY: Tahoma, Arial, sans-serif
}
.headtext
{
    FONT-WEIGHT: bold;
    COLOR: #dedede;
    BACKGROUND-COLOR: #6d0d14;
    TEXT-ALIGN: center
}
.headlinebg
{
    BACKGROUND-COLOR: #6d0d14
}
.tdtop
{
    BACKGROUND-COLOR: #718292
}
.hicell
{
    BACKGROUND-COLOR: #19354e
    TEXT-ALIGN: left
}
.hicell10
{
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #444444
}
.rankc
{
    BACKGROUND-COLOR: #444444
}
.hirankc
{
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #545454
}
.rankc10
{
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #444444
}
.rankc10center
{
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #444444;
    TEXT-ALIGN: center
}
.hirankc10center
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #545454;
    TEXT-ALIGN: center
}
.small
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, sans-serif
}
.asmall
{
    FONT-SIZE: 10px;
    COLOR: #dedede;
    FONT-FAMILY: "Arial narrow", Arial, sans-serif
    TEXT-ALIGN: center
}