/* ####################################### */
/* ############### =GENERAL ############## */
/* ####################################### */


body {
	background: #EDEDE5 url(/images/body_bg.png) repeat 0 0;
}


/*.a-layout-horizontal div.section-inner {
	width: 960px;
}*/


/* ####################################### */
/* ############## HEADER ################# */
/* ####################################### */

#site-notice {
	position:relative;
	z-index:9999;
}

p#corner-notice {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 500;
}

p#corner-notice span,
p#corner-notice a strong {
	position: absolute;
	left: -9999px;
	top: 0;
}

p#corner-notice a:link,
p#corner-notice a:visited {
	display: block;
	background: url(/images/corner_graphic.png) no-repeat 0 0;
	width: 203px;
	height: 205px;
}	

#site-logo {
	float: left;
	padding: 0;
}

#your-ip-address {
	float: right;
	font-size: 4.5em;
	padding-top: 49px;
	margin: 0;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;	
	margin-right: -20px;
	position: relative;	
}

.fontface #your-ip-address {
	font-family: "Agency FB", "College Condensed Regular", Agency, Calibri,Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size: 6.6666666666666666666666666666667em;
	padding-top: 25px;
}

#your-ip-address:before {
	content: '{';
		color: #ccc;
}

#your-ip-address:after {
	content: '}';
	color: #ccc;
}



#your-ip-address span {
	display: block;
	position: absolute;
	background: url(/images/ip_address_pointer.png) no-repeat 0 0;
	width: 242px;
	height: 21px;
	font-family: Calibri,Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size: 12px;
	text-indent: -9999px;
	top: 16px;
	left: -13px;
}


/* ####################################### */
/* ############### CONTENT ############### */
/* ####################################### */

#content {
	clear: both;
	padding: 40px 0;
	width: 960px;
	margin: 0 auto;
}

div#main-content {
	padding: 0;
}

/* SECTION GENERIC
------------------------------------------------*/

#content .content-section {
	clear: both;
	padding-left: 50px;
	overflow: hidden;
	margin-bottom: 40px;
	padding-bottom: 40px;
	background-repeat: no-repeat;
	background-position: 0 0;
	border-bottom: 1px dashed #ccc;
}

#content .content-section h2 {
	position: absolute;
	left: -9999px;
}

.section-information {
	float: right;
	width: 610px;
	margin-left: 60px;
}

.section-desc {
	float: left;
	width: 240px;
}

.section-information th,
.section-information td {
	padding-bottom: 20px;
	vertical-align: top;
}

.section-information th {
	width: 140px;
	padding: 0 20px 20px 0;
}


/* SECTION SPECIFIC
------------------------------------------------*/

#ip-address {
	background-image: url(/images/header_ip_address.png);
	min-height: 272px;
}

#modernizer {
	background-image: url(/images/header_modernizer.png);
	min-height: 283px;
}

#browser {
	background-image: url(/images/header_browser.png);
	min-height: 300px;
}

#html5-web-forms {
	background-image: url(/images/header_html5_forms.png);
	min-height: 300px;
}	

#css3-selectors {
	background-image: url(/images/header_css3_selectors.png);
	min-height: 300px;
}	

/* MODERNIZR
------------------------------------------------*/

