/*----------------------------------------------*/
/*  Main CSS Document - FreeMarioGames.net
/*  Coded by Aziz Natour (azizgfx@gmail.com)
/*  © 2010. All rights reserved.
/*----------------------------------------------*/
/* Global Properties ---------------------------*/

html, body {
	padding:0; 
	margin:0;
}

	html {
		background:#c9c9c9 url('../images/ui/bg_tile.png') repeat-x;
	}

	body {
		text-align:center;
		color:#888;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
		.wrap {
			width:1000px; 
			margin:0 auto;
		}
		
		.wrap2 {
			width:998px; 
			margin:0 auto;
		}
	
			.left {
				float:left;
			}
			
			.right {
				float:right;
			}
	
			.clear {clear:both}
			
			.clearfix {clear:both; height:1px;}	
		
			a {text-decoration:none;}
			
				a:focus {outline:none;}
				
				a img {border:none;}

.landing-left {
	float:left;
	width:350px;
	text-align:center;
	}

.landing-right {
	float:right;
	width:350px;
	text-align:center;
	}
		
/*----------------------------------------------*/
/* Header --------------------------------------*/

#header {
	height:308px;
	margin:0 auto;
	background:url('../images/ui/bg_top.jpg') no-repeat top center;
}

	/*------------------------------------------*/
	/* Logo ------------------------------------*/

	#header #logo{
		height:200px;
		text-align:left;
	}
	
			#header #logo img {
				position:relative;
				top:60px;
				left:20px;
			}
			
	/*------------------------------------------*/
	/* Navbar ----------------------------------*/			

	#navbar {
		width:712px;
		height:90px;
		margin:4px 0 0 5px;
	}
	
		#navbar ul {
			margin:0;
			padding:0;
			list-style:none;
		}

		#navbar ul#row1 {
			width: 750px;
			float:left;
		}
		
		#navbar ul#row2 {
			position:relative;
			width: 750px;
			float: left;
			left:9px;
		}
		
			#navbar ul li {
				margin:0;
				padding:0;
			}
			
				#navbar ul li a {
					display:block;
					float:left;
					height:45px;
					line-height:3;
					padding:0 24px;
					color:#97d672;
					text-shadow:0px 1px 5px #000;
					font-size:16px;
					background:url('../images/ui/navlink_border.png') no-repeat right 11px;
				}
				
				#navbar ul#row2 li a {
					font-size:12px;
					color:#798771;
					height:38px;
					line-height:4;
					background:url('../images/ui/navlink_border2.png') no-repeat right 11px;
					padding:0 15px;
				}
				
				#navbar ul li a.noborder {
					background:none !important;
				}
				
					#navbar ul li a:hover, #navbar ul#row2 li a:hover {
						color:#f4f8e7;
						text-shadow:0px 0px 10px #afff7a;
					}
					
					#navbar ul li a:active {
						line-height:3.1;
					}
					
					#navbar ul#row2 li a:active {
						line-height:4.1;
					}
					
					#p1 a.navlink1,
					#p2 a.navlink2,
					#p3 a.navlink3,
					#p4 a.navlink4,
					#p5 a.navlink5,
					#p6 a.navlink6,
					#p7 a.navlink7,
					#p8 a.navlink8,
					#p9 a.navlink9,
					#p10 a.navlink10,
					#p11 a.navlink11,
					#p12 a.navlink12,
					#p13 a.navlink13,
					#p14 a.navlink14,
					#p15 a.navlink15,
					#navbar ul li a.current {
						color:#FFF !important;
					}

/*----------------------------------------------*/
/* Main Container ------------------------------*/

#wrapper {
	background:url('../images/ui/bg_con.png') repeat-y top center; 
	margin:0 auto;
}

	#con-end {
		background:url('../images/ui/bg_con_end.png') no-repeat top center; 
		margin:0 auto;
		height:60px;
	}

/*----------------------------------------------*/
/* Content -------------------------------------*/

