/*  

Theme Name: Mazooma Games
Theme URI: http://www.mazooma.co.uk
Description: Corporate home page for Mazooma Games Ltd, UK coin-op developers.
Version: 
Author: Daniel Pacey
Author URI: http://www.danpacey.com

*/




/* ------------------------ Begin Colors & fonts ------------------------ */



body 		{
		font-family: Helvetica, Arial, Sans-Serif;
		background: url('images/back.jpg') #4da7e0;
		background-repeat: repeat-x;
		background-position: top;
		color: #808080;
		text-align: justify;
		line-height: 20px;
		margin: 0px;
		font-size: 10pt;
		}

#header		{
		background: url('images/logo.jpg') #363636;
		background-repeat: no-repeat;
		background-position: left;
		color: #ffffff;
		}

#flash		{
		background: url('flash/ad.jpg') #000000;
		}


#submenu	{
		background: #ffffff;
		}



#content	{
		background: #ffffff;
		color: #666666;
		}

#content2	{
		background: #ffffff;
		color: #666666;
		}


#home-right, #home-left	{
		font-size: 10pt;
		}

#post		{
		margin-bottom: 35px;
		}


h1		{
		font-size: 16pt;
		margin-top: 0px;
		margin-bottom: 35px;
		color: #333333;
		}

h3		{
		font-size: 12pt;
		font-weight: 400;
		padding: 5px 0px 5px 0px;
		margin: 0;
		color: #454545;
		}

#location	{
		font-size: 9pt;
		background: url('images/locbg.gif') #a0a0a0;
		color: #333333;
		}


#footer		{
		background: #202020;
		color: #a0a0a0;
		font-size: 8pt;
		line-height: 16px;
		letter-spacing: -0.025em;
		}


a:link		{ color: #0066cc; text-decoration: none; }
a:visited	{ color: #0066cc; text-decoration: none; }
a:hover		{ color: #0099cc; text-decoration: none; }
a:active	{ color: #ff0000; text-decoration: none; }





/* ------------------------ Begin Structure ------------------------ */




#page		{
		width: 720px;
		margin: auto;
		}

#header		{
		width: 700px;
		height: 100px;
		margin: 0;
		padding: 0;
		}


#flash		{
		width: 720px;
		height: 250px;
		margin: 0;
		position: relative;
		left: -10px;
		padding: 0;
		}


#submenu	{
		width: 700px;
		height: 36px;
		}

#content	{
		width: 640px;
		overflow: auto;
		padding: 40px 30px 20px 30px;
		}

#content2	{
		width: 640px;
		overflow: auto;
		padding: 5px 30px 10px 30px;
		}

* html #content2	{ overflow: hidden; }

#latest		{
		width: 700px;
		overflow: auto;
		padding: 0px;
		background: #efefef;
		border-top: 1px solid #dedede;		
		}

#location	{
		width: 640px;
		height: 26px;
		padding: 5px 30px 0px 30px;
		border-top: 1px solid #cccccc;
		}


#footer		{
		width: 660px;
		height: 40px;
		padding: 20px;
		margin: 0px;
		}

#home-left	{
		width: 200px;
		margin: 0;
		padding: 0;
		float: left;
		}

#home-right	{
		width: 400px;
		margin: 0;
		padding: 0;
		float: right;
		}

#home-mazinfo	{
		width: 400px;
		height: 80px;
		margin: 0;
		padding: 0;
		float: right;
		background: url('images/mazinfo.jpg') #ffffff;
		cursor: pointer;
		}


/* ------------------------ Main Menu ------------------------ */


#menu		{
		margin: 0px;
		float: right;
		position: relative;
		top: 50px;
		padding: 0px;
		}

* html #menu	{ margin-bottom: -60px; }

#menu a		{ 
		display: block;
		text-indent: -9999%;
		position: relative;
		outline: none;
		}


a.menu1		{ background: url('images/menu/1.gif'); width: 120px; height: 32px; left: -400px; }
a.menu2		{ background: url('images/menu/2.gif'); width: 95px; height: 32px; left: -260px; top: -32px; }
a.menu3		{ background: url('images/menu/3.gif'); width: 74px; height: 32px; left: -144px; top: -64px; }
a.menu4		{ background: url('images/menu/4.gif'); width: 85px; height: 32px; left: -48px; top: -96px; }
a.menu5		{ background: url('images/menu/5.gif'); width: 62px; height: 32px; left: 58px; top: -128px; }

a.menu1:hover	{ background: url('images/menu/1_on.gif'); }
a.menu2:hover	{ background: url('images/menu/2_on.gif'); }
a.menu3:hover	{ background: url('images/menu/3_on.gif'); }
a.menu4:hover	{ background: url('images/menu/4_on.gif'); }
a.menu5:hover	{ background: url('images/menu/5_on.gif'); }

