/* zynga.com style */
/* (c) 2010 Zynga Game Network, Inc. */

/** global elements **/

body {
margin: 0;
padding: 0;
font: 12px/170% Arial, Helvetica, sans-serif;
color: #494949;
background: #e4d8ce;
}

input {
font: 12px/100% Verdana, sans-serif;
color: #494949;
}

textarea, select {
font: 12px/160% Verdana, sans-serif;
color: #494949;
}

/* headers */

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
}
h1 {
color: #d49b4a;
font-weight: bolder;
font-size: 170%;
}
h2 {
color: #d49b4a;
font-weight: bolder;
font-size: 160%;
line-height: 130%;
}
h3 {
font-size: 140%;
}
h4 {
font-size: 130%;
}
h5 {
font-size: 120%;
}
h6 {
font-size: 110%;
}

ul, quote, code, fieldset {
  margin: .5em 0;
}

p {
  margin: 0.6em 0 1.2em;
  padding: 0;
}

outline { border:none; outline: none; }

object {  margin: 0; padding: 0;outline: none; cursor: pointer;}

/* links */

a { outline: none; } 
a:link, a:visited {
  color: #027AC6;
  text-decoration: none;
}
a:hover {
  color: #0062A0;
  text-decoration: underline;
}
a:active, a.active {
  color: #5895be;
}

/* hard rules */

hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}

/* lists: global */

ul {
  margin: 0.5em 0 1em;
  padding: 0;
}
ol {
  margin: 0.75em 0 1.25em;
  padding: 0;
}
ol li, ul li {
  margin: 0.4em 0 0.4em 0.5em;
}

/* lists: footer "menu" */

ul.menu, .item-list ul {
  margin: 0.35em 0 0 -0.5em; 
  padding: 0;
}
ul.menu ul, .item-list ul ul {
  margin-left: 0em; 
}
ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
  margin: 0.15em 0 0.15em 0.5em; 
}
ul li, ul.menu li, .item-list ul li, li.leaf {
  padding: 0 0 0.2em 1.5em;
  list-style-type: none;
  list-style-image: none;
  background: transparent url(/img/menu-leaf.gif) no-repeat 1px 0.35em; 
}
ol li {
  padding: 0 0 0.3em;
  margin-left: 2em; 
}

ul li.expanded {
  background: transparent url(/img/menu-expanded.gif) no-repeat 1px 0.35em; 
}
ul li.collapsed {
  background: transparent url(/img/menu-collapsed.gif) no-repeat 0px 0.35em; 
}
ul li.leaf a, ul li.expanded a, ul li.collapsed a {
  display: block;
}

/* definitions */

dl {
  margin: 0.5em 0 1em 1.5em; 
}
dl dt {
}
dl dd {
  margin: 0 0 .5em 1.5em; 
}

/* images */

img, a img {
  border: none;
}

/* global page layout */

#wrapper {
  width: 968px;
  background: #C3DFE0 url(/img/bg-body.png) repeat-y top center;
  margin: 0 auto;
  padding:0;
  
}
#wrapper #container {
  margin: 0 7px 0 6px;
  padding: 0;
  position: relative;
}

/* page header */

#wrapper #container #header {
  height: 96px;
  background: url(/img/bg-header.gif) no-repeat top center;
  width: 954px;
  margin: 0;
  padding: 0;
  text-align: left;
}
#wrapper #container #header h1, 
#wrapper #container #header h1 a:link, 
#wrapper #container #header h1 a:visited {
  padding: 0;
  margin: 0; 
}
#wrapper #container #header h1 span {
  font-weight: bold;
}
#wrapper #container #header h1 img {
  padding: 0;
  margin: 0; 
}
#wrapper #container #header h1 a:link, 
#wrapper #container #header h1 a:visited {
  color: #fff;
  font-weight: normal;
  text-shadow: #1659ac 0px 1px 3px;
  font-size: 1.5em;
}
#wrapper #container #header h1 a:hover {
  text-decoration: none;
}

/** header: logo **/

#logo {
padding: 16px 0 0 24px;
margin: 0;
width: 225px;
float: left;
}

/** header: tag line **/

#tag {
float: left;
color: #b61318;
font-weight: bold;
font-size: 10pt;
line-height: 1.3em;
padding: 22px 0 0 12px;
}

