/**
 * @file
 * Stark layout method
 *
 * To avoid obscuring CSS added to the page by Drupal or a contrib module, the
 * Stark theme itself has no styling, except just enough CSS to arrange the page
 * in a traditional "Header, sidebars, content, and footer" layout.
 *
 * This layout method works reasonably well, but shouldn't be used on a
 * production site because it can break. For example, if an over-large image
 * (one that is wider than 20% of the viewport) is in the left sidebar, the
 * image will overlap with the #content to the right. The exception to this
 * is IE6 which will just hide the navigation block completely in these
 * instances due to a positioning bug.
 */

#content,
#sidebar-first,
#sidebar-second {
  float: left;
  display: inline;
  position: relative;
}

#content {
  width: 100%;
}
body.sidebar-first #content {
  width: 80%;
  left: 20%; /* LTR */
}
body.sidebar-second #content {
  width: 80%;
}
body.two-sidebars #content {
  width: 60%;
  left: 20%;
}

#sidebar-first {
  width: 20%;
  left: -80%; /* LTR */
}

body.two-sidebars #sidebar-first {
  left: -60%; /* LTR */
}

#sidebar-second {
  float: right; /* LTR */
  width: 20%;
}

.section {
  margin: 10px;
}
/* CUSTOM CODE*/
body {
	font-family: Tahoma, Geneva, sans-serif;
	color: #ccc;
	font-size: 16px;
	background-color: #000; 
}
h1.title {
	font-size: 28px;
}
a {
	color: #E66428;
	text-decoration: none;
}
a:hover {
	color: #fff;
}
li a.active {
	color: #e66428;
 
}
a:visited {
	color: #e66428;
}
#name-and-slogan {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#block-block-1, #eba-banner {
	width: 90%
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#block-block-1 h2, #navigation h2, #breadcrumb, #logo, #name-and-slogan, #creditfooter, #secondary-menu, .node-status .field-label, .feedburnerFeedBlock .feedTitle, .block-views h2 {
	display: none;
}
#navigation {
	width: 50%;
	
	margin-left: auto;
	margin-right: auto;
}
#main {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.user-picture img {
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 5px 5px 0;
}
#main-menu li a {
	padding: 10px;
	line-height: 40px;
	white-space: nowrap;
}
#main-menu li a:hover {
	background-color: #E66428;
	color: #fff;
}
#main-menu li a.active {
	background-color: #E66428;
	color: #fff;
}
#main-menu li a.active:hover {
	outline: 2px solid #E66428;
	background-color: #000;
	color: #e66428;
}
.feedburnerFeedBlock ul, .view-updates-view .item-list ul, .view-content .item-list ul {
	list-style-type: none;
}
.feedburnerFeedBlock ul li .headline, .views-field-title .field-content {
	font-weight: bold;
	font-size: 18px;
}
.enclosure {
	margin: 20px 0 30px;
}
.enclosure a {
	padding: 10px;
	background-color: #E66428;
	color: #fff;
}
.enclosure a:hover {
	outline: 2px solid #E66428;
	background-color: #000;
	color: #e66428;
}
.node-status h2 {
	margin: 20px 0 4px;
	font-size: 20px;
}
.node-status .submitted {
	font-style: italic;
	font-size: 14px;
}
.views-row-first {
	border: none;
}
.views-row {
	border-bottom: 2px solid #cccccc;
}
.views-field-created {
	font-size: 13px;
	padding-top: 24px;
}
.views-field-body .field-content p {
	font-size: 24px;
	margin: 4px 0px 24px 0px;
}