/* @override http://localhost:3000/stylesheets/homepage.css */

/* @override http://localhost:3000/stylesheets/homepage.css */

/* @override http://localhost:3000/stylesheets/homepage.css */

/* @override http://dev.local:3000/stylesheets/homepage.css */

/* @override http://dev.local:3000/stylesheets/homepage.css */

/* @override http://localhost:3000/stylesheets/homepage.css */

/* @override 
	http://localhost:3000/stylesheets/homepage.css
	http://localhost:3000/stylesheets/homepage.css?1248283942
	http://localhost:3000/stylesheets/homepage.css?1248284308
*/

/* @group Reset */

dl,
 dt,
 dd,
 ul,
 ol,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 pre,
 code,
 form,
 fieldset,
 legend,
 input,
 textarea,
 p,
 blockquote,
 th,
 td {
  margin: 0;
  padding: 0;
  letter-spacing: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
 img {
  border: 0;
}

address,
 caption,
 cite,
 code,
 dfn,
 em,
 strong,
 th,
 var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
  background: none;
}

caption,
 th {
  text-align: left;
}

h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
  font-size: 100%;
  font-weight: normal;
  background: none;
}

q:before,
 q:after {
  content: '';
}

abbr,
 acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
 textarea,
 select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

legend {
  color: #000;
}

table {
  font-size: inherit;
}

pre,
 code,
 kbd,
 samp,
 tt {
  font-family: monospace;
}

l {
  display: block;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #0f2142;
  color: #eee;
  font-family: Trebuchet MS, "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @end */

.site-width {
  width: 760px;
  margin: 0 auto;
  position: relative;
}

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

h3 {
	color: #a05b14;
  font-family: Comic Sans MS, "Lucida Grande", Lucida, Verdana, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.85em;
  margin-bottom: 0.5em;
  margin-top: 2em;	
}

h3 span.on {
	text-transform: lowercase;
	color: inherit;
	letter-spacing: normal;
  font-family: "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
  font-style: italic;
}



a {
  color: #06f;
  -webkit-transition: all 0.25s ease-in-out;
  text-decoration: none;
}

a:hover {
  color: #fcea2e;
}

/* @group ul.recent-spam */

div#content ul.recent-spam{
  margin-top: 1em;
  margin-right: -20px;
}

div#content ul.recent-spam li{
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  width: 200px;
  margin-bottom: 1em;
  margin-right: 20px;
  word-wrap: break-word;

}

div#content ul.recent-spam li p{
  font-size: 0.85em;
  line-height: 1.5em;
}

/* @end */

/* @group Header */

div#header {
  background: #001738 url(images/starburst.png) no-repeat center top;
  min-height: 200px;
  padding-top: 50px;
  padding-bottom: 32px;
}

div#header a{
	position: relative;
	z-index: 5;
}

div#header h1 {
  float: left;
  margin-left: 130px;
}

div#header h1 a {
  background: url(images/tweet_blocker.png);
  display: block;
  width: 183px;
  height: 22px;
  margin-bottom: 0.5em;
}

div#header h1 a span {
  display: none;
}

div#header span.tagline {
  display: block;
  clear: left;
  margin-left: 130px;
  font-family: Trebuchet MS, Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 0.85em;
  color: #476ba6;
  margin-bottom: 2em;
}

div#header ul#auxiliary-navigation{
	float: right;
	font-size: 0.85em;
	line-height: 2.6em;
	margin-right: 40px;
}

div#header #hashrocket_advertisement{ 
  position: absolute;
  top: 25px; 
  right: 9px;
  font-size: 0.85em;
  color: #476b9c;
  font-style: italic;
}

div#header #hashrocket_advertisement a {
    text-indent: -9999em;
    display: -moz-inline-block;
    display: -moz-inline-box;
    display: inline-block;
    width: 132px; 
    height: 24px;
    background: url(images/hashrocket.png) no-repeat;
    vertical-align: middle;
    position: relative;
	margin-left: 0.4em;
	-webkit-transition: none;
}

div#header #hashrocket_advertisement a span{
	display: none;
}

div#header #hashrocket_advertisement a:hover {
	background-position: 0 -24px;
}


/* @group Search */

div#header div#search {
  background-color: #153980;
  padding: 6px 8px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  position: relative;
  margin-bottom: 2em;
  -webkit-box-shadow: 2px 4px 0 rgba(0,0,0,0.33);
}

div#header div#search:after	 {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


div#header div#search input {
  border: 2px solid white;
  background: white url(images/@.png) 6px 9px no-repeat;
  color: #4a5063;
  padding: 9px 16px 4px 24px;
  height: 1.33em;
  font-size: 1em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  display: block;
  float: left;
  width: 500px;
  margin-right: 10px;
  position: relative;
}



div#header div#search input:focus{
	color: #091e41;
}

div#header div#search button {
  background: #0048be;
  border: none;
  font-family: inherit;
  color: #b5d4ff;
  text-shadow: 0 -1px #333;
  padding: 8px 47px;
  text-transform: uppercase;
  font-size: 1em;
  height: 2.5em;
  width: 190px;
  letter-spacing: 0.2em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-top: 2px solid #165aca;
  -webkit-transition: background 0.5s linear;
	margin-bottom: -1px;
	position: relative;
	top: -1px;
	
}

