/*
Theme Name:		Squeeze/Bonus
Theme URI:		http://AbundanceUnlimited.com/
Description:	
Version:		3.0.1
Author:			Abundance Unlimited
Author URI:		http://AbundanceUnlimited.com/
*/

body { background: #4A6676; color: #111; font-size: 62.5%; }

* { padding: 0; margin: 0; }

.content {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0.3em;
    background: #33332f;
    border: 0.4em solid #3e3e3a;
}

#page {
	background-color: white;
	text-align: center;
	margin: 0px auto 0px auto;
	padding:0px;
	position: relative;
	width: 780px;/*change */
	height:100%;
	clear: both;
}

#content {
	font-size:16px; /* 12px is good size to read for everyone */ /*change */
	padding-top: 10px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	width:780px;
	text-align:left;
	background-color: white;
	border: black 1px;
}

/*---:[ core layout elements ]:---*/

		#header { padding: 2.2em 1.1em; border-bottom: 3px double #ddd; clear: both; }
	
	.post_box, .teasers_box { border-top: 1px dotted #bbb; clear: both; }

	.teasers_box .post_box { margin: 0; border-top: none; clear: none; }
	
		.teaser { float: left; }

		.teaser_right { float: right; }
				
	.top { border: none !important; }




/*---:[ global elements ]:---*/

a { color: #2361a1; text-decoration: none; }

a:hover { text-decoration: none; }

a.post_image_link { outline: none; }

a img { border: none; }

blockquote { border-left: 1px solid #ddd; color: #666; }

abbr, acronym { line-height: 1em; text-transform: uppercase; letter-spacing: 1px; border-bottom: none; cursor: help; }

sub, sup { line-height: 0.5em; }

code { font-family: Consolas, "Andale Mono", Courier, "Courier New"; line-height: 1em; background: #eee; }

pre { font-family: Consolas, "Andale Mono", Courier, "Courier New"; background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }

p {
	font-size:16px; /* 12px is good size to read for everyone */ /*change */
	margin-bottom: 10px;
	line-height: 18px;
}

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

.remove_bottom_margin { margin-bottom: 0 !important; }

/*---:[ form inputs ]:---*/

input, textarea { font-size: 1em; color: #444; background: #eee; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd; }

input:focus, textarea:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
	
	.format_text .text_input, #commentform p .text_input { width: 45%; }

	.sidebar .text_input { width: 95%; } /* Based on inherited font size in sidebar */

	input.form_submit { font-weight: bold; color: #111; background: url('images/submit-bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; }
	
	input.form_submit:hover { color: #090; }

/*---:[ universal image classes ]:---*/

img.alignleft, img.left { float: left; }

img.alignright, img.right { float: right; }

img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

img.alignnone, img.block { display: block; clear: both; }

img.frame { background: #eee; border-style: solid; border-color: #ddd; }

img.stack { clear: none !important; }



/*---:[ headlines and bylines ]:---*/

h1, h2, h3, h4 { text-align:center; font-size: 36px; font-weight: normal; }

	h2 a { color: #111; }

	h2 a:hover { color: #2361a1; }
	
	#content #archive_info h1 { font-size: 1.8em; line-height: 1em; font-weight: normal; }

/*---:[ h3 and h4 sizes are calculated relative to the base font size of the content or sidebar ]:---*/
	
	.sidebar h3 { color: #555; }

h4 { font-size: 1em; font-weight: bold; }

/*---:[ headline meta data (includes bylines) ]:---*/

.headline_meta { font-style: italic; color: #888; }

	.headline_meta span, .headline_meta abbr { font-style: normal; text-transform: uppercase; letter-spacing: 1px; }

	.headline_meta a { color: #888; border-bottom: 1px solid #eee; }
	
	.headline_meta a:hover { color: #111; }



/*---:[ #header styles ]:---*/

#header #logo { font-weight: bold; }

	#header #logo a { color: #111; }

	#header #logo a:hover { color: #2361a1; }
	
#header #tagline { font-weight: normal; color: #888; }



/*---:[ content styles ]:---*/

.format_text a { text-decoration: underline; }

.format_text a:hover { text-decoration: none; }

.format_text p.note { background: #f5f5f5; border: 1px solid #ddd; }

.format_text p.alert { background: #ffffa0; border: 1px solid #e5e597; }

.format_text .drop_cap { color: #888; float: left; }

.format_text ul { list-style: square; }
		
	.format_text dt { font-weight: bold; }

	/*---:[ pullquotes ]:---*/

	.format_text blockquote.right, .format_text blockquote.left { border: none; }

	.format_text blockquote.right { float: right; }

	.format_text blockquote.left { float: left; }

		.format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; }
		
	/*---:[ end pullquotes ]:---*/
		
.format_text .ad { float: right; clear: right; }

	.format_text .ad_left { float: left; clear: left; }
	
/*---:[ after-post elements ]:---*/

.format_text .to_comments { color: #666; clear: both; }

	.format_text .to_comments span { color: #111; }

	.format_text .to_comments span.bracket { color: #ccc; }

	.format_text .to_comments a { color: #666; text-decoration: none; }

	.format_text .to_comments a:hover { color: #111; text-decoration: underline; }
	
/*---:[ tags are not targeted further because these styles need to cascade to teasers as well ]:---*/

.post_tags { color: #666; }

	.post_tags a { text-decoration: none; }
	
	.post_tags a:hover { text-decoration: underline; }

.caption {
	background-color: #EEEEEE;
	border-color: #DDDDDD;
	border-style: solid;
	font-style: italic;
	text-align:center;
	margin:0 0 1.571em 1.571em;
	border-width:0.071em;
	padding:0.714em;
	float: right;
}
.caption.alighright {
}
.caption.alightleft {
	float: left;
}	
	
ul {
	margin-left: 20px;
}

li {

}

div.sociable {
	margin: 16px 0;
	padding: 0;
}

div.sociable_tagline {
	margin: 0;
	padding: 0;
}

.sociable ul {
	dispaly: inline;
	margin: 0;
	padding: 0;
}

.sociable ul li {
	background: none repeat scroll 0 0 transparent;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}


/*---:[ footer styles ]:---*/

#footer { color: #FFFFFF; text-align: center; clear: both; }

#footer a { color: #FFFFFF; }

#footer a:hover { color: #111; }