/*	Contents	

	- CSS Reset
	- Basic Element Styling
	- Functional Classes
	- Typography
	- Header Styles
	- Menu Styles
	- Media Presentation
	- Sitemap
	- Main Footer
	- Sidebar
	- Tables
	- Common UI Elements
*/

/*******************************
*
*	CSS Reset
*
********************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:""; content:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title],dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input,select { vertical-align:middle; }
a:hover,a:active, a:focus { outline:none; }
ol { list-style-type:decimal; }
nav ul,nav li { margin:0; list-style:none; list-style-image:none; }
small { font-size:85%; }
strong,th { font-weight:bold; }
td { vertical-align:top; }
sub,sup { font-size:75%; line-height:0; position:relative; }
sup { top:-.5em; }
sub { bottom:-.25em; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px; }
textarea { overflow:auto; }

/* Align checkboxes, radios, text inputs with labels */
input[type=radio] { vertical-align:text-bottom; }
input[type=checkbox] { vertical-align:bottom; }
input[type=button],input[type=submit],input[type=image],button { cursor:pointer; }
button,input,select,textarea { margin:0; }

/* Fix button element in IE */
button { width:auto; overflow:visible; }
h1,h2,h3,h4,h5,h6 { font-weight:bold; }

/*******************************
*
*	Basic Element Styling
*
********************************/

body{
	background-color:#000;
	background-position: center top;
	background-repeat: no-repeat;
	color: #FFF;
}

/* Logos should display as block, regardless of element used */
#logo { 
	display: block; 
	float: left;
}

ul li{list-style: none none outside;}

.container{
	width:1100px;
	margin: 0 auto;
	position: relative;
	}

.css_button{
    background: #ffffff;
    color: #000000;
    text-decoration: none;
    display: block;
    text-align: center;
    width: 200px;
    height: 100px;
}

.bucket{ position: relative; }
.menu .bucket a,
.bucket a,
.menu a.bucket,
a.bucket{ 
	display:block;
	height:100%; 
	cursor: pointer;
}
.bucket .hgroup{ position:absolute; bottom:16px; left:16px;}

#pop-message{
	position: fixed;
	top:-2px;
	left:50%;
	margin-left:-270px;
	z-index:200;
	text-align:center;
	height:0;
	overflow: hidden;
	background: #1A1A1A;
	border: 1px solid #424242;
	color: #FCB215;
	font-size:16px;
	width:540px;
	line-height:51px;
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	-webkit-border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}
.center{ text-align: center;}
.iFrameAlt {display: none;}

/*****************************
*
*	Functional Classes
*
*****************************/
.hide-swf {visibility: hidden}
#hidden{ display: none; }

.logged-in .show-logged-out,
.not-logged-in .show-logged-in{ display: none;}

._off { display:none; }

.hide{ display: none !important; }
.show{ display: block !important; }
.show.column{ display: inline-block !important; }

.clearfix:before,
.clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden;
}

.clearfix:after { clear:both; }
.clearfix { zoom:1; }

/* To replace text with an image */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

._debug #debug { display:none; }

.uncentered{ margin:0; }

	/*****************************
	*	Wordpress Content Classes
	*****************************/
	.aligncenter {
		display:block;
		margin:0 auto;
	}

	.alignleft {
		float:left;
	}

	.alignright {
		float:right;
	}

	.wp-caption {
		border:1px solid #ccc;
		text-align:center;
		background:#eee;
		padding:10px;
		margin:10px auto;
	}

/*******************************
*
*	Typography
*
********************************/

body { font:normal 12px/14px Arial, Helvetica, sans-serif; }
a {
	text-decoration:none;
	color: #FFF;
}

p{margin:0 0 16px;}
p:last-child{margin-bottom: 0;}

h1{
	font-size: 40px;
	line-height: 40px;
	}
h2{
	font-size: 24px;
	line-height: 24px;
	}
h4{
	font-size:18px;
	line-height: 22px;
}
h5{
	font-size: 14px;
	line-height: 18px;
}

strong, th{
	font-weight: bold;
    font-family: 'CartoGothicStd', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
}

small{
	text-transform: lowercase;
	font-size: 85%;
}  

/*******************************
*
*	Header Styles
*
********************************/
header{}
header nav{
	width: 100%;
	text-align:center;
	}

#aux{position: absolute; top: 0; right: 0;}

#main-header{
	height:51px;
	background:url(../img/header_bg.png) repeat-x top center;
	position:relative;
	z-index: 21;
}

#main-header a{color: #fff;}
#main-header a:hover{ color: #F7931D; }
/*******************************
*
*	Menu Styles
*
********************************/
.menu li{
	float: left;
	display: inline-block;
	padding-left: 5px;
	margin-left: 5px;
	position:relative;
	}
.menu a{ display: inline-block;}
.menu li:first-child{
	padding-left:0;
	margin-left: 0;
	border-left:none;
	}
.menu .sub-menu{
	position:absolute;
	top:100%;

	}
.menu .sub-menu li{
	display: block;
	width: auto;
	height: auto;
	float:none;
	}

.no-csstransitions #main-nav li .nav-hover{
	display:none;
}

/*****************************
*
*	Media presentation
*
*****************************/
.thumbnails_2{
	width: 549px; /* 2(img-width + border) + 1(10px margin) */
	margin:0 auto;
}

.thumbnails_3{
	width: 838px; /* 3(img-width + border) + 2(10px margin) */
	margin:0 auto;
}
.media_left{
	float:left;
	margin-right: 35px;
	margin-bottom: 10px
}
.media_right{
	float: right;
	margin-left: 35px;
	margin-bottom: 10px;
}
.research .media_left{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
/*******************************
*
*	Sitemap
*
********************************/
#sitemap{
	font: normal 13px/18px 'CartoGothicStdBook', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
}
#sitemap .container{
	width: 1050px;
	margin: 40px auto 0;
	padding: 20px 0 40px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-style:solid;
	border-top-width:2px;
}

#sitemap a{
	font-size:12px;
}

#sitemap ul:first-child{margin-left:0}
#sitemap ul{ margin-left:50px;}

#sitemap ul{
	display:inline-block;
	vertical-align: top;
	width: auto;
}
#sitemap li{ font-size: 12px; margin-left: 10px; }
#sitemap ul ul{ display: block;	}
#sitemap ul ul li{ margin-left: 0; }
#sitemap ul ul li:before{ content: '- '; }

/*******************************
*
*	Main Footer
*
********************************/
#main-footer{
	text-align: center;
	font-size: 10px;
	}
#main-footer p{margin: 8px 0;}
#main-footer .kabam-logo{ float: left; }
#main-footer .content{
	width: 440px;
	float: right;
	margin-top: 7px;
	color:#ffffff;
	font: 10px/18px CartoGothicStdBook, 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	padding-top:0;
	border-top: none;
	background: none;
	}
#main-footer ul{
	width: 170px;
	margin: 0 auto;
	}
