/**********************************************************************************************



	Theme Name: Coffee for Closers

	Description: The default theme for Leads360's Blog - Coffee for Closers.

	Version: 1.0a

	Author: XHTMLized

	Author URI: http://xhtmlized.com/



***********************************************************************************************





	1.  GENERAL

			1.1 Headings and paragraphs

			1.2 Forms

			1.3 Links

			1.4 Miscellaneous



	2. GENERAL ELEMEMENTS



	3. LAYOUT

			3.1 Accessibility menu

			3.2 Header

			3.3 Content

			3.4 Sidebar

			3.5 Footer



	4. LAYOUT ELEMENTS





***********************************************************************************************/





/* 1. GENERAL

-----------------------------------------------------------------------------------------------

===============================================================================================*/	



/* Global reset */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;
	
	color:black;

}



body {

	line-height: 1;

}



ol, ul {

	list-style: none;

}



table {

	border-collapse: separate;

	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */

}



caption, th, td {

	text-align: left;

	font-weight: normal;

}



body {

	background: #750101 url(../images/bg_body.jpg) repeat-y center 0;

	color: #000;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */

	text-align: center; /* Centers the layout */

}



/* 1.1	Headings and paragraphs

-----------------------------------------------------------------------------------------------*/	



h1 {

	font-weight: normal;

}

h1 a:link, h1 a:active, h1 a:visited {
	text-decoration: none;
} 

h2 {}



h3 {}



h4 {}



p {}




/* 1.2	Forms

-----------------------------------------------------------------------------------------------*/	



input, textarea, select {

	font: 1.2em Helvetica, Arial, sans-serif;

	color: #4a4a4a;

}



/* 1.3	Links

-----------------------------------------------------------------------------------------------*/	



a:link, a:visited {

	color:#024a7c;
	text-decoration: none;

}



a:hover, a:active {

	color: #024a7c;

	text-decoration: underline;

}





/* 1.4	Miscellaneous

-----------------------------------------------------------------------------------------------*/	



hr {

	display: none;

}



strong {

	font-weight: bold;

}



em {

	font-style: italic;
	color:#000;

}



abbr, acronym {

	border-bottom: 1px dotted #999;

	cursor: help;

}





/* 2. GENERAL ELEMENTS

-----------------------------------------------------------------------------------------------

===============================================================================================*/	



.hide {

	position: absolute;

	left: -9999px;

}



.clear {

	clear: both;

	font-size: 0;

	height: 0;

	line-height: 0;

	overflow: hidden;

}



.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



.clearfix {

	display: inline-block;

}



/* Hides from IE-mac \*/ 



* html .clearfix {

	height: 1%;

}



.clearfix {

	display: block;

}



/* End hide from IE-mac */





/* 3. LAYOUT



-----------------------------------------------------------------------------------------------

===============================================================================================*/	

#wrapper{
	width:100%;
	background:url(../images/bg_container_top.jpg) center 0 no-repeat;
	}

.container {

	width: 914px;

	min-height: 512px;

	position: relative;

	margin: 0 auto;

	padding: 0 16px 24px 16px;

	text-align: left;

}



#header {

	height: 99px;

	padding: 56px 0 0 0;

}



#content {

	float: right;

	width: 546px;

	padding: 20px 48px 0 0;

}



#sidebar {

	position: relative;

	width: 197px;

	float: left;

	margin: 330px 0 0 0;

	padding: 0 0 0 94px;

	z-index: 30;

}



#footer {

	clear: both;

	padding: 20px 0 0 496px;

}



/* 3.1	Accessibility menu



-----------------------------------------------------------------------------------------------*/	



#accessibility-menu {

	position: absolute;

	left: -1000em;

}





/* 3.2	Header

-----------------------------------------------------------------------------------------------*/	

#header h1, #header h1 a, #header h1 a span,  #header h2, #header h2 a, #header h2 a span,  #header .navigation li, #header .navigation li a, #header .navigation li a span,  #header .rss, #header .rss a, #header .rss a span {

	display: block;

	overflow: hidden;

	cursor: pointer;

}



#header h1, #header h2, #header .navigation li, #header .rss {

	position: absolute;

}



#header h1 a span,  #header h2 a span,  #header .navigation li a span,  #header .rss a span {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

}