a.menu1_on	{ background: url('images/menu/1_on.gif'); width: 120px; height: 32px; left: -400px;  }
a.menu2_on	{ background: url('images/menu/2_on.gif'); width: 95px; height: 32px; left: -260px; top: -32px; }
a.menu3_on	{ background: url('images/menu/3_on.gif'); width: 74px; height: 32px; left: -144px; top: -64px; }
a.menu4_on	{ background: url('images/menu/4_on.gif'); width: 85px; height: 32px; left: -48px; top: -96px; }
a.menu5_on	{ background: url('images/menu/5_on.gif'); width: 62px; height: 32px; left: 58px; top: -128px; }



/* ------------------------ Sub Menu ------------------------ */


#sub-menu	{
		margin: 0px;
		padding: 0px;
		color: #ffffff;
		text-align: center;
		font-size: 11pt;
		font-weight: 900;
		}

#sub-menu a		{ color: #ffffff; display: block; width: 100%; height: 100%; position: relative; top: 9px;}
#sub-menu a:active	{ color: #202020; }

#sub-menu li	{ display: inline-block; float: left; width: 140px; height: 36px; }


li.sub1		{ background: url('images/menu/sub1.gif'); }
li.sub2		{ background: url('images/menu/sub2.gif'); }
li.sub3		{ background: url('images/menu/sub3.gif'); }
li.sub4		{ background: url('images/menu/sub4.gif'); }
li.sub5		{ background: url('images/menu/sub5.gif');; }