#main-footer li{ border-left: 1px solid #262425; }
#main-footer li:first-child{
	margin-left: 0;
	padding-left: 0;
	border:none;
	}

/*******************************
*
*	Sidebar
*
********************************/
#sidebar .widget{
	margin-bottom: 15px;
}

/*****************************
*
*	Tables
*
*****************************/
th{ font-weight: normal; }

/*******************************
*
*	Common UI Elements
*
********************************/

.nav_arrow{
	background: url('../img/nav_arrow.png') no-repeat 0 0 ;
	width: 17px;
	height: 15px;
	display: inline-block;
	position: relative;
	left: 5px;
	top: 3px;
}

.ico_arrow{
	background: url('../img/ico_arrow.png') no-repeat 0 0 ;
	width: 5px;
	height: 7px;
	display: inline-block;
	}
a.next:hover .ico_arrow{
	background: url('../img/ico_arrow.png') no-repeat 0 -7px ;
	}
a.prev:hover .ico_arrow{
	background: url('../img/ico_arrow.png') no-repeat 0 -28px ;
	}

/*******************************
*
*	Header Styles
*
********************************/
#main-header .container,
#main-nav .container{
	width:980px;
	height: 100%;
}

/*******************************
*
*	Main Navigation
*
********************************/
#main-nav {
	text-align:center;
	height:44px;
	position:relative;
	bottom: 2px;
	z-index:20;
	line-height: 35px;
	font-size: 17px;
	font-weight:bold;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
	text-transform: uppercase;
}
#main-nav .menu{
	float:right; 
	margin: 0 auto;
}
#main-nav li{
	margin:0;
	padding: 0;
	position:relative;
}

#main-nav li.play-now span#playText,
#main-nav a{
	color: #fff;
	padding: 2px 22px;
	margin-top:5px;
	position:relative;
	z-index:10;
}

#main-nav .home a{
	width: 18px;
	height: 20px;
	padding: 0 18px;
	margin-top: 12px;
	top: 1px;
}


#main-nav .play-now iframe{
	position: absolute;
	width: 130px;
	height: 39px;
	z-index: 11; /* This is so that the iframe goes on top of the play now text*/
    background: transparent;
    opacity: 0;
	filter: alpha(opacity: 0);
}

#main-nav .sub-menu{
	line-height: 16px;
	text-align: left;
	left:0; right:0;
	display:none;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#main-nav .sub-menu li{
	background: none;
	width:auto;
	padding:2px 0 1px 19px;
}

#main-nav .sub-menu li:last-child{border-bottom: none;}
#main-nav .sub-menu li a{
	padding:5px 0 5px 5px;
	margin: 0 -3px;
	display: block;
}

#main-nav .sub-menu ul li a:before{
	content: "- ";
}
#main-nav .sub-menu li:hover{
	z-index: 20;
	}
#main-nav .sub-menu .sub-menu{padding-left: 15px;}

	/*****************************
	*	Using CSS Transitions
	*****************************/
		#main-nav li .nav-hover{
			position:absolute;
			height:45px;
			top: 0; right: 0; left:0;
			z-index:1;
		}
		.csstransitions #main-nav li .nav-hover{
			opacity:0;
			-webkit-transition: opacity 0.3s linear;
		    -moz-transition: opacity 0.3s linear;
		    -o-transition: opacity 0.3s linear;
		    transition: opacity 0.3s linear;
		}
		.csstransitions #main-nav li:hover .nav-hover{ opacity:1; }
		#main-nav li.play-now .nav-hover{
				opacity:0;
		}
		#main-nav li.play-now:hover .nav-hover{ opacity:1; }

/*******************************
*
*	Path to Domination Navigation
*
*********************************/

#dom-nav {
	text-align:center;
	height:34px;
	clear:both;
	padding-top:3px;
	margin-bottom:25px;
}

#dom-nav ul{
	width:800px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-left: 110px;
	height: 34px;
}

#dom-nav .nav-title{
	float:left;
	padding-right:5px;
	width: 92px;
	text-align: right;
	line-height: 20px;
}
#dom-nav li{
	position:relative;
	padding-left: 0;
	margin-left: 0;
}

#dom-nav li:last-child{ background:none; }

#dom-nav img{
	position: absolute;
	top:-20px;
	left:12px;
	z-index: 11;
	}


#dom-nav a{
	color: #FFF;
	display: block;
	padding: 1px 20px 0 72px;
	position: relative;
	z-index: 10;
	}
	/*****************************
	*	Using CSS Transitions
	**************************/
	#dom-nav li .nav-hover{
			position:absolute;
			top: 0; bottom: 0; right: 0; left:0;
			z-index:1;
	}
	.csstransitions #dom-nav li a{
		-webkit-transition: text-shadow 0.5s linear;
	    -moz-transition: text-shadow 0.5s linear;
	    -o-transition: text-shadow 0.5s linear;
	    transition: text-shadow 0.5s linear;
	}

	.csstransitions #dom-nav li .nav-hover{
		opacity:0;
		-webkit-transition: opacity 0.5s linear;
	    -moz-transition: opacity 0.5s linear;
	    -o-transition: opacity 0.5s linear;
	    transition: opacity 0.5s linear;
	}
	.csstransitions #dom-nav li:hover .nav-hover{ opacity:1; }

/*******************************
*
*	#Main Section
*
********************************/
#main{
	width: 920px;
	margin: 82px auto auto;
	padding: 30px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.75);
	-moz-box-shadow:0 0 8px rgba(0,0,0,0.75);
	box-shadow: 0 0 8px rgba(0,0,0,0.75);
}
#page{
	min-height: 400px;
}
#main.no-shadow{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#main header{
	height: auto;
	background: none;
	}
#main article { text-align: justify; }
	/*******************************
	*	#Main Header
	********************************/
	#main header{
		background: none;
		height: auto;
	}

	#main h1 { clear: both; }

	#breadcrumbs{
		float:left;
		width: auto;
		margin-bottom:20px;
	}

	#breadcrumbs li{border: none;}

	#follow img{
		position: relative;
		top: 3px;
		}