/** header: button bar **/

#socialBar {
position: absolute;
clear: both;
right: 24px;
top: 12px;
}
#socialBar DIV {
float: right;
padding: 12px 0 0 12px;
}
#search {
position: absolute;
clear: both;
right: 24px;
top: 84px;
}

/* page center element */

#center {
margin: 21px 0 0 0;
}

/***********************************************************/
/***********************************************************/
/***********************************************************/

/* home class */

.home {
	margin-top: 12px;
	margin-right: auto;
	margin-left: auto;
	width: 930px;
}

/* footer element */

#footer {
	float: none;
	clear: both;
	text-align: center;
	margin: 0 auto;
	color: #898989;
	width: 968px;
	padding: 0;
	background: url(/img/bg-footer.png) no-repeat top center;
	position: relative;
}
#footer .block .content {
	margin: 0;
	padding:0;
}
#footer .block-menu .menu {
	float: right;
	margin: 0;
	padding: 12px 0 0 0;	
}
#footer .block-menu ul.menu li {
	display: inline;
	background: url(/img/bg-footer-menu-sep.gif) no-repeat center right;
	margin: 0;
	padding: 0;
}
#footer .block-menu ul.menu li.last {
	background-image: none;
}
#footer .block-menu ul.menu li a{
	display: inline;
	color:#666;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 8px 0 5px;
}
#footer #copyright {
	position: absolute;
	top: 14px;
	left: 12px;
	color:#666;
	font: 11px Arial, Helvetica, sans-serif;
}

/* utility classes */

.fR { float: right; }
.fL { float: left; }

.db { border: 1px dotted red; }

.hide { display: none; }

.noB { border: none; }

/* common elements */

#violator {
float: left;
margin: -84px 0 0 0;
}

/* landing page class */

.land {
min-height: 557px;
padding: 25px 25px 0 25px;
}
.land .header {
width: 100%;
font: bold 14pt Arial, sans-serif;
color: white;
text-align: right;
padding: 1em 25px 0.5em 0;
}
.land .box {
width: 440px;
padding: -12px 25px 0 0;
}
.land .box H1 {
font: bold 14pt Arial, Helvetica, sans-serif;
color: #ffd24f;
text-align: left;
}
.land .box P {
color: white;
text-align: left;
font-size: 111%;
line-height: 1.1em;
}
.land .toe {
display: block;
background: url(/img/bg-about-land-toe.png) no-repeat top center;
width: 100%;
height: 318px;
margin-top: 18px;
margin-right: auto;
margin-left: auto;
bottom: 0;
}
.land .video {
background: url(/img/bg-land-video.png) no-repeat top center;
width: 361px;
height: 249px;
margin: -96px 0 0 18px;
}
.land .video .player {
margin-top: 15px;
margin-right: auto;
margin-left: auto;
width: 339px;
height: 217px;
}

/** banners **/

.banner_home {
height: 382px;
width: 900px;
padding: 1px 0 12px 0;
margin-left: auto;
margin-right: auto;
}
.banner {
height: 200px;
width: 900px;
padding: 1px 0 12px 0;
margin-left: auto;
margin-right: auto;
}

/** home: mission statements **/

.mission {
float: left;
width: 29%;
padding: 12px 12px 0 12px;
}
.mission H1 {
text-align: left;
padding-bottom: 3px;
font-weight: bolder;
font-size: 18pt;
color: #d49b4a;
}
.mission P {
line-height: 1.1em;
font-size: 10pt;
margin-top: 0em;
}
.mission P.top {
}
#what {
padding-top: 131px;
margin-left: 14px;
background: url(/img/mission-what.png) left top no-repeat;
}
#why {
padding-top: 0px;
margin-left: 11px;
}
#where {
padding-top: 161px;
margin-left: 11px;
background: url(/img/mission-where.png) right top no-repeat;
}

/** initiatives **/

