style.css

/**
 * Theme Name: Elbee Elgee
 * Theme URI: http://literalbarrage.org/blog/code/lblg
 * Short Name: lblg
 * Support URI: http://wordpress.org/tags/elbee-elgee?forum_id=5
 * Description: An extremely flexible 1, 2, or 3 column theme with over 30 possible layouts and support for widgetized sidebars, custom headers, custom backgrounds, custom navigation menus, BuddyPress and bbPress.
 * Author: Doug Stewart
 * Author URI: http://literalbarrage.org/blog/
 * License: GPL v2
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Version: 1.4-alpha2
 * Tags: buddypress, two-columns, three-columns, one-column, left-sidebar, right-sidebar, white, blue, fixed-width, flexible-width, custom-header, custom-menu, featured-images, sticky-post, theme-options
 *
 * Elbee Elgee WordPress Theme, Copyright (C) 2011 Doug Stewart
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 **/

/* @group Top-level containers */

#header {
}

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

#lb-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 {
}

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

#menu > ul > li,
div.menu > ul > li  {
	display: inline-block;
	/*list-style-type: none;
	margin: 0;
	padding: 0;*/
}

#menu > ul > li a:link,
#menu > ul > li a:visited,
div.menu > ul > li a:link,
div.menu > ul > li a:visited {
	display:  block;
}

#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;
		margin: 0 auto;
}

.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;
}

.wp-caption {
	
}

.wp-caption-text {
	
}

.gallery-caption {
	
}
/* @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 {
	font-size: 90%;
	clear: both;
}

.postmeta {
	line-height: 20px;
	padding-left: 20px;
	background: url('images/icon-set-bloggers/gray/date-small.png') no-repeat left top;
}
.postcats {
	line-height: 20px;
	padding-left: 20px;
	background: url('images/icon-set-bloggers/gray/category-small.png') no-repeat left top;
}

.posttags {
	line-height: 20px;
	padding-left: 20px;
	background: url('images/icon-set-bloggers/gray/tag-small.png') no-repeat left top;
}

.commentlink {
	line-height: 20px;
	padding-right: 20px;
	background: url('images/icon-set-bloggers/gray/comment-small.png') 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 {
	float: left;
}

.comment-author {
	display: block;
}

.comment-date {
	display: block;
}

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

/* @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,
.category-notification {
	border-color: #669933;
	border: 1px solid;
	background-color: #9BCF7B;
	color: #333;
	padding: 10px;
}

div.notification a,
div.category-notification a{
	color: #4d7424;
}

.alert,
.category-alert {
	border: 1px solid #E6DB55;
	background-color: lightYellow;
	color: #000;
	padding: 10px;
}

.warning,
.category-warning {
	border: 1px solid;
	border-color: #D43C3C;
	background-color: #faa19f;
	color: #000;
	padding: 10px;
}

div.warning a,
div.category-warning a {
	color: #d43c3c;
}

.sticky {
	border: 1px solid #097bc3;
	background: #9ed2fb;
	padding: 10px;
}

div.sticky a {
	color: #097bc3;
}
.bypostauthor {
	
}

#lb-content dl.gallery-item{
	padding-left: 0;
}

div.post-pagination {
	clear: both;
}

#s {
	max-width: 97%;
}

.accessibly-hidden{
	display: none;
}

#lb-content.bp-full-width{
	margin: 0 auto;
	width: 95%;
	padding: 0 20px;
}