/* CSS Document */

/* -- main framework and common elements -- */

body {
	margin:0;
	background-color:#dddddd;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:70%;
	line-height:130%;
}

#iframe {
	margin:0;
	padding:0;
}

#page {
	width:780px;
	margin:0 auto;
}

#header, #main, #footer, #iframe {
	background-color:#ffffff;
}

#main {
	clear:both;
	padding:0 0 2px 0;
}

#content {
	float:left;
	width:80%;
}

#full_width_content {
	width:100%;
}

#side {
	float:left;
	width:20%;
}

#footer {
	margin:4px 0 20px 0;
}

/* -- common elements -- */

div.clear { 
	clear:both;
}

div.pad_4 {
	height:4px;
	overflow:hidden;
}

div.pad_5 {
	height:5px;
	overflow:hidden;
}

div.pad_10 {
	height:10px;
	overflow:hidden;
}

img {
	border:none;
	margin:0;
	padding:0;
}

img.wide {
	width:140px;
	height:50px;
}

img.icon {
	width:70px;
	height:59px;
}

img.feature {
	width:297px;
	height:150px;
}


/* -- text styles -- */

h1,h2,h3 {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	font-size:140%;
	line-height:150%;
	font-weight:bold;
}

h2 {
	font-size:125%;
	line-height:150%;
	font-weight:bold;
}

h3 {

}

p {
	margin:0;
	padding:0;
}

span.fileinfo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

/* -- fixes -- */

div.standard_height {
	height:235px;
	overflow:hidden;
}

/* -- iframe.ibox -- */

iframe.ibox {
	height:275px;
	width:100%;
	border:none;
	padding:0;
	margin:0;
	overflow:hidden;
	
}









/* CSS Document */

form {
	margin:0;
	padding:0;
}

input, select {
	margin:0;
	padding:0;
	font-size:100%;
}

form span.label {
	
}/* CSS Document */

/* -- boxes def -- */

ul.boxes {
	margin:0;
	padding:0;
	list-style:none;
}

ul.boxes li {
	float:left;
}

ul.boxes li.fifth {
	width:20%;
}

ul.boxes li.quarter {
	width:25%;
}

ul.boxes li.third {
	width:33.333%;
}

ul.boxes li.third_of_80 {
	width:26.666%;
}

ul.boxes li.half {
	width:50%;
}

ul.boxes li.full {
	width:100%;
}/* CSS Document */

/* -- header -- */

#header {
	padding:6px 0 0 0;
}

#header img.logo {
	padding:6px 0 0 2px;
}

#header h1 {
	padding:2px 0 2px 2px;
	font-size:100%;
	line-height:100%;
}

#header img.banner {
	float:right;
	padding:0 2px 6px 0;
}


/* -- navbar -- */

#navbar {

}

#navbar div.navleft {
	margin-right:40%;
}

#navbar div.navright {
	float:right;
	width:40%;
}

#navbar div.navright div.all_games {
	float:left;
	width:50%;
}

#navbar div.navright div.search_games {
	margin-left:50%;
}

/* -- padding information -- */

#navbar div.padding {
	padding-top:6px;
	padding-bottom:5px;
}

#navbar div.navright div.all_games div.padding {
	padding-left:3px;
	padding-right:1px;
}

#navbar div.navright div.search_games div.padding {
	padding-left:1px;
	padding-right:6px;
}

#navbar div.navleft div.padding {
	padding-left:7px;
	padding-right:4px;
}


/* -- category menu -- */

#navbar div.navleft div.content {
	height:42px;
	padding:5px 0 0 0;
	overflow:hidden;
}

#navbar div.navleft ul.menu {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}

#navbar div.navleft ul.menu li {
	display:inline;
	padding:0 13px;
	line-height:150%;
}

/* -- navright content -- */

#navbar div.navright div.content {
	height:43px;
	padding-top:4px;
}

/* -- all games -- */

#navbar div.navright div.all_games div.content {
	padding-left:5px;
	padding-right:5px;
}


#navbar div.navright div.all_games select {
	width:100%;
	margin-top:2px;
	height:18px;
}

/* -- search games -- */

#navbar div.navright div.search_games div.content {
	padding-left:5px;
	padding-right:5px;
}