div#header div#search button:hover {
  background-color: #0054df;
}

div#header div#search button:active {
  background: #25529b;
  color: #90a1bc;
  border-top-color: #1f4480;
}

div#header div#search span.indicator{
  width: 111px;
  height: 100px;
  display: block;
  position: absolute;
	left: 0;
	bottom: 100%;
	margin-bottom: -7px;
	background: url(images/superhero.png);
	
}



/* @end */

/* @end */

/* @group ul#global-navigation */

div#header ul#global-navigation{
  float: left;
  margin-left: 25px;
}

div#header ul#global-navigation:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

div#header ul#global-navigation li {
	display: block;
	float: left;
	padding-right: 16px;
	margin-right: 8px;
	background: url(images/star.png) right center no-repeat;
	text-transform: uppercase;
	letter-spacing: 0.2em;	
	font-size: 1em;
	text-shadow: #051126 1px 1px 2px;
}

div#header ul#global-navigation li a {
	color: #9fa9b7;
	display: block;
	padding: 0.4em 16px 0.33em;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}

div#header ul#global-navigation li a:hover {
	color: white;
	background: #091426;
}


div#header ul#global-navigation li.current a {
	background: #091426;
	color: white;
}

div#header ul#global-navigation li:last-child {
	background: none;
}

/* @end */



/* @group Content */

/* @group Masthead */

div#masthead {
  background: url(images/masthead.png) center;
  height: 313px;
  width: 810px;
	top: -40px;
	left: -20px;
  position: absolute;
  z-index: 3;
}

div#masthead .callout{
	width: 252px;
	background: #fff8d4;
	position: absolute;
	right: 0px;
	bottom: -164px;
	padding: 20px;
	border: 1px solid black;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
  font-family: "Comic Sans MS", Lucida, Verdana, sans-serif;
  color: #00173a;
  margin-left: 30px;
  -webkit-box-shadow: 1px 1px  black;
  z-index: -1;
  line-height: 1.75em;
  border-top: none;
  
}


div#masthead .callout h2{
  background-image: url(images/get_started_today.png);
  width: 215px;
  height: 17px;
  text-indent: -999em;
  margin: 0;
  margin-bottom: 0.5em;
}


/* @end */

p#introduction{
	margin-bottom: 1em;
}

div#content{
  border-top: 3px solid #1b3258;
}

div#content a:hover{
  color: #002d80;
}

div#content .site-width{
  	background: #0e1622;
  	color: #9da7b3;
  	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	padding: 28px;
	width: 702px;
  padding-top: 286px;
  position: relative;
  top: -24px;
}
body#index div#content .site-width { padding-top: 28px; }
body#index div#header { min-height: 0; }


div#content p#introduction{
	font-size: 0.85em;
	line-height: 1.75em;
	font-style: italic;
	width: 450px;
}

div#content h2{
	color: white;
  font-family: Comic Sans MS, "Lucida Grande", Lucida, Verdana, sans-serif;
  font-size: 1.25em;
  margin-bottom: 1em;
}

div#content h3{
	margin-bottom: 1em;

}

div#content .primary-secondary-content {
	padding-right: 240px;
}


div#content .primary-secondary-content:after	 {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


div#content .primary-secondary-content .primary-content,
div#content .primary-secondary-content .secondary-content{
	width: 100%;
	float: left;
}

div#content .primary-secondary-content .secondary-content{
	width: 212px;
	margin-right: -212px;
	position: relative;
	left: 26px;
	padding-top: 1.5em;
}

div#content .primary-secondary-content .secondary-content a#login{
  background: #0048be;
  border: 2px solid #0048be;
  font-family: inherit;
  color: #b5d4ff;
  text-shadow: 0 -1px #333;
  padding: 8px 47px;
  text-transform: uppercase;
  font-size: 1em;
  width: 60px;
  letter-spacing: 0.2em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-top: 2px solid #165aca;
  -webkit-transition: background 0.5s linear;
	position: relative;
	top: -1px;
	cursor: default;
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	margin-bottom: 0.5em;
}

div#content .primary-secondary-content .secondary-content a#login:hover {
  background-color: #0054df;
}

div#content .primary-secondary-content .secondary-content a#login:active {
  background: #25529b;
  color: #90a1bc;
  border-top-color: #1f4480;
}

div#content .primary-secondary-content .secondary-content img{
	margin-bottom: 1em;
}

/* @end */

/* @group Footer */

div#footer{
  font-size: 0.85em;
  padding-bottom: 6em;
}

div#footer .site-width{
	padding: 0 40px;
	width: 682px;
	line-height: 1.5em;
}

div#footer span#copyright{
	float: left;
  
}
div#footer ul{
  float: right;
}

div#footer ul li{
	display: block;
	float: left;
	margin-right: 12px;
	padding-right: 12px;
	border-right: 1px solid #29477e;
}

div#footer ul li:last-child{
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

/* check spammer facebox */
.graded_items ul { margin-top: 15px; }
.graded_items li { margin-left:15px; color: #333; list-style-type:disc; font-size: 12px; }
.grade-thumbnail { float:right; position:relative; padding-right:30px; padding-top: 15px;}
.graded_items h1 { color:#1B486A; display:block; font-size:22px; }

/* api documentation facebox */
#api_documentation { width:600px; }

/* @end */