#content {
	float:right;
	width:811px;
	background:url('../images/ui/bg_content_tile.png') repeat-y top center;
}

	#content .bgtop {
		background:url('../images/ui/bg_content_top.png') no-repeat top center;
	}
	
	#content .bgbtm {
		background:url('../images/ui/bg_content_bottom.png') no-repeat bottom center;
		min-height:100px;
	}
	
		#content .con {
			padding:20px 0 0;
		}
		
	/*------------------------------------------*/
	/* Games -----------------------------------*/
	
	.games {
	/*  hei:p;
	/*  wdh:x,
	/*  viruskitty: i iz eat all u propertiez */
	}
	
		.gtop {
			height:317px;
			width:768px;
			margin:0 auto;
			background:url('../images/ui/bg_games_gtop.png');
		}

                .ftop {
                        width:1000px;
                        margin:0 auto;
                }
		.landing {
			height:317px;
			width:768px;
			margin:0 auto;
		}

		.game {
			width:768px;
			margin:0 auto;

		}
		
			.games a {
				background:url('../images/ui/bg_game_container_sprite.png');
				display:block;
				height:149px;
				width:125px;
				color:#484848;
				text-align:center;
				float:left;
			}
			
				.games a:hover {
					background-position:top center;
					color:#F30;
				}
				
				.games a:active {
					background-position:top right;
					color:#eb8500;
				}
		
				.games a img {
					height:121px;
					width:121px;
					display:block;
					margin:2px auto 4px;
				}
				
				.games a span {
					height:18px;
					width:121px;
					margin:0 auto;
					display:block;
					overflow:hidden;
				}
				
					.gtop a {
						margin:0 35px 0 0;
					}
					
					a.last {
						margin:0 !important;
					}
					
					.s19 {
						height:19px;
						line-height:0;
					}
	
	/*------------------------------------------*/
	/* Mid Con ---------------------------------*/
	
	.middle-content {
		background:url('../images/ui/bg_content_middle-sep.png');
		width:811px;
		height:171px;
	}

	.middle-content-1col {
		background:url('../images/ui/bg_content_middle-sep-1col.png');
		width:811px;
		height:171px;
	}
	
		.adspot-768p90 {
			margin: 0 auto;
			height:90px;
			width:768px;
		}
		
			.middle-content .adspot-768x90 {
				position:relative;
				top:39px;
			}
			
			.middle-content-1col .adspot-768x90 {
                                position:relative;
                                top:39px;
                        }

	
	/*------------------------------------------*/
	/* Two Columns -----------------------------*/
	
	.two-cols , .two-cols-sep, .two-cols-end {
		width:811px;
		margin:0 auto;
	}
	
	.two-cols {
		background:url('../images/ui/bg_content_2cols.png') repeat-y top center;
		text-align:left;
	}
	
		.two-cols-sep {
			background:url('../images/ui/bg_content_2cols_sep.png');
			height:46px;
		}
		
		.two-cols-end {
			background:url('../images/ui/bg_content_2cols_end.png');
			height:24px;
		}

			.two-cols .left {
				width:430px;
				padding-left:30px;
			}
			
			.two-cols .right {
				width:335px;
			}
			
		/*--------------------------------------*/
		/* 300x250 Ad Spot ---------------------*/
/*
		.adspot-300x250 img {
			margin:0 auto;
			height:250px;
			width:300px;
		} */
		
			.two-cols .right .adspot-300x250 {
				position:relative;
				left:14.5px;
			}
			
		/*--------------------------------------*/
		/* Content Main Elements ---------------*/
		
		h2 {
			color:#a60000;
			font-size:24px;
			letter-spacing:-1px;
			margin:0;
			padding:0;
		}
		
		span.subtitle {
			color:#585858;
			font-size:12px;
			position:relative;
			bottom:4px;
		}
			
		/*--------------------------------------*/
		/* Games Being Played ------------------*/
		
		.gnow {
			margin:25px 0;
			width:408px;
		}
		
			.gnow a {
				margin-right:16px;
			}
			
		/*--------------------------------------*/
		/* Latest Games ------------------------*/
		
		.glatest {
			width:407px;
			margin:15px 0 0;
		}
		
			.glatest a,.gpopular a {
				margin-right:16px;
				margin-bottom:13px;
			}

		/*--------------------------------------*/
		/* Latest Games ------------------------*/
		
		.popg {
			overflow:hidden;
		}
		
		.popg h2, .popg span.subtitle, .popg .games {
			position:relative;
			left:30px;
		}
		
			.gpopular {
				width:266px;
				margin:15px 0 0;
			}


        /*------------------------------------------*/
        /* One Columns -----------------------------*/

        .one-cols , .one-cols-sep, .one-cols-end {
                width:811px;
                margin:0 auto;
        }

        .one-cols {
                background:url('../images/ui/bg_content_1cols.png') repeat-y top center;
                text-align:left;
        }

                .one-cols-sep {
                        background:url('../images/ui/bg_content_1cols_sep.png');
                        height:46px;
                }

                .one-cols-end {
                        background:url('../images/ui/bg_content_1cols_end.png');
                        height:24px;
                }

                        .one-cols .left {
                                width:768px;
                                padding-left:30px;
                        }

                /*--------------------------------------*/
                /* 300x250 Ad Spot ---------------------*/
