/*
Theme Name: Mexington
Theme URI: http://www.intuitiongames.com
Description: It's hot in the heat!
Author: Greg Wohlwend
Author URI: http://www.intuitiongames.com
*/

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

body
{
	background-color:#222;
	font:12px "Georgia", Times, serif; 
	line-height: 16px;
	font-style:italic;
}

a
{
	color: #b23b23;
	text-decoration: none;
}
a:hover
{
	color: #222;
}

img
{
	border-style:none;
}

p
{
	padding: 5px 0;
	clear:right;
}

blockquote
{
	background:none; 
	padding:5px 5px 0 15px; 
	margin: 10px 10px;
	display:block; 
	border-left: solid 5px #222;
}

pre
{
	overflow: auto;
	font-style: normal;
	background-color:#FFFFCC;
	margin: 10px 20px 10px 0px;
}
#rightP
{
	width: 200px;
	clear: left;
	float: right;
	display: block;
}

#leftP
{
	width: 222px;
	clear: right:
	float: left;
	display: block;
}

.entryplay
{
	width:100px;
}

hr
{
	color:#222;
	clear:both;
	display:block;
	margin:5px 0;
}
	hr.blank
	{
		height:10px;
		border:none;
	}

ul
{
	list-style-type:none;
	margin: 10px 0 10px 10px;
	line-height: 18px;
}

	ul li.h2
	{
		font-size: 18px;
	}

h1, h2, h3 {font-family:"Georgia", Times, serif; font-style:italic; font-weight:normal;}
h1 {font-size:26px;}
h2 {font-size:18px;}
h3 {font-size:16px;}

#wrap
{
	width: 600px;
	background: url(images/canvasBGmexico.jpg);
	margin: 0 auto;
}

#header {background:url(images/MASTHEADmexico.jpg); height: 269px;}

#content
{
	background: transparent;
	padding: 0 20px 0 20px;
}

table#ranklist
{
	width: 320px;
	margin: 10px auto;
	background-color: transparent;
	font-size: 14px;
	line-height: 20px;
}

	table tr.odd
	{
		background-color: #FFFFCC;
	}

/*IMAGE TREATMENTS*/
	#LFT, #LFTacc, #LFTpage
	{
		float: left;
		clear: right;
		padding: 0 10px 0 0;
		
		max-width: 150px;
	}
	
		#LFTacc
		{
			margin-bottom:10px;
		}
		
		#LFTpage
		{
			max-width: 220px;
		}
	
			#LFTaccmini
			{
				float: left;
				clear: right;
				padding: 0 10px 0 10px;
				margin-bottom: 10px;
				max-height: 70px;
			
				vertical-align:top;
				border-left: 2px solid #222;
			}
			
	
	#RGT, #RGTpage
	{
		float: right;
		clear: left;
		padding: 0 10px 0 0;
		max-width: 150px;
	}
	
	#RGTpage
	{
		max-width: 220px;
	}
	
		#RGTmini
		{
			float: right;
			clear: left;
			padding: 0 10px 0 0;
			max-width: 40px;
			
			vertical-align:top;
		}
	
	#FULL, #FULLpage
	{
		width: 200px;
		height: auto;
		clear:both;
		
		margin: 10px auto;
	}
	
		#FULLpage
		{
			width: 420px;
		}
		
/*IMAGE TREATMENTS*/

.entry
{
	background:url(images/h3flourish.png) top left no-repeat;
	margin: 0;
	display: block;
	
	padding: 42px 20px 0 42px;
}
.post .entry h2
{
	font-style:italic;
	line-height: 22px;
	letter-spacing: -.5px;
	color:#222;
}

#right { float:right; width:300px;}
#right p {margin-bottom:20px;}

#titlebg
{
	text-align: right;
	font-size: 38px;
	line-height: 42px;
	letter-spacing: -1.5px;
	padding: 17px 62px 0 0;
	margin: 0;
	
	height: 73px;
	background:url(images/h1flourish.png) right top no-repeat;
}

#game
{
	margin: 0 auto;
	
	width: 740px;
	height: 460px;
	
	background-color:#47c7f0;
	padding: 0;
}

.clear {clear:both;}
#sidebar
{
	float:left;
	width:200px;
	background:transparent; left repeat-y;
}