/*******************************
*	Article List
********************************/
#post-list-header{ margin-bottom: 20px;}
#page.with-sidebar{
	width:640px;
	float: left;
	}
	/*******************************
	*	Article List Footer / Nav
	********************************/

	footer.post-list-footer{
		position: relative;
	}

	#page footer:last-child{
		margin-top:20px;
		padding-top:20px;
	}

	footer.post-list-footer ul{
		text-align: center;
		width:  100%;
		margin: 5px auto 10px;
	}

	footer.post-list-footer li{
		display:inline-block;
		padding:2px 9px;
		margin:0 1px;
	}

	footer.post-list-footer .active {
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		border-radius:2px;
	}

	footer.post-list-footer .next,
	footer.post-list-footer .prev{
		position: absolute;
		top: 23px;
	}

	footer.post-list-footer .next{right: 0;}
	footer.post-list-footer .prev{left: 0;}

	footer.post-list-footer .prev .ico_arrow{
		background-position: 0 -21px;
		margin-right: 10px;
	}

	footer.post-list-footer .next .ico_arrow{
		background-position: 0 0;
		margin-left: 2px;
	}

	.single #page footer .prev .ico_arrow{margin-right: 5px;}

	.single #page footer .prev,
	.single #page footer .next{
		top:10px;
		width:130px;
	}
	/*******************************
	*	Article
	********************************/
	.article-list h2{ line-height: 24px; margin: 7px 0;}
	.article-list article{ 
		padding: 12px 0;
		margin: 12px 0;
	}
	.article-list .author{
		margin:4px 0;
	}
	.article-list li:first-child article {
		padding-top:0;
		margin-top: 0;
	}

	.article-list li:last-child{
		border-bottom: none;
		padding-bottom: 25px;
	}

	article p{
		line-height: 18px;
		}

	/*******************************
	*	Article Header
	********************************/
	#main.single article h2{
		margin-bottom: 10px;
		line-height: 38px;
	}

	article .category{
		display: inline-block;
		font-size: 10px;
		line-height: 9px;
		padding: 2px 3px;
		margin-right: 7px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font-style:normal;
	}
	/*******************************
	*	Article Content
	********************************/
	.wp-post-image{
		float:right;
		margin: auto 6px 20px 25px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}
	.post-content ul,
	.post-content ol,
	.post-content dl{ margin:0 25px 16px; }
	.post-content ul li{
		list-style: disc outside none;
		margin: 3px 0;
		}
	.post-content ol li{
		list-style: decimal outside none;
		margin: 3px 0;
		}

	/*******************************
	*	Article Footer
	********************************/
	#page article footer:last-child{
		margin-top: 0; padding-top: 10px;
		padding-bottom: 20px;
	}
	article footer {
		margin-top:10px;
		border-top:none;
	}

	article footer .ico_arrow {
		display: inline-block;
		width: 5px;
		height: 7px;
		margin-left:2px;
		}
	article footer a{
		text-transform:uppercase;
		font-size:10px;
	}
	article .social{ float: right; }
	article .social a{ margin-left: 10px; }
	article .social .icon{
		margin-right: 6px;
		/* None of the vertical-align options felt quite right*/
		position: relative;
		top: 2px;
		}
	/*******************************
	*	Media Items
	********************************/
	.media-list li{
		margin:15px 25px 15px 0;
		display:inline-block;
		position: relative;
	}
	.media-list li:last-child{
		margin-right: 0;
	}
	.media-list a{
		display:block;
	}
	.media-list img{display:block;}

/*****************************
*
*	Home page
*
*****************************/
	.home #main{
		margin-top: 0;
		clear: both;
		padding:18px;
		width: 944px;
	}
	/*****************************
	*	Top Content
	*****************************/
	.home #top-content{
		width:980px;
		height:360px;
		margin: 65px auto 20px;
		}
		/*****************************
		*	Main Promo
		*****************************/
		.main-promo{
			width:700px;
			height: 360px;
			float:left;
			position: relative;
			overflow: hidden;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			background:#000;
			-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.75);
			-moz-box-shadow:0 0 8px rgba(0,0,0,0.75);
			box-shadow: 0 0 8px rgba(0,0,0,0.75);
			border-width: 1px;
			border-style: solid;
		}
			/*************************************
			* 	Home Rotator Promo
			*************************************/
			.main-promo h2,
			.main-promo h3{
				position:absolute;
				left:25px;
				text-shadow:0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000;
				}
			.main-promo h2{
				font-size:40px;
				bottom:110px;
				}
			.main-promo h3{ bottom:95px; }
			.main-promo .slide{
				display:block;
				width:700px;
				height:360px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				background-clip: padding-box;			
				background-repeat: no-repeat;
				background-position: center center;
			}
			.main-promo .pagination li{
				background-repeat: no-repeat;
				background-position: center center;
				-webkit-box-shadow: 0 0 10px #000;
				-moz-box-shadow: 0 0 10px #000;
				box-shadow: 0 0 10px #000;
				border-width: 1px;
				border-style: solid;
			}
		#home-rotator .iFrameAlt {display: none;}
		#home-rotator a{ display: block; height: 100%;}

		

			/*****************************
			*	Pagination
			*****************************/
			.main-promo .pagination{
				position: absolute;
				height:55px;
				width:315px;
				bottom: 20px;
				left: 25px;
				z-index: 10;
			}
			.main-promo .pagination li{
				width:92px;
				height:52px;
				display: block;
				float:left;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				margin-left: 15px;
			}
			.main-promo .pagination li:first-child{margin-left: 0;}
			.main-promo .pagination li a{
				display: block;
				height: 100%;
				/*	Remove Auto-generated number links */
				text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr;
			}

		/*****************************
		*	Play Now / Sign up
		*****************************/

