/*
	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 #f1f1f1; background: #f1f1f1; margin: 15px 0; height: 0 }

/* IE 6 makes the horizontal rule too big. Defining a font-size solves the issue */
* html div.hr { font-size: 2px }

/* Scales down images when reduzing browser windows size */
p img { max-width: 99% }

/* Archive: Months with none articles */
span.nopost { color: #ccc }

/* Information box when a comment has been added */
div#commentmsg { margin: 10px 0; background: #e8e8e8; border: 1px dotted #ccc; padding: 5px; font-weight: bold }

/* Feed icon in Internet Explorer */
h3#comments a img { border: 0; width: 16px; height: 16px; vertical-align: middle }

p.orange a { color: #c60 }
p.orange a:hover { color: #000 }

/* Quote */
span.quote { border-left: 2px solid #555 }
span.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% }
span.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.article_info { margin-top: 5px; color: #999; text-transform: uppercase }
div.eba_article:after { content: ""; display: block; clear: both; visibility: hidden }
div.eba_article div.illustration img { display: block }
h3.title { font-weight: normal; color: #c60; font-size: 17px; margin-bottom: 0; line-height: 140% }
h3.title a { color: #c60 }
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 }
div.eba_article 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 dotted #ccc; margin-bottom: 5px }
div.eba_comment div.commentinfo { background: #c0d4df; padding: 5px 10px; height: 19px; border-bottom: 1px dotted #ccc }

div.site_owner { background: #c0d4df }
div.site_owner div.commentinfo { border-bottom: 2px solid #fff }
div.site_owner a { color: #fff; text-decoration: underline }
div.site_owner a:hover { text-decoration: none }

div.left { float: left; height: 19px; line-height: 19px; width: 70% }
div.gravatar { float: right; margin-right: -5px; width: 20% }
div.gravatar img { border: 1px solid #ccc; padding: 1px; background: #fff; float: right; margin-left: 5px }
div.commenttext { padding: 0 10px }

/**
 * Post comment
*/

div#eba_post_comment { border: 1px dotted #c0d4df; border-top-style: solid; border-left-width: 2px; border-left-style: solid; padding: 0 5px; margin: 10px 0 }
div#eba_post_comment h3 { padding: 5px; margin: -0px -5px 10px -5px; background: #c0d4df; font-size: 110% }
div#eba_post_comment div#hide { display: none }
div#eba_post_comment input[type="text"] { padding: 3px; width: 50% }
div#eba_post_comment div#smilies { margin-top: 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% }

/* Middle-align checkboxes in Firefox */
div#eba_post_comment input[type="checkbox"] { vertical-align: middle }

/* Simple layout archive */
ul.simplelayout { padding-left: 0 }
ul.simplelayout li { list-style: none; margin-bottom: 15px }
ul.simplelayout li h3 { font-size: 110%; font-weight: bold; display: inline; margin-right: 3px }

/* Category login */
form.login_cat_public div { margin-top: 20px }
form.login_cat_public input[type="submit"] { font-weight: bold }
form.login_cat_public input[type="password"] { width: 150px }