#navbar div.navright div.search_games input {
	width:75%;
	margin-top:1px;
	height:15px;
}

#navbar div.navright div.search_games input.submit {
	width:19%;
	height:auto;
}



/* CSS Document */

/* -- ad style -- */

div.ad h2 {
	text-align:center;
	color:#ffffff;
	padding:10px 0 4px 0;
}

div.ad div.content {
	padding:3px 8px 3px 8px;
	height:155px;
	overflow:hidden;
	line-height:136%;
	width:140px;
}

div.ad span.playnow {
	padding:22px 0 13px 0;
	text-align:center;
	display:block;
}

div.ad img.button {
	width:116px;
	height:30px;
}

div.ad img.rating {
	width:69px;
	height:10px;
	margin:5px 0 2px 0;
}

/* shorter ad box */

div.ad div.shorter_height {
	height:215px;
	overflow:hidden;
}

div.ad div.shorter_height span.playnow {
	padding:18px 0 13px 0;
}

div.ad div.shorter_height div.content {
	height:140px;
}
/* CSS Document */

/* -- top ten -- */

div.topten h2 {
	text-align:center;
	color:#ffffff;
	padding:10px 0 4px 0;
}

div.topten div.content {
	padding:3px 8px 8px 8px;
}

div.topten div.content ol {
	margin:0;
	padding:0;
	list-style-position:inside;
}

div.topten div.content ol li {
	margin:0 0 0 0;
	float:none;
	line-height:150%;
}

div.topten div.content ol li img {
	padding:2px 0 0 0;
}
/* CSS Document */

/* -- latest -- */

div.latest h2 {
	text-align:center;
	color:#ffffff;
	padding:10px 0 4px 0;
}

div.latest div.content {
	padding:3px 8px 8px 8px;
}

div.latest div.content ol {
	margin:0;
	padding:0;
	list-style-position:inside;
}

div.latest div.content ol li {
	margin:0 0 0 0;
	float:none;
	line-height:150%;
}

div.latest div.content ol li img {
	padding:2px 0 0 0;
}
/* CSS Document */

#footer div.content {
	padding:5px 0 2px 0;
	text-align:center;
}

#footer ul {
	margin:0;
	padding:5px 0 5px 0;
	list-style:none;
}

#footer ul li {
	display:inline;
	padding:0 10px;
}

#footer img.feedicon {
	width:16px;
	height:16px;
	margin:0 5px -4px 0;
}

#footer ul.sites {
	margin:5px 0 5px 0;
	padding:0 0 0 0;
	list-style:none;
}

#footer ul.sites li {
	display:inline;
	padding:0 15px;
}

#footer ul.sites li img {
	width:16px;
	height:16px;
}/* CSS Document */

div.document {

}

div.document div.padding {
	padding:20px;
}

div.document p {
	margin:10px 0 0 0;
	padding:0 0 0 0;
}

div.document ul {
	list-style:square;
}

div.document ul li, div.document ol li {
	float:none;
	margin:10px 0 0 0;
}

div.document h1 {

}

div.document h2 {
	margin:10px 0 0 0;
}

div.document h3 {
	margin:10px 0 0 0;
	font-size:100%;
}/* CSS Document */

/* -- more games -- */

div.paidgames div.padding {
	padding:6px 5px 6px 7px;
}

div.paidgames ul {
	margin:0;
	padding:0;
	list-style:none;
}

div.paidgames ul li {
	float:left;
	width:33.3%;
	/* Internet Explorer Fix - border appearing at top of box on mouse over */
	background:white;
}

div.paidgames div.game {
	padding:1px 1px 1px 1px;
}

div.paidgames div.content {
	padding:5px 5px 0 5px;
	line-height:136%;
}

div.paidgames img.icon {
	float:left;
	padding-right:5px;
}

div.paidgames div.standard_height {
	height:132px;
}

div.paidgames img.rating {
	width:69px;
	height:10px;
	margin:5px 0 4px 0;
}

/* CSS Document */

div.category ul {
	margin:0;
	padding:0;
	list-style:none;
}

div.category ul li {
	float:none;
	line-height:136%;
}

div.category ul li.game {
	
}

