@import url('reset.css');

body {
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-size: 62.5%;
	color: #000;
	background: #fff;
}

#container {
	width: 94em;
	margin-left:4em;
}

.one, .two, .three, .four,
.five, .six, .seven, .eight,
.nine, .ten, .eleven, .twelve,
.ten-sky, .six-sky, .three-sky,
.sky-two {
	display:inline;
	float: left;
	margin-right: 2em;
}

.last {
	margin-right: 0;
}

.one 	  {width:  6em;}
.two 	  {width: 14em;}
.three 	{width: 22em;}
.four 	{width: 30em;}
.five 	{width: 38em;}
.six 	  {width: 46em;}
.seven 	{width: 54em;}
.eight 	{width: 62em;}
.nine	  {width: 70em;}
.ten	  {width: 78em;}
.eleven	{width: 86em;}
.twelve {width: 94em; margin-right: 0;}

.ten-sky {
	width: 76em;
}
.six-sky {
	width: 44em;
	margin-right: 0;
}
.three-sky {
	width: 20em;
	margin-right: 0;
}
.sky-two {
	width: 16em;
	margin-right: 0;
	padding-top: 1.6em;
}

.prepend-one	  {margin-left:  8em;}
.prepend-two	  {margin-left: 16em;}
.prepend-three	{margin-left: 24em;}
.prepend-four	  {margin-left: 32em;}
.prepend-five	  {margin-left: 40em;}
.prepend-six	  {margin-left: 48em;}
.prepend-seven  {margin-left: 56em;}
.prepend-eight  {margin-left: 64em;}
.prepend-nine   {margin-left: 72em;}
.prepend-ten    {margin-left: 80em;}
.prepend-eleven {margin-left: 88em;}

.append-one	    {margin-right:  8em;}
.append-two	    {margin-right: 16em;}
.append-three	  {margin-right: 24em;}
.append-four	  {margin-right: 32em;}
.append-five	  {margin-right: 40em;}
.append-six	    {margin-right: 48em;}
.append-seven   {margin-right: 56em;}
.append-eight   {margin-right: 64em;}
.append-nine    {margin-right: 72em;}
.append-ten     {margin-right: 80em;}
.append-eleven  {margin-right: 88em;}

.pull-one	  {margin-left:  -8em;}
.pull-two	  {margin-left: -16em;}
.pull-three	{margin-left: -24em;}
.pull-four	  {margin-left: -32em;}
.pull-five	  {margin-left: -40em;}
.pull-six	  {margin-left: -48em;}
.pull-seven  {margin-left: -56em;}
.pull-eight  {margin-left: -64em;}
.pull-nine   {margin-left: -72em;}
.pull-ten    {margin-left: -80em;}
.pull-eleven {margin-left: -88em;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

#nav, #nav ul {
  list-style:none;
}

#nav li.level {
	position:absolute;
	top:20px;
	overflow:visible;
	width: 12em;
}

#nav li.level a.section {
  display: block;
  border-top: 5px solid #000;
  color: #000;
  text-decoration: none;
  font-size: 1.3em;
  line-height: 2em;
  height: 2em;
  font-weight: bold;
}

/*  
background: url(../images/nav.png) no-repeat 0 0;

#nav #news_level a.section {background-position: 0 0;}
#nav #scene_level a.section {background-position: -140px 0;}
#nav #sports_level a.section {background-position: -280px 0;}
#nav #opinion_level a.section {background-position: -420px 0;}
#nav #blogs_level a.section {background-position: -560px 0;}
#nav #more_level a.section {background-position: -700px 0;}
*/

#news_level  { -moz-opacity: 0.99; left:3em; }
#scene_level { -moz-opacity: 0.99; left:17em; }
#sports_level     { -moz-opacity: 0.99; left:30em; }
#opinion_level  { -moz-opacity: 0.99; left:44em; }
#blogs_level { -moz-opacity: 0.99; left:57em; }
#rants_level  { -moz-opacity: 0.99; left:71em; }
#more_level	{-mov-opacity: 0.99; left:84em }


.block ul.sub {
  margin-top: 11em;
  list-style: none;
}

.block ul.sub li {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	text-shadow: #000 0px -1px 1px;
}

.block ul.sub li.break {
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 1.8em 1.2em 0.9em;
}

.block ul.sub li a {
	display: block;
	width: 13.6em;
	padding: 0.7em 1.2em 0.9em;
	color: #fff;
	text-decoration: none;
}

.block ul.sub li a:hover {
	background: url(/images/site/whiteblock.png);
}

.block ul.sub li a span {
	display: block;
	font-size: 1.1em;
}
.block ul.sub li a span.datetime {
	padding-top: 0.1em;
	color: #8d8d8d;
}

.block {
	z-index:1;
	position:absolute;
	top:0;
	width:16em;
	height: 100%;
	background: url(/images/site/block.png);
	display:none;
}

