/*   
Theme Name: How Fab Is That
Theme URI: 
Description: Built for HowFabIsThat.com, designed by Kara Kull, built on top of the the Thematic Power Blog Theme.
Author: Jonathan "Montana Max" Pruett
Author URI: http://montanamax.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic Power Blog is copyright Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('3c-r-fixed-primary-988px.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors
   For demonstration purposes we're using the default Thematic style
   For major changes I recommend copying over the default styles into this file */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');



.menu-title {
    color:#666;
    float:left;
    font-style:italic;
    line-height:32px;
    margin-right:10px;
}

.page-title {
	font-family:Arial,sans-serif;
	font-size:26px;
	font-weight:bold;
	line-height:26px;
	padding:0 0 20px;
}

/* =Default Widgets
-------------------------------------------------------------- */



/* =Global Elements
-------------------------------------------------------------- */
body {
	background:#ffffff url(images/head_background.png) repeat-x scroll 0 0;
}

#header {
    margin-top:35px;
}
#branding {
    margin-bottom:22px;
	padding: 10px 0 10px;
	height:94px;
}
#logo-image {
    position:relative;
	top:-34px;
	left: 36px;
}
#menu-speaking{
    position:relative;
	top:-45px;
	left: 49px;
}
#menu-shopping{
    position:relative;
	top:-45px;
	left:57px;
}
#menu-shopping a:hover img {
	background: url(images/fun-project-pink.png);
	z-index:100;
}

#menu-writing{
    position:relative;
	top:-45px;
	left:67px;
}
#menu-paper-ing{
    position:relative;
	top:-45px;
	left:63px;
}
#menu-block{
    position:relative;
	top:-160px;
	left:875px;
	width:40px;
}
#menu-block img{
	padding-bottom:3px;
}
#leader {
    border-bottom:1px solid #ccc;
    margin-bottom:-22px;
    padding:33px 0 11px 0;
}

#main {
	width:925px;
	background: #0AAFDE;
	padding:15px;
	overflow:visible;
}
#main:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
#content {
}

.entry-content {
padding:0;
}

.hentry {
}
.crown-aside {
    color:#666;
    margin:0;
}
.attachment-jpeg .crown-aside,
.attachment.png .crown-aside {
    display:none;
}
.crown-aside a {
    color:#666;
}
.crown-aside a:active,
.crown-aside a:hover {
    color: #FF4B33;
}
.crown-aside ul {
}
.crown-aside ul ul {
    border:none;
    padding:0;
}
.main-aside {
    padding-top:22px;
	margin-left: 20px;
}
.main-aside ul {
	padding:0;
}
.main-aside ul ul {
    padding:0;
}
#crown {
    border:1px solid #ccc;
}
#primary {
	border: 1px solid #EC038D;
	background:#ffffff;
    padding:22px 0 11px 0;
    width:260px;
	margin-left:25px;
}
#secondary {
   display:none;
}

#breadcrumb-nav {
    border-top:1px solid #ccc;
    color:#666;
    font-size:13px;
    line-height:18px;
    margin-bottom:-22px;
}
#breadcrumb-nav a {
    color:#666;
}
#breadcrumb-nav a:active,
#breadcrumb-nav a:hover {
    color: #FF4B33;
}
#breadcrumb-nav-container {
    margin:0 auto;
    padding:11px 0;
    width:988px;
}
#breadcrumb-nav-container p {
    margin:0;
}
#footer {
}


.wp-pagenavi span.pages {
		padding:4px !important;
}


/* =Widgets
-------------------------------------------------------------- */

.aside th, .aside td {
	padding:0.25em 0.35em;
}

h3.widgettitle {
	margin-bottom:8px;
}

li.widgetcontainer {
    padding:0 20px;
	margin-bottom:20px;
}

.textwidget {
	padding-bottom:5px;
	border-bottom: solid #cccccc 1px;
}

li.featurific {
	padding: 0px 2px;
}

li.featurific h3 {
	padding: 0px 25px;
}

#comments{
	padding-top:0px;
}
#respond{
	padding-top:0px;
}

.entry-utility{
	border-bottom:1px solid #EC038D;
	height:30px;
	width:90%;
	margin-left:20px;
	text-align:center;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:16px;
	margin-bottom:10px;
}

.entry-utility a{
	color:#EC038D;
}

.edit a{
	position:relative;
	top:10px;
}

.commentLink, .postLink, .commentsLink, .postEnd .meta-sep, .postEnd .edit, h3.widgettitle{
	font-size:1.8em;
/*	padding:0 15px; */
	background:#fff;
/*	font-weight:bold;  */
	clear:both;
	color:#EC038D;
}

.commentLink img, .postLink img, .commentsLink img, .postEnd img .meta-sep img, .postEnd .edit img{
	position:relative;
	top:10px;
}

.postLink{
	border-left:2px solid #EC038D;
}

#comments h3{
	color:#EC038D;
}

.form-submit {
	float:left;
}

.cform label span{
	font-size:1.4em;
	padding:15px 0;
	background:#fff;
/*	font-weight:bold;  */
	clear:both;
	color:#EC038D;
}
.cform input.sendbutton {
	border: #FF509D medium none;
}

h3.wp-howfabcat-widget {
	color: #FFF;
	padding-top:8px;
	padding-bottom:0px;
	padding-right:7px;
	padding-left:7px;
}

li.wp-howfabcat-widget {
	margin-bottom:0px;
}

/* Post Date Fun */


.post-date{
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	background: url(images/date.png) no-repeat;
	height:70px;
	width:66px;
	text-align:center;
	color:#FF509D;
	font-family:sans-serif;
	font-size:0.875em;
	font-weight:bold;
}

.post-date-day {
	color:#FFFFFF;
	font-size:1.875em;
	padding-top:3px;
}

.post-date-year {
	padding-top:1px;
}

.postheader-title {
	position:relative;
	width:535px;
	margin-left:75px;
	height:75px;
}

.postheader-title a img {
	position:relative;
	top:-57px; 
}

.postheader-title-line {
	background:#FF509D;
	height:1px;
	width:540px;
	position:relative;
	top:35px;
	left:65px;
}

.aside ul ul {
	list-style-type: none;
}

/* special category styling */

#focal-1 {
	padding-left: 0px;
}

.aside ul ul.FoldingCategoryList li {
	padding:6px;
	margin-bottom:8px;
}

li.haschildren {
	background: #0AAFDE;
}

li.haschildren a {
	color: #ffffff;
	font-weight: bold;
	font-family:Verdana;
}

#single_nav-previous {
	text-align: center;
}

#single_nav-below, #single_nav-below a {
	font-family:Arial,sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:22px;
	padding:0 0 18px;
	color:#EC038D;
}

.single_nav-next a {
	float:right;
}

a.stbutton {
	position:relative;
	top:5px;
	left:37px;
	height:25px;
	float:left;
	font-family:Arial,sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:22px;
	padding:0 0 18px;
	color:#EC038D;
	text-decoration: none;
}

.stbuttontext {
	display:none;
}

.navigation a {
	font-style:normal;
}


#content {
	overflow: visible;
}
div.sociable_position {
	position: relative;


}

span.sociable {
	padding:3px 2px 3px 4px;
}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	padding: 0 2px;
}
.sociable ul {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable a {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable a:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}