#header h1, #header h1 a, #header h1 a span {

	width: 325px;

	height: 339px;

}



#header h1 {

	top: 137px;

	left: 8px;

}



#header h1 a {

	font-size: 2em;

	color: #faefc8;

}



#header h1 a span {

	background:url(../images/bg_logo.png) no-repeat;

}



#header h2, #header h2 a, #header h2 a span {

	width:189px;

	height: 49px;

}



#header h2 {

	top: 44px;
	left:675px;

}



#header h2 a {

	font-size: 2em;

	color: #e7b403;

}



#header h2 a span {

	background: url(../images/logo_leads360.gif) no-repeat;

}



#header .navigation {

	width: 521px;

	height: 27px;

	position: absolute;

	top: 112px;

	left: 338px;


}



#header .navigation li, #header .navigation li a, #header .navigation li a span {

	height: 27px;

}



#header .navigation li {

	top: 0;

}



#header .navigation li a {

	font-size: 1.4em;

	line-height: 27px;

	color: #024a7c;

}



#header .navigation li a span {

	background-image: url(../images/navigation.gif);

	background-repeat: no-repeat;

}
#header a,#header a:hover{
	text-decoration:none;
	}
#header .navigation li a:hover,#header .navigation li a:hover span{
	text-decoration:none;
	}


#header .navigation li.nav-home, #header .navigation li.nav-home a, #header .navigation li.nav-home a span {

	width: 72px;

}



#header .navigation li.nav-previous-posts, #header .navigation li.nav-previous-posts a, #header .navigation li.nav-previous-posts a span {

	width: 167px;

}



#header .navigation li.nav-about, #header .navigation li.nav-about a, #header .navigation li.nav-about a span {

	width: 82px;

}



#header .navigation li.nav-contact, #header .navigation li.nav-contact a, #header .navigation li.nav-contact a span {

	width: 100px;

}



#header .navigation li.nav-home {

	left: 0;

}



#header .navigation li.nav-previous-posts {

	left: 97px;

}



#header .navigation li.nav-about {

	left: 296px;

}



#header .navigation li.nav-contact {

	left: 403px;

}



#header .navigation li.nav-home a span {

	background-position: 0 -27px;

}



#header .navigation li.nav-home a:hover span {

	background-position: 0 0;

}



#header .navigation li.nav-previous-posts a span {

	background-position: -97px -27px;

}



#header .navigation li.nav-previous-posts a:hover span {

	background-position: -97px 0;

}



#header .navigation li.nav-about a span {

	background-position: -296px -27px;

}



#header .navigation li.nav-about a:hover span {

	background-position: -296px 0px;

}



#header .navigation li.nav-contact a span {

	background-position: -403px -27px;

}



#header .navigation li.nav-contact a:hover span {

	background-position: -403px 0px;

}



#header .rss, #header .rss a, #header .rss a span {

	width: 148px;

	height: 103px;

}



#header .rss {

	position: absolute;

	top: 0px;

	left: 441px;

}



#header .rss a {

	font-weight: bold;

	font-size: 2em;

	color: #c24e51;

}



#header .rss a span {

	background: url(../images/button_rss.gif) no-repeat;

}



#header .rss a:hover span {

	background-position: 0 -103px;

}



#header #search-form {
	position:absolute;
	left:617px;
	top:10px;
	width:286px;
	height:25px;
	background:url(../images/bg_searchform.gif) right top no-repeat;
	overflow:hidden;

}
#header #search-form label{
	position:absolute;
	left:6px;
	top:0;
	color:#fff;
	font-weight:bold;
	width:12px;
	text-align:right;
	padding-top:3px;
	font-size:12px;
	}


#header #search-form .textfield {
	position:absolute;
	top:0;
	right:38px;
	width:185px;
	height:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	padding:3px 0 0 5px;
	border:0;
	background:none;

}



#header #search-form .button {
	position:absolute;
	top:0;
	right:5px;
	width:36px;
	height:21px;
	background:#000;
	border:0;
	cursor:pointer;
	z-index:9999;

}





/* 3.3	Content

-----------------------------------------------------------------------------------------------*/	



#pen1, #pen2, #pen3, #pen4, #pen5 {

	display: block;

	height: 10px;

	float: right;

	clear: right;

}



#pen1 {

	width: 53px;

}



