/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, tt, var,
dl, dt, dd,ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	position: relative;
}
/* remember to define focus styles! */
:focus {outline: 0;}

body {line-height: 1.5em !important;font: 13px Verdana, sans-serif;color:#333333;text-align:center;background:#FF6100;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: "";}
blockquote, q {quotes: "" "";}
label {float:left; width:5em; display:block;}

.clr {clear:both;}
div.clr { clear: both; height: 0px; width: 100%; }
.qtr, .third, .half {float: left; width:33.3333332%;}
.third.x2 {width:66.6666666%;}
.qtr {width: 20%;}
.half {width: 50%;}
.third.half {width: 16.6666666666%}

/* CORE */
#constructor{position:relative;margin:0 auto;width:900px;text-align:left;}

#header {background:url('../images/bg_header_cards.jpg') center top no-repeat;height:168px;}
#contact #header {background-image:url('../images/bg_header_roulette.jpg');}
#terms #header {background-image:url('../images/bg_header_chips.jpg');}
#profile #header {background-image:url("../images/bg_header_profile.jpg");}
#publications #header {background-image:url("../images/bg_header_publications.jpg");}
#appearances #header {background-image:url("../images/bg_header_appearances.jpg");}
#branding {background:url('../images/bg_branding.jpg') top center no-repeat;height:201px;}
#main-container {background:#ffffff;border-top:1px solid white;}
.copy {margin:70px 5.5% 0 5.5%;padding-bottom:80px;}
#profile .copy,
#publications .copy {float:left;}
.tblContact {left:140px;}

/* NAVIGATION */
ul.main-nav {position: relative; top:1em; list-style:none; margin-left:2.5%; }
ul.main-nav li {float:left;padding:0 20px;}
.divider {border-right:1px solid #9e9494;}
ul.main-nav li a {text-transform:uppercase;text-decoration:none;padding:0.5em 1em;font-size:1.15em;color:#ff5a00;}
ul.main-nav li a:hover {color:#000000;}
ul.main-nav li.sub a {float:left;}

ul.main-nav li ul {left:-9999px; position:absolute; top:1.5em; width:30em; z-index:2; -moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	-ms-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;}
ul.main-nav li:hover ul { left:0; }
ul.main-nav li ul li.sub {float:left; width:14em; display:block; background:white; padding:0;}

#homepage #nav1,
#profile #nav2,
#publications #nav3,
#appearances #nav4,
#contact #nav5 {color:#000000;}


/* COMMON */
h1 {color:#ff5a00;margin-bottom:20px;}
.clear {clear:both;}
.ftHeading {font:13px Verdana;color:#ffffff;padding:10px 0 0 5px;}
.mugshot {float:left;width:186px;height:188px;}
.bio {float:left;left:6.666666666%;width:61.6666666666%;}
ul.experience{list-style:square;color:#ff5a00;margin-left:4.4444444%;}
ol.terms{margin: 15px 25px 25px 25px; list-style: decimal;}
ul.experience li, ol.terms li {padding:10px 0;}

a, .phone {color:#ff5a00;}
.botMar20 {margin-bottom:20px;}


/* FOOTER */
#footer {background:url('../images/bg_footer.jpg') top center repeat-y; padding:0; min-height:1.5em; }
#footer a {color:#ffffff !important;}
.twitter, .blogBox {float:left;width:37%;margin-left:10%; padding:2em 0;}
.twitter img, .twitter p {float:left;}
#twitter {color:#ff5a00;margin-left:3.5%;}
.pokerati {margin-top:20px;margin-left:5px;}
#sub-footer {font:11px Verdana;color:#ffffff; clear:both; text-align:center; background:#FF6100; padding-top:1em; }
#sub-footer a {color:white;}


/**** TEST **
#header {font-size: 3em; font-weight: bold; color:lime; line-height: 1.2em;}
*/

/* desktop */
@media screen and (min-width: 900px) {

}
@media screen and (max-width:899px) {
	#constructor {width:auto;}
	ul.main-nav li {padding:0;}
}

@media screen and (max-width: 639px) {
  ul.main-nav li a {padding:0.2em 0.5em;font-size:1em;}
	ul.main-nav li ul {width:14em; margin-left:0em;}
	ul.main-nav li ul li.sub {padding:0.5em 0;}
}

@media screen and (max-width: 549px) {
  .bio {float:none;left:0;width:auto;}
  .mugshot {margin:0 1em 0.5em 0;}
}

@media screen and (max-width:479px) {
	#header, #branding {background:url('../images/bg_mobile.jpg') center top no-repeat;height:90px;}
	#contact #header {background:url('../images/bg_mobile.jpg') no-repeat center -90px;}
	#terms #header {background:url('../images/bg_mobile.jpg') no-repeat center -180px;}
	#profile #header {background:url('../images/bg_mobile.jpg') no-repeat center -270px;}
	#publications #header {background:url('../images/bg_mobile.jpg') no-repeat center -360px;}
	#appearances #header {background:url('../images/bg_mobile.jpg') no-repeat center -450px;}
	#branding {background:url('../images/bg_mobile.jpg') no-repeat center -540px;}

  .copy {margin-right:0.5em; margin-left:0.5em;}

  .twitter, .blogBox {float:none; width:auto;}

  ul.main-nav li {float:none; font-size:1.1em; line-height:2.5em; border-left:0.5em solid grey; padding-left:0.5em;}
  ul.main-nav li ul {top:1.25em; border:1px solid #ccc; }
	ul.main-nav li:hover ul {left:4em; }
  ul.main-nav li ul li {border:0; font-size:1em; line-height:1.5em; }
	ul.main-nav li ul li a {width:100%; display: block; }
  .divider {border:none; }

	label {float:none; margin-top:1em;}
}