/*  
Theme Name: Now Bounce-2
Theme URI: http://www.nowbounce.com
Description: Website/Blog for K. McFarland
Author: John Bernard/Kevin Kuby/
Version: 1.0 (August, 2009)
Author URI: http://www.microsite.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php


/******************************************
*   HTML Elements                         
******************************************/

* {
	margin:0;
	padding:0;
	}

body,html {
	min-height:101%;
	}
	
/*Body is the entire page*/	
	
body {
	background: #333333;
	padding: 40px 0 0px 0;
	}

body, select, input, textarea {
	font-family: Helvetica,Arial,sans-serif;
	font-size:1.3em;
	line-height:1.4em;
	}
	
p {	
	color: #333333;
	font: 12px bold Helvetica, Arial, sans-serif;
	line-height:1.5em; 
	padding: 10px 30px 0px 30px;
	}

a:link, a:visited {
	color: #330099
	text-decoration:underline
	}

a:hover, a:active {
	text-decoration:none;
	}

hr {
	display: block;
	height:0;
	background:#FFF;
	border:none;
	display:none;
	}

small {
	font-size: 12px;
	padding:3px 0 3px 2px;
	}
	
#small-archive {
	font-size: 12px;
	padding:3px 0 3px 30px;
	}	

/****** Images ****************************/

img, a:link img, a:visited img {
	border:none; 
	}
	
img align left { 
	float:left; 
	padding:0 12px 5px 15px; 
	}

.left-image img { 
	float:left;
	padding-left: 30px;
	margin:0px 12px 5px 0;  
	}
	
.right-image img { 
	float:right;
	margin:0px 0px 5px 12px;  
	}	

img.center{ display:block; margin:0 auto 5px auto; }

img.right{ float:right; margin:0 0 5px 12px; }


	
		
/******************************************
*   General Structure                         
******************************************/

/*Paper area all the way down*/

#page { 
	width:824px;
	/*min-height: 1200px;*/
	margin:0 auto;
	background:#F7F7F7 url("images/page-background.jpg") repeat-y left top;
	}
	
#branding {
	width:824px;
	height:59px;
	padding:0px;
	background:#333 url("images/header.jpg")  no-repeat;
	}	
	
#header {
	float:left;	
	width:824px;
	height:183px;
	padding:0;
	background:#333 url("images/home-billboard.jpg");
	background-position:top;
	}
	

.left {
	float:left;
	}

.right {
	float:right;
	}

	
/******************************************
*   Headlines                         
******************************************/

			
/*H1 is not in use yet*/

h1 {
	color: #840000;
	font-size: 1.8em;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 0px 10px;
	}

h3#respond {
	font-size:1.1em;
	border-top:1px solid #666;
	margin-top:25px;
	padding-top:20px
	}

h3#comments {
	margin-top:32px
	}




	
	
	
/******************************************
*   Left Side: Main Content                       
******************************************/

#content {
	width:470px;
	float:left;
	padding: 25px 0 0 33px;
	}
	
#content-wrapper {
	background-image:url("images/content-wrapper.jpg");
	background-repeat:repeat-y;
	background-position:top left;
	}
	
	
h2 {
	width:470px;
	color: #FFF;
	font: 18px bold Helvetica, Arial, sans-serif;
	text-transform:capitalize;
	line-height:2em;
	letter-spacing:1px;
	background-image:url("images/headline-h2.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	padding: 0 0 15px 23px;
	}	
	
#content-wrapper img { 
	float:left; 
	padding:0 12px 5px 0px; 
	}	
	
#content-wrapper .left-image img { 
	float:left;
	padding: 0 10px 10px 30px;
	margin: 0;
 
	}
	
#content-wrapper ul {
	font-size:12px;
	padding: 5px 0 0 80px;
	} 	
		
	
#content-footer {
	background-image:url("images/content-footer.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;
	}	


/* Post Formatting */


.blog-date, .author, .topics {
	font-size:12px;
	text-transform:capitalize;
	color: #949393;
	line-height:1.4em;
	padding: 0 0 0 30px;
	}
	
