/*
Theme Name: Elbee Elgee
Theme URI: http://literalbarrage.org/blog/code/lblg
Description: An extremely flexible 3 column theme.
Author: Doug Stewart
Author URI: http://literalbarrage.org/blog/
Version: Beta 2
Tags: buddypress
*/

/* @group Top-level containers */

#header {
	height: 7em;
}

#menu {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	border-top: 0px;
	position: relative;
	vertical-align: bottom;
}

#content {
	padding-left: 10px;
	padding-right: 10px;
}

#wrapper-404 {
	float: left;
	width: 100%;
}

#wrapper-404 #content {
	width: 95%;
}

#archive-wrapper {
	float:left;
	width:100%;
	margin-left:-49%
}

#archive-posts{
	margin-left: 50%;
	padding-left: 5%;
}

#archive-categories{
	float: right;
	width: 44%;
	padding-right: 5%;
	text-align: right;
}


#footerleft {
	width: 45%;
	margin: 0 auto;
	float: left;    
}

#footerright {
	width: 45%;
	margin: 0 auto;
	float: right;
	text-align: right;
}

#footercredits {
	width: 50%;
	margin: 0 auto;
	clear: both;
	text-align: center;
}

#comments {
	padding-left: 0px;
	list-style: none;
	width: 95%;
}

/* @end */



#header h1 {
	font-size: 189%;
	font-family: times;
	padding-left: 20px;
}

#header p{
	padding-left: 20px;
}



#menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu li:first-child a {
}

.series-links, .series-toc {
	font-size: 77%;
}

.ch_code_container {
	background-color: #f0f0f0;
	border: 1px solid #C3CED9;
	padding: 0px 0px 0 0;
	width: 100%;
	text-align: left;
	font-size:1.00em;
	overflow:auto;
}

.ch_code_container .head {
	color: #808080;
	font-weight: bold;
	background-color: #f0f0ff;
	border-bottom: 1px solid #d0d0d0;
	padding: 2px;
}

/* @group List reset */


#navigation ul, #extra ul, #footer ul, #footer ol, #bigbar ul {
	margin: 5px 0 0;
	padding-left: 0;
	padding-right: 5px;
}

#navigation ul li, #extra ul li, #footer ul li, #bigbar ul li {
	list-style-type: none;
	list-style-image: none;
}

.now-reading ul{
	list-style: none;
}

/* @end */



/* @group Alignment classes */

.center, .aligncenter {
        text-align: center;
}

.alignright {
        float: right;
}
				        
.alignleft {
        float: left
}

/* @end */

/* @group Image classes */

img.center, img.aligncenter, img[align="center"] {
    display: block;
	margin: 0 auto !important;
	_margin-right: auto;
	_margin-left: auto;
}

img.alignright, img[align="right"] {
    padding: 4px !important;
	_padding: 4px;
    margin: 0 0 2px 7px !important;
    display: inline;
}

img.alignleft, img[align="left"] {
    padding: 4px;
	_padding: 4px;
	margin: 0 7px 2px 0;
    display: inline;
}
				        
img.noborder {
        border: none !important;
}

#content img {
	margin-left: -5px;
	padding: 4px;
	border: 1px solid #ccc;
	max-width: 100%;
}

.lifestream_icon img, .btc-summary img {
	border: 0 none !important;
}

#flickrrss img {
	border: 0 none;
	padding: 5px;
}
/* @end */

/* @group Gravatar classes */

.gravatar, .avatar {
	float: left;
	padding: 3px;
	border: 1px solid #3c3c3c;
	background: #fff;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px !important;
}

.postgrav {
	float: left;
	padding: 3px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #000;
	background: transparent;
}

/* @end */

/* @group Navigation classes */

.navigation {
	text-align: center;
	margin: 10px 0 10px;
	padding: 0;
	width: 100%;
}
.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
}

.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
}

/* @end */

/* @group Meta info classes */

.postinfo, .postmeta {
	font-size: 80%;
}

.postmeta {
	padding-left: 15px;
	background: url('images/mini2/calendar.gif') no-repeat left;
}
.postcats {
	padding-left: 15px;
	background: url('images/mini2/folder.gif') no-repeat top left;
}

.posttags {
	padding-left: 15px;
	background: url('images/mini2/tag.gif') no-repeat top left;
}

.commentlink {
	padding-right: 15px;
	background: url('images/mini2/comment_left.gif') no-repeat right;	
}

.extlink {
	padding-right: 8px;
	background-image: url('http://literalbarrage.org/blog/wp-images/aoutside.gif');
	background-position: right top;
	background-repeat: no-repeat;
}

/* @end */

/* @group Drop-down meta classes */

#site-meta, #site-quickpost {
	position:fixed;
	width:100%;
	z-index:1000;
	top:0px;
	left: 0px;
}

#site-meta li {
	display:inline;
}

#meta-panel {
	background: #EEE;
	border-bottom: 1px solid black;
}

#meta-panel ul {
	width:960px;
	margin:0 auto;
	padding:36px 0;
	text-align: right;
}

#meta-anchor, #quickpost-anchor {
	display:block;
	float: right;
	background-color:#eee;
	border: 1px solid black;
	border-top: #eee;
	margin-top: -1px;
	padding-left: 1.5em;
	padding-right: 1.5em;
	height: 1.8em;
}



/* @end */

/* @group Clearing classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.listclear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

/* @end */

/* @group Comments classes */
#comments_fieldset {
	border:  0px;
	padding: 0px;
}

#comments li.odd, #comments li.even, #comments li.highlight {
	padding: 5px;
}

#comment {
	width: 95%;
	margin: 0 auto;
	height: 12em;
	font-size: 12pt;
}

.comment-meta {
	width: 80px;
/*	position: absolute;*/
	float: left;
}

.comment-author {
	display: block;
}

.comment-date {
	display: block;
}

.comment-text { 
	margin-left: 85px;
}

/* @end */

/* @group Quick Post Form */

#postbox {
	margin:3em;
	margin-top: 0em;
	padding:3em;
	background:#EEE;
	border:1px solid #CCC;
}
#postbox form {
	width:100%;
}
#postbox textarea {
	width:100%;
	margin-bottom:.75em;
}
#postbox label {
	display: block;
}

/* @end */

#footer h2 a.rssfeed{
	background: url('images/feed.png') center left no-repeat;
	padding-left:  18px;
}

#aboutsite {
	margin-left: -300px;
	width: 300px;
	float: right;
	clear: both;
}

div.message {
	width: 80%;
	margin: 0 auto;
	padding: 10px 20px 10px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1em;
}

.information {
	background-color: #F8FAFC;
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-color: #B5D4FE;
	color: #333;
}

.notification {
	border-color: #669933;
	border-top: 2px solid;
	border-bottom: 2px solid;
	background-color: #9BCF7B;
	color: #333;
}

.alert {
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-color: #DDDB54;
	background-color: #FFFFCC;
	color: #000;
}

.warning {
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-color: #D43C3C;
	background-color: #FB7070;
	color: #fff;
}