/*
	Stylesheet for EBA-News
	http://ebascripts.com/

	!IMPORTANT! !IMPORTANT!
	
	EBA-News comes with two stylesheets:
	  » stylesheet.css
	  » ebanews.css
	  
	stylesheet.css only affects global prefs like body and containers, 
	meaning it's neccessary to keep the complete website style. By removing 
	this stylesheet, only the articles and comments will remain styled.
	
	In other words: You should only include ebanews.css to your website if you 
	are integrating EBA-News into your already exisiting site, but keep 
	stylesheet.css as well if you want to continue using the default theme.
*/

body {
	margin: 0;
	padding: 0;
	font-family: Corbel, Arial, Verdana, sans-serif;
	text-align: justify;
	color: #333;
	background: #e8e8e8;
	text-align: center;
	font-size: 12px;
	}

div#site {
	width: 75%;
	max-width: 75%;
	margin: auto;
	border: 1px solid #999;
	border-top: none;
	background: #fff;
	color: #333;
	text-align: left;
	}

/* Fixes one of many Firefox unique issues
   "It's not a bug, but a feature!" */
a {
	outline: none;
	}

/*
	Header
*/

div#header {
	padding: 10px;
	background-image: url(images/bg-top.jpg);
	border-bottom: 1px solid #333;
	height: 49px;
	}

div#header h1 {
	font-size: 150%;
	margin: 0;
	}

div#header a {
	color: #f8f8f8;
	}

div#header a:hover {
	text-decoration: none;
	color: #e8e8e8;
	}

div#header span {
	margin: 10px;
	color: #f8f8f8;
	}

/*
	Right column (menu)
*/

div#menu {
	float: right;
	padding: 5px 10px 10px 10px;
	line-height: 150%;
	margin-left: 1%;
	width: 26%;
	}

div#menu ul li img {
	vertical-align: middle;
	margin-right: 3px;
	}

a, a:visited {
	color: #445395;
	text-decoration: none;
	}

a:hover {
	color: #c30;
	}

div#menu h4 {
	border: 1px solid #c2cfdc;
	border-bottom-width: 3px;
	background: #f0f5fa;
	padding: 3px 5px;
	text-align: left;
	font-size: 13px;
	margin: 10px 0;
	}

ul {
	margin: 5px 0 5px 0;
	padding-left: 0;
	}

li {
	list-style-position: inside;
	}

/*
	Internet Explorer uses completely different margins than the other browsers;
	Attempt to show everything as equal as possible;
*/

p, dl {
	margin: 10px 0;
	}

dd {
	margin-left: 10px;
	border-left: 1px solid #ccc;
	padding-left: 5px;
	}

h3 {
	margin: 15px 0;
	}

div#menu li {
	list-style-type: none;
	}

div#content {
	padding: 10px;
	line-height: 140%;
	margin-right: 28%;
	}

/*
	Internet Explorer 6 hack
*/

* html div#content {
	margin-right: 26%;
	}

/*
	Copyright box
*/

div#copyright {
	background-image: url(images/bg-bottom.jpg);
	background-color: #f8f8f8;
	text-align: center;
	color: #fff;
	}

div#copyright a {
	color: #fff;
	line-height: 30px;
	text-decoration: underline;
	}

div#copyright a:hover {
	text-decoration: none;
	}

div.clear {
	clear: both;
	}