/*  

Mamecade Theme Developed by Fox Wyndrum Associates

*/







/* General */



html { margin-top: 0px; }



body {

	margin: 0;

	background-color: #000;

	background-image: url("images/mamecade_bg.jpg");

	background-repeat: repeat-x;

}



h1, h2, h3, h4 {

	margin: 0;

}



img {

	border: 0;

}



.clear {

	clear: both;

	height: 1px;

	overflow: hidden;

}



a { outline: none; }



ul { margin: 0px; padding: 0px; }



li { margin: 0px; padding: 0px; }



/* Page */



#page {

	margin: 0 auto;

	width: 1050px;

}





/* Header */



#header {

	width: 1023px;

	height: 630px;

	position: relative;

}



#headertop { width: 1023px; height: 184px; background-image: url("images/header_top.png"); background-repeat: no-repeat; }



#headerspacer { width: 1023px; height: 6px; background-image: url("images/header_spacer.png"); background-repeat: no-repeat; }



#arcadescreenbg { width: 877px; padding-left: 70px; }



#screenbox {width: 877px; height: 300px; background-image: url("images/arcade_screen_bg.png"); background-repeat: repeat-y; }



#screen { width: 646px; height: 294px; background-color: #1D1D1D; margin: 0 auto; padding: 0px; }



#controls { width: 1023px; height: 140px; background-image: url("images/control_bg.png"); background-repeat: no-repeat; }



.buttonholder { float: left; width: 667px; height: 130px; }

.buttonsleft { width: 33px; height: 130px; float: left; }

.buttonsleft2 { width: 32px; height: 130px; float: left; }

.buttonsleft3 { width: 38px; height: 130px; float: left; }

.buttonsleft4 { width: 37px; height: 130px; float: left; }

.buttonsleft5 { width: 32px; height: 130px; float: left; }

.middlebuttonspacer { width: 124px; height: 130px; float: left; }

.middlebutton { width: 76px; height: 130px; float: left; }

.middlebuttonspacer2 { width: 124px; height: 130px; float: left; }

.buttonsright { width: 32px; height: 130px; float: left; }

.buttonsright2 { width: 37px; height: 130px; float: left; }

.buttonsright3 { width: 38px; height: 130px; float: left; }

.buttonsright4 { width: 32px; height: 130px; float: left; }

.buttonspacer { width: 32px; height: 70px; }

.buttonspacer2 { width: 38px; height: 49px; }

.buttonspacer3 { width: 37px; height: 49px; }

.buttonspacer4 { width: 32px; height: 78px; }

.buttonspacer5 { width: 76px; height: 49px; }

.buttonspacer6 { width: 32px; height: 78px; }

.buttonspacer7 { width: 37px; height: 62px; }

.buttonspacer8 { width: 38px; height: 49px; }

.buttonspacer9 { width: 32px; height: 70px; }

.button1 { width: 32px; height: 28px; }

.button2 { width: 38px; height: 28px; }

.button3 { width: 38px; height: 35px; }

.button4 { width: 37px; height: 41px; }

.button5 { width: 37px; height: 40px; }

.button6 { width: 32px; height: 28px; }

.button7 { width: 32px; height: 28px; }

.button8 { width: 37px; height: 38px; }

.button9 { width: 37px; height: 28px; }

.button10 { width: 38px; height: 35px; }

.button11 { width:38px; height: 28px; }

.button12 { width:32px; height: 28px; }

.playerselect { width: 76px; height: 33px; background-image: url("images/player-select.png"); background-repeat: no-repeat; }



p { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }



	/* Header - Info */

	

	#header #header-info {

		position: absolute;

		top: 126px;

		left: 655px;

	}

	

	#header #header-info h1 {

		color: #FFFFFF;

		font: normal 35px "Century Gothic", Century Gothic;

	}

	

	#header #header-info h1 a {

		color: #FFFFFF;

		text-decoration: none;

	}

	

	#header #header-info .description {

		color: #FFFFFF;

		font: bold 12px "Century Gothic", Century Gothic;

	}

	

	/* Header - Menu */

	

	#header #header-menu {

		position: absolute;

		top: 0px;

		left: 12px;

		height: 53px;

	}

	

	#header #header-menu ul {

		margin: 0;

		padding: 0;

		list-style-type: none;

		height: 53px;

	}

	

	#header #header-menu ul li {

		float: left;

		height: 53px;

		margin-right: 8px;

		font: bold 10px/43px "Century Gothic", Century Gothic;

		color: #cccccc;

		text-transform: lowercase;

		background: url("images/header_menu_left.gif") no-repeat;

	}



		

	#header #header-menu ul li a {

		color: #cccccc;

		text-decoration: none;

		padding: 0 40px;

		background: url("images/header_menu_right.gif") no-repeat right top;

		display: block;

	}

	

	#header #header-menu ul li a:hover {

		text-decoration: underline;

	}

	

	#header #header-menu ul li ul {

		display: none;

	}

	

	/* Header - Ssearch */

	

	#header #header-search {

		position: absolute;

		top: 330px;

		left: 738px;

		width: 252px;

		height: 27px;



}



		#header #header-search {

			width: 252px;

			height: 27px;

			background: url("images/sidebar_search.gif") no-repeat;

		}

		

		#header #header-search #search-form {

			margin: 0;

			padding: 0;

			width: 252px;

			height: 27px;

		}

		

		#header #header-search #sb {

			width: 149px;

			height: 17px;

			border: 0;

			padding: 5px;

			font: bold 13px "Century Gothic", Century Gothic;

			color: #000000;

			background: transparent;

			float: left;

		}

		

		#header #header-search #searchsubmitb {

			background: transparent;

			border: none;

			width: 83px;

			height: 27px;

			padding: 0;

			float: right;

		}

	

	#header #header-text a {

		color: #000000;

		text-decoration: underline;

	}



/* Header - Feed */

	

	#header #header-feed {

		position: absolute;

		top: 334px;

		left: 13px;

		width: 30px;

		height: 30px;

	}





	/* Header - Topbar */

	

	#header #topbar {

		position: absolute;

		top: 220px;

		left: 30px;

		width: 1004px;

		height: 201px;

		color: #ffffff;

		font: normal 12px "Century Gothic", Century Gothic;

	}

	

	#header #topbar h3 {

		font: bold 15px "Century Gothic", Century Gothic;

		color: #ffffff;

	}

	

	#header #topbar ul {

		margin: 0;

		padding: 0;

		list-style-type: none;

	}

	

	#header #topbar ul li {

		padding-top: 12px;

		color: #ffffff;

		font: normal 12px "Century Gothic", Century Gothic;

	}

	

	#header #topbar ul li a {

		color: #ffffff;

		text-decoration: none;

	}

	

	#header #topbar ul li a:hover {

		text-decoration: underline;

	}

	

		/* Header - Topbar - Boxes */

		

		#header #topbar #topbar-left {

			width: 310px;

			padding: 5px 3px;

			float: left;

		}

		

		#header #topbar #topbar-center {

			width: 226px;

			float: left;

			padding: 12px 0 0 30px;

		}

		

		#header #topbar #topbar-right {

			width: 256px;

			float: left;

			padding: 12px 0 0 30px;

		}





/* Main */



#main {

	width: 1015px;

	background-color: #191919;

	padding-bottom: 15px;

}



#main-top {

	width: 1023px;

	background: url("images/main_top.jpg") no-repeat;

}