.modernizer-support {
	margin: 0 0 40px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.modernizer-support li {
	float: left;
	width: 239px;
	margin-right: 20px;
	background-position: 10px 50%;
	background-repeat: no-repeat;
	background-image: url(/r/i/icons/silk_set_ie6/cross.png);
	background-color:#4C332F;
	margin-bottom: 0.5em;
	padding: 5px 10px;
	padding-left: 36px;
}

.rgba .content-section li {
	background-color: rgba(190, 172, 150, 0.15);
}



.modernizer-support li.supported-true {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.modernizer-support code {
	font-family: Calibri,Arial,Helvetica Neue,Helvetica,sans-serif;
}







/* BROWSER ID
------------------------------------------------*/

.browser-id span {
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 50px;
	
}

.browser-firefox span {
	background-image: url(/images/browser_icons/firefox.png);
}

.browser-chrome span {
	background-image: url(/images/browser_icons/chrome.png);
}

.browser-opera span {
	background-image: url(/images/browser_icons/opera.png);
}

.browser-safari span {
	background-image: url(/images/browser_icons/safari.png);
}

.browser-ie span {
	background-image: url(/images/browser_icons/ie8.png);
}

.browser-ie .browser-version-7-0,
.browser-ie .browser-version-8-0 {
	background-image: url(/images/browser_icons/ie8.png);
}

.browser-ie .browser-version-6-0 {
	background-image: url(/images/browser_icons/ie6.png);
}

.browser-flock span {
	background-image: url(/images/browser_icons/flock.png);
}

.browser-navigator span {
	background-image: url(/images/browser_icons/navigator.png);
}

.browser-seamonkey span {
	background-image: url(/images/browser_icons/seamonkey.png);
}

/**
 *	Robots 
 */


.browser-googlebot span {
	background-image: url(/images/browser_icons/googlebot.png);
}

.browser-msnbot span {
	background-image: url(/images/browser_icons/msnbot.png);
}

.browser-slurp span {
	background-image: url(/images/browser_icons/slurp.png);
}



/* OS ID
------------------------------------------------*/

.os-id td span {
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 50px;
	
}

.os-win span {
	background-image: url(/images/os_icons/windows.png);
}

.os-mac span {
	background-image: url(/images/os_icons/mac_os.png);
}

.os-mac .os-version-os-x {
	background-image: url(/images/os_icons/mac_osx.png);
}









/* ####################################### */
/* ############## FOOTER ################# */
/* ####################################### */

#footer {
	background: #2B1515 url(/images/footer_bg.png) repeat-x 0 0;
	overflow: hidden;	
	padding: 34px 0;
	
}


#website-credits {
	float: left;
	color: #704A42;
}

#website-credits h6 {
	margin-bottom: 1.5em;
}

#website-credits p {
	margin: 0;
}

#website-credits h6 span {
	position: absolute;
	left:-9999px;
	top: 0;
}

#website-credits h6 a:link,
#website-credits h6 a:visited {
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/footer_logo_credit.png) no-repeat 0 0;
	width: 233px;
	height: 81px;
	display: block;
}

.footer-nav {
	list-style: none;
	padding: 34px 0 0 0;
	margin: 0;
	float: right;
	width: 371px;
}

.footer-nav li {
	float: left;
}

.footer-nav li a:link,
.footer-nav li a:visited {
	display:block;
	padding: 8px 18px;
	color: #704A42;
	text-decoration: none;
}

.footer-nav li a:hover,
.footer-nav li a:focus {
	background: #231010;
	color: #fff;
}

.borderradius .footer-nav a {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}




/* ####################################### */
/* ############### SIGN UP ############### */
/* ####################################### */

.section-developer-tools h1#page-title,
.section-get-started h1#page-title,
.page-summary {
	text-align: center;
}

.simple-steps {
	margin: 0 0 20px 0;
	padding: 20px;
	list-style: none;
	overflow: hidden;
}

.simple-steps li {
	float: left;
	width: 280px;
	margin-right: 40px;
	position: relative;
}

.simple-steps li:hover {
	-moz-transform:scale(1.05);
}

.simple-steps li.final-step {
	margin-right: 0;
}


.simple-steps li span {
	position: absolute;
	top: 0;
	left: -9999px;
	width: 100%;
	height: 100%;
	font-size: 150px;
	font-family: Calibri,Arial,Helvetica Neue,Helvetica,sans-serif;
}

.fontface .simple-steps li span {
	font-family: 'ChunkFive Regular',Calibri,Arial,Helvetica Neue,Helvetica,sans-serif;
}

.simple-steps li:hover span {
	top: 52%;
	left: 34%;
}

.fontface .simple-steps li:hover span {
	top: 59%;
}

.rgba .simple-steps li span {
	color: rgba(255,255,255,0.3);
}



.step-image {
	border: 10px solid rgba(190, 172, 150, 0.15);
	height: 200px;
	display: block;
}

.simple-steps li:hover .step-image {
	border-color: #704A42;
}

#get-started {
	font-size: 2em;
	font-weight: bold;
	margin-left: 362px;
}

#get-started span {
	padding: 20px 40px;
}

.url-example {
	background: #111;
	padding: 10px 15px;
	border: 1px solid #BEAC96;
}