/**
The following line is a work-around for the iFrame Bug in Firefox browser. see SITE-673 and/or https://bugzilla.mozilla.org/show_bug.cgi?id=356558
**/

		.firefox #play-now iframe,
		#main-nav a.iFrameAlt {display: none;}

		.firefox #main-nav a.iFrameAlt {display: inline-block; position: absolute;height: 44px; width: 130px;}

		.action-promo{
			float: left;
			text-align: center;
			position: relative;
			background-clip: padding-box;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			border-width: 1px;
			border-style: solid;			
			height: 360px;
			width: 255px;
			margin-left: 21px;
			-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.75);
			-moz-box-shadow:0 0 8px rgba(0,0,0,0.75);
			box-shadow: 0 0 8px rgba(0,0,0,0.75);
		}
		.action-promo iframe{
			width: 255px;
			height: 360px;
			z-index: 10;
			position: absolute;
			left: -1px;
	 	    background: transparent;
	   	    opacity: 0;
		    filter: alpha(opacity: 0);
		}
		.action-promo:hover{
			background-position: center bottom;
			}
		.action-promo .hgroup{
			position: absolute; 
			right: 16px;
			left: 16px;
			bottom: 28px;
		}

		.action-promo h2,
		.action-promo h3{ text-transform: uppercase; }

		.action-promo h2,
		.action-promo h3,
		.action-promo h4{ position:relative; color: #fff;}
		
		.action-promo h2{
			font-size: 25px;
			line-height: 22px;
			text-shadow: 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000
		}
		.action-promo h3{ 
			font: normal 10px/12px 'CartoGothicStd', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
			text-shadow: 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000;
		}
		.action-promo h4{
			text-shadow: 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000;
			font-size: 18px;
			line-height: 20px;
			bottom: 22px;
		}

	/*****************************
	*	Main Content Area
	*****************************/
	.home #main blockquote{
		text-align: center;
		margin-bottom:10px;
	}
	.home #main cite img{margin-left: 5px; position: relative; top: 3px;}
	.home #page {margin: 18px 0 0 320px;}
	.home #page,
	#home #page{
		min-height: 0;
	}

		/**********************************************************
		*	Links to Beginner's Guide, Story, Forums (Buckets)
		**********************************************************/
		.promo-bucket{
			width: 240px;
			height: 119px;
			background-repeat: no-repeat;
			background-position: center top;
			padding: 30px;
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
			border-radius: 7px;
			border: none;
			cursor: pointer;
		}
		.home #main nav li{
			height:183px;
			width:300px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			text-align: left;
			margin-left: 17px;
			}
		.home #main nav li:first-child{margin-left: 0;}
		.home #main nav li a{
			display: block;
			height: 100%;
			position: relative;
			}
		.home #main nav .hgroup{
			position: absolute;
			bottom: 16px;
			left: 16px;
			}
		.home #main nav li:hover a:before{content:''; display:block; width:100%; height:100%; position:absolute; left:-2px;}

		.home #main nav li.beginners-guide:hover a:before{left:0;}

		/*****************************
		*	Sidebar
		*****************************/
		.home #sidebar{ margin-left: 0; }
		.home #sidebar .widget{
			padding:0;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius: 7px;
			width:300px;
			margin-top: 20px;
		}
		.home #sidebar .widget h4{
			padding: 10px 0 7px 13px;
			height: 37px;
		}

			/*****************************
			*	Facebook Fan Box
			*****************************/
			.home #sidebar #facepile h4{padding-bottom:0; margin-bottom:-7px;}
			/* SEE FB.CSS */

			/*****************************
			*	Screenshots
			*****************************/
			.home #sidebar .media-list{
					width:272px;
					margin: 0 auto;
					}
			.home #sidebar .media-list li{
					border: none;
					margin: 0 9px 0 0;
					}
			.home #sidebar .media-list li:nth-child(3n){ margin-right: 0; }
			.home #sidebar .media-list a{
				padding:0;
			}

		/*****************************
		*	News Feed
		*****************************/
		.home #page header{margin-bottom: 20px;}
		.home #page article header{margin-bottom: 0;}
		.home #page article h3 {
			margin-top: 8px;
		}
		.home #page article .author{
			margin:6px 0 3px;
		}
		.home #page article section{border:none; padding:0; margin:10px 0;}
		.home #page .post-footer{margin-top: 10px; padding-top: 0;padding-bottom: 0;}

		/*****************************
		*	News Column Layout
		*****************************/
		.aggregate-article-list{
			margin:10px 0;
		}

		.column-2{
			width:465px;
			margin-left:24px;
			padding-left:24px;
			margin-top:10px;
			float:left;
			border-left:2px solid #333;
		}

		.article-1{
			padding-left:0;
			margin-left:0;
			border-left:none;
		}
/*******************************
*
*	Play Page
*
********************************/
.play #content{
	width: 960px;
	text-align: center;	
	margin: 30px auto 0;
}
#game_frame{
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-box-shadow: 0 0 20px #000, 0 0 20px #000, 0 0 22px #000, 0 0 22px #000, 0 0 25px #000;
	-moz-box-shadow: 0 0 20px #000, 0 0 20px #000, 0 0 22px #000, 0 0 22px #000, 0 0 25px #000;
	box-shadow: 0 0 20px #000, 0 0 20px #000, 0 0 22px #000, 0 0 22px #000, 0 0 25px #000;
	width: 980px;
	height: 900px;
}


/*******************************
*
*	Game Info Pages
*
********************************/

#summary{
	border-top:none;
	clear:none;
	padding-bottom:15px;
	padding-top: 0;
	margin-top: 0;
}

#summary p{margin-bottom: 20px;}
#summary p:last-child{margin-bottom: 0;}
.page section{
	padding: 25px 0 5px;
	border-top: 2px solid #1F2836;
	margin: 20px inherit;
	}

.page section section{ margin: 20px 30px; }

#figurehead_out{
	float: right;
	margin: -195px -170px 40px 0;
}

#figurehead_in{
	float: right;
	margin-right: -30px;
	margin-top: -48px;
}

table{
	margin: 30px auto;
	text-align: center;
}

th{
	padding:0 20px;
}

td{
	padding: 0 40px;
}

.categorical_table{
	margin-bottom: 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.categorical_table header{
	margin-left:34px;
	margin-top: 3px;
}

.categorical_table section{
	padding:20px 0 40px 0;
	margin-left:20px;
	margin-right: 20px;
}

.categorical_table section:last-child{ border-bottom:none; }

	/*******************************
	*	Story Page
	********************************/
	.story section{
		border-top: none;
		padding: 10px 0;
		margin: 10px 0;
	}

	.story #summary{
		padding-bottom: 20px;
		margin-bottom:0;
	}


/*****************************
*
*	Wordpress 404 Page
*
*****************************/
#main.not-found ul{margin:20px; font-size: 20px; line-height: 24px;}
#main.not-found ul li{list-style: disc outside none;}

/*******************************
*
*	#Sidebar Aside
*
********************************/
#sidebar{
	float: left;
	width: 250px;
	margin-left: 30px;
}

#sidebar section{border:none;}

#sidebar li{
	list-style: none none inside;
}

#sidebar li a{
	display: block;
	padding-left: 40px;
}

#sidebar li .ico_arrow{
	background:none;
	float:left;
	position: relative;
	margin-right: 15px;
	top: 12px;
	left:20px;
	}

.home #sidebar .widget{
	border-width: 1px;
	border-style: solid;
}
.home #sidebar .widget h4{
	text-transform: uppercase;
	font-size: 20px;
	line-height: 20px;
}


/*******************************
*
*	Main Footer
*
********************************/
#main-footer{ text-align: center; }
#main-footer .container{
	padding:25px 0 50px;
	width: 560px;
}
#main-footer .kabam-logo{ float:left; }
#main-footer .secondary-logo{ float:left; }


/*************************************
*
*  Sticky Footer
*
*************************************/
#sticky-footer{
	height:40px;
	color: #b2b1b1;
	text-shadow: 0 0 1px #000;
	text-transform: uppercase;
	border-top: 1px solid #383838;
	position:fixed;
	bottom:0; left:0; right: 0;
	z-index: 45; 	
	font: normal 12px/40px 'CartoGothicStdBook', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	background:url(../img/sticky-footer/bg_footer.png) repeat-x left bottom;
	-webkit-box-shadow: 0 0 8px #000, 0 0 9px #000, 0 0 10px #000;
	-moz-box-shadow:0 0 8px #000, 0 0 9px #000, 0 0 10px #000;
	box-shadow:0 0 8px #000, 0 0 9px #000, 0 0 10px #000;
}
#sticky-footer a{ color: #b2b1b1; }
#sticky-footer a:hover{ color: #fff; }
#sticky-footer .kabam-logo{
	background: url(../img/kabam_logo.png) no-repeat center center;
	height: 67px;
	width: 113px;
	position:relative;
	bottom:31px;
}

