/* @override 
	http://gosammy/wp-content/themes/fablerblog/style.css
	http://thefablerblog.com/wp-content/themes/fablerblog2/style.css
*/

/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Two-column with sidebar on left from the /examples/ folder  */
/* @import url('examples/2c-l.css'); */

/* globals
----------------------------------*/
* {
margin: 0;
padding: 0;
}

img {
border: 0;
}

body {
background: #FFFFFF url('images/body_bg.gif') repeat-x scroll 0 0;
font-family: Arial, Tahoma, helvetica, sans-serif;
font-size: 100.01%;
}
h2 {font-size:1.2em;color:#333333;background:none; margin-bottom: .7em; font-weight: bold;}
h3 {font-size:1em;color:#333333;background:none; margin-bottom: .7em;}

h4 {font-size:0.8em;color:#333333;background:none;}

a {color:#19AAE3;background:none;}
a:hover, a.active {color:#FF006B}

ul li {list-style:none;}
p {color:#3f4650;background:none;}

.clear {clear: both;}
.hide {display:none;}
.show {display:block;}


/* TheFabler Blog CSS */

/* structure
----------------------------------*/

div#wrapper {
width:940px;
margin: 0 auto;
}

div#container {
float:left;
margin-top:0 !important;
}
div#side_column_wrapper {
float:right;
width:225px;
margin:0 0 25px 0;
font-size: 0.8em;
line-height: 1.5em;
}
#content {
width:700px;
float:left;
margin:0 auto;
}

div#footer {
clear:both;
}

/* posts
----------------------------------*/

#content div.post {
color:inherit;
clear:both;
width: 650px;
margin:0 0 25px 0;
}

#content div.post h2, #content div.post h3, #content div.post div {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	padding: 3px 0;
}
h2.entry-title {
	border-bottom: 1px solid #ceeafc;
	color: #0188ba;
	margin-bottom: 1em;
}
#content div.post a {
	color: #0188ba;
	text-decoration: none;
}
#content div.post a:hover {
	color: #FF006B;
}
#content div.post p {
	font-size: 0.8em;
	margin: 0 0 15px 0;
	line-height: 1.5em;
}
#content div.post img, #content div.post a img {
	background-color: #eaf2f7;
	padding: 5px;
}
#content div.post a:hover img {
	background-color: #0188ba;
}
#content div.entry-date {
	border-bottom: 1px solid #ceeafc;
	font-size:0.7em; 
	color:#B1B5B8;
	margin-bottom: 10px;
}
abbr {
	outline: none !important;
}
#content div.post div.entry-meta {
padding-bottom:10px;
font-size:0.7em;
line-height: 1.3em;
color:#B1B5B8;
}

#social {
	display: block;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#social h3 {
	font-weight: 1.3em;
	margin: 10px 0;
}

#social a {
	font-size: 0.8em;
	margin: 0 0 10px 0;
}

.fb_share_link { 
	display:block;
	padding:2px 0 0 20px; 
	height:16px; 
	margin: 0 20px 10px 0;
	background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?0:26981) no-repeat top left; 
}

.su_share_link {
	display:block;
	padding:2px 0 0 20px; 
	height:16px; 
	margin: 0 0 10px 0;
	background:url(http://cdn.stumble-upon.com/images/16x16_su_solid.gif) no-repeat top left;
}

#trackbacks-list h3, #comments-list h3 {
	font-weight: lighter;
	margin-bottom: 20px;
}

#trackbacks-list ol, #comments-list ol {
	font-size: 0.8em;
	line-height: 1.4em;
	width: 650px;
}
#trackbacks-list li, #comments-list li {
	margin: 20px 0 40px 0;
}

#respond h3 {
	font-weight: lighter;
	margin: 20px 0;
}
#commentform {
	font-size: 0.8em;
	line-height: 1.6em;
}

#commentform div.form-label {
	color: #3f4650;
	padding-top: 10px;
}

input#submit.button {
	margin-top: 20px;
}

.more-link {
	display: block;
	clear: both;
	margin-top: 20px;
}

ol.commentlist {
	list-style-type: none;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #aad3eb;
	background-color: #e8f6ff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 38px;
	top: 15px;
	color: #B1B5B8;
	background: transparent url('images/tip-rounded.gif') no-repeat 15px 0;
}
cite.rounded strong {
	color: #000;
}


/* sidebar
----------------------------------*/
div.sidebar ul li {padding:0 0 10px 0;}
div.sidebar ul li ul li{padding:0;}

.xoxo {
	background: url('images/pink_block_bg.gif') top left repeat-x #ff398d;
	padding: 20px;
	margin-bottom: 20px;
}

#categories ul, #archives ul {
	background: url('images/pink_hr.gif') top left repeat-x;
	margin: 15px 0;
	padding-top: 15px;
}

input#s.text {
	width: 165px;
	padding: 5px;
	margin-bottom: 20px;
}

#categories h3, #archives h3 {
	text-indent: -9999px;
	display: block;
	width: 122px;
	height: 15px;
}

