/*
	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.
*/

/*
	Horizontal rule
*/

div.hr {
	border: 1px solid #c2cfdc;
	background: #f0f5fa;
	margin: 15px 0;
	height: 2px;
	}

/*
	IE 6 makes the box too big;
	Defining a font-size solves the issue;
*/

* html div.hr {
	font-size: 2px;
	}

/*
	Scales down images when reduzing browser windows size
*/

img {
	max-width: 99%;
	}

/*
	Archive: Months with none articles
*/

span.nopost {
	color: #ccc;
	}

/*
	Information box when a comment has been added
*/

div#commentmsg {
	color: #ce0000;
	margin: 10px 0;
	border-bottom: 2px solid #e54343;
	padding: 5px;
	font-weight: bold;
	}

/*
	Feed icon in Internet Explorer
*/

h3#comments a img {
	border: none;
	}

/*
  Quote
*/

div.quote {
	border-left: 2px solid #555;
	}

div.quotename {
	border-bottom: 1px dashed #ccc;
	padding: 5px;
	font-weight: bold;
	background-color: #f8f8f8;
	background-image: url(images/quote.gif);
	background-repeat: no-repeat;
	background-position: 98% 45%;
	}

div.quotetext {
	padding: 0 8px;
	}

/*
	Input fields
*/

input {
	color: #333;
	font-size: 11px;
	}

input.fields, textarea.fields {
  padding: 3px;
  width: 300px;
	}

/*
	Article

	Overview:

	div.eba_article {
		div.illustration {}
		div.illustration img {}
		h3.title {}
		p.user {}
		p.prologue {}
		p {}
		p.details {}
		span.update {}
	}
*/

div.eba_article div.illustration  {
	border: 1px solid #ccc;
	padding: 2px;
	float: right;
	margin: 0 0 1em 2em;
	background: #fff;
	font-size: 11px;
	text-align: left
	}

div.eba_article div.illustration img {
	border: 1px solid #006;
	padding: 1px;
	display: block;
	}

h3.title {
	font-weight: normal;
	font-size: 17px;
	margin-top: 0;
	margin-bottom: 0;
	}

div.eba_article p.user {
	margin-top: 3px;
	color: #999;
	margin-left: 5px;
	}

div.eba_article p.prologue {
	font-weight: bold;
	font-size: 13px;
	}

div.eba_article p.details {
	padding: 3px;
	}

span.update {
	color: #999;
	font-size: 11px;
	vertical-align: top;
	background: #f0f5fa;
	}

/*
	Viewing comments

	Overview:

	div.eba_comment {
		div.commentinfo {}
			div.left {]
			div.gravatar {}
		div.commenttext {}
	}
*/

div.eba_comment {
	border: 1px solid #ccc;
	margin-bottom: 5px;
	}

div.commentinfo {
	background: #f6f6f6;
	padding: 5px 10px;
	height: 19px;
	border-bottom: 1px dotted #ccc;
	}

div.left {
	float: left;
	height: 19px;
	line-height: 19px;
	}

div.gravatar {
	float: right;
	margin-right: -5px;
	}

div.gravatar img {
	border: 1px solid #ccc;
	padding: 1px;
	background: #fff;
	float: right;
	margin-left: 5px;
	}

div.commenttext {
	padding: 0 10px;
	}

/*
	Post comment

	Overview:

	div#eba_post_comment {
		div#hide {}
		input.info {}
		div#smilies {}
		div#bbcode {}
		div#bbcode input {}
		textarea {}
		input.remember {}
	}
*/

div#eba_post_comment {
	border: 1px dotted #c0d4df;
	border-left: 2px solid #c0d4df;
	padding: 0 5px;
	margin: 10px 0;
	}

div#eba_post_comment div#hide {
  display: none;
	}

div#eba_post_comment input.info {
	padding: 3px;
	width: 50%;
	}

div#eba_post_comment div#smilies {
	margin-bottom: 10px;
	}

div#eba_post_comment div#smilies a img {
	border: none;
	}

div#eba_post_comment div#bbcode {
	display: inline;
	}

div#eba_post_comment div#bbcode input {
	border: 1px solid #ccc;
	font-size: .9em;
	padding: 0 5px;
	background: #e5eaef;
	color: #072a66;
	text-align: center;
	vertical-align: middle;
	}

div#eba_post_comment textarea {
	margin-top: 2px;
	width: 99%;
	}

div#eba_post_comment input.remember {
	margin-left: 8px;
	}

/*
	Middle-align checkboxes in Firefox
*/

div#eba_post_comment input[type="checkbox"] {
	vertical-align: middle;
	}