/**
 * @author 		Espen B. Andersson
 * @copyright 	© 2003 - 10 Espen B. Andersson
 * @link		http://ebascripts.com/
 */

@media screen and (min-width: 640px) {
	#site, footer { max-width: 1100px; margin: 0 auto }
	#content { line-height: 130%; float: left; width: 64% }
	aside { border-left: 1px dotted #ccc; float: right; margin-left: 1%; width: 29% }
}

* { outline: none }
body { margin: 0; padding: 0; font-family: Corbel, Arial, Verdana, sans-serif; color: #333; background: #aebed8; text-align: center; font-size: 14px }
ul { margin: 5px 0 5px 0; padding-left: 0 }
p { margin: 10px 0 }
form { margin: 0 }
blockquote { margin: 10px 0 0 0; background: #f8f8f8; padding: 0 10px; font-style: italic; border-top: 1px solid #999; border-bottom: 1px solid #999 }
pre { overflow-x: scroll }
address { font-style: normal }

a, a:visited { color: #445395 }
a:hover { color: #800000 }

#site { border: 1px solid #999; border-top: none; background: #fff; color: #333; text-align: left }
#site:after { content: ""; display: block; height: 0; clear: both; visibility: hidden }
#site h2 { font-weight: normal; font-size: 17px; margin-top: 0; margin-bottom: 0 }

header { display: block; padding: 10px; background-image: url(images/bg-top.png); border-bottom: 1px solid #333; height: 49px; color: #f8f8f8 }
header h1 { font-size: 150%; margin: 0 }
header a { color: #fff !important }
header span { margin: 10px }

aside { padding: 1% 1.5%; line-height: 140% }
aside #feeds img { width: 10px; height: 11px }
aside ul { color: #999; padding: 0; margin: 0 }
aside ul li img { vertical-align: middle; margin-right: 3px }
aside h4 { text-shadow: #fff 0 1px 0; background: #d8e5ec; padding: 4px 7px; text-align: left; font-size: 14px; margin: 25px 0 5px 0; color: #333; border-radius: 5px 5px 0 0 }
aside li { list-style-type: square; list-style-position: inside }
aside li span { color: #000 }
aside a { color: #445395 }
aide a:hover { color: #800000; text-decoration: none }
aside #search { margin-top: 5px }
aside input { border-radius: 5px; padding: 2px 1% }
aside input[disabled] { color: #ccc }

#content { padding: 1.5% 0 1.5% 1.5% }

footer { display: block; background-image: url(images/bg-bottom.png); padding: 5px 0; background-color: #f8f8f8; text-align: center; color: #fff; margin-bottom: 20px; border-radius: 0 0 10px 10px }
footer a { color: #fff !important; text-decoration: underline }
footer a:hover { text-decoration: none }

/** horizontal rule */
hr { display: none }
hr.show { border: 1px solid #c2cfdc; background: #f0f5fa; margin: 15px 0; height: 2px; clear: both; display: block }

/** scales down images when reduzing browser windows size */
p img, embed { max-width: 100% }

/** archive: months with none articles */
span.nopost { color: #ccc }

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

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

/** input fields */
input { color: #333; font-size: 11px; border: 1px solid #ccc }
input.fields, textarea.fields { padding: 3px; width: 300px }

/** article display */
article li { list-style-type: square; list-style-position: inside; margin-bottom: 10px }
article .illustration { border: 1px solid #ccc; padding: 2px; float: right; margin: 1.5em 0 0.5em 1.2em; background: #fff; font-size: 11px; text-align: left }
article details { display: block; margin-top: 5px; color: #999; text-transform: lowercase }
article details a { color: #999 !important; text-decoration: underline }
article details a:hover { text-decoration: none }
article:after { content: ""; display: block; clear: both; visibility: hidden }
article .illustration img { display: block }

/** comment display */
.eba_comment { border: 1px solid #eee; margin-bottom: 15px; border-radius: 10px }
.eba_comment:after { content: ""; display: block; height: 0; clear: both; visibility: hidden }
.eba_comment .commentinfo { padding: 5px 9px; height: 21px; border-bottom: 1px dotted #fff; border-radius: 10px 10px 0 0; background: #d8e9ec }
.site_owner { }
.site_owner .commentinfo { border-bottom: 1px solid #fff }
.site_owner a { text-decoration: underline }
.left { float: left; height: 19px; line-height: 19px; width: 90% }
.gravatar { float: right; margin-right: 5px; padding-top: 2px; background: url(images/nogravatar.png); background-size: 16px 16px; background-repeat: no-repeat; border: 0 }
.commenttext { padding: 0 10px }

/** add comment */
#eba_post_comment_header { padding: 5px 10px; background: #c0d4df; font-size: 110%; border-radius: 10px 10px 0 0; margin-bottom: 0 }
#eba_post_comment { border: 1px dotted #c0d4df; border-top-style: solid; border-left-width: 2px; border-left-style: solid; padding: 0 5px; margin: 0 }
#eba_post_comment input[type="text"] { width: 91%; padding: 3px 6px; margin-bottom: 5px; font-size: .85em; border-radius: 5px }
#eba_post_comment input[type="text"]:focus, #eba_post_comment textarea:focus { background: #fff999 }
#eba_post_comment textarea { height: 145px; border-radius: 5px; border: 1px solid #ccc }
#eba_post_comment #smilies { margin-top: 10px; display: none }
#eba_post_comment #smilies a img { border: none }
#eba_post_comment textarea { width: 98%; padding: 3px }
#eba_post_comment .gray { color: #999 }
#eba_post_comment .lefty { width: 70%; float: left }
#eba_post_comment .righty { width: 27%; float: right; margin-right: 1% }
#eba_post_comment .clear { padding-top: 10px }
#eba_post_comment .clear:after { content: ""; display: block; height: 0; clear: both; visibility: hidden }
#eba_post_comment input[type="submit"] { font-size: 17px; color: #fff !important; border-radius: 10px; background-image: url(images/bg-bottom.png); padding: 5px 15px; border: 0 }
#eba_post_comment #addCommentShowInfoBtn { border-radius: 8px; padding: 5px 10px; margin-left: 10px }
#eba_post_comment #addCommentShowInfoBtn:hover { background: #eee; color: #000; border-color: #999 }

/** simple layout archive */
.simplelayout { padding-left: 0; margin-left: 0 }
.simplelayout li { list-style: none; margin-bottom: 15px }
.simplelayout li h3 { font-size: 120%; font-weight: bold; display: inline; margin-right: 3px }
.inline { display: inline }
.date { color: #999; text-transform: uppercase; font-size: 12px }

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

/** search box in right column */
#searchInputs input[type="text"] { width: 69% }
#searchInputs input[type="submit"] { width: 26%; margin-left: 2% }