@charset "utf-8";
/*	
	-------------------------------------------------------
	Mad Genius - Core CSS 
	Includes reset and all core styles for the site.
	-------------------------------------------------------
	Crafted by The Mad Genius and his various minions: 
	Rob Rubinoff (Interactive Director, IA, code) 
	Chris Nolen (Original Screen Designs) 
	Bryce Mullican (code)
	http://madg.com | rrubinoff@madg.com
	-------------------------------------------------------
*/

/* = COLORS
------------------------------------------------------------

*/
body { background-color:#222324; }
a {color: #dddedf; text-decoration:underline;}
a:hover {color:#000; text-decoration: none; background-color: #B4D212;}

/* = FLOATS 
-----------------------------------------------------------*/
.left {float:left;}
.right {float:right;}
.clear {clear:both; height: 0; display: block;}
.clearVert {clear:both; height: 30px; display: block;}

/* = RESETS the default browser styles prep our page 
adapted from meyer web 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,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} 


/* = BASE TYPOGRAPHY & STANDARD HTML ELEMENTS
------------------------------------------------------------*/
body{font-size:12px; font-family:Arial, Helvetica, sans-serif; background-color:#222324; font-size: 12px;}
a:focus{outline:1px dotted invert}
hr{border:0 #666 solid;border-top-width:1px;clear:both;height:0}
h1 {font-size: 28px; color:#aaabac; margin: 0 0 10px 0; border-bottom: 1px dotted #88898a; }
h2 {font-size: 14px; font-weight: bold; color:#aaabac; padding-bottom: 2px; border-bottom: 1px solid #aaabac;}
h3{font-size: 14px; font-weight: bold; color:#777879; margin-bottom: 7px;}
h2 span {font-size: 11px; font-weight: normal; margin-left:25px;}
h2 span a{text-decoration: none;}
h3.error {color:#ed1556;}
p {font-size: 11px; color: #999A9B; line-height:1.1; margin: 5px 0 7px 0;}


ol{list-style:decimal; margin:10px 0; color: #999a9b;}
ol li ol {list-style:lower-alpha;}
ul{list-style:disc; margin-bottom: 10px;}
ul li ul {list-style:circle;}
li{margin-left:20px; margin-bottom: 5px;}
/* p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} */




/* = MAJOR PAGE BLOCKS 
-----------------------------------------------------------*/


#wrap{width: 1000px; overflow:hidden; margin: 10px auto 0 auto;}
#sidebar{width: 180px; margin: 10px 20px 20px 0; float:left;}
#content{width: 800px; margin: 10px 0 20px 0; float: left;}

/* = SIDEBAR STYLES 
-----------------------*/
#sidebar span.formula {font-size: 14px; font-weight: bold; color: #cccdce;}
#sidebar span.formulaTypeNaughty {color:#ed1556;  }
#sidebar span.formulaTypeNice {color:#B4D212;  }


/* = CONTENT
-----------------------------------------------------------*/
#content {}
#content p {line-height: 1.3; margin-bottom: 8px;}


.tableContainer {background-color: #3A3A3C; padding: 20px;}
.tableContainer img {margin: 0 auto;}

.naughty {width: 360px; margin: 0 40px 0 0; float: left;}
.nice {width: 360px; margin: 0; float: right;}

.formulaEntry {padding: 6px 10px; background-color: transparent;font-size: 17px; font-weight: normal; line-height:1.2;color: #bbbcbd; margin-bottom: 5px;}
.formulaEntry span.meta {font-size: 11px; color:#999a9b;}
.formulaEntry span.formulaFull {font-size: 12px; color:#bbbcbd;}
.formulaEntry:hover {background-color: #28282B;}

.formulaWinner {background-color: #28282B;}

.disclaimer {padding: 20px ; font-size:18px; background-color: #28282B; color: #999a9b; border: 2px solid #ed1556; line-height:1.5;margin-bottom: 30px;}


/* = TAB NAV 
------------------------------------------------------------*/
ul.globalNav { list-style:none; float: left; margin: 0; padding: 0;}
ul.globalNav li{display:inline; margin: 0; padding: 0; line-height:30px;}
ul.globalNav li a{
	padding: 10px 20px; 
	font-size: 16px; 
	font-weight: bold; 
	background-color: transparent; 
	text-decoration:none; 
	color: #666768 }
ul.globalNav li a:hover {
	color: #ccc; 
	background-color:#3A3A3C; 
	text-decoration:none;
	}
ul.globalNav li a.current {
	background-color:#3A3A3C; 
	color: #ccc;
	}

/* = ENTRY FORM 
-----------------------------------------------*/
.entryForm {padding: 20px;}
input.txtField {font-size: 24px; border: 2px solid #000; color: #444546; padding: 3px; background-color:#eee;}
input:focus {border: 2px solid #B4D212; background-color: #fff;}
label {font-size: 16px; font-weight: normal; color: #eaeaea; margin-bottom: 7px; display: block; font-weight:bold;}
label.radioLabel {font-size: 14px; display: inline; font-weight:normal;}
input.btn:hover{background-color:#B4D212;}

.formSuccess {margin: 20px;}
.formSuccess p{font-size: 14px;}


/* = SIDEBAR 
---------------------------------------------------------------*/
#sidebar div.socialBadge {margin: 0 10px; float: left; width: 65px; }