li.sub1:hover	{ background: #1a3459; }
li.sub2:hover	{ background: #1a3459; }
li.sub3:hover	{ background: #1a3459; }
li.sub4:hover	{ background: #1a3459; }
li.sub5:hover	{ background: #1a3459; }

li.sub1:active	{ background: #ffffff; }
li.sub2:active	{ background: #ffffff; }
li.sub3:active	{ background: #ffffff; }
li.sub4:active	{ background: #ffffff; }
li.sub5:active	{ background: #ffffff; }

li.sub1_on	{ background: #ffffff; }
li.sub2_on	{ background: #ffffff; }
li.sub3_on	{ background: #ffffff; }
li.sub4_on	{ background: #ffffff; }
li.sub5_on	{ background: #ffffff; }


/* ------------------------ Product Lists ------------------------ */


#lists ul, li { margin: 0px; padding: 0px; }

#lists li { 
	border-bottom: 1px solid #dedede;
	float: left;
	width: 158px;
	margin: 5px 0px 10px 0px;
	padding: 0px;
	padding-bottom: 10px;
	text-align: center;
	overflow: hidden;
	}

#lists h3 {
	font-size: 11pt;
	text-align: center;
	line-height: 18px;
	margin-top: 5px;
	}



/* ------------------------ Boxed areas ------------------------ */

#org_topl {
	background: url('images/org_topl.gif');
	background-repeat: no-repeat;
	background-position: top;
	height: 36px;
	margin-top: 30px;
	padding: 0px 10px 0px 10px;
	color: #ffffff;
	font-size: 11pt;
	line-height: 38px;
	}

#org_btml {
	background: url('images/org_btml.gif');
	background-repeat: no-repeat;
	height: 9px;
	margin: 0;
	padding: 0;
	line-height: 9px;
	}


#orgbox {
	background: url('images/orgbg.gif') #ff8200;
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 10px;
	color: #ffffff;
	font-size: 9pt;
	}

#grnbox {
	background: url('images/grnbg.gif') #8cc63f;
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 10px;
	color: #ffffff;
	font-size: 9pt;
	}

#blubox {
	background: url('images/blubg.gif') #29abe2;
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 10px;
	color: #ffffff;
	font-size: 9pt;
	}

* html #orgbox { margin-top: -5px; }
* html #grnbox { margin-top: -2px; }
* html #blubox { margin-top: -2px; }

#org_tops {
	background: url('images/org_tops.gif');
	background-repeat: no-repeat;
	background-position: top;
	height: 36px;
	margin-top: 30px;
	padding: 0px 10px 0px 10px;
	color: #ffffff;
	font-size: 11pt;
	line-height: 38px;
	}

#grn_tops {
	background: url('images/grn_tops.gif');
	background-repeat: no-repeat;
	background-position: top;
	height: 36px;
	margin-top: 30px;
	padding: 0px 10px 0px 10px;
	color: #ffffff;
	font-size: 11pt;
	line-height: 38px;
	}

#blu_tops {
	background: url('images/blu_tops.gif');
	background-repeat: no-repeat;
	background-position: top;
	height: 36px;
	margin-top: 30px;
	padding: 0px 10px 0px 10px;
	color: #ffffff;
	font-size: 11pt;
	line-height: 38px;
	}

#org_btms {
	background: url('images/org_btms.gif');
	background-repeat: no-repeat;
	height: 9px;
	margin: 0;
	padding: 0;
	line-height: 9px;
	}

#grn_btms {
	background: url('images/grn_btms.gif');
	background-repeat: no-repeat;
	height: 9px;
	line-height: 9px;
	}

#blu_btms {
	background: url('images/blu_btms.gif');
	background-repeat: no-repeat;
	height: 9px;
	line-height: 9px;
	}

#home-left ul, li { text-indent: 0px; margin: 0px; padding: 0px; line-height: 18px; }
#home-left li { margin-bottom: 8px; }

#home-right ul, li {  text-indent: 0px; margin: 0px; padding: 0px; line-height: 18px; }
#home-right li { margin-bottom: 8px; }

#grnbox a { font-size: 9pt; color: #ffff00; }
#grnbox a:hover { color: #000000; }

#blubox a { font-size: 9pt; color: #ffcc00; }
#blubox a:hover { color: #000000; }




/* ------------------------ Extra Classes ------------------------ */

#hr		{ width: 100%; height: 1px; line-height: 1px; background: #dedede; margin: 5px 0px -5px 0px; padding: 0; }

b		{ color: #000000; font-weight: 400; }
small		{ font-size: 10px; }

.date		{
		font-size: 8pt;
		color: #888888;
		margin: 10px;
		position: relative;
		top: -2px;
		}

.splash_over	{ padding-top: 10px; }
.splash_over:hover { background: #ffffff; }
.newnews	{ width: 380px; clear: both; padding: 10px; background: url('images/leadnewsbg.gif') #ffffff; background-repeat: repeat-x; background-position: bottom; }
#login		{ background: #cceeff; color: #333333; display: none; width: 640px; padding: 10px 30px 10px 30px; margin: 0; border-bottom: 1px solid #dedede;}


a.foot:link	{ color: #ffff00; text-decoration: none; }
a.foot:hover	{ color: #ffff00; text-decoration: underline; }
a.foot:active	{ color: #ff0000; text-decoration: underline; }


fieldset	{ font-size: 10pt; font-family: arial, helvetica, sans serif; width: 100%; border: 0px; padding: 0px; margin: 0px; }
label		{ float: left; width: 7em; margin-right: 1em; }
input		{ font-size: 10pt; font-family: arial, helvetica, sans serif; color: #666600; margin: 0px 0px 8px 0px; border: 1px solid #cccc88; background: #ffffcc; }
textarea	{ overflow: auto; font-size: 10pt; font-family: arial, helvetica, sans serif; color: #666600; border: 1px solid #cccc88; background: #ffffcc;}
input:focus	{ border: 1px solid #cc9933; background: #ffff99; }
textarea:focus	{ border: 1px solid #cc9933; background: #ffff99;}

.button		{ font-size: 10pt; font-family: arial, helvetica, sans serif; color: #666600; border: 1px solid #cccc88; background: #ffffcc; padding: 4px; }
.button:hover	{ border: 1px solid #cc9933; background: #ffff99; }
.invform 	{ width: 5px; height: 1px; visibility: hidden; }

ul, li		{ list-style-type: none; }

a		{ outline: none; }

.icon		{ float: left; position: relative; top: 5px; margin-right: 10px; }

#wp_page_numbers		{ position: relative; top: -10px; float: right; font-size: 9pt; text-align: right; }
#wp_page_numbers a		{ color: #ff6600; }
#wp_page_numbers a:hover	{ text-decoration: underline; }
#wp_page_numbers li		{ display: inline; padding: 3px 6px 3px 6px; margin-left; 3px; }
#wp_page_numbers .active_page	{ background: #ffeecc; border: 1px solid #ffcc99; }
#wp_page_numbers .page_info	{ color: #999999; font-size: 9pt; padding-right: 20px; }

.search		{ font-size: 12pt; }



/* ------------------------ Comments ------------------------ */


#content.comms	{ margin: 0px; background: #efefef; padding: 10px 30px 0px 30px; border-top: 1px solid #dedede; }
#comments	{ display: none; width: 640px; }
.odd		{ padding: 2px 12px 16px 12px; background: url('images/comment.gif') #ffffff; color: #404040; background-repeat: no-repeat; background-position: bottom; }
.even		{ padding: 2px 12px 16px 12px; background: url('images/comment.gif') #ffffff; color: #404040; background-repeat: no-repeat; background-position: bottom; }
.expand		{ float: right; padding: 3px; background: transparent; }
.expand:hover	{ background: #ffffff; }


/* ------------------------ Search Box ------------------------ */


#searchbox {
	padding: 0px;
	width: 1%; 
	overflow: visible;
	margin: 0px;
	}

#searchform {

	background-image: url(images/searchbg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 200px;
	height: 30px;
	padding: 4px 0px 0px 5px; 
	text-align: left;
	border: none;
	margin: 0px;
	}

#searchform #s{
	height: 16px;
	width: 160px;
	margin: 2px;
	padding: 0px;
	color: #888888;
	border: none;
	background-color:transparent;
}

#searchsubmit { 
	background-image: url(images/glass.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	height: 18px;
	width: 18px;
	border: none;
	text-indent: -999%;
	line-height: 1px;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	}

#searchsubmit:hover { 
	background-image:url(images/glass_on.gif);

	}