h3 {
	font-size: 21px;
	font-weight:bold;
	line-height:1.1em;
	color: #9A0000;
	padding: 7px 0 7px 30px;
	}
	
h3 a:link, h3 a:visited {
	color:#9A0000;
	text-decoration:none;
	}	
	
h3 a:hover {
	text-decoration:underline;
	}	
	
.author {
	font-weight:bold;
	}
	
.feedback {
	background-image:url("images/blog-comment-background.jpg");
	background-repeat:no-repeat;
	background-position: top right; 
	font-size:12px;
	text-align:right;
	margin: 0 25px 0px 0;
	padding: 5px 25px 25px 0; 
	}	
	
.topics a:link, .topics a:visited, .author a:link, .author a:visited, .feedback a:link, .feedback a:visited {
	text-decoration: underline;
	color: #949393;
	}
	
.topics a:hover, .author a:hover, .feedback a:hover {
	text-decoration:none;
	}	
	
			
				

/******************************************
*   Right Side: Sidebar                       
******************************************/

#sidebar {
	width: 266px;
	float:right;
	padding: 25px 30px 0 0;
	}
	
#sidebar a:link, #sidebar a:visited {	
	color: #999;
	}
	
#sidebar h3 {
	font: 18px Helvetica, Arial, sans-serif;
	text-transform: capitalize;
	letter-spacing:1px;
	margin-bottom:4px;
	font-weight:normal;
	color:#C58C21;
	border-bottom: 2px solid #C58C21;
	padding:20px 0 0 0;
	}	
	
#sidebar li {
	list-style-position:inside;
	list-style-type:square;
	font-size:13px;
	color: #999;
	}
	
#sidebar p {
	font-size:12px;
	}		
	


/******************************************
*  Form Elements                      
******************************************/

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%
	}
	

#searchform { 	padding:14px 7px 0 0; 	}

input, textarea {
	background-color:#F9F9F9;
	border: 1px solid #888888;
	line-height:1.3em;
	}
	
input:hover, textarea:hover {	
	background: #CEDDDF none repeat scroll 0 0;
	}

.button {
	padding: 5px;
	background-color:#C58C21 !important;
	color:#FFF;
	border:1px solid #581600;
	font-size:12px;
	letter-spacing:1px;
	line-height: 1.3em;
	}

.button:hover {
	color:#ccc;
	text-decoration:none
	}
	
.formBuilderSubmit input {
	padding: 5px;
	background-color:#C58C21 !important;
	border:1px solid #581600;
	font-size:12px;
	letter-spacing:1px;
	line-height: 1.3em;
	width: 150px;
	text-align:center;
	color:#FFFFFF;
	margin: 10px 0 0 13px;
	}
	
.formBuilderSubmit input:hover {	
	color:#CCC;
	}	



/* Comments*/

h4 {
	font: 18px Helvetica, Arial, sans-serif;
	letter-spacing:1px;
	margin-bottom:4px;
	font-weight:normal;
	color:#C58C21;
	padding:20px 0 0px 30px;
	}
	
h4 a:link, h4 a:visited {
	color: #C58C21;
	}
	
#commentlist .avatar {
	float: left;
	margin: 3px 10px 3px 0;
	padding: 0 0 0 30px;
	}
	
	
#commentlist p {
	padding: 0 30px 0 30px;
	}
	
.comment-signoff {
	font-weight:bold;
	}		
		
#commentform input {
	background-color:#F9F9F9;
	width: 170px;
	margin: 5px 5px 1px 0;
	}
	
#commentform input:hover, #commentform textarea:hover {
	background-color:#e3e2e2;
	}	

#commentform textarea {
	background-color:#F9F9F9;
	width: 100%;
	margin-top:5px;
	}
	
.commentmetadata {
	display: block;
	font-size:12px;
	}

.commentlist small {
	background:#f7f7f7;
	border:1px solid #E6E3D3;
	}
	
.comment-pad {
	padding: 5px 5px 5px 10px;
	}	



/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}	

.clearfloat {
	display:block;
	}
	
	
