/*   
Theme Name: Sunbear Blog Squad
Theme URI: http://www.sunbearsquad.org/
Description: Theme for use on the Sunbear Blog Squad blog
Author: B.J. Christianson
Author URI: http://www.bchri.net
Version: 2.0
.
Theme design © 2009-2010 The Sunbear Squad; All rights reserved
.
*/

/* Contents
	1. Appearance
		a. General Appearance
			i. body
			ii. a
			iii. headings (h1, h2, h3, h4 ,h5, h6, h7)
			iv. ul
			v. #branding
			vi. #content
			vii. #posts
			viii. #copyright
			ix. .sidebar
			x. .handheld
			xi. .contactList
		b. Navigation Appearance
			i. #navMenu
			ii. #blogWidgets
			iii. .sidebar
		c. Post Appearance
			i. .post
			ii. .postHeader
			iii. .entry
			iv. .commentList
			v. #copyright
	2. Layout
		a. Overall Layout 
			i. body
			ii. #branding
			iii. #content
			iv. .sidebar
			v. #secondaryNav
			vi. #posts
			vii. .narrowcolumn
			viii. #copyright
			ix. > * (Global item Children)
		b. Post/Entry Layout
			i. .post
			ii. img
			iii. .alignleft
			iv. .alignright
			v. .centered
			vi. #s
			vii. #comment
*/

/* -- 1. Appearance -- */
/* -- 1a. General Appearance -- */
body {
	background: #b3b188 url("./images/mainBackground.png") repeat;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height : 1.3em;
}

a:link {
	color : #963;
	text-decoration : underline;
}

a:visited {
	color : #600;
	text-decoration : underline;
}

a:hover {
	color : #963;
	text-decoration : underline;
}

a:active {
	color : #600;
	text-decoration : underline;
}

a img {
	border: none;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-weight: bold;
	line-height: 1.1em;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul li {
	margin: 0; 
	padding: 0;
}

div#branding, div#content, div#posts, div#copyright {
	background-color: #fff;
	text-align: left;
}

div#content:before {
	background-color: #e0daae;
	content: " ";
}

div.sidebar {
	background-color: #e0daae;
	text-align: left;
}

.handheld {
	display: none;
}

.contactList li {
	padding: 0.5em 0;
}
/* -- 1b. Navigation Appearance -- */
ul#navMenu {
	margin-top: 0.5em;
	border-top: 1px solid #666;
}

ul#navMenu li:hover {
	background-color: #89a25d;
}

ul#navMenu h3, div#blogWidgets h3 {
	color: #666;
}

div#blogWidgets {
	font-size: 85%;
}

div#blogWidgets ul, div#blogWidgets li {
	background-color: #e0daae;
}

div#blogWidgets li li {
	margin: 0.5em 0;
}

div#blogWidgets li li ul {
	margin-left: 1.5em;
}

div#blogWidgets a:hover {
	background-color: #89a25d;
}

div.sidebar h3 {
	margin: 0;
	font-size: 120%;
	text-transform: uppercase;
}

div.sidebar a {
	text-decoration: none;
}

div.sidebar a:link, div.sidebar a:visited, div.sidebar a:active {
	color: #600;
}

div.sidebar a:hover {
	color: #c36;
}

div.sidebar h3 a {
	text-decoration: none;
}

div.sidebar h3 a:link, div.sidebar h3 a:visited, div.sidebar h3 a:active {
	color: #666;
}

div.sidebar h3 a:hover {
	color: #353842;
}

div.sidebar > ul > li, div#blogWidgets > ul > li {
	border-bottom: 1px solid #666;
	padding: 0.25em;
}


/* -- 1c. Post Appearance -- */
div.post:before {
	display: block;
	height: 0;
	width: 30%;
	margin: 0 auto 2em auto;
	content: " ";
	overflow: hidden;
	border-top: 1px solid #999;
}

div.post:first-child:before {
	display: none;
}

div.postHeader {
	margin: 0 0 1em 0;
	padding: 0;
}

div.postHeader h2 {
	color: #666;
	font-size: 150%;
	margin: 0
}

div.postHeader h2 a {
	color: inherit;
	text-decoration: none;
}

div.postHeader cite {
	font-weight: normal;
	font-style: italic;
	font-size: 90%;
}

div.entry {
	margin: 0l
}

div.entry p {
	margin: 0;
	margin-bottom: 1em;
}

div.entry h1, div.entry h2, div.entry h3, div.entry h4, div.entry h5, div.entry h6, div.entry h7 {
	font-weight: bold;
	margin: 1em 0 0.2em 0;
}

div.entry blockquote, ol.commentlist blockquote {
	margin: 1em;
	border-left: 0.5em solid #ccc;
	padding: 0 1em;
	font-family: Georgia, Times New Roman, Times, serif;
	letter-spacing: 0.07em;
}

div.entry blockquote cite, ol.commentlist blockquote cite {
	display: block;
	position: relative;
	left: -1.5em;
	background-color: #fff;
	font-weight: bold;
	font-style: normal;
	padding: 0;
	padding-bottom: 0.1em;
	margin: 0;
}

div.entry cite:after, ol.commentlist cite:after {
	content: ":";
}

div.entry ul {
	list-style-type: disc;
	margin: 1em;
}

div.entry ul li {
	list-style-type: disc;
	margin-left: 1em;
	list-style-position: inside;
}

div#copyright ul li {
	font-size: 80%;
	font-style: italic;
}

/* -- 2. Layout -- */
/* -- 2a. Overall Layout */
body {
	padding: 50px 10%;
}

div#branding {
	margin: 0 auto;
	min-width: 570px;
	width: 100%;
}

div#content {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 570px;
	overflow: hidden;
	height: 1%;
}

div#content:before {
	display: block;
	z-index: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 14em;
}

div.sidebar {
	position: relative;
	z-index: 2;
	width: 14em;
	float: right;
	clear: right;
	margin-left: -14em;
}

div#posts {
	width: 100%;
	padding-top: 0.5em;
	float: left;
	clear: left;
}

.narrowcolumn { 
	padding-right: 14em;
}

div#copyright {
	margin: 0;
	margin-right: 14em;
	padding: 2em 0;
	clear: both;
}

div.sidebar > * {
	margin: 0 0.5em;
}

div#posts > *, div#copyright > * { 
	margin: 0 2em; 
}

/* -- 2b. Post/Entry Layout -- */
.post {
	margin: 0 0 2em 0;
	overflow: hidden;
}

.post img {
	max-width: 90%;
}

.alignleft {
	float: left;
}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0px;
	display: inline;
}

.alignright {
	float: right;
}

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

img.centered {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

input#s, textarea#comment {
	width: 90%;
}