#main-bottom {

	width: 992px;

	padding-left: 6px;

	min-height: 60px;

	background: url("images/main_bottom.jpg") no-repeat left bottom;

}



	/* Main - Content */

	

	#content {

		float: left;

		width: 700px;

		padding: 6px 16px 0 16px;

	}

	

	/* Main - Content - Post */

	

	#content .post {

		color: #ffffff;

		float: left;

		margin-bottom: 16px;

		width: 760px;

		padding: 7px;

		background: #101010;

	}

	

		/* Post - Title */

		

		#content .post .post-title {

			width: 755px;

			height: 51px;

			color: #E45607;

			font: bold 12px "Trebuchet MS", Century Gothic;

		}

		

		#content .post .post-title a {

			color: #fff;

			text-decoration: none;

		}

		

		#content .post .post-title a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-title .post-date {

			float: left;

			width: 30px;

			height: 51px;

			color: #fff;

			text-align: center;

			text-transform: uppercase;

			margin-right: 10px;

			font: bold 10px/15px "Trebuchet MS", Century Gothic;

		}

		

		#content .post .post-title .post-date span {

			margin-bottom: 2px;

			display: block;

			font: bold 16px/34px "Trebuchet MS", Century Gothic;

		}

		

		#content .post .post-title h2 {

			padding: 4px 0 3px 0;

			color: #cccccc;

			font: bold 19px "Century Gothic", Century Gothic;

		}

		

		#content .post .post-title h2 a {

			color: #cccccc;

			text-decoration: none;

		}

		

		#content .post .post-title h2 a:hover {

			text-decoration: underline;

		}

		

		/* Post - Entry */

		

		#content .post .post-entry {

			font: normal 10px/18px "Trebuchet MS", Century Gothic;

			color: #ffffff;

			padding: 15px 4px 0;

			width: 750px;

		}

		

		#content .post .post-entry p { font-size:14px; padding-right: 15px; }

		

		#content .post .post-entry a {

			color: #FE2624;

			text-decoration: none;

		}

		

		#content .post .post-entry a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-entry .more-link {

			font: bold 12px/20px "Trebuchet MS", Century Gothic;

			color: #ffffff;

			float: right;

			padding-bottom: 5px;

		}

		

		#content .post .post-entry .more-link a {

			color: #ffffff;

			text-decoration: none;

		}

		

		#content .post .post-entry .more-link a:hover {

			text-decoration: underline;

		}

		

		/* Post - Info */

		

		#content .post .post-info {

			padding: 0 4px 0 4px;

			width: 546px;

			clear: both;

			font: 12px "Trebuchet MS", Century Gothic;

			color: #FCEA64;

		}

		

		#content .post .post-info a {

			color: #FCEA64;

			text-decoration: none;

		}

		

		#content .post .post-info a:hover {

			text-decoration: underline;

		}

		

		/* Post - Comments */

		

		#content .post h3 {

			color: #FE2624;

			font: bold 17px "Century Gothic", Century Gothic;

			margin: 25px 0 5px 0;

			padding: 0 4px;

			width: 675px;

		}

		

		#content .post .comments {

			padding: 0 4px;

			width: 546px;

			font: normal 12px/18px "Trebuchet MS", Century Gothic;

			color: #fff;

		}

		

		#content .post .comments p {

			color: #fff;

		}

		

		#content .post .comments a {

			color: #FFF495;

			text-decoration: none;

		}

		

		#content .post .comments a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol {

			margin: 10px 0 10px 0;

			padding-left: 25px;

		}

		

		#content .post .comments ol li {

			padding: 5px;

		}

		

		#content .post .comments ol li.alt {

			background: #101010;

			list-style-type: none;

		}

		

		#content .post .comments ol li cite {

			color: #ffffff;

			font-style: normal;

			font-weight: bold;

		}

		

		#content .post .comments ol li cite a {

			color: #E45607;

			text-decoration: none;

		}

		

		#content .post .comments ol li cite a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li .commentmetadata a {

			color: #E45607;

			text-decoration: none;

		}

		

		#content .post .comments ol li .commentmetadata a:hover {

			text-decoration: underline;

		}

		

		#content .post #commentform {

			margin: 0;

			font: normal 12px/18px "Trebuchet MS", Century Gothic;

			color: #ffffff;

			padding: 0 4px;

			width: 546px;

		}

		

		#content .post #commentform a {

			color: #ffffff;

			text-decoration: none;

		}

		

		#content .post #commentform a:hover {

			text-decoration: underline;

		}

		

	/* Advertise Box */

	

	#advertisebox { width: 201px; margin:0; padding: 10px 0 0 0; }	

	

	#advertiseheader { width: 201px; height: 39px; margin: 0; padding:0; background-image: url("images/advertise-header.jpg"); background-repeat: no-repeat; }

	

	.advertiseheadtext { padding-left:18px; padding-top:13px; color:#fff; font-size:12px; font-family: "Century Gothic", Century Gothic; }

	

	.advertiseheadtext a { color: #fff; text-decoration: none; }

	

	.advertiseheadtext a:hover { color: #fff; text-decoration: underline; }

		

	#adbox { width: 201px; text-align: center; background-image: url("images/sidebar_bg.jpg"); background-repeat: repeat-y; } 

	

	#adbox p { padding: 0; margin: 0; }

	

	#advertisefooter { width: 201px; height: 6px; padding: 0; margin: 0; background-image: url("images/advertise-footer.jpg"); background-repeat: none; }

	

	/* Main - Sidebar */

	

	#sidebarbg { background-image: url("images/sidebar_bg.jpg"); background-repeat: repeat-y; width: 201px; margin-top: 3px; }

	

	#navtitle { background-image: url("images/nav_title_bg.jpg"); background-repeat: no-repeat; width: 191px; height: 32px; margin: 0px; padding: 0px; }

	

	.navigationtext { padding:6px 0 0 13px;; color:#fff; font-size:12px; font-family: "Century Gothic", Century Gothic; }

	

	#navbg { width: 180px; min-height: 163px; background-color: #000; background-image: url("images/navbg.jpg"); background-repeat: repeat-x; padding: 0px 0px 5px 0; margin: 0 0 0 11px; }

	

	#sidebarfooter { width: 201px; height: 11px; background-image: url("images/sidebar_footer.jpg"); background-repeat: no-repeat; }

	

	.sidebar {

		width: 201px;

		font: strong 15px/18px "Century Gothic", Century Gothic;

		color: #ffffff;

		padding: 7px 0;

	}

	

	.sidebar a {

		color: #ffffff;

		text-decoration: none;

	}

	

	.sidebar a:hover {

		text-decoration: underline;

	}

	

		/* Sidebar - Titles */

		

		.sidebar h3 {

		    margin-left: 6px;

			padding-left: 18px;

			font: bold 15px/34px "Century Gothic", Century Gothic;

			text-transform: lowercase;

			color: #cccccc;

			height: 46px;

			width: 189px;

			background: url("images/sidebar_title.gif") no-repeat;

		}

		

		/* Sidebar - Menus */

		

		.sidebar ul {

			margin: 0 0 20px 18px;

			padding: 15px 0 0 5px;

			list-style-type: none;

			list-style-image: url("images/nav_bullet.png");

			font-family: "Century Gothic", Century Gothic;

		}

		

		.sidebar ul li {

			color: #ffffff;

			font: normal 12px/26px "Century Gothic", Century Gothic;

			padding-bottom: 10px;

		}

		

		.sidebar ul li a {

			font-size: 16px;

			color: #0096dd;

			text-decoration: none;

                        font-weight: bold;

		}

		

		.sidebar ul li a:hover {

			text-decoration: underline;

		}

		

		/* Sidebar - Forms */

		

		.sidebar #searchform {

			margin: 0 auto;

			padding: 15px 0 25px 0;

			width: 145px;

			text-align: center;

		}

		

		.sidebar #searchform #s {

			width: 145px;

		}

		

		/* Sidebar - Tables */

		

		.sidebar #calendar_wrap {

			margin: 5px auto 20px auto;

			width: 120px;

		}

		

		.sidebar #calendar_wrap caption {

			font-weight: bold;

		}

		

		.sidebar #calendar_wrap #today {

			font-weight: bold;

		}

		

		/* Sidebar - Texts */

		

		.sidebar .textwidget {

			padding: 0 10px 20px 10px;

		}

		