#sidebar h2 
{
	font-size: 16px;
	line-height: 14px;
	color: #222;
	text-align: left;
	padding:0;
	margin:0;
	color: #222;
}
#sidebar h1 
{
	font-size: 36px;
	line-height: 36px;
	letter-spacing: -2px;
	color: #222;
	text-align: left;
	padding:0;
	margin:0;
	color: #222;
}

.textwidget
{
	margin: 0;
	padding: 0;
}

/*SIDEBARMADNESS*/

#topHR
{
	height: 13px;
	width: 201px;
	background: url(images/h4flourishTOP.png) no-repeat top left;
	
	margin: 0px 0 10px 0;
}

#botHR
{
	height: 13px;
	width: 201px;
	background: url(images/h4flourishBOT.png) no-repeat top left;
	
	margin: 10px 0 20px 0;
}

.sidebarobject, .sidebarleaderboard
{
	padding-left: 5px;
}

	.sidebarobject ul, .sidebarleaderboard ul
	{
		font-family: "Georgia", Times, serif;
		font-size: 12px;
		font-weight: normal;
		font-style:italic;
		color: #222;
	}
	
		.sidebarleaderboard ul
		{
			height: 200px;
		}
	
		.sidebarobject ul li a, .sidebarleaderboard ul li a, .sidebarobject ul li a:visited, .sidebarleaderboard ul li a:visited
		{
			color:#b23b23;
			line-height: 14px;
			height: auto;
		}
		
			.sidebarobject ul li a:hover, .sidebarleaderboard ul li a:hover
			{
				color: #222;
			}
	
		.sidebarobject ul li.leaders, .sidebarleaderboard ul li.leaders
		{
			font-family: "Georgia", Times, serif;
			font-size: 12px;
			font-weight: normal;
			
			line-height: 12px;
			vertical-align:top;
			clear:left;
			
			display:block;
		}
	
	.sidebarobject h3, .sidebarobject h4, .sidebarleaderboard h3, .sidebarleaderboard h4
	{
		font-size: 28px;
		line-height: 26px;
		letter-spacing: -1.5px;
		font-style: italic;
		font-weight: normal;
		padding-bottom: 10px;
		padding:0;
	}
	
	.sidebarobject h4, .sidebarleaderboard h4
	{
		font-size:18px;
		letter-spacing:-1px;
	}
	
	.sidebarobject span, .sidebarleaderboard span
	{
		font-size: 12px;
		line-height: 12px;
		letter-spacing: 0;
		margin: 0;
		padding: 0;
		
		display:block;
	}
	
	.sidebarobject p, .sidebarleaderboard p
	{
		clear:both;
		padding-bottom: 10px;
	}
	
	.sidebarobject h3 a
	{
		color:#b23b23;
		display: inline;
		padding:0;
	}
	
		.sidebarobject h3 a:hover
		{
			color:#222;
		}
		
#sideLFT
{
	float: left;
	clear: right;
	padding: 0 10px 10px 0;
	display:inline;
	
	width: 75px;
}

	.sideLFTavatar
	{
		float: left;
		clear: right;
		padding: 0 10px 10px 0;
		
		display: inline;
	
		width: auto;
		height: 60px;
	}
	
	.avatarTEXT
	{
		display: inline;
		vertical-align: top;
		float: left;
	}
	
/*SIDEBARMADNESS*/

#footer
{
	background:transparent no-repeat;
	height:42px;
}

#sitename {
	display:block;
	float:left;
	width:210px;
	padding:15px 0 0 40px;
	text-align:center;
	color: #FFFFFF;
	font: normal 28px "Trebuchet MS", Verdana, sans-serif;
}
#sitename a{color:#fff;}
.caption {
	display:block;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-top:30px;}

#sitename a .blue {
	color:#0F9EC8;
	font-style: italic;
}
#sitename a:hover {color:#0f9ec8;}
#sitename a:hover .blue{color:#9c6; font-family:Georgia; font-weight:normal;}


/*PROBLEM CHILDREN*/
#navhackwrap
{
	margin: 0 auto;
	width: 1024px;
}

#switcher
{
	padding: 0 0 0 60px;
	margin: 0 70px 0 0;
	width: 130px;
	
	float: right;
	text-align: left;
	clear: left;
}

	#switcher ul
	{
		color:#FFFFCC;
		font-size: 10px;
		line-height: 16px;
		padding-left:10px;
	}

		#switcher ul li
		{
			position: relative;
			list-style-type: none;
		}

	#switcher li
	{
		
	}

		#switcher li a:hover, #switcher li a
		{
			color: #b23b23;
		}

	#switcher h4
	{
		color:#FFFFCC;
		padding-bottom:5px;
	}