/* ####################################### */
/* ############ FLOATING NAV ############# */
/* ####################################### */

.nav-wrapper{
	height: 96px;
}
.floating-nav-container {
	position: fixed;
	width: 100%;
	background: #170A0A url(/images/utility_links_border_bg.png) repeat-x scroll 0 100%;
	top: 0;
	left: 0;	
	z-index: 9999;
}

.rgba .floating-nav-container {
	background-color:rgba(12, 5, 5, 0.7);
}

.floating-nav-container #home-nav {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	overflow: hidden;
}

.floating-nav-container #home-nav ul {
	margin-bottom: 0;
}

#goto-top {
	display: none;
}

.floating-nav-container #goto-top {
	display: block;
}



/* ####################################### */
/* ########### LITMUS RESULTS ############ */
/* ####################################### */

#litmus-header {
	float:right;
	margin-top:131px;
}

.section-ie9 #your-ip-address,
.section-litmus #your-ip-address,
.section-robots #your-ip-address {
	display: none;
}

.section-ie9 #page-title, 
.section-litmus #page-title, 
.section-robots #page-title {
	position: absolute;
	top: -100px;
	right: 0;
	width: 500px;
}

#litmus-twitter,
#twitter-follow {
	display: inline-block;
	text-decoration: none;
	/*font-size: 1.2em;*/
}
#twitter-follow span, 
#twitter-follow span {
	/* background-color : #01BBF6; */
}



h2.litmus-heading {
	margin: 2em 0 0.3em 0;
	background: 0 !important;
	min-height: 0 !important;
	clear: both;
	font-family: "ChunkFive Regular", Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	text-transform: uppercase;

}

table.litmus-browser-support-results {
	width: 100%;
	border-collapse: seperate;
	margin-bottom: 1em;
}

.litmus-browser-support-results th,
.litmus-browser-support-results td {
	padding: 0.5em;
	border: 1px solid #000;
	text-align : center;
	color: #BEAC96;
}


.litmus-browser-support-results th.primary-heading {
	background: #190C0C url(/images/th_primary_bg.png) repeat-x 0 0px;
	font-size:1.2em;
	text-transform:uppercase;
	text-align: center;
	color: #F2F1DD;
	border-right: 1px solid #371B1A;
}

.litmus-browser-support-results th.browser-id span {
	padding: 40px 0 0 0;
	background-position: 50% 0;
	height: 26px;
}

.litmus-browser-support-results th.browser-id a:link,
.litmus-browser-support-results th.browser-id a:visited {
	color: #fff;
	text-decoration: none;
}

.litmus-browser-support-results th.tertiary-heading {
	color: #CD9594;
	padding: 0.2em 0.5em;
	font-family: "Courier New", Courier, monospace;
}



.litmus-browser-support-results th.row-heading {
	text-align 	: right;
	width		: 150px;
}

.litmus-browser-support-results tbody th,
.litmus-browser-support-results tbody td {
	background-color: #200F0F;
}

.litmus-browser-support-results tbody tr:nth-child(odd) th,
.litmus-browser-support-results tbody tr:nth-child(odd) td {
	background-color: #2C1514;
}

table.litmus-browser-support-results tbody tr:hover th,
table.litmus-browser-support-results tbody tr:hover td {
	background: #381C1B;
	color: #fff;

}


.litmus-browser-support-results td span {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(/r/i/icons/silk_set_ie6/cross.png);
	text-indent: -9999px;
	display: block;
	height: 16px;
	opacity: 0.5;
}

.litmus-browser-support-results td.supported span {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
	opacity: 1;
}



/* PERCENTAGE SUPPORT
------------------------------------------------*/


table.litmus-browser-support-results tbody tr td.grade-excellent {
	color: #81CA76;
}

table.litmus-browser-support-results tbody tr td.grade-good {

}

table.litmus-browser-support-results tbody tr td.grade-limited {
		color : #D2480A;
}

table.litmus-browser-support-results tbody tr td.grade-poor {
		color : #880000;
}

table.litmus-browser-support-results th.tertiary-heading a {
	font-size:0.8em;
}

.data-notes {
	text-align: right;
}

.data-notes ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.data-notes ul li {
	float: right;
}