div.category h2 {
	text-align:center;
	color:#ffffff;
	padding:10px 0 4px 0;
}

div.category div.padding {
	padding:3px 7px 10px 8px;
	height:202px;
	overflow:hidden;
}

div.category div.primary_game {
	padding:0px 0px 1px 0px;
}

div.category div.primary_game div.content {
	padding:5px;
	height:80px;
	overflow:hidden;
}

div.category div.primary_game img.icon {
	float:left;
	padding-right:5px;
}

div.category div.another_item {
	margin:2px 0 0 20px;
	padding-bottom:2px;
}

div.category div.view_all {
	margin:12px 0 0 20px;
	/*padding-bottom:2px;*/
}




/* CSS Document */

div.feature h2 {
	color:#ffffff;
	text-align:center;
	padding:10px 0 4px 0;
}

div.feature div.content {
	padding:3px 7px 10px 8px;
}

div.feature img {
	padding:0 0 5px 0;
}

div.feature div.padding {
	padding:0 0 10px 0;
}

div.feature div.standard_height {
	height:225px;
}/* CSS Document */

/* -- games -- */

div.topgames div.padding {
	padding:6px 5px 6px 7px;
}

div.topgames ul {
	margin:0;
	padding:0;
	list-style:none;
}

div.topgames ul li {
	float:left;
	width:33.3%;
}

div.topgames div.game {
	padding:1px 1px 1px 1px;
}

div.topgames div.content {
	padding:5px 5px 0 5px;
	line-height:136%;
}

div.topgames img.icon {
	float:left;
	padding-right:5px;
}

div.topgames div.standard_height {
	height:88px;
}/* CSS Document */

/* -- more games -- */

div.allgames div.padding {
	padding:6px 5px 6px 7px;
}

div.allgames ul {
	margin:0;
	padding:0;
	list-style:none;
}

div.allgames ul li {
	float:left;
	width:33.3%;
	/* Internet Explorer Fix - border appearing at top of box on mouse over */
	background:white;
}

div.allgames div.game {
	padding:1px 1px 1px 1px;
}

div.allgames div.content {
	padding:5px 5px 0 5px;
	line-height:136%;
}

div.allgames img.icon {
	float:left;
	padding-right:5px;
}

div.allgames div.standard_height {
	height:88px;
}

/* CSS Document */

div.window h2 {
	color:#ffffff;
	padding:10px 0 4px 8px;
}

div.window div.padding {
	padding:4px 7px 7px 7px;
}/* CSS Document */

div.description div.padding {
	padding:10px 5px 12px 12px;
}

div.description h2 {
	margin:0 0 5px 0;
}

div.description ul.sites {
	margin:10px 0 0 0;
	padding:0 0 0 0;
	list-style:none;
}

div.description ul.sites li {
	display:inline;
	padding:0 12px;
}

div.description ul.sites li img {
	width:16px;
	height:16px;
}

div.description textarea.websitecode {
	margin:10px 0 0 0;
	width:50%;
	height:35px;
	overflow:hidden;
}

div.description input.imcode {
	margin:10px 0 0 0;
	padding:2px;
	width:97.5%;
	height:16px;
	font-family:"Courier New", Courier, mono;
	font-size:115%;
}

/* CSS Document */

/* -- blue text -- */

a {
	
}

a:link {
	color:#0000ff;
}

a:visited {
	color:#0000ff;
}

a:hover {
	color:#3399ff;
	text-decoration:none;
}

a.no_decoration:link {
	text-decoration:none;
}

ul.bullets li.blue {
	background:url("/images/themes/blue/bullet_invader.gif") no-repeat left;
}

#header h1 {
	color:#3399ff;
}

div.blue h2 a, div.blue h2 a:visited {
	color:#ffffff;
}

div.blue h2 a:hover {
	text-decoration:none;
	color:#ffffff;
}

p.clickable a:link, p.clickable a:visited, p.clickable a:hover, p.clickable a:active {
	color:#000000;
	text-decoration:none;
}

/* CSS Document */

/* -- thin -- */

div.blue div.thin {
	
}