#nav2
{
	padding: 0 40px 0 0;
	margin: 125px 0 0 70px;
	width: 140px;
	
	float: left;
	text-align: right;
	clear: right;
}

	#nav2 ul
	{
		color:#FFFFCC;
		font-size: 18px;
		line-height: 44px;
		padding-right:20px;
	}

		#nav2 ul li
		{
			position:relative;
			list-style-type:none;
		}

	#nav2 li
	{
		height: 45px;
	}

		#nav2 li a
		{
			color: #FFFFCC;
		}
		
			#nav2 li a:hover
			{
				color: #B23B23;
			}

.play, .news, .about, .leaderboard, .extras, .accessories
{
	position:absolute;
	
	height: 45px;
	width: 44px;
	left: 115px;
	top: 0px;
	
	display:inline;
	z-index:500;
}

.play
{
	background:url(images/NAVplay.png) 0px 0px no-repeat;
}
	.play:hover, .play:active
	{
		background: transparent url(images/NAVplay.png) 0px -45px no-repeat;
		cursor:pointer;
	}

.news
{
	background:url(images/NAVnews.png) 0px 0px no-repeat;
}
	.news:hover, .news:active
	{
		background:url(images/NAVnews.png) 0px -45px no-repeat;
		cursor:pointer;
	}

.leaderboard
{
	background:url(images/NAVleaderboard.png) 0px 0px no-repeat;
}
	.leaderboard:hover, .leaderboard:active
	{
		background:url(images/NAVleaderboard.png) 0px -45px no-repeat;
		cursor:pointer;
	}

.extras
{
	background:url(images/NAVextras.png) 0px 0px no-repeat;
}
	.extras:hover, .extras:active
	{
		background:url(images/NAVextras.png) 0px -45px no-repeat;
		cursor:pointer;
	}

.about
{
	background:url(images/NAVabout.png) 0px 0px no-repeat;
}
	.about:hover, .about:active
	{
		background:url(images/NAVabout.png) 0px -45px no-repeat;
		cursor:pointer;
	}

.accessories
{
	background:url(images/NAVaccessories.png) 0px 0px no-repeat;
}
	.accessories:hover, .accessories:active
	{
		background:url(images/NAVaccessories.png) 0px -45px no-repeat;
		cursor:pointer;
	}
/*PROBLEM CHILDREN*/


#nav {float:left; width:100px; padding:0 40px 0 0; height:134px;}
#nav #search
{
	padding-left: 475px;
	padding-top: 17px;
	height: 48px;
}
#nav #search .keyword
{
	background: transparent url(images/search.png) no-repeat;
	height: 33px;
	width: 132px;
	padding: 10px 20px 0 10px;
	font-size: 12px;
	color: #999;
	border:none;
	overflow:hidden;
}
#header form {padding:0; margin:0;}
#topmenu { height:51px; font:bold 14px "Trebuchet MS", Verdana, sans-serif; text-transform:uppercase; padding-top:15px;}
#topmenu ul {list-style:none; padding-left:10px;}
#topmenu li {display:inline; margin-left:3px;}
#topmenu a, #topmenu a:visited {display:block; float:left; background:url(images/nav2.png) repeat-x; text-align:center; padding:5px 25px 0 25px; height:25px; color:#999999;}
#topmenu .current_page_item a {background:url(images/nav1.png) repeat-x; color:#333;}
#topmenu .current_page_item a:hover {background:url(images/nav4.png) repeat-x; color:#333;}
#topmenu a:hover {background:url(images/nav3.png) repeat-x; color:#fff;}
#featured {
	background:transparent;
	color:#00CCFF;
	margin-bottom:15px;
}
#featured div {
	padding:25px 10px 0 50px;
	height: 90px;
	font:normal 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.ftd_btm {display:block; height:20px; padding:15px 5px 0 35px; background:url(images/ftrdlink.png)8px 12px no-repeat}