#pen2 {

	width: 43px;

}



#pen3 {

	width: 33px;

}



#pen4 {

	width: 24px;

}



#pen5 {

	width: 16px;

}

#content{
	
	color:#000;
	}

#content h1, #content p {

	margin: 0 0 15px 0;
	color:#000;

}



#content h1 {

	font-size:21px;

	color: #4a4a4a;

}
#content h1  a{
	color: #4a4a4a;
	}


#content p {
	font-size: 1.3em;
	color:#000;
	line-height:16px;
	letter-spacing:0;

}
#content p  a{
	color:#024a7c;
	text-decoration:none;
	}
#content p  a:hover{
	color:#024a7c;
	text-decoration:underline;
	}
#content li{
	font-size: 1.3em;
	color:#000;
	line-height:16px;
	padding-bottom:8px;
	}



/* 3.4	Sidebar

-----------------------------------------------------------------------------------------------*/	



#sidebar ul {

	min-height: 100px;

	margin: 0 0 20px 0;

}



#sidebar li {

	padding: 12px 0 20px 0;

	margin: 0 0 20px 0;

}



#sidebar ul ul {

	margin: 0 0 0 4px;

}



#sidebar li li {

	margin: 0 0 2px 0;

	font-size: 1.3em;

	color: #000;
	display:block;
	padding:1px 0 2px 5px;

}
#sidebar li li:hover{
	background:#fefd58;
	}

#sidebar a:link, #sidebar a:visited {

	color: #000;
	text-decoration:none;

}



#sidebar a:hover, #sidebar a:active {

	color: #000;
	text-decoration:none;

}



#sidebar h2 {

	position: relative;

	text-transform: uppercase;

	color: #024a7c;

	font-size: 1.8em;

}



#sidebar h2, #sidebar h2 span {

	display: block;

	width: 197px;

	height: 36px;

	overflow: hidden;

}



#sidebar h2 span {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

	background-repeat: no-repeat;

}



#sidebar .yellow-post-it, #sidebar .linkcat {



}



#sidebar .yellow-post-it h2 span {
	display:none;


}



#sidebar .linkcat h2 {

	background-image: url(../images/h2_links.png);

	background-repeat:no-repeat;

	text-indent:-9999px;

}



#sidebar .pink-post-it {


}


#sidebar .pink-post-it h2 {

	background-image: url(../images/h2_recent_posts.png);

	background-repeat:no-repeat;

	text-indent:-9999px;

}


#sidebar .pink-post-it h2 span {
	display:none;


}



#sidebar .blue-post-it, #sidebar .categories {


}


#sidebar .blue-post-it h2,#sidebar .categories h2 {

	background-image: url(../images/h2_categories.png);

	background-repeat:no-repeat;

	text-indent:-9999px;

}


#sidebar .blue-post-it h2 span, #sidebar .categories h2 span {
	display:none;


}





/* 3.5	Footer

-----------------------------------------------------------------------------------------------*/	



#footer p {

	font-size: 1.1em;

	color: #4a4a4a;

}



#footer a:link,  #footer a:visited {

	color: #4a4a4a;

	text-transform: uppercase;

	text-decoration: none;

}



#footer a:hover,  #footer a:active {

	text-decoration: underline;

}





/* 4. LAYOUT ELEMENTS

-----------------------------------------------------------------------------------------------

===============================================================================================*/	



#content .post {

	margin-bottom: 30px;

}



#content .post-date {

	margin: 0 0 3px 0;

	font-weight: bold;

	color: #4a4a4a;

}



#content .post-footer {

	margin-bottom: 0;

	font-size: 1em;

	line-height: 1.4em;

}



#content .post-footer .labels {

	display: block;

	font-size: 1.1em;

}



#content .post-navigation {

	position: relative;

	margin: 50px 0 25px 0;

	height: 35px;

}



#content .post-navigation li, #content .post-navigation li a, #content .post-navigation li a span {

	display: block;

	width: 187px;

	height: 35px;

	overflow: hidden;

	cursor: pointer;

}



#content .post-navigation li a span {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

}



#content .post-navigation li a {

	font-size: 2em;

	color: #003e74;

	background-color: #ffd200;

}



#content .post-navigation li a:hover span {

	background-position: 0 -35px;

}