/*
                .adspot-300x250 img {
                        margin:0 auto;
                        height:250px;
                        width:300px;
                }
*/
                        .one-cols .right .adspot-300x250 img {
                                position:relative;
                                left:14.5px;
                        }


/*----------------------------------------------*/
/* Sidebar -------------------------------------*/

#sidebar {
	float:left;
	width:185px;
	background:url('../images/ui/bg_sidebar_con.png') repeat-y;
	text-align:center;
}

	#sidebar .bgtop {
		background:url('../images/ui/bg_sidebar_top.png') no-repeat top center;
	}
	
	#sidebar .bgbtm {
		background:url('../images/ui/bg_sidebar_bottom.png') no-repeat bottom center;
		min-height:100px;
	}
	
	#sidebar .con {
		padding:16px 5px;
	}
	
		#sidebar .title {
			margin:8px auto;
			line-height:3;
			height:45px;
			width:173px;
			font-size:14px;
			color:#FFF;
			background:url('../images/ui/bg_sidebar_title.png');
		}
		
		#sidebar a img {
			margin:5px auto;
		}
		
			.space-46px {
				height:46px;
			}

/*----------------------------------------------*/
/* Misc ----------------------------------------*/

.red {
	color:#c90000;
}

.green {
	color:#75c533;
}

hr.hr {
	display:none;
}

/*----------------------------------------------*/
/* Footer --------------------------------------*/

#footer {
	width:990px;
	height:32px;
	margin:5px auto 0;
	position:relative;
	top:6px;
	background:url('../images/ui/bg_footer.png') no-repeat;
	font-size:10px;
	color:#c1c1c1;
	line-height:3.4;
}

	#footer .left {
		margin:0;
		padding:0;
	}
	
	#footer .right {
		margin:0;
		padding:0 16px 0 0;
	}
	
		#footer .left img {
			float:left;
			margin:5px 16px 0 6px;
			padding:0;
		}
		
			#footer a {
				color:#c1c1c1;
			}
		
				#footer a:hover {
					color:#ccfc0c;
				}	
		
				#footer a:active {
					color:#BBDA0E;
				}	

.playgame {
	border: 2px solid #999999;
        width: 150px;
	height: 150px;
	}

hr.link_separator{
  color:#FF9717;
        size:1px;
        margin: 8px 8px;
	width: 95%;
}

.gamelist { 
	text-align:left;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;

}

.rss_content {
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: left;
	margin-right: 10px;
}

.rss_content a {
	color: #0000FF;
}

div.wide30, div.wide25, div.wide20, div.wide15, div.wide10{
        float:left;
        text-align: center;
}
div.wide30{width:30%;}
div.wide25{width:25%;}
div.wide20{width:20%;}
div.wide15{width:15%;}
div.wide10{width:10%;}

div.wide80{width:80%;}
div.wide85{width:85%;}
div.dark_border{
        clear: both;
        border-bottom: 1px solid #000000;
        padding-top: 1px;
        margin-bottom: 1px;
}
.mb_list_form{
        padding: 5px;
        text-align: right;
}

.memberlist {
	margin-left: 10px;
	margin-right: 10px;
}

.contact_left {
        float: left;
        font-weight: bold;
        margin-top: 2px;
        margin-bottom: 2px;
        width: 15%;
}
.content_right {
        float: right;
        margin-top: 2px;
        margin-bottom: 2px;
        width: 85%;
}
*label spacing on contact page*/
.content_text_left.contact_input{
        width: 22%;
}
.content_text_right.contact_input{
        width: 78%;
}
.content_box_left.contact_label{
        width: 15%;
}
.content_box_right.contact_label{
        width: 85%;
}

div.qa_box{
        text-align: left;
        font-size: 12px;
}

.moregames {
	text-align: center;
}
.moregames img {
	border: 0
	margin: 5px;
}

.sform {
	float: left;
	margin-top: 12px;
	}

.infotext-top {
	background:url('../images/ui/bg_content_top.png') no-repeat top center;
	height:25px;
	}

.infotext {
	padding: 0 20px 0 20px;
	text-align: left;
	}
.linkbox a {
	color: #484848;
}
.linkbox li {
	display: inline;
	list-style-type: none;
	}
.description {
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.pagination {
	text-align: center;
}

.pagination a {
	color: #0000FF;
}
/*-----~---------------~--------~--------~------*/
/* W3C Valid CSS 3.0 -----~---~^-~^-=-^-~-^~----*/
/* azizgfx@gmail.com ---~-----~^-~^-=-^-~-^~----*/
/*-----------~------------~---------~--------~--*/