.navigation-previous { float: left; }		

.navigation-previous a { font-weight: bold; color: #FE2624; text-decoration: none; }

.navigation-previous a:hover { text-decoration: underline; }



.navigation-next { float: right; }		

.navigation-next a { font-weight: bold; color: #FE2624; text-decoration: none; }

.navigation-next a:hover { text-decoration: underline; }





/* Footer */



#footer {

	margin-top: 15px;

	width: 1004px;

	height: 62px;

	background: url("images/footer.gif") repeat-x;

	color: #A8A8A8;

	font: normal 10px/15px "Century Gothic", Century Gothic;

	text-align: center;

}



#footer a {

	color: #A8A8A8;

	text-decoration: none;

}



#footer a:hover {

	text-decoration: underline;

}





/*--CSS FOR SLIDESHOW--*/



/*--Main Container--*/

.main_view {

	float: left;

	position: relative;

}

/*--Window/Masking Styles--*/

.window {

	height:251px;	width: 596px;

	overflow: hidden; /*--Hides anything outside of the set width/height--*/

	position: relative;

}

.image_reel {

	position: absolute;

	top: 0; left: 0;

}

.image_reel img {float: left;}



/*--Paging Styles--*/

.paging {

	position: absolute;

	bottom: 190px; right: -7px;

	width: 178px; height:47px;

	z-index: 100; /*--Assures the paging stays on the top layer--*/

	text-align: center;

	line-height: 40px;

	background: url(images/paging_bg2.png) no-repeat;

	display: none; /*--Hidden by default, will be later shown with jQuery--*/

	font-size: 10px;

	font-family: verdana;

}

.paging a {

	padding: 5px;

	text-decoration: none;

	color: #fff;

}

.paging a.active {

	font-weight: bold;

	background: #920000;

	border: 1px solid #610000;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

}

.paging a:hover {font-weight: bold;}



#content .post .post-entry ul { margin: 0 0 0 15px; }