/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
#content {
	display:inline;
	float: none;
}

#commentboxtitle {
display:block;
width:500px;
padding: 5px;
text-align:left;
min-height:20px; 
background-color:#CCCCCC;
color: #000000;
}

#commentbox {
display:block;
width:500px;
text-align:left;
padding: 5px;
min-height:50px; 
background-color:#EDEDED;
color: #000000;
}

#content img {
	display:inline;
}

html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
a img,img{border:none;display:block;}
a{
	text-decoration:none;
	color:#252e1c;
}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}
h1{font-size:197%}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:136%}/* 18px */
h6{font-size:122%}/* 16px */

body{
	font-size: 13px; 
	text-align:center;/* for ie5.+*/
	background-color:#020001;
	background-image:url('http://pkmnhackersonline.com/images/bg.jpg');
	background-repeat:no-repeat;
	background-position:top center;
}

.left
{
float:left;	
}

.right
{
float:right;	
}

.centerimg
{
margin:auto;	
}

.bold
{
font-weight:bold;	
}

.italic
{
font-style:italic;	
}

#outer
{
width:981px;
margin:auto;
text-align:left;
border:0px solid black;
}

.body
{
width:990px;
margin:auto;
text-align:left;
}

#header
{
width:100%;
border:0px solid black;
height:127px;
background-image:url('http://pkmnhackersonline.com/images/header.png');
background-repeat:repeat-x;
margin-bottom:38px;
}

#logo
{
position:absolute;
margin-top:27px;
}

#nav
{
padding-top:53px;
position:absolute;
display:inline;
padding-left:350px;
}

#nav li
{
display:inline;	
}

#nav a 
{
display:inline-block;
font:13px arial;
text-shadow:1px 1px 1px #093d7b;
font-weight:bold;
padding-left:21px;
color:white;
background-image:url('http://pkmnhackersonline.com/images/nav1.png');
background-repeat:no-repeat;
height:35px;
}

.navactive
{
background-position:bottom left;		
}

#nav a span
{
display:inline-block;
height:27px;
background-image:url('http://pkmnhackersonline.com/images/nav2.png');
background-repeat:no-repeat;
padding-right:21px;
padding-top:8px;
}

#main
{
width:981px;
background-color:#0f0f0f;
text-align:left;
border:0px solid black;	
min-height:200px;
}

.blackcontent
{
padding-left:14px;
padding-right:10px;
padding-top:20px;
}

.leftcol1
{
float:left;
position:relative;
width:742px;
min-height:200px;
border:0px solid black;
}

.lefthead
{
width:207px;
padding-top:9px;
height:31px;
background-image:url('http://pkmnhackersonline.com/images/lefthead.png');
background-repeat:no-repeat;
margin-left:-18px;
text-align:center;
font:14px arial;
color:white;
}

.splashwrap
{
padding-top:13px;	
}

.splashbox h2
{
color:#d2d2d2;
font-size:24px;
line-height:24px;
margin-bottom:0px;
}

.splashbox p
{
font:13px arial;
color:#807f7f;
line-height:24px;
padding-right:25px;
}

.splashinfo
{
background-color:#181a1c;
height:16px;
color:#807f7f;
font:11px arial;
width:269px;
padding-top:3px;
padding-left:7px;
display:inline-block;
margin-top:11px;
margin-bottom:24px;
}

.splashinfo a
{
color:#ffffff;	
font:11px arial;
}

a.readmore1
{
color:#ffffff;
font:13px arial;
font-style:italic;
}

.rightbox
{
width:295px;
float:left;
display:inline;
}

.leftbox
{
width:426px;
height:286px;
background-image:url('http://pkmnhackersonline.com/images/leftbox.png');
background-repeat:no-repeat;
padding-left:3px;
padding-top:4px;
display:inline;
float:left;
margin-right:17px;
}

.thumbs
{
background-color:black;
border:1px solid #171717;
padding-top:8px;
padding-bottom:8px;
width:738px;
padding-left:1px;
margin-bottom:18px;
margin-top:14px;
}

.thumbs ul
{
margin-bottom:0px;
}

.thumbs li
{
display:inline-block;	
margin-left:0px;
margin-right:0px;
}

.thumbs a
{
display:inline-block;
margin-left:4px;
width:134px;
height:103px;
background-image:url('http://pkmnhackersonline.com/images/bgthumb.png');
background-repeat:no-repeat;
padding-top:4px;
padding-left:4px;
cursor:pointer;
}

.rightcol1
{
float:right;
position:relative;
width:200px;
min-height:200px;
border:0px solid black;		
}

