/*
   master.css
   GamesZombie
   
   Created by Jesper Thøgersen on 2009-11-21.
   Copyright 2009 GamesZombie. All rights reserved.
*/


/* Tags & Generic Classes
--------------------------------------------------*/

	/* ###### Tags ###### */

		body { background: #801899 url(../images/bg.png) repeat-x; font: 12px Arial,Helvetica,sans-serif; margin: 0; }
		
		a { color: #8a00ac; }
		a img { border: none; }


	/* ###### Generic Classes ###### */
	
		.alt { background-color: #f9e0ff; }

		/* Alignment */
		.left { float: left; }
		.right { float: right; }
		.clear { clear: both; }
		
		/* Clearfix */
		.clearfix:after{ content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0; }
		*:first-child+html .clearfix{display:inline-block;}
		html[xmlns] .clearfix{display:block;}
		* html .clearfix{height:1%;}



/* Layout
--------------------------------------------------*/

	/* ###### Site Header ###### */

		#site-header { background: url(../images/site-head-bg.png) repeat-x; height: 39px; min-width: 1004px; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }
		
		/* Logo */
		#site-header-logo { float: left; margin: 0 20px 0 0; }
		#site-header-logo a { background: url(../images/site-head-logo.png) no-repeat; display: block; outline: none; text-indent: -9000px; width: 331px; height: 39px; }
		
		/* Menu */
		#site-header-menu { float: left; }
		#site-header-menu > li > a { color: #8a00ac; display: block; font-size: 18px; font-weight: bold; line-height: 38px; padding: 0 10px; text-decoration: none; }
		#site-header-menu > li.UIMenuDropdown > a { background: url(../images/site-head-menu-dropdown.png) left top no-repeat; padding-left: 36px; }
		
		/* Dropdown Menu */		
		#site-header-menu .UIMenuDropdown-Container { border-top: 1px solid #a175ab; margin-top: -2px; width: 400px; }
		#site-header-menu .UIMenuDropdown-Container .ml .mr { padding: 3px 9px; }
		#site-header-menu li.UIMenuDropdown ul li { padding: 4px 0; width: 90px; }
		#site-header-menu li.UIMenuDropdown ul li a { background: url(../images/icons/arr-right.png) left center no-repeat; padding-left: 20px; }
		
		/* Search */
		#site-header-search { float: right; padding-top: 6px; }
		#site-header-search .infieldlabel { position: relative; }
		#site-header-search .infieldlabel label { position: absolute; left: 0; top: 0; padding: 5px; }
		#site-header-search input { display: block; float: left; margin: 0; vertical-align: middle; }
		#site-header-search input.searchfield { background: #fff; border: 1px solid #8a00ac; font-size: 12px; font-family: inherit; padding: 4px; width: 224px; }
		#site-header-search input.searchbutton {  }
	
	
	/* ###### Site Body ###### */

		#site-body { margin: 43px 0 10px; }
		
		/* Columns */
		#site-body .UIColumn-Left { width: 705px; }
		#site-body .UIColumn-Right { width: 240px; }
	
	
	/* ###### Site Footer ###### */

		#site-footer { color: #8a00ac; font-size: 11px; }
		#site-footer a { color: #8a00ac; }
		
		#site-footer .UIColumn-Left { width: 690px; }
		#site-footer .UIColumn-Right { width: 290px; }
		#site-footer .mr { min-height: 65px; }
		
		#site-footer-about .element-zombiehead { position: absolute; top: -6px; left: 13px; }
		#site-footer-about p { margin: 0; padding-left: 100px; line-height: 110%; }
		#site-footer-about img { margin-bottom: 4px; }
		
		#site-footer-links ul { list-style: none; margin: 0; padding: 0; }
		#site-footer-links li { display: inline; float: left; padding: 3px 0; width: 50%; }



/* Pages
--------------------------------------------------*/

	/* ###### FrontPage ###### */
	
		#page-frontpage .UIColumn-Left { width: 49%; }
		#page-frontpage .UIColumn-Right { width: 49%; }


/* Elements
--------------------------------------------------*/

	.element-zombiehead { background: url(../images/element-zombiehead.png) no-repeat; display: block; width: 95px; height: 116px; }



/* User Interface Classes
--------------------------------------------------*/

	.UIWrap { margin: 0 auto; padding: 0 7px; width: 990px; }

	/* ###### Columns ###### */

		.UIColumn-Left { float: left; position: relative; }
		.UIColumn-Right { float: right; position: relative; }


	/* ###### Image Border ###### */

		.UIImageBorder > .tl { background: url(../images/bordercorners.png) left top no-repeat; height: 9px; margin-right: 9px; padding-left: 9px; }
		.UIImageBorder > .tl > .tr { background: url(../images/bordercorners.png) right top no-repeat; height: 9px; margin-right: -9px; }
		.UIImageBorder > .bl { background: url(../images/bordercorners.png) left bottom no-repeat; height: 9px; margin-right: 9px; padding-left: 9px; }
		.UIImageBorder > .bl > .br { background: url(../images/bordercorners.png) right bottom no-repeat; height: 9px; margin-right: -9px; }
		.UIImageBorder > .ml { background: url(../images/bordercorners-bg.png) left bottom repeat-y; margin-right: 9px; padding-left: 9px; }
		.UIImageBorder > .ml > .mr { background: url(../images/bordercorners-bg.png) right bottom repeat-y; margin-right: -9px; padding: 9px; padding-right: 18px; }
	

	/* ###### Blocks ###### */	

		/* Normal Block */
		.UIBlock { margin-bottom: 10px; }
		.UIBlock-Header { background: url(../images/block-header.png) top no-repeat; color: #fff; font-size: 13px; font-weight: bold; height: 30px; line-height: 30px; margin: 0; padding: 0 9px; }
		.UIBlock-Body { background: #fff url(../images/block-body-bg.png) top repeat-x; border: 1px solid #8a00ac; padding: 6px; }
		.UIBlock-Body a { color: #000; }
		
		/* Large Block */
		.UILargeBlock { margin-bottom: 10px; }
		.UILargeBlock-Header { color: #FF6500; font-size: 18px; font-weight: bold; margin: 0 0 8px; }


	/* ###### Game Listings ###### */

		.UIGameList.cols2 .UIGameBlock { width: 49%; }

		/* Game Block */
		.UIGameBlock { margin-bottom: 10px; min-height: 100px; position: relative; }
		.UIGameBlock-Inner { padding-left: 114px; }
		.UIGameBlock-Image { background: url(../images/gameblock-arrow.png) right 11px no-repeat; position: absolute; top: 0; left: 0; width: 115px; }
		.UIGameBlock-Image img { width: 100px; height: 100px; }
		.UIGameBlock-ImageFrame { background: url(../images/gameblock-imageframe.png) no-repeat; display: block; position: absolute; top: 0; left: 0; width: 100px; height: 100px; }
		
		.UIGameBlock-Content > .tl { background: url(../images/gameblock-bordercorners.png) left top no-repeat; height: 7px; margin-right: 7px; padding-left: 7px; }
		.UIGameBlock-Content > .tl > .tr { background: url(../images/gameblock-bordercorners.png) right top no-repeat; height: 7px; margin-right: -7px; }
		.UIGameBlock-Content > .bl { background: url(../images/gameblock-bordercorners.png) left bottom no-repeat; height: 7px; margin-right: 7px; padding-left: 7px; }
		.UIGameBlock-Content > .bl > .br { background: url(../images/gameblock-bordercorners.png) right bottom no-repeat; height: 7px; margin-right: -7px; }
		.UIGameBlock-Content > .mc { background: #fcf1ff; border: solid #f9deff; border-width: 0px 1px; min-height: 86px; height: 86px; overflow: hidden; padding: 0 7px; }
	
		.UIGameBlock-Title { font-size: 16px; font-weight: bold; margin: 0; }
		.UIGameBlock-Title a { text-decoration: none; }
		.UIGameBlock-Body { margin-top: 5px; }
		.UIGameBlock-Body p { margin: 0; }
		.UIGameBlock-Rating { display: none; }
		.UIGameBlock-Meta { text-align: right; padding: 5px 0; }
		.UIGameBlock-Meta a { margin-left: 10px; }


	/* ###### Lists ###### */

		/* Highscore List */
		.UIListHighscore li { overflow: hidden; width: 100%; white-space: nowrap; }
		.UIListHighscore .left { display: block; padding-left: 5px; width: 20px; }
		.UIListHighscore .right { display: none; }
	
	
	/* ###### Menus ###### */

		/* Horizontal Menu */
		.UIMenuHorizontal { list-style: none; margin: 0; padding: 0; }
		.UIMenuHorizontal > li { float: left; display: inline; }
		
		/* Vertical Menu */
		.UIMenuVertical { list-style: none; margin: 0; padding: 0; }
		.UIMenuVertical > li { padding: 4px 0; width: 100%; }
		.UIMenuVertical > li > a { display: block; }
		
		/* Dropdown Menu */
		.UIMenuDropdown { position: relative; }
		.UIMenuDropdown-Container { display: none; position: absolute; z-index: 99; }
	
	
	/* ###### Text ###### */

		.UIText-Bold { font-weight: bold; }
	
	
	/* ###### Icons ###### */

		.icon { background-position: left center; background-repeat: no-repeat; padding: 2px 0 2px 20px; }
		img.icon {}
		
		.icn_twitter { background-image: url(../images/icons/twitter.png); }
		.icn_delicious { background-image: url(../images/icons/delicious.png); }
		.icn_rss { background-image: url(../images/icons/rss.png); }
		
		.icn_category { background-image: url(../images/icons/category.png); }
		.icn_comments { background-image: url(../images/icons/comments.png); }
		.icn_rate { background-image: url(../images/icons/rate.png); }
		.icn_tools { background-image: url(../images/icons/tools.png); }
		.icn_users { background-image: url(../images/icons/users.png); }