.initiative {
width: 900px;
margin-left: auto;
margin-right: auto;
padding: 12px 12px 12px 12px;
}
.initiative H1 {
padding: 0 0 12px 0;
}
.initiative P {
line-height: 1.3em;
}
.initiative #photos {
width: 600px;
height: 230px;
float: left;
}
.initiative #thermometer {
width: 300px;
height: 230px;
float: right;
}
.initiative #thermometer P {
text-align: center;
}
.initiative #strategy {
width: 450px;
float: left;
}
.initiative #strategy P {
text-align: center;
}
.initiative #about {
width: 450px;
float: left;
}
.initiative #partners {
width: 100%;
float: left;
}
.initiative #partners HR {
width: 66%;
}
.initiative #partners H2 {
padding: 0 0 12px 0;
}
.initiative #partners H3 {
font-weight: bolder;
}
.initiative #partners DIV.column {
float: left;
height: 260px;
width: 18%;
padding: 0 0 12px 0;
margin-right: 12px;
}
.initiative #partners DIV.column DIV {
float: left;
padding-right: 12px;
}
.initiative #sweet_about {
width: 25%;
padding: 0 24px 0 0;
float: left;
}
.initiative #sweet_campaigns {
width: 70%;
float: right;
padding: 0 0 12px 0;
}
.initiative #sweet_campaigns DIV {
height: 100px;
}
.initiative #sweet_campaigns P {
padding-left: 136px;
}
.initiative #sweet_campaigns H2 {
padding-left: 100px;
font-size: 12pt;
}
.initiative #gameInfo {
float:right;
width:30%;
padding-left:24px;
}
.initiative #gameInfo P {
text-align: center;
}
.initiative #details {
width: 60%;
}
/* info (extras) section - class */

.info {
min-height: 620px;
padding: 25px 25px 0 25px;
margin: 36px 0 0 0;
}
.info .toe {
display: block;
background: url(/img/bg-extra-info-toe.png) no-repeat top center;
width: 100%;
min-height: 620px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
bottom: 0;
}

/* extras section - class */

.extra {
margin-top: 12px;
background: #ffffff url(/img/bg-extra.png) no-repeat top center;
}
.extra .header {
width: 100%;
font: bold 14pt Arial, sans-serif;
color: white;
text-align: right;
padding: 0 25px 0.5em 0;
}
.extra .info {
background: url(/img/bg-extra-info.png) no-repeat 25px 25px;
}

/* extras section - site-map content elements */

#site-map {
padding: 50px 0 0 225px;
}
#site-map H1 {
color: #DF7A1C;
font: bold 14pt Arial, sans-serif;
padding: 0 0 0.5em 0;
}
#site-map H2 {
color: #4D4D4D;
font: bold 12pt Arial, sans-serif;
line-height: 1.2em;
}
#site-map P {
font: 11pt Arial, sans-serif;
padding-left: 0.5em;
line-height: 1.1em;
}
#site-map .col {
float: left;
width: 24%;
}

/* extras section: poker-chips content elements */

#poker-chips {
padding: 50px 50px 0 200px;
}
#poker-chips P {
font: 10pt Arial, sans-serif;
line-height: 1.1em;
padding: 0 0 0.5em 0;
}
#poker-chips H1 {
font: bold 14pt Arial, sans-serif;
line-height: 1.1em;
padding: 0 0 0.5em 0;
}
#poker-chips IMG {
padding: 24px;
}
#poker-chips .links {
padding: 0 0 24px 0;
}
#poker-chips .links A {
padding: 0 0 0 24px;
}
#poker-chips .links H3 {
padding: 12px 0 6px 0;
}

/* extras section: game-cards content elements */

#game-cards {
padding: 50px 50px 0 200px;
}
#game-cards P {
font: 10pt Arial, sans-serif;
line-height: 1.1em;
padding: 0 0 0.5em 0;
}
#game-cards H1 {
font: bold 14pt Arial, sans-serif;
color: #DB2127;
line-height: 1.1em;
padding: 0 0 0.5em 0;
}
#game-cards H2 {
font: bold 12pt Arial, sans-serif;
color: #DF7A1C;
line-height: 1.1em;
padding: 0 0 0.5em 0;
}
#game-cards-img {
}
#game-cards .retailer {
padding: 24px;
}
#game-cards-table {
background: white url(/img/game-cards-table.png) no-repeat top center;
width: 640px;
height: 155px;
margin: 25px 0 0 0;
padding: 36px 0 0 0;
}
#game-cards-table .col {
position: relative;
width: 29%;
margin-top: 0px;
padding: 0 12px 0 12px ;
line-height: 1.1em;
}
#game-cards-table P {
padding: 0 0 0 26px;
}
#game-cards-table .dot {
background: url(/img/box-red-22.png) no-repeat top center;
padding: 3px 0 0 0;
font: bold 9pt Arial, sans-serif;
width: 22px;
height: 22px;
text-align: center;
color: white;
margin-top: 9px;
}