.righthead
{
width:194px;
padding-top:9px;
padding-left:23px;
height:33px;	
background-image:url('http://pkmnhackersonline.com/images/righthead.png');
background-repeat:no-repeat;
font:14px arial;
color:white;
}

.rightbody
{
width:197px;
background-color:#090909;
border:1px solid #171717;
padding-top:3px;
padding-bottom:10px;
margin-bottom:17px;
}

.update
{
padding-top:12px;
padding-bottom:12px;
background-image:url('http://pkmnhackersonline.com/images/rightline.png');
background-repeat:no-repeat;

background-position:bottom;
}

.update .description
{
background-color:#181a1c;
width:160px;
margin-left:8px;
background-image:url('http://pkmnhackersonline.com/images/rightbg.png');
background-repeat:no-repeat;
background-position:7px 7px;
padding-left:19px;
margin-top:7px;
font:12px arial;
line-height:14px;
color:#9c9c9c;
padding-top:5px;
padding-bottom:5px;
}

.whitecontent
{
background-color:#ffffff;
padding-left:13px;
padding-right:13px;
padding-top:16px;
}

.rleftcol2
{
float:left;
position:relative;
width:248px;
min-height:200px;
border:0px solid black;
overflow:hidden;
display:inline;
}

.rmidcol2
{
float:left;
position:relative;
width:645px;
display:inline;
margin-left:9px;
min-height:200px;
border:0px solid black;
overflow:hidden;
}

#main  h3
{
display:block;
width:100%;
height:35px;
padding-left:13px;
padding-top:12px;
background-image:url('http://pkmnhackersonline.com/images/newshead.png');
background-repeat:no-repeat;
font:20px arial;
color:#4c4c4c;
font-weight:bold;
text-shadow:1px 1px 1px white;
}

#main2  h3
{
display:block;
width:100%;
height:35px;
padding-left:13px;
padding-top:12px;
background-image:url('http://pkmnhackersonline.com/images/newshead.png');
background-repeat:no-repeat;
background-position: center;
font:20px arial;
color:#4c4c4c;
font-weight:bold;
text-shadow:1px 1px 1px white;
}

.title
{
width:197px;
height:30px;
padding-top:10px;
padding-left:51px;
cursor:pointer;
font:16px arial;
font-weight:bold;
text-shadow:1px 1px 1px #b6b6b6;
}

.yellowt
{
background-image:url('http://pkmnhackersonline.com/images/yellowtitle.png');
background-repeat:no-repeat;	
color:#3d3700;
text-shadow:1px 1px 1px #feeb73;
}

.bluet
{
background-image:url('http://pkmnhackersonline.com/images/bluetitle.png');
background-repeat:no-repeat;		
color:#022043;
text-shadow:1px 1px 1px #55a3ee;
}

.greent
{
background-image:url('http://pkmnhackersonline.com/images/greentitle.png');
background-repeat:no-repeat;		
color:#204101;
text-shadow:1px 1px 1px #a6ff4a;
}

.grayt
{
background-image:url('http://pkmnhackersonline.com/images/graytitle.png');
background-repeat:no-repeat;		
color:#191b23;
text-shadow:1px 1px 1px #5d657b;
}

.expand
{
cursor:pointer;
width:24px;
height:24px;
background-image:url('http://pkmnhackersonline.com/images/expand.png');
background-repeat:no-repeat;	
background-position:bottom left;
}

.contract
{
cursor:pointer;
width:24px;
height:24px;
background-image:url('http://pkmnhackersonline.com/images/contract.png');
background-repeat:no-repeat;	
}

.ecpos
{
float:right;
padding-right:5px;
margin-top:-2px;
}

.expanded
{

}

.rmidcol2 p
{
font:13px arial;
color:#555555;
line-height:18px;
margin-top:17px;
padding-left:11px;
margin-bottom:21px;
}


.readmore
{
color:#0f5aaf;	
}

.hrightcol2 li, .rmidcol2 li
{
background-image:url('http://pkmnhackersonline.com/images/li.png');
background-repeat:no-repeat;	
background-position:0px 4px;
padding-left:18px;
font:13px arial;
margin-bottom:4px;
color:#555555;
}

.rmidcol2 ul
{
padding-left:36px;	
}


.rrightcol2
{
float:right;
position:relative;
width:248px;
overflow:hidden;
display:inline;
min-height:200px;
border:0px solid black;	
padding-bottom:10px;	
}


.hrightcol2
{
float:right;
position:relative;
width:690px;
padding-right:3px;
overflow:hidden;
display:inline;
min-height:200px;
border:0px solid black;		
}