#sticky-footer .toggle{
	border-left: 1px solid #282828;
	/*border-right: 1px solid #282828;*/
	padding: 0;
	margin-left:0;
}

#sticky-footer .toggle:last-child{
	border-right: 1px solid #282828;
}

#sticky-footer li a{
	padding: 0 20px;
}
	/*************************************
	* 	Toggle LIs	
	*************************************/
	#sticky-footer .toggle-link{
		padding: 0 42px 0 20px;
	}

	#sticky-footer a#invite-link{
		display:block;
		width: 252px;
		height: 198px;
		color:#ffffff;
		padding:0;	
	}

	#sticky-footer .toggle #invite-friends-link:before{
		content: '';
		width:30px;
		height:13px;	
		background: url(../img/sticky-footer/icon_invite_friends.png) no-repeat center top;
		display:inline-block;
		position: relative;
		top: 3px;
		margin-right: 10px;
	}

	#sticky-footer .toggle:hover #invite-friends-link:before,
	#sticky-footer .expanded #invite-friends-link:before{
		background-position: center -13px;
	}

	#sticky-footer .toggle .toggle-link:after{
		content: '';
		width:7px;
		height:5px;	
		position:absolute;
		top:17px;
		right: 20px;
		background: url(../img/sticky-footer/spr_arrows.png) no-repeat center top;
	}
	#sticky-footer .toggle:hover .toggle-link:after{ background-position: center -5px; }
	
	#sticky-footer .expanded{
		background: #1c1c1c;
		border-left: 1px solid #4f4e4e;
		border-right: 1px solid #4f4e4e;
	}

	#sticky-footer .expanded:before{
		content: '';
		background: #1c1c1c;
		border-right: 1px solid #4f4e4e;
		position: absolute;
		top: -1px;
		width: 100%;
		height: 2px;
		z-index: 35;
	}
	#sticky-footer .border-hide{
		background: #1c1c1c;
		border-right: 1px solid #4f4e4e;
		position: absolute;	
		width: 100%;
		height: 2px;
		top:-1px;
		z-index: 35;	
	}
	#sticky-footer .expanded .toggle-link{
		color:#fff;		
	}
	
	
	#sticky-footer .expanded .toggle-link:after,
	#sticky-footer .expanded:hover .toggle-link:after{ background-position: center -15px;}
	#sticky-footer .toggle-close{
		background: url(../img/sticky-footer/icon_close.png?v=1) no-repeat center top;
		width:15px;
		height:15px;
		float:right;
		padding: 0;
		margin-right: 6px;		
	}
	#sticky-footer .toggle-close:hover{
		background-position: center bottom;
	}

	/*************************************
	* 	Plain LIs
	*************************************/
	#sticky-footer .plain{ border:none; }
	#sticky-footer .plain a{ padding: 0; }

	/*************************************
	* 	Display Sections
	*************************************/
	#sticky-footer section{
		position:absolute;
		bottom:40px;
		left:-1px;
		padding: 10px 3px;
		border: 1px solid #4f4e4e;
		min-width: 255px;
		line-height: 12px;		
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		background: url(../img/sticky-footer/bg_gradient.png) no-repeat center -1px #1c1c1c;
		
	}
	#sticky-footer section:before{
		content: '';
		width: 100%;
		height: 1px;
		background:1px;
		position: absolute;
		top: -1px; left: 0;
		background: url(../img/sticky-footer/bg_gradient.png) no-repeat center top;
	}
	#sticky-footer section:after{
		content:'';
		height: 98%;
		width: 100%;
		position:absolute;
		top:0; left: 0;
		-moz-box-shadow: 0 0 8px #000, 0 0 9px #000, 0 0 10px #000;
		-webkit-box-shadow: 0 0 8px #000, 0 0 9px #000, 0 0 10px #000;
		box-shadow: 0 0 8px #000, 0 0 9px #000, 0 0 10px #000;
		z-index: -10;
	}
	#sticky-footer section h4{
		padding-left: 9px;
		margin-bottom:10px;
		font: normal 14px/14px 'CartoGothicStdBold', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
		color: #fff;
		text-shadow: 0 0 3px #000;
	}
	#sticky-footer section ul{
		background: #0d0d0d;
		border: 1px solid #2E2E2E;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		text-transform:none;			
	}
	#sticky-footer section li{
		float: none;
		border: none;
		display:block;
		margin-left: 0;
		padding-left: 0;
	}

	/*************************************
	*
	*  Invite Friends Menu
	*
	*************************************/
	#sticky-footer #invite-friends-content{
		background-color:#0d0d0d;
		text-transform:none;
		width:252px;
		height:198px;
		color:#ffffff;
		border:1px solid #393939;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;				
	}

	#sticky-footer #invite-friends-content p{
		font-size:12px;
		line-height:14px;
		text-shadow: 1px 1px 0 #000000;
		width: 130px;
		margin: 0 auto;
		text-align: center;
		padding-top: 45px;
	}

	#gf #sticky-footer #invite-friends-content p,
	#doa #sticky-footer #invite-friends-content p,
	#ew #sticky-footer #invite-friends-content p,
	#ton #sticky-footer #invite-friends-content p{
		margin:0 15px;
	}

	#sticky-footer #invite-friends-content{
		background: url(../img/sticky-footer/bg_invite_kabam.jpg) no-repeat center 0 #0d0d0d;
	}	
	
	#gf #sticky-footer #invite-friends-content{
		background: url(../img/sticky-footer/bg_invite_gf.jpg) no-repeat center 0 #0d0d0d;
	}

	#doa #sticky-footer #invite-friends-content{
		background: url(../img/sticky-footer/bg_invite_doa.jpg) no-repeat center 0 #0d0d0d;
	}

	#ew #sticky-footer #invite-friends-content{
		background: url(../img/sticky-footer/bg_invite_ew.jpg) no-repeat center 0 #0d0d0d;
	}

	#ton #sticky-footer #invite-friends-content{
		background: url(../img/sticky-footer/bg_invite_ton.jpg) no-repeat center 0 #0d0d0d;
	}

	#gf #sticky-footer .new-button,
	#doa #sticky-footer .new-button,
	#ew #sticky-footer .new-button,
	#ton #sticky-footer .new-button{
		margin:20px;
	}

	#sticky-footer .new-button{
		margin-left:65px;
		margin-top:20px;
		color:#ffffff;
	}

	/*************************************
	* 	More Games List
	*************************************/
	#more-games .game-title{
		color: #fff;
		font: normal 14px/19px 'CartoGothicStdBold', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
		display: block;
	}

	#more-games .game-desc{
		font-size:11px;
	}
	
	#more-games li{ background: url(../img/bg_sel_gradient.jpg?v=1) no-repeat center -3px; }
	#more-games .last{ background-position: center 0; }	
	
	#more-games li:hover{ background-position: center -67px; }
	#more-games .last:hover{ background-position: center -65px; }

	#more-games li:hover .game-title{color: #f26622;}
	#more-games li:hover .game-desc{color: #fff;}
		
	#more-games li a{
		padding: 15px 10px 15px 52px;
		display:block;
	}
	#more-games li a:before{
		content: '';
		height: 30px;
		width: 30px;		
		position: absolute;
		left:10px; top: 16px;				
		background: url(../img/sticky-footer/icons_more_games.png?v=2) no-repeat left top;
	}
		/*************************************
		* 	Game Icons
		*************************************/
		#more-games .doa-link a:before{background-position: left top;}
		#more-games .ew-link a:before{background-position: left -30px;}
		#more-games .koc-link a:before{background-position: left -120px;}
		#more-games .gf-link a:before{background-position: left -150px;}
		#more-games .ton-link a:before{background-position: left -180px;}
		#more-games .fe-link a:before{background-position: left -210px;}
		
		#more-games .doa-link:hover a:before{background-position: right top;}
		#more-games .ew-link:hover a:before{background-position: right -30px;}
		#more-games .koc-link:hover a:before{background-position: right -120px;}
		#more-games .gf-link:hover a:before{background-position: right -150px;}
		#more-games .ton-link:hover a:before{background-position: right -180px;}
		#more-games .fe-link:hover a:before{background-position: right -210px;}