/* extras section: privacy-policy content elements */

#privacy-policy {
padding: 50px 50px 0 200px;
}
#privacy-policy P {
font: 10pt Arial, sans-serif;
line-height: 1.1em;
padding: 0 0 0.5em 0;
}
#privacy-policy H1 {
font: bold 12pt Arial, sans-serif;
line-height: 1.1em;
padding: 0 0 0.5em 0;
}

/* extras section: terms-of-service content elements */

#terms-of-service {
padding: 50px 50px 0 200px;
}
#terms-of-service P {
font: 10pt Arial, sans-serif;
line-height: 1.1em;
padding: 0 0 0.5em 0;
}

/* games section - class */

.games {
	background: #a8d9e7 url(/img/bg-games.png) no-repeat top center;
	min-height: 600px;
	height: auto !important;
	height: 600px;	
}

/* jobs section - class */

.jobs {
	background: #ffeab7 url(/img/bg-jobs.png) no-repeat top center;
	min-height: 600px;
	height: auto !important;
	height: 600px;	
}

/** utility class **/

.header_bar {
width:900px;
margin-left:auto; 
margin-right:auto;
}

/** contact **/

.contactForm {
margin:48px;
font-size: 12pt;
}
 
/** blog page **/

.blogByline {
	padding:		0;
	padding-top:		10px;
	margin:			0;
	line-height:		1.1em;
}

.blogDate {
	padding:		0;
	margin:			0;
	line-height:		1.1em;
}

/** blog **/

.box_blog {
	float:			left;
	width:			63%;
	margin-left:		15px;
	margin-right:		15px;
}

.box_blog DIV {
border-top: 2px dotted #448ccb;
}
.box_blog DIV.top {
border: none;
}
.box_blog DIV.video {
border: 0;
width: 280px;
height: 210px;
float:right;
padding: 10px;
margin: 12px;
}
.box_blog DIV IMG {
text-align: right;
padding: 10px;
border: 0;
}

.box_blog h2 {
	color:			#448ccb;
	line-height:		1.0em;
	margin-top:		12px;
	padding-left:		10px;
	width:			66%;
}
.box_blog h3 {
	line-height:		0.95em;
	margin-top:		12px;
	padding:		0;
	padding-left:		10px;
}
.box_blog hr {
	border:			0;
	border-bottom:		2px dotted red;
	margin-bottom:		10px;
	margin-right:		36px;
}
.box_blog p {
	line-height:		1.3em;
	margin-left:		10px;
	margin-right:		10px;
}
.box_press {
	float:			left;
	width:			66%;
	margin:			0 24px 0 12px;
}
.box_press DIV {
border-top: 2px dotted #448ccb;
}
.box_press DIV.top {
border: none;
}
.quickLinks {
	padding: 6px 24px 0px 12px;
}
.quickLinks H2 {
	padding-bottom:		12px;
}
.quickLinks LI {
	list-style-type: circle;
	line-height: 1.1em;
	padding: 6px 0px 0px 0px;
}

.quoteLink {
	padding:		0 0 0 12px;
	height:			0em;
}

.quoteSource {
	padding:		0 0 2em 12px;
	font-style:		italic;	
	height:			0em;
}

.quoteTxt {
	padding:		1em 36px 0 12px;
	line-height:		1.3em;
}

/*********************************************************************
/*** Utility

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1px;
}

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

img {
	border: 0px;
}

.clearfloat {
	clear: both;
}

h2 {
	color: #b41217;
	font-size: 20px;
	text-transform: lowercase;
}

h3 {
	color: #3d3c3c;
	font-size: 17px;
	text-transform: lowercase;
	padding: 10px;
}

h4 {
	color: #3d3c3c;
	font-size: 13px;
	text-transform: lowercase;
}

p {
	padding: 5px 10px 10px;
}

p.quote{
	font-style: italic;	
}

/*** Utility
*********************************************************************/