.hrightcol2 p
{
font:13px arial;
color:#555555;
line-height:18px;
margin-top:22px;
}

.hrightcol2 ul
{
margin-top:22px;	
padding-left:36px;	
}

.adboxwide
{
background-color:#313131;
width:646px;
margin:auto;
height:115px;
}

.adboxwide p
{
font:14px arial;
font-weight:bold;
color:white;	
}


.leftcol2
{
float:left;
position:relative;
width:645px;
min-height:200px;
border:0px solid black;
}

.leftcol2 h3
{
display:block;
width:632px;
height:35px;
padding-left:13px;
padding-top:12px;
background-image:url('http://pkmnhackersonline.com/images/newshead.png');
background-repeat:no-repeat;
font:20px arial;
color:#4c4c4c;
font-weight:bold;
text-shadow:1px 1px 1px white;
}

.leftcol3
{
float: left;
position:relative;
width:845px;
min-height:200px;
border:0px solid black;
}

.leftcol3 h3
{
display:block;
width:632px;
height:35px;
padding-left:13px;
padding-top:12px;
background-image:url('http://pkmnhackersonline.com/images/newshead.png');
background-repeat:no-repeat;
font:20px arial;
color:#4c4c4c;
font-weight:bold;
text-shadow:1px 1px 1px white;
}

.post
{
background-image:url('http://pkmnhackersonline.com/images/postline.png');
background-repeat:no-repeat;	
width:645px;
background-position:bottom;
margin-bottom:22px;
}

.post p
{
padding-bottom:15px;	
font:13px arial;
color:#555555;
line-height:18px;
}

.post a.readmore
{
color:#0f5aaf;
}

.postinfo
{
width:623px;
padding-left:11px;
padding-right:11px;
height:26px;
padding-top:12px;
background-image:url('http://pkmnhackersonline.com/images/postinfo.png');
background-repeat:no-repeat;
margin-bottom:18px;
font:11px arial;
font-weight:bold;
color:#4c4c4c;
text-shadow:1px 1px 1px white;
}

.postinfo .postcat
{
float:right;
}

.postinfo img
{
text-align: center;
}

.postcat a
{
color:#0f5aaf;	
font:12px arial;
font-weight:bold;
}

.rightcol2
{
float:right;
position:relative;
width:288px;
min-height:200px;
border:0px solid black;		
}

.righthead2
{
width:239px;
padding-left:50px;
height:32px;
padding-top:8px;
background-image:url('http://pkmnhackersonline.com/images/righthead2.png');
background-repeat:no-repeat;
font:18px arial;
color:white;
text-shadow:1px 1px 1px #2c2e31;
}

.rightbody2 a
{
display:block;	
background-image:url('http://pkmnhackersonline.com/images/righta.png');
background-repeat:no-repeat;
width:247px;
padding-left:42px;
font:10px arial;
color:#717171;
height:29px;
padding-top:11px;
}

ul.rightbody2
{
margin-bottom:17px;	
margin-top:1px;
}

.adbox
{
width:287px;
min-height:233px;
background-color:#3d4043;
text-align:center;
margin-bottom:17px;	
}

.adbox p
{
font:14px arial;
font-weight:bold;
color:white;
}

#footer
{
background-color:#1b1d1e;
height:95px;
width:981px;
margin-top:14px;
margin-bottom:50px;
}

#footlogo
{
float:left;	
padding-left:22px;
padding-top:10px;
padding-right:9px;
}

#footer p
{
float:left;
font:11px arial;
color:#717171;
line-height:18px;
width:865px;
padding-top:13px;
}

#thumb2box, #thumb3box, #thumb4box, #thumb5box
{
display:none;	
}

#nav .mainul
{
display:inline-block;
}

*html #nav .mainul
{
display:block;
float:left;
}

#nav .subul
{
background-color:#0b4e9f;	
-moz-border-radius: 5px;
border-radius: 5px;
padding-left:3px;
padding-top:3px;
padding-bottom:4px;
padding-right:3px;
width:180px;
z-index:5;
position:absolute;
}

.subul
{
display:none;	
}

#nav ul.subul a
{
display:block;
padding-left:19px;
height:15px;
background-color:#022042;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #193453;
padding-top:5px;
padding-bottom:5px;
font:13px arial;
color:#c5ddf8;
background-image:url('http://pkmnhackersonline.com/images/dropli.png');
background-repeat:no-repeat;
background-position:8px 9px;
}

#nav a:hover .subul
{
display:block;		
}