div.blue div.thin div.t { background:url("/images/themes/blue/thin/t.gif") repeat-x top; }
div.blue div.thin div.r { background:url("/images/themes/blue/thin/r.gif") repeat-y right; }
div.blue div.thin div.b { background:url("/images/themes/blue/thin/b.gif") repeat-x bottom; }
div.blue div.thin div.l { background:url("/images/themes/blue/thin/l.gif") repeat-y left; }
div.blue div.thin div.tl { background:url("/images/themes/blue/thin/tl.gif") no-repeat top left; }
div.blue div.thin div.tr { background:url("/images/themes/blue/thin/tr.gif") no-repeat top right; }
div.blue div.thin div.br { background:url("/images/themes/blue/thin/br.gif") no-repeat bottom right; }
div.blue div.thin div.bl { background:url("/images/themes/blue/thin/bl.gif") no-repeat bottom left; }

div.blue div.thin div.tl-join { background:url("/images/themes/blue/thin/tl-join.gif") no-repeat top left; }
div.blue div.thin div.tr-join { background:url("/images/themes/blue/thin/tr-join.gif") no-repeat top right; }
div.blue div.thin div.t-join { background:url("/images/themes/blue/thin/t-join.gif") repeat-x top; }

/* -- thin navleft -- */

div.blue div.navleft {

}

div.blue div.navleft div.tr { background:url("/images/themes/blue/thin/navleft/tr.gif") no-repeat top right; }
div.blue div.navleft div.r { background:url("/images/themes/blue/thin/navleft/r.gif") repeat-y right; }
div.blue div.navleft div.br { background:url("/images/themes/blue/thin/navleft/br.gif") no-repeat bottom right; }

/* -- thin navright -- */

div.blue div.navright {

}

div.blue div.navright div.tl { background:url("/images/themes/blue/thin/navright/tl.gif") no-repeat top left; }
div.blue div.navright div.l { background:url("/images/themes/blue/thin/navright/l.gif") repeat-y left; }
div.blue div.navright div.bl { background:url("/images/themes/blue/thin/navright/bl.gif") no-repeat bottom left; }

/* -- fill -- */

div.blue div.fill {
	background:#dbedff;
}

div.blue div.fill div.t { background:url("/images/themes/blue/fill/edge.gif") repeat-x top; }
div.blue div.fill div.r { background:url("/images/themes/blue/fill/edge.gif") repeat-y right; }
div.blue div.fill div.b { background:url("/images/themes/blue/fill/edge.gif") repeat-x bottom; }
div.blue div.fill div.l { background:url("/images/themes/blue/fill/edge.gif") repeat-y left; }
div.blue div.fill div.tl { background:url("/images/themes/blue/fill/corner.gif") no-repeat top left; }
div.blue div.fill div.tr { background:url("/images/themes/blue/fill/corner.gif") no-repeat top right; }
div.blue div.fill div.br { background:url("/images/themes/blue/fill/corner.gif") no-repeat bottom right; }
div.blue div.fill div.bl { background:url("/images/themes/blue/fill/corner.gif") no-repeat bottom left; }

/* -- fill with border -- */

div.blue div.fill_border {
	background:#dbedff;
}

div.blue div.fill_border div.t { background:url("/images/themes/blue/fill_border/edge.gif") repeat-x top; }
div.blue div.fill_border div.r { background:url("/images/themes/blue/fill_border/edge.gif") repeat-y right; }
div.blue div.fill_border div.b { background:url("/images/themes/blue/fill_border/edge.gif") repeat-x bottom; }
div.blue div.fill_border div.l { background:url("/images/themes/blue/fill_border/edge.gif") repeat-y left; }
div.blue div.fill_border div.tl { background:url("/images/themes/blue/fill_border/tl.gif") no-repeat top left; }
div.blue div.fill_border div.tr { background:url("/images/themes/blue/fill_border/tr.gif") no-repeat top right; }
div.blue div.fill_border div.br { background:url("/images/themes/blue/fill_border/br.gif") no-repeat bottom right; }
div.blue div.fill_border div.bl { background:url("/images/themes/blue/fill_border/bl.gif") no-repeat bottom left; }


/* -- solid -- */

div.blue div.solid {
	background-color:#3399ff;
}

