@charset "utf-8";

/*   
Theme Name: Bill4Time
Theme URI: http://www.bill4time.com
Description: The official theme for the Bill4Time Blog.
Author: Mike Murry
Author URI: http://www.bill4time.com
*/

/* Base Style */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0; }
body { text-align:center; background: #EBEBEB; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; }

/* Typography */

h1 { font-size: 22px; line-height:24px; }
h2 { font-size:16px; color:#900; margin:5px 0;}
h3 { font-size: 14px; color: #900; margin-bottom:6px; }
h4 { font-size: 13px; }
p  { font-size: 12px; line-height: 18px; margin-bottom: 10px; }
p.subtitle { font-size:16px; color:#900; margin:5px 0; }
ul, ol { margin-bottom:10px; margin-left:10px; }
ul li { list-style: outside square; padding:3px; }


/* Style */

img { border:none; }
a { color:#0D4A83; text-decoration:none; font-weight:bold; }
a:hover { color:#900; text-decoration:underline; }

/* Generic Modifiers */

.left { float:left; }
.right { float:right; }
.center { text-align:center; }

/* Navigation Elements */

#wrapper {
	background: #FFF;
	margin: 0 auto;
	text-align:left;
	width:770px;
}

#header {
	background: #FFF url(../../../../img/hd.jpg) no-repeat center top;
	clear: both;
	height:140px;
	position: relative;
	margin-bottom:10px;
}
#header #logo {	position: absolute;	top:38px; left:20px; }
#header #contact {
	color: #333;
	font-size: 14px;
	position: absolute;
	right: 80px;
	text-align: right;
	top: 40px;
}
#header #contact a { color:#900; text-decoration:none; font-weight:bold; }
#header #contact span {	font-size:12px; }
#header #contact a.signup {
	color: #FFF;
	background-color: #186b9d;
	padding:3px 6px;
}
#header #contact img.chatlink {
	float:right;
	margin-left:10px;
	position:relative;
	top:-5px;
}
#header #contact a.signup:hover {
	background-color: #CCC;
	color: #186b9d;
}
#header #contact img {
	margin-top: -4px;
	padding-left: 3px;
	position:relative;
	top:7px;
}
#header #ChatBox
{
	position:absolute;
	right:24px;
	top:34px;
}
#header #nav {
	
	display:block;
	float: left;
	list-style: none;
	margin-left: 20px;
	position: absolute;
	top: 90px;
}
#header #nav li {
	float: left;
	list-style: none;
	padding:0;
}
#header #nav a {
	margin: 10px 0px 0px;
	width: 100px;
	display: block;
	text-align: center;
	padding: 6px 0px 9px;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
}
#header #nav a:hover, #header #nav a.current {
	color: #186b9d;
	background: white url(../../../../img/navtab.jpg) no-repeat center bottom;
	font-weight: bold;
}

#leftbar {
	width: 490px;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
}

#leftbar-full {
	width: 710px;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
}

