/*  
Theme Name: A Better Bag of Groceries
Theme URI: 
Description: A 3-column <strong>search engine optimized</strong> theme with a clean and content-centric design.
Author: Blain Smith
Author URI: http://www.13-infinite.com/
Version: 1.0.0
Tags: valid CSS, valid XHTML, fixed width, white, blue, widgets, three columns, custom header, right sidebar, widget ready, microformats
*/

@import "reset.css";

body {
	background:#E9F2F5;
	font:normal small "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color:#575757;
}

a {
	color:#69b100;
	text-decoration:underline;
}

h1 { font-size: 170%; }
h2 { font-size: 150%; }
h3 { font-size: 130%; padding-top:20px; }
h4 { font-size: 110%; }

h1, h2, h3, h4, p, ul, ol {
	margin-bottom:10px;
}

ul {
	margin-left:30px;
	list-style-type:disc;
}

ol {
	margin-left:30px;
	list-style-type:decimal;
}

p, ul, ol {
	line-height:140%;
}

#outer {
	background:#e9f2f5 url(images/menubar.gif) top left repeat-x;
}

#header {
	padding-top:34px;
	height:236px;
	background:#ffffff url(images/notepad.jpg) top left repeat-x;
}

#header h1, #logo a span {
	display:none;
}

#header #logo {
	margin:0 auto;
	width:706px;
	height:236px;
	background:transparent url(images/header.jpg) top left no-repeat;
}

#inner, #menubar {
	margin:0 auto;
	width:1000px;
}

#main {
	padding:10px;
	float:left;
	width:538px;
	border-right:1px solid #0168B3;
	border-left:1px solid #0168B3;
	border-bottom:1px solid #0168B3;
	background:#ffffff;
}

#main img {
	padding:3px;
	border:1px solid #e0e0e0;
}

#sidebar1, #sidebar2 {
	padding:10px;
	font-size:90%;
	width:200px;
	background:#e9f2f5;
}

#sidebar1 {
	float:left;
	
}

#sidebar2 {
	float:right;
	
}

/*Start: Post/Search Nav settings*/
div.navigation {
	margin:20px 0;
}

div.navigation div.older {
	width:200px;
	float:left;
	text-align:left;
}

div.navigation div.newer {
	width:200px;
	float:right;
	text-align:right;
}
/*End: Post/Search Nav settings*/

.content {
        margin-bottom:20px;
}

.posttitle {
	margin-bottom:2px;
}

.posttitle a {
	color:#0168B3;
}

.widgets {
	list-style:none;
	margin:0;
}

.widget ul {
	list-style:circle;
	margin-left:20px;
}

.widget ul li {
	margin-bottom:3px;
}

.widget {
	margin-bottom:10px;
	padding:5px;
	border:1px solid #69b100;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	background-color:#ffffff;
}

.widgettitle {
	margin:-5px -5px 5px -5px;
	padding:5px;
	color:#000000;
	border-bottom:1px solid #69b100;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	background:#ffffff url(images/sidebarheader.gif) top left repeat-y;
	font-size: 120%;
}

.timestamp {
	text-transform:uppercase;
	font-weight:bold;
}

#footer {
	margin:0 auto;
	width:560px;
	text-align:center;
	background:#e9f2f5;
}

/*Start: Main Menu settings*/
#menubar {
	height:31px;
}
#menu {
	font-weight:bold;
	float:left;
	width:960px;
	margin:0 auto;
}
* html #menu {
	
}
#menu, #menu ul { /* all lists */
	margin: 0;
	list-style: none;
}
#menu ul { padding:0; }

#menu li a {
	/*width: 10em;*/
	color:#ffffff;
	display:block;
	margin:0;
	padding:5px 15px;
	text-decoration:none;
	line-height:160%;
}
* html #menu li a, *+html #menu li a {
	padding:4px 10px;
}

#menu li { /* all list items */
	float: left;
	padding:0 1px;
	margin:0;
	/*width: 10em;  width needed or else Opera goes nuts */
}
#menu li li { /* second-level items */
	float: none	;
	margin:0;
	padding:0;
}
#menu li li a {
	padding:4px 10px;
	margin:0;
}
* html #menu li li a {
	padding:5px 10px;
}

#menu li ul { /* second-level lists */
	position: absolute;
	background: #0168B3;
	color:#ffffff;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:1;
}
#menu li:hover {
	/* display:block; */
	
}
#menu li:hover li {
	padding:0;
}
#menu li a:hover, #menu li li:hover a {
	background:#0168B3;
	color:#ffffff;
}
* html #menu ul {
	padding-top:5px;
}
#menu ul li a {
	width:200px;
}
#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	margin-left:-1px; z-index:1;
}
#menu li.on ul li a, #menu li.off ul li a, #menu li.sfhover { /* lists nested under hovered list items */
	background:#0168B3;
	color:#ffffff;
}

/* extra positioning rules for limited noscript keyboard accessibility */
#menu li a:focus + ul { margin-left: -1px; }
#menu li li a:focus + ul { margin-left: 1010em; }
#menu li li a:focus { margin-left:1000em; /*width:10em;*/ background: #0168B3;color:#ffffff; }
#menu li:hover a,  #menu li.sfhover a { background: #0168B3;color:#ffffff; }
#menu li.sfhover  { padding:0; }
#menu li.sfhover li  { border:0; padding:0; }
#menu li:hover a:focus,  #menu li.sfhover a.sffocus { margin-left: 0; background: #0168B3; color:#ffffff; }
#menu li li:hover a:focus + ul, #menu li li.sfhover a.sffocus + ul { margin-left: 10em; }
/*End: Menu settings*/

 .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}
 */