div.blue div.solid div.t { background:url("/images/themes/blue/solid/t.gif") repeat-x top; }
div.blue div.solid div.r { background:url("/images/themes/blue/solid/r.gif") repeat-y right; }
div.blue div.solid div.b { background:url("/images/themes/blue/solid/b.gif") repeat-x bottom; }
div.blue div.solid div.l { background:url("/images/themes/blue/solid/l.gif") repeat-y left; }
div.blue div.solid div.tl { background:url("/images/themes/blue/solid/tl.gif") no-repeat top left; }
div.blue div.solid div.tr { background:url("/images/themes/blue/solid/tr.gif") no-repeat top right; }
div.blue div.solid div.br { background:url("/images/themes/blue/solid/br.gif") no-repeat bottom right; }
div.blue div.solid div.bl { background:url("/images/themes/blue/solid/bl.gif") no-repeat bottom left; }

/* -- outline -- */

div.blue div.outline {

}

div.blue div.outline div.t { background:url("/images/themes/blue/outline/t.gif") repeat-x top; }
div.blue div.outline div.r { background:url("/images/themes/blue/outline/r.gif") repeat-y right; }
div.blue div.outline div.b { background:url("/images/themes/blue/outline/b.gif") repeat-x bottom; }
div.blue div.outline div.l { background:url("/images/themes/blue/outline/l.gif") repeat-y left; }
div.blue div.outline div.tl { background:url("/images/themes/blue/outline/tl.gif") no-repeat top left; }
div.blue div.outline div.tr { background:url("/images/themes/blue/outline/tr.gif") no-repeat top right; }
div.blue div.outline div.br { background:url("/images/themes/blue/outline/br.gif") no-repeat bottom right; }
div.blue div.outline div.bl { background:url("/images/themes/blue/outline/bl.gif") no-repeat bottom left; }




/* CSS Document */

ul.bullets li.orange {
	background:url("/images/themes/orange/bullet_invader.gif") no-repeat left;
}

div.orange h2 a {
	color:#ffffff;
}

div.orange h2 a:hover {
	text-decoration:none;
	color:#ffffff;
}/* CSS Document */

/* -- solid -- */

div.orange div.solid {
	background-color:#ff9933;
}

div.orange div.solid div.t { background:url("/images/themes/orange/solid/t.gif") repeat-x top; }
div.orange div.solid div.r { background:url("/images/themes/orange/solid/r.gif") repeat-y right; }
div.orange div.solid div.b { background:url("/images/themes/orange/solid/b.gif") repeat-x bottom; }
div.orange div.solid div.l { background:url("/images/themes/orange/solid/l.gif") repeat-y left; }
div.orange div.solid div.tl { background:url("/images/themes/orange/solid/tl.gif") no-repeat top left; }
div.orange div.solid div.tr { background:url("/images/themes/orange/solid/tr.gif") no-repeat top right; }
div.orange div.solid div.br { background:url("/images/themes/orange/solid/br.gif") no-repeat bottom right; }
div.orange div.solid div.bl { background:url("/images/themes/orange/solid/bl.gif") no-repeat bottom left; }

/* -- thin -- */

div.orange div.thin {
	
}

div.orange div.thin div.t { background:url("/images/themes/orange/thin/t.gif") repeat-x top; }
div.orange div.thin div.r { background:url("/images/themes/orange/thin/r.gif") repeat-y right; }
div.orange div.thin div.b { background:url("/images/themes/orange/thin/b.gif") repeat-x bottom; }
div.orange div.thin div.l { background:url("/images/themes/orange/thin/l.gif") repeat-y left; }
div.orange div.thin div.tl { background:url("/images/themes/orange/thin/tl.gif") no-repeat top left; }
div.orange div.thin div.tr { background:url("/images/themes/orange/thin/tr.gif") no-repeat top right; }
div.orange div.thin div.br { background:url("/images/themes/orange/thin/br.gif") no-repeat bottom right; }
div.orange div.thin div.bl { background:url("/images/themes/orange/thin/bl.gif") no-repeat bottom left; }

div.orange div.thin div.tl-join { background:url("/images/themes/orange/thin/tl-join.gif") no-repeat top left; }
div.orange div.thin div.tr-join { background:url("/images/themes/orange/thin/tr-join.gif") no-repeat top right; }