#featured a {color:#b23b23; border-bottom:none;}
#featured a:visited, #featured a:active{color:#E3F7FD;}
#featured a:hover { text-decoration:underline; color:#fff!important;}
.postbottom {background:transparent; margin-bottom:10px;}
.postbottom ul {list-style:none;}
.postbottom li {display:inline; margin:0!important; padding:0!important;}
/*
.postbottom a, .postbottom a:visited, .postbottom a:active, .postbottom 
span{color:#fff; border:none!important; display:block; float:left; height:20px; padding:6px 5px 0 30px;}
*/
.postbottom a:hover {color:#000;}
/*
.permalink a, .permalink a:visited, .permalink a:active {background:url(images/ico_more.png)5px 5px no-repeat;}
.cats a{background:url(images/ico_cat.png)5px 5px no-repeat;}
.auth span{background:url(images/ico_usr.png)5px 5px no-repeat;}
.date span{background:url(images/ico_date.png) 5px 5px no-repeat;}
.comnts a{background:url(images/comment.png)5px 5px no-repeat;}
*/

.postopen
{
	padding: 0 24px 0 42px;
}

.post h2 {display:block; margin-bottom:15px;}
.post .description, .postopen .description {display:block; font-size:12px; color:#777;}

.post .extract { float:left; margin-right:10px; width:250px;}

.post ul {margin-left:25px;}
.post ol {margin-left:25px;}
.post li {padding:3px;}
.post .leftalign {display:block; padding:5px; background:#eee; margin:8px; float:left; border:solid 1px #ddd;}
.post .rightalign {display:block; padding:5px; background:#eee; margin:8px; float:right;border:solid 1px #ddd;}


/*tables and Forms */

#right table {
	width:90%;
	border:1px solid #0075A4;
	margin-bottom:20px;
	background: #E3F6FF;
	margin-top: 15px;
}
#right th {
	background:#0075A4;
	padding:5px 15px 5px 15px;
	color:#8ADBFF;
	text-align:center;
	border-bottom:1px solid #000000;
	font: bold 16px "Trebuchet MS", Verdana, sans-serif;
	text-transform: uppercase;
}
#right td {
	border-bottom:1px solid #0075A4;
	padding:5px 15px 5px 15px;
	border-right:1px solid #0075A4;
}
.response
{
	margin-left:10px;
}

.textfield, .textfieldSM
{
	display: block;
	width:464px;
	margin:3px 40px 3px 40px;
	padding:3px;
	border: none;
	background: #E9F2F5;
}

.textfieldSM
{
	width:222px;
}

label {
	display: block;
	margin:3px;
	padding: 5px;
	font-weight: bold;
}
.button {
	display: block;
	padding:0px;
	margin:3px;
	border: none;
	color:#000000;
	background: #E9F2F5;
}
.button:hover
{
	background: #ccc;
	cursor: pointer;
}
#submit
{
	float: right;
	margin-right: 40px;
}
.textfield:hover {
	background:#FFFFCC;
}
.textfield:focus {
	background:#ffffff;
	border: 1px solid #3A2C1B;
}
.hide {display:none;}

#bottom 
{
	padding:20px;
	background:transparent;
	margin-top:15px;
}

#bottom p
{
	display:block;
	padding:3px;
	text-align:center;
}

#credits {text-align:right; font-size:10px; padding:5px 40px 0 40px; }
.pagenavi { height:22px; padding: 5px 5px 0 5px; background:transparent; margin:25px 0 15px 0;}
.pagenavi .alignleft {display:block; text-align:left;}
.pagenavi .alignright {display:block; float:right;}
.pagenavi a, .pagenavi a :visited, .pagenavi a :active {color:#000; font-weight:bold; text-decoration:none; border:none!important;}
.pagenavi a:hover {color:#0099CC!important;}

/*shopping Cart */
#catalogue {margin:10px 0 10px 0; background:#eee; border:solid 1px #ddd; padding:5px;}
.item {width:135px; float:left; height:220px;}
.item h3 {display:block; padding:3px;}
.item span {display:block; padding:3px;}
.item .price {color:#993300; font-weight:bold; }
.item span img {border:none!important;}
.item span a {border:none!important; text-decoration:none;}
.item img {}
img.productimg {border:solid 1px #716148; margin:0 0 0 8px;}
.clear2 {width:100%; clear:left;}
.sec_head {
	display:block;
	background: #0077A2 url(images/ftrdbox.jpg) no-repeat 0px -60px;
	padding:3px;
	margin-bottom:15px;
	color: #FFF !important;
}

/* Begin Comments*/

.alt {
	margin: 0;
	padding: 10px;
	background-color: #FFFFCC;
	border:none;
	}

.commentlist {
	padding: 0;
	margin: 0 40px 20px 40px;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

img.avatar {float:left; margin: 0 5px;}