#news_block  	  {left:  3em;}
#scene_block 	  {left: 17em;}
#sports_block	  {left: 30em;}
#opinion_block  {left: 44em;}
#blogs_block  	{left: 57em;}
#rants_block    {left: 71em;}
#more_block	{left: 84em;}

#header {
  float: left;
  margin-top: 5.8em;
  border-bottom: #000 5px solid;
  width: 100%;
}
#header a {
}
#search {
	float: right;
	width: 300px;
	margin-top: 2.6em;
}
#search input {
	float: left;
}
#search input.query {
	width: 226px;
	outline-width:0;
	border: 2px solid #d4d4d4;
	padding:4px;
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	line-height: 13px;
	font-weight: bold;
	margin: 0;
	height: 16px;
}
#search input.submit {
	width: 62px;
	border: 0;
	background: #d4d4d4;
	outline: none;
	padding:4px 0;
	margin-left: -3px;
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	line-height: 13px;
	font-weight: bold;
	height: 28px;
	overflow: hidden;
}
#footer {
  float: left;
  width: 100%;
  border-top: #000 5px solid;
  padding-bottom: 1em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.2em;
}
h1 {
	font-size: 3.6em;
	line-height: 1em;
	margin: 0.2em 0;
}
h2 {
	font-size: 2.4em;
	margin: 0.33em 0 0.33em 0;
}
h3 {
	font-size: 2.0em;
	margin: 0.4em 0 0.5em 0;
}
h4 {
	font-size: 1.6em;
	margin: 0.6em 0;
}
h5 {
	font-size: 1.4em;
	margin: 0.2em 0 0.5em 0;
}
h6 {
	font-size: 1.2em;
	margin: 0.4em 0;
}
a {
	color: #930303;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.t1section,
.t2section,
.t3section {
	float: left;
	width: 100%;
	border-bottom: 1px solid #000;
}
.t1section {
	padding: 1.6em 0 1em 0;
}
.t2section, .t3section {
	padding-bottom: 1em;
}
.t3section {
	border-bottom: none;
}

.breaking {
	float: left;
	width: 100%;
	border-bottom: 1px solid #000;
	padding: 1.6em 0 1em;
	background-color: #930303;
	text-indent: 8px;
}

.breaking a{
	color: #fffeff;
}

p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 0.5em;
}
#content ul {
	font-size: 1.2em;
	margin: 0.6em 2em;
}
#content li {
	line-height: 1.4em;
	margin: 0.4em 0;
}
p.space {
	margin-bottom: 1.6em;
}
.multiples h5 {
	margin: 0.3em 0 1.0em 0;
}
.multiples h6 {
	margin-bottom: 1.2em;
}
div.opinion-titles h5, div.opinion-titles h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
div.opinion-titles h5 {
	font-style: italic;
	margin: 1.2em 0 0.3em 0;
}
div.opinion-titles h3 {
	margin: 0 0 0.6em 0;
}
.article-section, .section-page {
	float: left;
	width: 100%;
	margin: 0.6em 0;
}
.section-page .story {
	margin-bottom: 1em;
}
.image img {
	float: left;
}
.top {
	margin-top: 0.6em;	
}
.image span {
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}
.image span.credit {
	float: left;
	width: 100%;
	font-size: 1em;
	padding: 0.4em 0;
}

.image span.vcredit {
	float: left;
	width: 100%;
	font-size: 10px;
}

.image span.caption {
	float: left;
	width: 100%;
	font-size: 1.2em;
	padding: 0.4em 0 0.6em 0;
}
.right {
	float: right;
	margin-right: 0;
	margin-left: 2em;
}
.attribution {
	float: left;
	width: 14em;
	display:inline;
	margin-right: 2em;
}
.attribution h5, .attribution h6 {
	font-weight: normal;
	margin: 0;
}
.attribution h5 {
	margin-top: 1.16em;
}
.text {
	margin-top: 1.4em;
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
}
.text p {
	font-size: 1.4em;
}
.text .image {
	margin-bottom: 1.4em;
}
#comments ul {
	list-style: none;
	float: left;
	width: 62em;
	font-size: 1em;
	margin: 0 2em 1em 0;
}
#comments ul li {
	float: left;
	width: 100%;
	padding: 1em 0;
	border-top: 1px solid #dcdcdc;
}
#comments .user {
	float: left;
	width: 14em;
	margin: 0 2em 0 0;
}
#comments h6 {
	line-height: 1.45em;
}
#comments h6 span {
	font-weight: normal;
}
#comments .comment {
	float: left;
	width: 46em;
	margin: 0;
}
#comments .comment p {
	line-height: 1.45em;
}
#comments fieldset {
	float: left;
	width: 100%;
	font-size: 1.2em;
	padding: 1em 0;
}
label {
	display:block;
	float: left;
	width: 192px;
}
fieldset div {
	float:left;
	width:100%;
}
.field {
	padding-bottom: .8em;
}
.checkbox {
	padding: .25em 0;
}
.checkbox input, .checkbox label {
	float: left;
}
.checkbox label {
	width: auto;
	line-height: 1.3em;
}
.checkbox input {
	margin-top: 2px;
	margin-right: 5px;
}
#comment input, #comment textarea {
	font: 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}