#content .post-navigation .view-newer-posts,  #content .post-navigation .view-older-posts {

	position: absolute;

	top: 0;

}



#content .post-navigation .view-newer-posts {

	left: 72px;

}



#content .post-navigation .view-older-posts {

	left: 283px;

}



#content .post-navigation .view-newer-posts a span {

	background: url(../images/button_newer_posts.gif) no-repeat;

}



#content .post-navigation .view-older-posts a span {

	background: url(../images/button_older_posts.gif) no-repeat;

}



/* Post page */



#content.post-page a:link, #content.post-page a:visited {

	color: #01406b;

	text-decoration: underline;

}



#content.post-page a:hover, #content.post-page a:active {

	color: #000;

	text-decoration: none;

}



#content.post-page h1 {

	margin: 0 0 12px 0;

	padding: 0 0 6px 0;

	border-bottom: 2px solid #024a7c;

}



#content.post-page .sub-header {

	margin: 0 0 12px 0;

	padding: 0 0 6px 0;

	border-bottom: 1px solid #d9cba3;

	font-weight: normal;

	font-size: 1.1em;

	color: #4a4a4a;

}



#content.post-page label {

	display: block;

	margin-bottom: 2px;

}



#content.post-page input, #content.post-page textarea {

	padding: 2px 4px;

	background-color: #fff;

	border-left: 2px solid #848484;

	border-right: 2px solid #fff;

	border-top: 2px solid #848484;

	border-bottom: 2px solid #fff;

	font-size: 13px;

}



#content.post-page #pass-the-beans {

	width: 546px;

	overflow: hidden;

	margin-bottom: 34px;

}



#content.post-page #pass-the-beans h1 {

	margin-bottom: 30px;

}



#content.post-page #pass-the-beans h2 {

	margin: 0 0 8px 0;

	font-size: 1.6em;

	font-weight: bold;

	color: #4a4a4a;

}



#content.post-page #pass-the-beans input {

	width: 190px;

}



#content.post-page #pass-the-beans a#send-to-a-friend {

	display: block;

	width: 119px;

	height: 22px;

	overflow: hidden;

	cursor: pointer;

	text-indent: -9999px;
	
	font-weight: bold;

	color: #003e74;

	background-color: #ffd200;
	
	background: url(../images/button_send_to_a_friend.gif) no-repeat;

}

#content.post-page #pass-the-beans a#send-to-a-friend:hover {

	background-position: 0 -22px;

} 



/*#content.post-page #pass-the-beans div {

	margin-right: 300px;

}



#content.post-page #pass-the-beans ul {

	float: right;

	width: 290px;

}



#content.post-page #pass-the-beans li {

	margin: 0 0 2px 0;

	padding-left: 34px;

	font-size: 1.1em;

	background-repeat: no-repeat;

	background-position: 0 0;



}


#content.post-page #pass-the-beans li.comment-on-post,

#content.post-page #pass-the-beans li.read-comments,

#content.post-page #pass-the-beans li.print-post {

	position: relative;

	height: 35px;

}



#content.post-page #pass-the-beans li.comment-on-post a,

#content.post-page #pass-the-beans li.read-comments a,

#content.post-page #pass-the-beans li.print-post a,

#content.post-page #pass-the-beans li.comment-on-post a span,

#content.post-page #pass-the-beans li.read-comments a span,

#content.post-page #pass-the-beans li.print-post a span {

	position: absolute;

	display: block;

	width: 247px;

	height: 35px;

	overflow: hidden;

	cursor: pointer;

}



#content.post-page #pass-the-beans li.comment-on-post a,

#content.post-page #pass-the-beans li.read-comments a,

#content.post-page #pass-the-beans li.print-post a {

	left: 38px;

}



#content.post-page #pass-the-beans li.comment-on-post a,

#content.post-page #pass-the-beans li.read-comments a,

#content.post-page #pass-the-beans li.print-post a  {

	font-weight: bold;

	font-size: 1.1em;

	text-indent: -9999px

}



#content.post-page #pass-the-beans li.comment-on-post a span,

#content.post-page #pass-the-beans li.read-comments a span,

#content.post-page #pass-the-beans li.print-post a span {	

	top: 0;

	left: 0;

	z-index: 10;

	background: url(../images/misc_comment_on_post.gif) no-repeat 0 100%;

}



#content.post-page #pass-the-beans li.comment-on-post a span {

	background-image: url(../images/misc_comment_on_post.gif); }



#content.post-page #pass-the-beans li.read-comments a span {

	background-image: url(../images/misc_read_comments.gif); }

	

#content.post-page #pass-the-beans li.print-post a span {

	background-image: url(../images/misc_print.gif); }



#content.post-page #pass-the-beans .comment-on-post {

	background-image: url(../images/ico_cup_01.gif); }



#content.post-page #pass-the-beans .read-comments {

	background-image: url(../images/ico_cup_02.gif); }



#content.post-page #pass-the-beans .print-post {

	background-image: url(../images/ico_cup_03.gif); }



#content.post-page #pass-the-beans .misc-options {

	background-image: url(../images/ico_cup_04.gif); }





#content.post-page #pass-the-beans li.misc-options {

	margin-top: 34px;

	padding: 30px 0 0 38px;

	line-height: 1.4em;

}
*/