div.post { border-bottom:1px solid #CCC; margin-bottom:10px; padding-bottom:10px; }
div.post img.avatar { float:left; margin-right:10px; margin-bottom:10px; }
div.post h1 { font-size:20px; line-height:22px; padding-top:3px; margin-bottom:3px; color:#333; }
div.post h2 { font-size:18px; line-height:22px; padding-top:10px; margin-bottom:5px; color:#333; }
div.post h3 { font-size:16px; line-height:22px; padding-top:10px; margin-bottom:5px; color:#333; }
div.post h3.post-title { font-size:20px; line-height:22px; padding-top:3px; margin-bottom:3px; color:#333; }
div.post h4 { font-size:14px; line-height:22px; padding-top:10px; margin-bottom:5px; color:#333; }
div.post div.entry a { font-weight:normal; }
div.post ul li { list-style: outside square; padding:3px; margin-left:10px; }
div.post ol li { list-style: outside decimal; padding:3px; margin-left:10px; }
div.post p.stats { font-size:12px; margin:0 0 20px 0; color:#777; font-weight:normal; padding-top:0px; }
div.post blockquote { border-left:1px solid #CCC; padding-left:10px; }
div.post td { vertical-align:top; }

.alignright, .alignleft { padding:6px; border:1px solid #CCC; }
.alignright { float:right; margin-left:10px; margin-bottom:10px; }
.alignleft { float:left; margin-right:10px; margin-bottom:10px; }

#comment { width:490px; }

.comment { border-bottom:1px solid #CCC; padding-top:10px; padding-bottom:0px; margin-bottom:10px; }
.comment-dev { background-color:#FFC; }
.comment span { color:#999; }
.comment .children { margin-left:20px; }

#sidebar { float:right; margin-bottom:10px; margin-right:20px; width:220px; }
#sidebar h3 { color:#333; font-size:14px; font-weight:bold; padding-left:10px; }
#sidebar ul { border-top:1px solid #CCC; }
#sidebar li { border-bottom: 1px solid #CCC; list-style:none; margin:0; padding:0; }

#search { margin-bottom:20px; }
#s { margin-right:5px; margin-left:10px; width:125px; }

#categories { margin-bottom:20px; }

#social p { text-align:center; }
#social img { margin:4px 8px; }

#archive { padding-bottom:10px; }

#sidebar li a { display:block; padding: 4px 0 4px 10px; width:208px; }
#sidebar li a:hover { background:#ffefc0; text-decoration:none; }

#sidebar .sidebar-header { background:#FFF url(images/sidebar.png) no-repeat top left; height:20px; width:100%; }
#sidebar .sidebar-contents { background:#F5F5F5; border-left:1px solid #CCC; border-right:1px solid #CCC; margin:0; padding:0; }
#sidebar .sidebar-footer { background:#FFF url(images/sidebar.png) no-repeat bottom left; height:20px; width:100%; }


/* FOOTER */

#footer { background:#EBEBEB url(../../../../img/ft.jpg) no-repeat center top; clear:both; color:#DDD; height:340px; margin-top:20px; text-align:center; }
#footer p { padding-top:8px; }
#footer p.brand-disclaim { color:#999; padding-top:14px; }

#footer ul.sitemap { color:#666; display:block; float:left; list-style:none; margin:10px 10px 0 10px; text-align:left; width:200px; }

#footer ul.sm1 { width:200px; margin-left:20px; }
#footer ul.sm2 { width:160px; }
#footer ul.sm3 { width:130px; }

#footer ul.sitemap li { border-top:1px solid #CCC; font-size:12px; list-style:none; padding:5px; }
#footer ul.sitemap li.header { border:none; font-size:16px; font-weight:bold; margin-bottom:5px; }
#footer ul.sitemap li.last { border-bottom: 1px solid #CCC; }
#footer ul.sitemap a { color: #999; text-decoration: none; }
#footer ul.sitemap a:hover { color: #1B5790; }


#tipBox { color:white; padding:4px; margin:5px; border:1px solid #666; background:#444; }



.HeaderSignUp
{
	display:inline-block;
	width: 66px;
	height: 21px;
	background: #FFF url(../../../../img/header_signup.jpg);
	position: relative;
	top: 4px;
}

.HeaderSignUp:hover
{
	background: #FFF url(../../../../img/header_signup_h.jpg);
}




/* Chat Link Styles */
#cipAHG { z-index:100; position:absolute; }
#scpAHG { display:inline; }
#sdpAHG { display:none; }

.PricingPlan { text-align:center; padding-top:20px; }

#StatusBox
{
	clear:both;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 5px 10px;
}

#NavLinks
{
	clear:both;
	margin: 0px 20px 10px 20px;
	font-size: 14px;
	color: #CCC;
	font-weight: bold;
}
#NavLinks span { color:#900; }

.StatusNone { display:none; }
.StatusClear { display:block; }
.StatusWarning { display:block; border:1px solid #cd0a0a; background-color:#b81900; color:#FFF; }
.StatusNotice { display:block; border:1px solid #fed22f; background-color:#fff0a5; color:#000; }

.disclaimer { color:#666; font-size:12px; }