#comments textarea, #contact textarea, #custom_form textarea {
	width: 360px;
}
h5.sub {
	margin-bottom: 1em;
}
.blog-head {
	float: left;
	margin: 2em 0 1em 0;
}
.paginate {
	float: left;
	width: 100%;
	font-size: 1.4em;
	margin: 1em 0;
}
#footer #brand {
	float: left;
	width: 100%;
}
#footer #brand h3 {
	float: left;
}
#footer #brand h5 {
	float: right;
	margin: 1em 0;
}
#footer #reference p {
	text-align: right;
}
a.feed {
	background: url(http://www.theeagleonline.com/images/site/feed-icon-14x14.png) no-repeat;
	padding-left: 1.6em;
	color: #000;
}
#tweets ul, #tweets p {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1.1em;
}
#tweets p {
	float: left;
	width: 100%;
	margin-top: 1em;
}
#tweets ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#tweets ul li {
	float: left;
	width: 100%;
	margin-bottom: 0.4em;
}
#tweets ul li span {
	float: left;
	width: 100%;
	color: #999999;
}
#slideshow {
	float: left;
	width: 62em;
	margin-right: 2em;
	display: block;
}
#archives ul {
	list-style: none;
	margin: 0;
	margin-bottom: 2em;
}
.image-link {
	float: left;
}
.image-link img {
	float: left;
}
.featured-image {
	float: left;
	position: relative;
	margin-bottom: 0.4em;
}
.featured-image-credit {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #000;
	color: #eaeaea;
	padding: 0 0.2em;
}
.sky-ad {
	float: right;
	padding-top: 1.4em;
}
.relative {
	position: relative;
}
.square-ad {
	position: absolute;
	left: 0;
	bottom: 1em;
}
.comments-ad {
	padding-top: 2em;
}
.house-ads .posters {
	float: left;
	width: 13.6em;
	padding-top: 10px;
	text-align: center;
}
.house-ads .classifieds {
	padding-top: 10px;
	border-top: 2px #d4d4d4 solid;
	text-align: center;
	padding-bottom: 8px;
}
.house-ads {
	float: left;
	width: 43.6em;
	border: 2px #d4d4d4 solid;
}
.house-ads .left {
	float: left;
	width: 29.6em;
	border-right: 2px #d4d4d4 solid;
}
.house-ads .textads {
	padding: 1em;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
.textads p{
	font-size: 1.1em;
}
.buttons {
	float: left;
	width: 100%;
}
.buttons a {
	float: left;
	width: 140px;
	margin-bottom: 14px;
}
.buttons a#facebook {
	margin-right: 20px;
}
.social {
	margin-top: 10px;
}
.socialbutton {
	margin-top: 1px;
}

/*incubator promo*/
.incubatorbox{
	width: 300px;
	height: 250px;
	border: 1px solid black;
	background-image: url(http://www.theeagleonline.com/images/uploads/incubator_ad.gif);
	margin-top:5px;
}

.incubatorboxnarrow{
	width: 250px;
	height: 250px;
	border: 1px solid black;
	background-image: url(http://www.theeagleonline.com/images/uploads/incubator_ad.gif);
	margin-top:5px;
}

.incubatorboxcontent{
	margin-right: 10px;
	margin-left: 10px;
}


.incubatorbox h3{
	font: italic 1.5em Georgia;
	color: #9b5521;
	border-bottom: 1px solid black
}

.incubatorboxcontent li{
	list-style-type: none;
	font: 1.25em "Lucida Grande", "Lucida Sans", "Sans serif";
	vertical-align: 19px;
}

.incubatorboxcontent ul{
	display: inline;
}

#topleaderboard h6{
	margin-bottom: -1px;
}

.eight h2{
	margin-top: -3px;
}

.section-page .eight{
	margin-left: 3px;
}

.section-page .two.last{
	margin-bottom: -240px;
}

.kick{
	text-transform: uppercase;
}

.kick a{
	color: #000;
}

.incubatorstrip h5{
	text-align: center;
}

.sidebar{
	background-color: #d5d5d5;
	display: inline-table;
	margin-left: 1px;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	float: right;
	width: 270px;
}

p.sidebar_head{
	font: bold 1.5em Helvetica, sans-serif;
	display: table-row-group;
}

p.sidebar_body{
	overflow: visible;
	display: table-row-group;
	font: 1.3em/19px Helvetica, sans-serif;
	background-position: 0;
}