#content.post-page #commentform input, #content.post-page #commentform textarea {

	width: 410px; }



#content.post-page .commentlist {

	margin-bottom: 34px; }



#content.post-page .commentlist li {

	margin-bottom: 24px; }



#content.post-page .comment-byline {

	margin-bottom: 14px;

	color: #4a4a4a;

}



#content.post-page .comment-byline a:link, #content.post-page .comment-byline a:visited {

	color: #4a4a4a;

	text-decoration: none;

}



#content.post-page .comment-byline a:hover, #content.post-page .comment-byline a:active {

	text-decoration: underline;

}



#content.post-page .comment-buttons {

	position: relative;

	height: 23px;

}



#content.post-page .comment-buttons a, #content.post-page .comment-buttons a span {

	display: block;

	width: 79px;

	height: 23px;

	overflow: hidden;

	cursor: pointer;

}



#content.post-page .comment-buttons a {

	position: absolute;

	top: 0;

	left: 0;

}



#content.post-page .comment-buttons a { 

	font-weight: bold;

	color: #003e74;

	background-color: #ffd200;

 }



#content.post-page .comment-buttons a {	

	background-repeat: no-repeat;
	text-indent:-9999px;

}

/* Bug Below */

#content.post-page .comment-buttons a#post-comment {

	margin-left: 88px;

}



#content.post-page .comment-buttons a#preview-comment {

	background-image: url(../images/button_preview.gif);

}

/* This code below breaks the reCaptcha field so I commented it out - Dave Martinez, March 24, 2010

form#commentform input, form#sendtofriendform input {
	position:absolute;left:-9999px;
}

*/


form#commentform input#author, form#commentform input#email, form#commentform input#url, form#commentform input#preview-comment, form#commentform input#post-comment, form#sendtofriendform input#yourname, form#sendtofriendform input#youremail, form#sendtofriendform input#friendname, form#sendtofriendform input#friendemail, form#sendtofriendform input#send-to-a-friend{
	position:static;
}

#content.post-page .comment-buttons a#post-comment {

	background-image: url(../images/button_post.gif);

}

#content.post-page .comment-buttons a:hover {

	background-position: 0 -23px;

} 





/* Balloon */

.clearboth{
	clear:both;
	}

.balloon {

	position: absolute;

	top: 134px;

	left: 410px;

	visibility: hidden;

	z-index: 10000;

	width: 397px;

	height: 218px;

	background: url(../images/balloon.png) no-repeat;

	text-align: left;

}



.balloon .balloon-content {

	overflow:auto;

	position:absolute;

	background: #fefd58;

	width:361px;

	height:143px;

	top: 60px;

	left: 28px;

}



.balloon .balloon-content p, .balloon .balloon-content p span {

	display: block;

	width: 361px;

	height: 122px;

	overflow: hidden;

}



.balloon .balloon-content p {

	position: relative;

	margin: 0 !important;

}



.balloon .balloon-content p span {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

	background: url(../images/text_about_us.gif) no-repeat;

}


.commentlist #preview-post{
	background: #EEE;
	padding: 10px;
	}


.comment-buttons input{
	width: auto;
	}


/* Plugins */


.post-teaser a {

color:#993333;
display:block;
text-decoration:none;
color:#993333;
text-align:right;
font-weight:bold;

}