/******************************************
*   Home Page                        
******************************************/

/*New home page background*/

/*#page-home { 
	width:824px;
	min-height: 1200px;
	margin:0 auto;
	background:#F8F8F8 /*url("images/bg-top-page2.jpg")  no-repeat;
	}
	*/
		
.pagetitle-home {
	text-align:center;
	font: 18px bolder;
	text-transform:uppercase;
	letter-spacing:3px;
	color:#FFF;
	padding: 32px 0px 35px 0px;
	}

#leftcol {
	width:340px;
	float:left;
	padding: 25px 0 0 20px;
	}	
	
#rightcol {
	width: 535px;
	float:right;
	padding: 25px 25px 0 10px;
	}
	
#leftcol h1 {
	font-size:39px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:0 0 0 22px;
	background-image:none;
	line-height:1.2em;
	}	
	
#leftcol h2 {
	font-size:24px;
	font-weight:bold;
	letter-spacing:3px;
	padding:0 0 0 18px;
	background-image:none;
	line-height:1.1em;
	}	
	
#leftcol h3 {
	font-size:20px;
	font-weight:bold;
	color: #a35106;
	letter-spacing:1px;
	padding:0 0 0 18px;
	}	
	
#leftcol h4 {
	font-family:"Times New Roman", Times, serif;
	color: #a35106;
	letter-spacing:1px;
	padding:0 0 0 25px;
	}	
	
#leftcol img {		
	padding:0 0 0 0;
	border:none;
	}	
	
#rightcol h2 {
	font-size:20px;
	color:#333333;
	font-weight:bold;
	letter-spacing:1px;
	padding:12px 0 2px 75px;
	margin:none;
	background-image:none;
	line-height:none;
	}
	
#rightcol h3 {
	color: #880b0b;
	font-size: 22px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:3px;
	padding:8px 0 6px 25px;
	background-image:url("images/border-dash.png");
	background-repeat:no-repeat;
	background-position: bottom;
	margin: 13px 0;
	}	
	
#rightcol p {	
	padding-top:0px;
	padding-left:25px;
	padding-bottom:0px;
	}
	


/******************************************
*   Footer                        
******************************************/

#footer {
	margin: 0 auto;
	width: 900px;
	font-size:12px;
	text-align:center;
	padding-top:35px;
	color:#FFF;
	background-image:url("images/footer-background.jpg");
	background-repeat:no-repeat;
	background-position: top;
	}

#footer a:link, #footer a:visited  {
	color:#dcdcdc;
	}
	
#footerNav ul {
	margin: 0; padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
	}	
	
#footerNav li {
	display: inline;
	padding: 5px 20px 5px 20px;
	background-image:url("images/foot-break.jpg");
	background-repeat:no-repeat;
	background-position:right; 
	}
	
#footer p{
	font-size:11px;
	color:#dcdcdc;
	}	
	
#footer p a{
	color:#dcdcdc;
	text-decoration:none
	}	
		
	
	
/******************************************
*   Nomination Form                        
******************************************/

#formBuilderMailing_List {	
	padding: 12px 25px 10px 30px;
	font-size:12px;
	color: #333;
	}
	
#formBuilderMailing_List .formBuilderInput {
	background-color:#FFF;
	}		
	
.formBuilderLabel {
	width:90px;
	}	
		
	
.formBuilderform {
	width: 200px;
	border-bottom-color:#000000;
	}	
	
#formBuilderNominate.formBuilderSubmit {
	color: #FF0000;
	}	
	
#formBuilderShare_Chapters {
	padding: 10px 25px 10px 30px;
	font-size:12px;
	color: #333;
	}
	
div.formBuilderSuccess {	
	padding-left: 30px;
	}
		
/******************************************
*   Refer a Friend Form - cforms               
******************************************/

#cforms2form, #cforms6form, #cforms3form {	
	font-size:12px;
	color: #333;
	}
	
/******************************************
*   Special Fix for "Order" page            
******************************************/

#order img {
	padding: 10px 300px 10px 30px;
}