#categories h3 {
	background: url('images/categories_h3.gif') top left no-repeat;
}

#archives h3 {
	background: url('images/archives_h3.gif') top left no-repeat;
}

.xoxo a {
	color: #ff9fc8;
	font-weight: bold;
	text-decoration: none;
}

.xoxo a:hover {
	color: #fff;
}

#subscribe_btn {
	background: url('images/subscribe_btn.gif') top left no-repeat;
	display: block;
	width: 157px;
	height: 25px;
	margin-bottom: -10px;
	text-indent: -9999px;
	overflow: hidden;
}

/* top navigation
----------------------------------*/
#top_bar {height:34px;width:940px;margin:31px auto 41px auto;}
#logo a { 
background: url('images/theFabler.jpg') no-repeat;
width: 129px; height: 54px;
display: block;
float:left;
overflow: hidden; text-indent: -9999px;
}
#main_nav {float:right;margin:31px 0 0 0;text-align:right;}
#main_nav ul {}
#main_nav ul li {display:inline;padding:0 0 0 10px;}
#main_nav ul li a {
font-weight:bold;
font-size:0.9em;
text-decoration:none;
}

/* comments
----------------------------------*/
#respond {margin: 0 0 4em 0;}

/* footer
----------------------------------*/
#footer{
	background: url('http://thefabler.com/images/footer_bg.gif') top left repeat-x;
	bottom: 0;
	color: #299ce7;
	left: 0;
	position: absolute;
	width: 100%;
	height: 33px;
}

#footer .wrapper {
margin:0 auto;
width:960px;
}

@media screen{
	body>div#footer{
		position: fixed;
	}
}

#footer ul {
	display: block;
	float: left;
	list-style-type: none;
	margin: 1px 0 0 0;
	padding: 0;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	display: block;
	float: left;
	height: 16px;
	margin: 0;
	overflow: hidden;
	padding: 8px;
	text-indent: -9999px;
	width: 16px;
}

#footer ul li a:hover {
	background-color: #a4d2ef;
}

.footer_label {
	display: block;
	float: left;
	font-size: 0.6em;
	font-weight: bold;
	margin: 12px 16px 0 0;
}
.fl_home {
	background: url('http://thefabler.com/images/footer_icons.gif') 0 0 no-repeat;
}

.fl_view {
	background: url('http://thefabler.com/images/footer_icons.gif') -32px 0 no-repeat;
}

.fl_submit {
	background: url('http://thefabler.com/images/footer_icons.gif') -64px 0 no-repeat;
}

.fl_blog {
	background: url('http://thefabler.com/images/footer_icons.gif') -96px 0 no-repeat;
	margin-right: 0 !important;
}

.fl_flickr {
	background: url('http://thefabler.com/images/footer_icons.gif') -128px 0 no-repeat;
}

.fl_twitter {
	background: url('http://thefabler.com/images/footer_icons.gif') -160px 0 no-repeat;
}

.fl_facebook {
	background: url('http://thefabler.com/images/footer_icons.gif') -192px 0 no-repeat;
}

.fl_deviantart {
	background: url('http://thefabler.com/images/footer_icons.gif') -224px 0 no-repeat;
}

.fl_youtube {
	background: url('http://thefabler.com/images/footer_icons.gif') -256px 0 no-repeat;
	margin-right: 0 !important;
}

.fl_privacy {
	background: url('http://thefabler.com/images/footer_icons.gif') -288px 0 no-repeat;
	margin-right: 0 !important;
}

.fl_legal {
	background: url('http://thefabler.com/images/footer_icons.gif') -320px 0 no-repeat;
	margin-right: 0 !important;
}

.fl_credits {
	background: url('http://thefabler.com/images/footer_icons.gif') -352px 0 no-repeat;
	margin-right: 0 !important;
}
.actions {
border-right:1px solid #EAF7FF;
display:block;
float:left;
padding:0;
width:200px;
}
.community {
border-left:1px solid #C3E6FC;
border-right:1px solid #EAF7FF;
display:block;
float:left;
padding:0 0 0 22px;
width:257px;
}
.misc {
border-left:1px solid #C3E6FC;
display:block;
float:left;
padding:0 0 0 22px;
width:148px;
}

#tooltip {
	background: url('http://thefabler.com/images/tooltip_arrow.gif') bottom left no-repeat;
	margin-left: -12px;
	padding-bottom: 7px;
	position: absolute;
	z-index: 3000;
}

#tooltip h3 {
	background-color: #ed1370;
	color: #fff;
	font-size: 0.6em;
	font-weight: bold;
	margin: 0;
	padding: 4px;
}

#tooltip div {
	margin: 0;
}

.banner {
	clear: both;
	display: block;
	height: 77px;
	margin: 20px 0;
	width: 962px;
}

.banner a {
	display: block;
	float: left;
	height: 100%;
	width: 100%;
	background: url(http://thefabler.com/images/TopBanner04.jpg) no-repeat;
}