/*************************************
*
*  Common Form Styles
*
*************************************/		
.placeholder{ color: #838383; }
::-webkit-input-placeholder { color: #838383; }
:-moz-placeholder { color: #838383; }

/*************************************
*
*  Tooltips
*
*  Add title attr and class "tooltip"
*  to <a> to use
*
*************************************/
.show-tooltip{
	z-index: 100;
	position: absolute;
	background: #1e1e1e;
	border: 1px solid #6a6a6a;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:	4px;
	padding: 10px;
	text-align:center;
	font-size: 11px;
	line-height: 11px;
	-moz-box-shadow: 0 0 8px #000;
	-webkit-box-shadow: 0 0 8px #000;
	box-shadow: 0 0 8px #000;
	color: #fff;
}
.show-tooltip:before{
	content: '';
	position: absolute;
	top: -8px;
	left: 5%;
	height: 8px; width: 13px;
	background: url(../img/tooltip_pointer.png) no-repeat center top;
}
/*************************************
*
*  Button Styles
*
*************************************/
	.button, .gray-button{		
		font: normal 12px/32px 'CartoGothicStdBold', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;		
		display: inline-block;
		text-transform: uppercase;
		height:30px;
		border-style: solid;
		border-width: 1px;
                border-color: #8e8e8e #5a5a5a #353535;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding: 0 12px;
		background-color: dimgray;
		background-image: linear-gradient(center top, dimgray 51%, #404040 0%);
		background-image: -o-linear-gradient(center top, dimgray 51%, #404040 0%);
		background-image: -moz-linear-gradient(center top, dimgray 51%, #404040 0%);
		background-image: -webkit-linear-gradient(center top, dimgray 51%, #404040 0%);
		background-image: -ms-linear-gradient(center top, dimgray 51%, #404040 0%);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.51, dimgray),color-stop(0, #404040));
		position:relative;
		text-align: center;
		color: #FFF !important;
		margin: 5px 0;
	}
	

	.ie8 .button{
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#363635', EndColorStr='#1F1F1E');
	}
	.ie8 .button:hover{
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#989898', EndColorStr='#5d5d5d');
	}
	.button:hover{
		background-color: #989898;
		background-image: linear-gradient(center top, #989898 51%, #5d5d5d 0%);
		background-image: -o-linear-gradient(center top, #989898 51%, #5d5d5d 0%);
		background-image: -moz-linear-gradient(center top, #989898 51%, #5d5d5d 0%);
		background-image: -webkit-linear-gradient(center top, #989898 51%, #5d5d5d 0%);
		background-image: -ms-linear-gradient(center top, #989898 51%, #5d5d5d 0%);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.51, #989898),color-stop(0, #5d5d5d));		
		cursor: pointer;
	}

	.fb-button{
		border-color: #4C64A7;
		background-color: #2D323E;
		background-image: linear-gradient(center top, #2D323E 51%, #222734 50%);
		background-image: -o-linear-gradient(center top, #2D323E 51%, #222734 50%);
		background-image: -moz-linear-gradient(center top, #2D323E 51%, #222734 50%);
		background-image: -webkit-linear-gradient(center top, #2D323E 51%, #222734 50%);
		background-image: -ms-linear-gradient(center top, #2D323E 51%, #222734 50%);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.51, #2D323E),color-stop(0.5, #222734)
		);
		padding-left: 57px;
		
		/*#2D323E, #222734*/
	}
	.ie8 .fb-button{
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2D323E', EndColorStr='#222734');
		padding-left:57px;
	}
	.ie8 .fb-button:hover{
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3A435C', EndColorStr='#2A334E');
	}	

	.fb-button:before{
		content: '';
		display:block;
		width:27px;
		height:30px;
		background: url('../img/ico_facebook_f_20.png') no-repeat center center;
		border-right:1px solid #4C64A7;
		position:absolute;
		left:0;
	}

	.fb-button:hover{
		background-color: #3A435C;
		background-image: linear-gradient(center top, #3A435C 51%, #2A334E 50%);
		background-image: -o-linear-gradient(center top, #3A435C 51%, #2A334E 50%);
		background-image: -moz-linear-gradient(center top, #3A435C 51%, #2A334E 50%);
		background-image: -webkit-linear-gradient(center top, #3A435C 51%, #2A334E 50%);
		background-image: -ms-linear-gradient(center top, #3A435C 51%, #2A334E 50%);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.51, #3A435C),color-stop(0.5, #2A334E));		
		/*#3A435C,2A334E*/
	}

	.google-button{
		border-color: #234b8a;
		background-color: #2C7299;
		background-image: linear-gradient(center top, #2C7299 51%, #295384 50%);
		background-image: -o-linear-gradient(center top, #2C7299 51%, #295384 50%);
		background-image: -moz-linear-gradient(center top, #2C7299 51%, #295384 50%);
		background-image: -webkit-linear-gradient(center top, #2C7299 51%, #295384 50%);
		background-image: -ms-linear-gradient(center top, #2C7299 51%, #295384 50%);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.51, #2C7299),color-stop(0.5, #295384)
		);
		
		padding-left:57px;
		/*#2c7299,#296384*/
	}
	.ie8 .google-button{
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2C7299', EndColorStr='#295384');
	}

	.google-button:before{
		content: '';
		display:block;
		width:27px;
		height:30px;
		background: url('../img/ico_google_g_20.png') no-repeat center center;
		border-right:1px solid #234b8a;
		position:absolute;
		left:0;
	}
	.google-button:hover{
		background-color: #4498C8;
		background-image: linear-gradient(center top, #4498C8 51%, #3A82B6 50%);
		background-image: -o-linear-gradient(center top, #4498C8 51%, #3A82B6 50%);
		background-image: -moz-linear-gradient(center top, #4498C8 51%, #3A82B6 50%);
		background-image: -webkit-linear-gradient(center top, #4498C8 51%, #3A82B6 50%);
		background-image: -ms-linear-gradient(center top, #4498C8 51%, #3A82B6 50%);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.51, #4498C8),color-stop(0.5, #3A82B6));		
		/*68acd2, 5d98c3*/
	}

	.gray-button:hover{
		border-color: #818181;
		background-color: #363635;		
		background-image: linear-gradient(top, #474747 50%, #1f1f1e 51%);
        background-image: -o-linear-gradient(top, #474747 50%, #1f1f1e 51%);
        background-image: -moz-linear-gradient(top, #474747 50%, #1f1f1e 51%);
        background-image: -webkit-linear-gradient(top, #474747 50%, #1f1f1e 51%);
        background-image: -ms-linear-gradient(top, #474747 50%, #1f1f1e 51%);
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.51, #474747),color-stop(0.5, #1f1f1e));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#474747', EndColorStr='#1f1f1e');
        }

	.ie8 .google-button:hover{
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4498C8', EndColorStr='#3A82B6');
	}

	.new-button{
		color:#ffffff;
		font-weight:normal;
		font-size:15px;
		line-height:32px;
		font-family:'CartoGothicStdBold', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
		display: inline-block;
		height:30px;
		text-shadow: -1px -1px 0 #484848;
		border-style: solid;
		border-width: 1px;
		border-top-color: #8d8f8e;
		border-bottom-color: #353535;
		border-left-color:#525250;
		border-right-color:#525250;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding: 0 20px;
		background-color: #686868;
		background-image: linear-gradient(center top, #414141, #686868);
		background-image: -o-linear-gradient(top, #414141, #686868);
		background-image: -moz-linear-gradient(top, #414141, #686868);
		background-image: -webkit-linear-gradient(top, #414141, #686868);
		background-image: -ms-linear-gradient(top, #414141, #686868);
		background-image: -webkit-gradient(linear,left bottom,left top, from(#414141), to(#686868)); 
		position:relative;
		text-align: center;
		color: #FFF;
		margin: 5px 0;
	    -moz-box-shadow: 0px 0px 5px #000000;
	    -webkit-box-shadow: 0px 0px 5px #000000;
	    box-shadow: 0px 0px 5px #000000;
	}

	.ie8 .new-button{
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#414141', EndColorStr='#686868');
	}

	.new-button:hover{
		background-color: #686868;
		background-image: linear-gradient(center top, #535353, #787878);
		background-image: -o-linear-gradient(top, #535353, #787878);
		background-image: -moz-linear-gradient(top, #535353, #787878);
		background-image: -webkit-linear-gradient(top, #535353, #787878);
		background-image: -ms-linear-gradient(top, #535353, #787878);
		background-image: -webkit-gradient(linear,left bottom,left top, from(#535353), to(#787878)); 
		cursor: pointer;
		border-top-color:#9A9A9A;
		border-bottom-color:#4A4A4A;
		border-right-color:#585858;
		border-left-color:#585858;
	}

	.ie8 .button:hover{
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#535353', EndColorStr='#787878');
	}

	.moar-oranges:hover{
		background-color: #686868;
		background-image: linear-gradient(center top, #DA7126, #7A3411);
		background-image: -o-linear-gradient(top, #DA7126, #7A3411);
		background-image: -moz-linear-gradient(top, #DA7126, #7A3411);
		background-image: -webkit-linear-gradient(top, #DA7126, #7A3411);
		background-image: -ms-linear-gradient(top, #DA7126, #7A3411);
		background-image: -webkit-gradient(linear,left bottom,left top, from(#DA7126), to(#7A3411)); 
		cursor: pointer;
		border-top-color:#FBCFA5;
		border-bottom-color:#56240C;
		border-right-color:#954016;
		border-left-color:#AA4C19;
	}

/*************************************
*
*  	Buttons as of Login/reg 2.0
*
*************************************/
.button2{
	cursor: pointer; 
	 
	/** Box Model **/
	display: inline-block;
	padding: 1px 12px 0;
	position:relative;
	margin: 5px 0;
	
	/** Typography **/
	font: normal 10px/25px 'CartoGothicStdBold', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;		
	text-transform: uppercase;
	text-align: center;
	color: #FFF;
	text-shadow: -1px -1px 0 #424242;
	
	/** Border **/
	border-style: solid;
	border-width: 1px;
	border-color: #8e8e8e #5a5a5a #353535;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	/** Background **/
	background-color: #565656;
	background-image: linear-gradient(center top, #696969 1, #404040 0);
	background-image: -o-linear-gradient(center top, #696969 1, #404040 0);
	background-image: -moz-linear-gradient(center top, #696969 1, #404040 0);
	background-image: -webkit-linear-gradient(center top, #696969 1, #404040 0);
	background-image: -ms-linear-gradient(center top, #696969 1, #404040 0);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #696969),color-stop(0, #404040));
}
.ie8 .button2{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#404040', EndColorStr='#696969');
}

.button2:hover, .button2.hover{
	/** Typography **/	
	text-shadow: -1px -1px 0 #5f5f5f;
	color: #fff;
	
	/** Border **/	
	border-color: #b2b2b2 #838383 #4d4d4d;

	/** Background **/
	background-color: #7d7d7d;
	background-image: linear-gradient(center top, #989898 1, #5d5d5d 0);
	background-image: -o-linear-gradient(center top, #989898 1, #5d5d5d 0);
	background-image: -moz-linear-gradient(center top, #989898 1, #5d5d5d 0);
	background-image: -webkit-linear-gradient(center top, #989898 1, #5d5d5d 0);
	background-image: -ms-linear-gradient(center top, #989898 1, #5d5d5d 0);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #989898),color-stop(0, #5d5d5d));
}

.ie8 .button2:hover{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5d5d5d', EndColorStr='#989898');
}

.lg-button{
	font-size:16px;
	line-height:38px;
	height: 38px;
	text-transform:none;
	padding: 0 35px;
	/*box-shadow: 0 1px 1px #222;*/
}

.md-button{
	font-size:16px;
	line-height:32px;
	height: 32px;
	text-transform:none;
	padding: 0 20px;
	box-shadow: 0 1px 1px #222;
}

.sm-button{
	font-size: 8px;
	line-height: 12px;
	padding: 0 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 0;
}
.kabam-button{
	text-shadow: -1px -1px 0 #bd5624;

	/** Border **/	
	border-color: #fbc394 #ef7527 #cd561d;

	/** Background **/
	background-color: #f47928;
	background-image: linear-gradient(center top, #f6892e 1, #f26722 0);
	background-image: -o-linear-gradient(center top, #f6892e 1, #f26722 0);
	background-image: -moz-linear-gradient(center top, #f6892e 1, #f26722 0);
	background-image: -webkit-linear-gradient(center top, #f6892e 1, #f26722 0);
	background-image: -ms-linear-gradient(center top, #f6892e 1, #f26722 0);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #f6892e),color-stop(0, #f26722));
}

.ie8 .kabam-button{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f26722', EndColorStr='#f6892e');
}
.kabam-button:hover{
	text-shadow: -1px -1px 0 #e37d2c;
	
	/** Border **/	
	border-color: #fccca4 #f1892d #d46321;

	/** Background **/
	background-color: #f68b2e;
	background-image: linear-gradient(center top, #f79b35 1, #f47627 0);
	background-image: -o-linear-gradient(center top, #f79b35 1, #f47627 0);
	background-image: -moz-linear-gradient(center top, #f79b35 1, #f47627 0);
	background-image: -webkit-linear-gradient(center top, #f79b35 1, #f47627 0);
	background-image: -ms-linear-gradient(center top, #f79b35 1, #f47627 0);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #f79b35),color-stop(0, #f47627));	
}

.ie8 .kabam-button:hover{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f47627', EndColorStr='#f79b35');
}

.fb-button2{
	padding-left: 45px;
	text-shadow: -1px -1px 0 #3e5e8e;

	/** Border **/	
	border-color: #8ab0e8 #4f78ba #324c82;

	/** Background **/
	background-color: #4e76ba;
	background-image: linear-gradient(center top, #6497df 1, #3c5b9a 0);
	background-image: -o-linear-gradient(center top, #6497df 1, #3c5b9a 0);
	background-image: -moz-linear-gradient(center top, #6497df 1, #3c5b9a 0);
	background-image: -webkit-linear-gradient(center top, #6497df 1, #3c5b9a 0);
	background-image: -ms-linear-gradient(center top, #6497df 1, #3c5b9a 0);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #6497df),color-stop(0, #3c5b9a));
}

.ie8 .fb-button2{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3c5b9a', EndColorStr='#6497df');
}

.fb-button2:before{
	content: '';
	width:30px;
	height:30px;
	position:absolute;
	left: 4px; top: 5px;
	background: url('../img/ico_fb_google.png?v=1') no-repeat center top;
}

.fb-button2:hover{
	text-shadow: -1px -1px 0 #4a7094;

	/** Border **/
	border-color: #a7c4ee #6ea3d7 #3f5fa1;

	/** Background **/
	background-color: #6496cd;
	background-image: linear-gradient(center top, #7db1e7 1, #4b72b3 0);
	background-image: -o-linear-gradient(center top, #7db1e7 1, #4b72b3 0);
	background-image: -moz-linear-gradient(center top, #7db1e7 1, #4b72b3 0);
	background-image: -webkit-linear-gradient(center top, #7db1e7 1, #4b72b3 0);
	background-image: -ms-linear-gradient(center top, #7db1e7 1, #4b72b3 0);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #7db1e7),color-stop(0, #4b72b3));
}

.ie8 .fb-button2:hover{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4b72b3', EndColorStr='#7db1e7');
}

.google-button2{
	text-shadow: -1px -1px 0 #4a7094;
	padding-left: 45px;

	/** Border **/	
	border-color: #3e8fee #005bd4 #00359a;

	/** Background **/
	background-color: #0056d1;
	background-image: linear-gradient(center top, #006be8 1, #0040b6 0);
	background-image: -o-linear-gradient(center top, #006be8 1, #0040b6 0);
	background-image: -moz-linear-gradient(center top, #006be8 1, #0040b6 0);
	background-image: -webkit-linear-gradient(center top, #006be8 1, #0040b6 0);
	background-image: -ms-linear-gradient(center top, #006be8 1, #0040b6 0);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #006be8),color-stop(0, #0040b6));
}

.ie8 .google-button2{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0040b6', EndColorStr='#006be8');
}

.google-button2:before{
	content: '';
	display:block;
	width:30px;
	height:30px;
	background: url('../img/ico_fb_google.png?v=1') no-repeat center bottom;
	position:absolute;
	top:4px; left:5px;		
}
.google-button2:hover{
	text-shadow: -1px -1px 0 #0057a0;

	/** Border **/	
	border-color: #51b1f3 #006cdb #0045b8;

	/** Background **/
	background-color: #006fdd;
	background-image: linear-gradient(center top, #008bef 1, #0053cc 0);
	background-image: -o-linear-gradient(center top, #008bef 1, #0053cc 0);
	background-image: -moz-linear-gradient(center top, #008bef 1, #0053cc 0);
	background-image: -webkit-linear-gradient(center top, #008bef 1, #0053cc 0);
	background-image: -ms-linear-gradient(center top, #008bef 1, #0053cc 0);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #008bef),color-stop(0, #0053cc));	
}
.ie8 .google-button2:hover{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0053cc', EndColorStr='#008bef');
}
	
	/*************************************
	* 	Small / Chiclet-style buttons  	
	*************************************/
	.sm-fb-button{
		width: 26px;
		padding: 0;
	}

	.sm-fb-button:before{
		content: '';
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		background: url(../img/ico_fb_google_sm.png) no-repeat center top;
	}

	.sm-fb-button:hover{ /* Same as non-hover fb-button2 */
		text-shadow: -1px -1px 0 #3e5e8e;
		border-color: #8ab0e8 #4f78ba #324c82;
		background-color: #4e76ba;
		background-image: linear-gradient(center top, #6497df 1, #3c5b9a 0);
		background-image: -o-linear-gradient(center top, #6497df 1, #3c5b9a 0);
		background-image: -moz-linear-gradient(center top, #6497df 1, #3c5b9a 0);
		background-image: -webkit-linear-gradient(center top, #6497df 1, #3c5b9a 0);
		background-image: -ms-linear-gradient(center top, #6497df 1, #3c5b9a 0);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #6497df),color-stop(0, #3c5b9a));
	}

	.sm-google-button{
		width: 26px;
		padding: 0;	
	}

	.sm-google-button:before{
		content: '';
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		background: url(../img/ico_fb_google_sm.png) no-repeat center -26px;
	}
	.sm-google-button:hover{ /* Same as non-hover google-button2 */
		text-shadow: -1px -1px 0 #4a7094;
		border-color: #3e8fee #005bd4 #00359a;
		background-color: #0056d1;
		background-image: linear-gradient(center top, #006be8 1, #0040b6 0);
		background-image: -o-linear-gradient(center top, #006be8 1, #0040b6 0);
		background-image: -moz-linear-gradient(center top, #006be8 1, #0040b6 0);
		background-image: -webkit-linear-gradient(center top, #006be8 1, #0040b6 0);
		background-image: -ms-linear-gradient(center top, #006be8 1, #0040b6 0);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #006be8),color-stop(0, #0040b6));
	}