/*  =========================================================
	File: tgp.css
	Date: 090314
========================================================== */

/* ==============================================
   I - General Reset
   ============================================== */
html { height: 101%;
}

* { padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	}

ul, ol {
	list-style:none;	
	}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
	}

table {
	border-collapse:collapse;
	border-spacing:0;
	}

fieldset, img {
	border:0;
	}

caption, th {
	text-align:left;
	}
	
.clearing {
	clear:both;
}

/* ==============================================
   II - Layout
   ============================================== */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#000;
	background:#fff;
}

div#container {
	width:946px;
	margin:0 auto;
	text-align:left;
	color:#000;
	background:#FFC8FF url(../images/bg_main.gif) repeat-y;
	border-left:1px solid #333;
	border-right:1px solid #333;
}

/* All Links */
a { 
	outline:none;
	text-decoration:none;
} 
a:link { 
	color:#000;
	text-decoration:underline;
}
a:visited { 
	color:#000;
	text-decoration:underline;
}
a:hover, a:focus {
	color:#333;
	text-decoration:none;
}
a:active {
	color:#000;
	border:none;
	text-decoration:none;
}

/* ==============================================
   III - Header
   ============================================== */
   
div#header {
	width:946px;
	height:250px;
	color:#000;
	background:#FFC8FF url(../images/header.jpg) no-repeat top;
}

div#header h1 {
	position:relative;	
	top:135px; 
	left:125px;
	font-size:150%;
	letter-spacing:0.2em;
}

div#header p {
	position:relative;	
	top:145px; 
	left:35px;
	letter-spacing:0.1em;

}

div#top {
	color:#000;
	background:#FFC8FF url(../images/bg_top.gif) no-repeat top;
}

div#top ul {
	width:926px;
	text-align:center;
	padding:33px 0 4px 0;	
}

div#top li {
	display:inline;
	margin:0 3px 0 2px;
	text-align:center;
}

div#top a { 
	margin:1px;
	padding:2px;
	font-size:115%;
	font-weight:bolder;
}
div#top a:link { 
	color:#000;
	margin:1px;
	padding:2px;
	text-decoration:none;
}
div#top a:visited { 
	color:#000;
	margin:1px;
	padding:2px;
	text-decoration:none;
}
div#top a:hover, div#top a:focus {
	color:#333;
	margin:0;
	padding:2px;
	border:1px dotted #f30;
	background:none;	
}
div#top a:active {
	color:#000;
	margin:0;
	padding:2px;
}
/* ==============================================
   IV - Content
   ============================================== */

/* maincontent */
#maincontent {
	float:left;
	width:946px;
	padding:8px 0 0 35px;
}

/* imagecontent */
.imagecontent {
	clear:both;
}

.imagecontent a {
	display:block;
	float:left;
	width:140px;
	margin:1px;
	padding:1px;
}

.imagecontent a:link { 
	border:1px solid #333;
	text-decoration:none;
}

.imagecontent a:visited { 
	border:1px solid #333;
	text-decoration:none;
}

.imagecontent a:hover,
.imagecontent a:focus {
	border:1px solid #f00;
	background:#FFFF99;
}

.imagecontent a:active {
	border:1px solid #f00;
}

/* ==============================================
   V - ADS
   ============================================== */
   
.ads {
	clear:both;
	float:left;
	width:870px;
	margin:1px;
	padding:1px;
	border:1px solid #333;
}

.ads p {
	color:#fff;
	background:#333;
	text-align:center;
	font-size:190%;
	letter-spacing:0.1em;
	padding:12px 0;		
}

.ads a {
	padding:0 0 0 10px;
	text-decoration:underline;
}
.ads a:link { 
	color:#ff0;
}
.ads a:visited { 
	color:#ff0;
}
.ads a:hover, a:focus {
	color:#f30;
	background:none;
	border:none;
	text-decoration:none;
}
.ads a:active {
	color:#ff0;
	border:none;
	text-decoration:none;
}

/* ==============================================
   VI - Toplist
   ============================================== */
   
.toplist {
	clear:both;
	float:left;
	width:870px;
	margin:1px;
	padding:1px;
	border:1px solid #333;
}

.toplist h2 {
	font-size:110%;
}

.toplist table  {
	width:100%;
	border-collapse:collapse;
	border:none;
	color:#fff;
	background:#333;
}

.toplist caption {
	font-size:120%;
	font-weight:bolder;
	text-align:left;
	color:#fff;
	background:#333;
	padding:7px 0 2px 7px;
}

.toplist td {
	width:25%;
	vertical-align:top;
	padding:9px 7px;
	line-height:1.5em;
}

.toplist a {
	padding:0;
}
.toplist a:link { 
	color:#ff0;
}
.toplist a:visited { 
	color:#ff0;
}
.toplist a:hover, a:focus {
	color:#f30;
	background:none;
}
.toplist a:active {
	color:#ff0;
	border:none;
}
 
/* ==============================================
   VII - Footer
   ============================================== */
#footer {
	clear:both;
	text-align:center;
	padding:3px 10px 30px 3px;
	background:#FFFF99 url(../images/bg_footer.gif) no-repeat bottom;
	line-height:1.7em;
	font-size:0.8em;
}

#footer a:hover, #footer a:focus {
	color:#333;	
	border:none;
	padding:0;	
}

#footer a:active {
	color:#333;
	border:none;
	padding:0;	
}