/****************************************
| Theme Name: Klei
| Theme URI: http://wordpress.org/
| Description: The WordPress theme for use by Klei Entertainment Only.
| Author: Adam Foster
| Author URI: http://www.fullyillustrated.co.uk
| Tags: Klei, custom header, fixed width, two column, games
| Date Created: 18-08-2008
| Copyright 2008 Fully Illustrated
|
****************************************/

/** CSS RESET **/

* {	margin: 0px; padding: 0px; text-indent: 0px; }
img { border: none; padding: 0px; }
ol, ul { list-style: none; }

/** GLOBAL STYLES **/

a, a:visited { font-family: Helvetica, sans-serif, Arial; color: #000000; text-decoration: underline;}
a:hover { font-family: Helvetica, sans-serif, Arial; color: #2B87B8; text-decoration: none; }
a:focus { border: none!important; outline: 0 none; }
.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.last { margin-bottom: 0px!important; }
.end { margin-right: 0px!important; }
.blank { background: none!important; }

h1 { font-size: 30px; }
h2 { font-size: 26px; line-height: 30px; color: #730c0c; font-weight: normal; }
h4 { font-size: 12px; }

/** LAYOUT **/
body { font-family: "Arial", sans-serif; font-size: 12px; line-height:16px; color: #333; background: #FFF url('background-body.gif') repeat-x; }
#wrapper { background: url(background-characters.png) top no-repeat; }
#page { width: 930px; margin: 0 auto; }
#header { position: relative; }
#logo { position: absolute; height: 159px; width: 244px; overflow: hidden; top: 12px; left: 35px; }
#logo a, #logo a:visited { position: absolute; left: 0; top: 0; display: block; height: 159px; width: 244px; background: url(logo-klei.png) no-repeat top left; }
#banner { background: url(background-banner.png) top no-repeat; padding: 2px; height: 92px; width: 892px; position: relative; top: 21px; margin-bottom: 81px; }
#content { margin: 0 auto 10px; width: 833px; padding: 0 10px; }
.bannerimg { display: block; height: 192px; width: 893px; background-repeat: no-repeat; background-position: top; background-image: url(banner-newspage.jpg);  }

/** navigation **/
#navigation {
	position: absolute;
	right: 65px;
	top: -3px;
	width: 385px;
	height: 90px;
	overflow: hidden;
	left: 328px;
}
#navigation ul li { float: left; height: 90px; }
#navigation ul li a, #navigation ul li a:visited { background: url(background-navigation.png); background-repeat: no-repeat; float: left; height: 0; overflow: hidden; padding: 90px 0 0 0; width: 72px; }
#navigation ul li a:hover, #navigation ul li a.current_page_item { background-position: 0 -90px; }
#navigation ul .page-item-about a, #navigation ul .page-item-aboutklei a:visited { width: 88px; background-position: -72px 0; }
#navigation ul .page-item-about a:hover, #navigation ul .page-item-about a.current_page_item { background-position: -72px -90px!important; }
#navigation ul .page-item-work a, #navigation ul .page-item-ourgames a:visited { width: 97px; background-position: -160px 0; }
#navigation ul .page-item-work a:hover, #navigation ul .page-item-work a.current_page_item, #navigation ul .page-item-work a.current_page_ancestor { background-position: -160px -90px!important; }
#navigation ul .page-item-blog a, #navigation ul .page-item-blog a:visited { width: 56px; background-position: -257px 0; }
#navigation ul .page-item-blog a:hover, #navigation ul .page-item-blog a.current_page_item, #navigation ul .page-item-blog a.current_page_ancestor { background-position: -257px -90px!important; }
#navigation ul .page-item-contact a, #navigation ul .page-item-contact a:visited { background-position: -313px 0; }
#navigation ul .page-item-contact a:hover, #navigation ul .page-item-contact a.current_page_item { background-position: -313px -90px!important; }

/* footer */
.line {  width: 833px; border-top: 1px solid #BCBCBC; }
#footer { height:96;  padding: 12px 0; margin: 0 auto; width: 100%; }
#footernavigation li { float: left; left: 20; margin: 0 18px 0 0; padding: 0 18px 0 0; background: url(bottombl.gif) right no-repeat; }
#footernavigation li.page-item-contact { background: none; }
#footer a, #footer a:visited { line-height: 22px; color: #BCBCBC; font-weight: normal; text-decoration: none; }
#footer a:hover { color: #2B87B8; }
#footer .bottomlogo { float: right; padding: 0 20px 0 0; position: relative; }
#footer .indexbottomlogo { float: right; padding: 0 10px 0 0; }
#footer .fullyillustrated .fullyillustratedlogo { position: absolute; right: 0px; top: 2px; }
.copy { line-height: 18px; color: #BCBCBC; font-weight: normal; text-decoration: none; }

/* homepage */
.page-home { background: #FFF url(background-body-home.gif) repeat-x; }
.page-home #wrapper { background: url(background-characters-home.png) top no-repeat; }
.page-home #banner { background: url(background-banner-shadow.png) top no-repeat; padding: 19px; height: 352px; width: 892px; position: relative; top: 81px; margin-bottom: 81px; }
.button { display: block; background-repeat: no-repeat; background-position: 0px 0px; }
.button span { display: none; }
a.buttonshowme, a.buttonshowme:visited { position: absolute; right: 20px; bottom: 15px; width: 208px; height: 46px; background-image: url(button-showme.png); }
a.buttonshowme:hover { background-position: 0px -45px; }
.page-home .column { margin: 5px 0; position: relative; }
.columnheader { padding: 0 0 0px 0; margin: 0 0 12px 0; }
.columnheaderless { margin: 0 0 6px 0; }
.width440 { width: 440px; }
.width360 { width: 360px; }
.width833 { width: 833px; }
.width100{ width: 100%; }
.rightarrowbutton { float: left; }
.rightarrowbutton a, .rightarrowbutton a:visited { background-image: url(button-arrow-right.gif); background-repeat: no-repeat; background-position: 0 0; width: 28px; height: 26px; display: block; text-decoration: none; }
.rightarrowbutton a:hover { background-position: 0 -26px; }
.homenewsrow { width: 100px; float: left; clear: both; margin: 0 0 8px 0; }
.rightpostdata { left: 0px; top: 0px;  width: 226px; line-height: 30px; }
.newscolumnentry { background: url(character-robot.gif) right bottom no-repeat; }
.homenewsrow .date { color: #730c0c; font-weight: bold; }
.rightpostdata a, .rightpostdata a:visited {
	color: #333333;
	text-decoration: none;}
.rightpostdata a:hover { color: #730c0c; }
.date { left: 0px; top: 0px;  width: 64px; line-height: 30px; }
.PT { left: 0px; top: 0px;  width: 9px; line-height: 30px; }
.left { left: 0px; top: 12px; width: 400px; margin: 0px 0px 5px 5px;}
.leftb { left: 0px; top: 12px; width: 400px; margin: 0px 0px 5px 32px;}
.bleft { width: 400px;  }
.gamescolumnentry { position: relative; left: 4px; top: 0px; width: 850px; }
.gamesbox { height: 118px; width: 282px; float: left; padding: 19px 0; position: relative; left: -10px; }
.gamesbox-top { position: absolute; height: 19px; width: 282px; background: url(background-box-top.gif) no-repeat top; top: 0; left: 0; }
.gamesbox-mid { background: url(background-box-mid.gif) repeat-y top; width: 246px; padding: 0 18px; }
.gamesbox-bot { position: absolute; height: 19px; width: 282px; background: url(background-box-bot.gif) no-repeat top; bottom: 0; left: 0; }
.page-home  .columnentry p { text-align: justify; }

/* games page */
.page-ourgames .bannerimg { background-image: url(banner-gamespage.jpg); }
.gamespagerow { background: url(background-games-banners.gif) no-repeat top; height: 142px; width: 812px; padding: 15px 17px; position: relative; left: -6px; }
a.buttonshowmesmall, a.buttonshowmesmall:visited { position: absolute; right: 20px; bottom: 15px; width: 188px; height: 36px; background-image: url(button-showme-small.png); }
a.buttonshowmesmall:hover { background-position: 0px -36px; }
.gamesbanners { padding: 10px 0; }
.tj { background-color:#F4F4F4; }




/** contact page **/
.page-contact .column { margin-bottom: 20px; }
.page-contact .bannerimg { background-image: url(banner-contactpage.jpg); }
.page-contact .column a, .page-contact .column a:visited { text-decoration: none; }
.contact-general { float: left; height: 103px; width: 416px; background: url(background-general-enquirie.gif) no-repeat top; position: relative; left: -5px; }
.contact-jobs { float: right; height: 103px; width: 416px; background: url(background-job-enquires.gif) no-repeat top; position: relative; right: -5px; top: 3px; }
.contactlinks { margin: 20px 0 0 0; }
a.buttonemail, a.buttonemail:visited {  position: absolute; width: 208px; height: 46px; background-image: url(button-emailus.png); }
.contact-general a.buttonemail, .contact-general a.buttonemail:visited { right: 16px; bottom: 14px; }
.contact-jobs a.buttonemail, .contact-jobs a.buttonemail:visited { left: 16px; bottom: 18px; }
a.buttonemail:hover { background-position: 0px -45px; }

/** about page **/
.aboutbg { background: url(character-about-robot.gif) bottom right no-repeat; }
.page-aboutklei .bannerimg { background-image: url(banner-aboutpage.jpg); }
.page-aboutklei .columnentry p { padding: 0 0 14px 0; text-align: justify; }
.page-aboutklei .columnentry p a, .page-aboutklei .columnentry p a:visited { text-decoration: none; }
.leftbanner { position: relative; left: -45px; width:185px; }
.width362 { width: 362px; }
.miniheader { border-bottom: 1px solid #d5cccc; padding: 0 0 6px 0; margin: 0 0 8px 0; }




/** Error 404 **/
.error404 .bannerimg { background-image: url(banner-error.jpg); }
#wpstats { display: none; }