/* @override http://campfiresites.er/mosaiccs-LIVE/wordpress/wp-content/themes/mosaic/style.css */

/*
Theme Name: Mosaic Construction Solutions
Theme URI: http://www.mosaiccs.com/
Description: Designed by <a href="http://campfiresites.com">campfiresites.com</a>. You may not use this theme or make any changes for any other website other than the one listed above.
Version: 1
Author: Eric Rasch
Author URI: http://www.campfiresites.com/
Tags: 
*/

/* @group TOC Mosaic CS */
/*-----------------------------------------------------------------------------
[Mosaic CS] Screen Stylesheet

version:   1.0
updated:   2009-08-14
author:    Eric Rasch
email:     admin@campfiresites.com
website:   http://www.mosaiccs.com/
location:  /css/style.css
-----------------------------------------------------------------------------*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/

/* @end */

/* @group Globals */
/**************************************/
/*              GLOBALS               */
/**************************************/
body {background: #FEFDF9;}

hr.space {background:#FEFDF9;color:#FEFDF9;}

/* @end */

/* @group Header */
/**************************************/
/*              HEADER                */
/**************************************/
#homepage #header {
	background: url(images/photo-main-01.jpg) no-repeat right bottom;
	padding-top: 18px;
	}

	#subpage #header {
		/*background: url(images/BG_page-subpage.jpg) repeat-x center 76px;*/
		background: none;
		padding-top: 18px;
		}

	#subpage-404 #header {
		background: none;
		padding-top: 18px;
		}

#header h1, #header h1 a, #header h1 a:link, #header h1 a:visited  {
	color: #FFFFCC !important;
	margin: 1.5em 0 1em 0;
	text-decoration: none;
	}
#header h1 a:hover {color: #267ad8 !important;}
#subpage-404 #header h1 {color: #333 !important;}

#header p.large {
	font-size: 2.8em;
	font-weight: bold;
	letter-spacing: -.05em;
	line-height: 108%;
	margin: 0; padding: 0;
	}
#header p {
	font-size: 1.2em;
	line-height: 140%;
	margin: 0; padding: 0;
	}
	
#header .contact {font-size: 1em;}
#header .email {font-size: .8em;}

#header #intro {
	background: url(images/BG_header-intro.jpg) no-repeat left center;
	color: #FFF;
	height: 299px;
	margin-top: 28px;
	}

#header .more a:link, #header .more a:visited {
	background: url(images/BG_header-more.jpg) no-repeat center center !important;
	color: #174578;
	display: block;
	font-size: .9em;
	font-weight: bold;
	line-height: 195%;
	padding: 1em 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	}
#header .more a:hover {color: #267ad8;}

#header #contact {margin: 1em 0 0 0;}

/* @end */

/* @group Navigation */
/**************************************/
/*             NAVIGATION             */
/**************************************/
ul#navigation {
	background: none;
	font: bold .9em/30px Verdana, Helvetica, Arial, sans-serif;
	list-style: none;
	margin: 1.3em 0 !important; padding: 0 !important;
	text-align: center !important;
	text-transform: uppercase;
	white-space: nowrap;
	}

ul#navigation li {display: inline; margin: 0;}
ul#navigation a {
	background: none;
	color: #333333 !important;
	display: inline;
	padding: .5em !important;
	text-decoration: none;
	}
ul#navigation a#current, ul#navigation a:active, 
ul#navigation .current_page_item a {color: #173d6a !important; background: #eef5fb;}
ul#navigation a:hover, ul#navigation a#current:hover,
, ul#navigation .current_page_item a:hover {color: #ffc !important; background: #173d6a;}

/* @end */

/* @group Main Content */
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#subpage h1 {
	margin-top: 2.3em;
	}

#homepage #tagline {
	background: url(images/BG_tagline.jpg) no-repeat center top;
	margin-bottom: .5em;
	}

#tagline h2 {
	font-size: 1.8em;
	letter-spacing: -.05em;
	line-height: 115%;
	color: #4D4F53;
	height: 82px;
	margin: .7em 0 0 0; padding: 0; 
	}

#tagline h2 strong {color: #000;}


h3#pullquote {
	background: url(images/BG_quote-subpage.jpg) no-repeat center center;
	color: #4D4F53;
	font-size: 1.2em;
	line-height: 115%;
	padding: 1.1em 1em;	
	}
h3#pullquote strong {color: #000;}


#content h4 {
	font-size: 1.4em;
	margin-bottom: 0;
	}

h5 {
	font-size: 1em;
	margin-top: 0;
	}

#blog {
	background: url(images/logo-Live-Outdoors.jpg) no-repeat center top;
	font-size: 1.2em;
	}

#blog h2 {
	color: #FFF;
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -.05em;
	margin-top: 2.6em;
	text-align: center;
	text-transform: lowercase;
	}

#blog .more {
	color: #BC5A1B;
	font-size: .9em;
	font-weight: bold;
	letter-spacing: -.05em;
	text-align: center;
	}
#blog .more a:link, #blog .more a:visited {
	color: #BC5A1B;
	}
#blog .more a:hover, #blog .more a:active {
	color: #f27324;
	}

.bucket p {font-size: 1em !important; margin-top: .8em;}

#blog p a:link, #blog p a:visited, 
.bucket p a:link, .bucket p a:visited {
	color: #004791;
	font-weight: bold;
	text-decoration: none;
	}

#blog p a:hover, #blog p a:active,
.bucket p a:hover, .bucket p a:active {
	color: #006ce1;
	}

#blog h3 {
	font-size: 1.2em;
	margin-top: .1em;
	}

#blog h3 a:link, #blog h3 a:visited, 
.bucket h4 a:link, .bucket h4 a:visited {
	color: #000;
	text-decoration: none;
	}
#blog h3 a:hover, #blog h3 a:active, 
.bucket h4 a:hover, .bucket h4 a:active {color: #006ce1;}
.bucket h5 {color: #545454;}

#promocontact {
	background: url(images/promo-contact-bar.jpg) no-repeat center center;
	padding-top: 1.4em;
	text-align: right;
	height: 51px;
	}

#promocontact h4 {
	color: #FFF;
	font-size: 2.6em;
	line-height: 111%;
	margin: 0; padding: 0; 
	}

#promocontact p {
	color: #FFFFCC;
	font-size: 1.3em;
	line-height: 110%;
	margin-top: .1em;
	}

#promocontact p em {
	color: #E4E4D9;
	font-size: .65em;
	font-style: normal;
	}

#promocontact .small p {
	text-align: left;
	line-height: 133%;
	}

#promocontact .small a:link, #promocontact .small a:visited {
	color: #66CCFF;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	}

#promocontact .small a:hover {
	color: #59b4e4;
	}

#posts p {
	font-size: 1.2em;
	}
/* @end */

/* @group Sidebar */
/**************************************/
/*            SIDEBAR                 */
/**************************************/
#sidebar {
	background: url(images/BG_sidebar.jpg) repeat-y;
	margin-bottom: 1em;}

#sidebar #thumbnails img {
	border: 3px solid #FFF;
	margin: .5em;
	}

#sidebar img.endcap {
	margin-bottom: -.5em;
	}	
	
#sidebar h3 {
	border-bottom: 1px solid #2D559A;
	color: #5E9AFF;
	font-size: 1.6em;
	margin-bottom: 0; padding-bottom: .3em;
	text-align: center;
	}
/* @end */

/* @group cforms Contact Form */
/*
Contact form HTML/CSS authors: Darren Hoyt & Matt Dawson
Author URI: http://www.smashingmagazine.com
*/

/* @group Overright BlueTrip Form CSS */

#cformsform fieldset { padding: 0; margin: 0; border: none; }
#cformsform textarea, #cformsform input[type='text'], #cformsform input[type='password'], #cformsform select { border: 1px solid #164171; background: #1f5b9d; }
#cformsform textarea:hover, #cformsform input[type='text']:hover, #cformsform input[type='password']:hover, #cformsform select:hover { border-color: #164171; }
#cformsform textarea:focus, #cformsform input[type='text']:focus, #cformsform input[type='password']:focus, #cformsform select:focus { border-color: #164171; outline: 2px solid #164171; }

/* @end */
	
#cformsform {
	background: none;
	padding: 0em;
	}

#cformsform label, #cformsform legend,
#cformsform .reqtxt, #cformsform .emailreqtxt,
.linklove {
	display:none;
	}

#cformsform ol {
	list-style: none;
	margin: 0 !important; padding: 0 !important; 
	}

#cformsform ol li {
	display: inline;
	list-style: none;
	margin: 0; padding: 0; 
	}

#cformsform h3 {
	color: #FFFFCC;
	margin-bottom:9px;
	}


/* @group Form Buttons */

#cformsform .button, #cformsform input[type='submit'], #cformsform input.sendbutton {	
	background: #2E69A7 !important;
	border: none !important;
	border-bottom: 2px solid #295e99;
	border-right: 2px solid #295e99;
	color: #FFFFCC;
	font-size: 1.2em !important;
	letter-spacing: -.01em;
	margin-top: 7px; padding: 4px 18px;
	text-transform: uppercase;
	}
#cformsform input.backbutton,
#cformsform input.resetbutton,
#cformsform input.sendbutton	{ 
	margin: 0px 18px 4px 0pt;
	font-size:0.8em;
	background: none; 
	border:1px solid #adadad;
	border-left-color:#ececec; 
	border-top-color:#ececec;
}
	
#cformsform .button:focus, #cformsform .button:hover, 
#cformsform input[type='submit']:focus, #cformsform input[type='submit']:hover {	
	color: #ffcb00;
	background: #1f5b9d !important;
	}

#cformsform p.cf-sb {
	margin: 0;
	border: none;
	text-align: left;
	}

/* @end */

/* @group Form Fields */

#cformsform .field, 
#cformsform .cf-ol li input, #cformsform .cf-ol li textarea {
	background: #264476 !important;
	border:none;
	padding: 4px 0 4px 1.9em;
	color: #FFFFCC;
	font: normal 1.1em/125% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: -.03em;
	}

#cformsform #user-name, 
#cformsform #cf_field_1 {	
	background: #264476 url(images/icon-contact-name.jpg) no-repeat 4px center !important;
	margin: 0 .4em 0 0 !important;
	width: 99px !important;
	}

#cformsform #user-name:focus, 
#cformsform #cf_field_1:focus {	
	background: #3763ae !important;
	}
		
#cformsform #user-email,
#cformsform #cf_field_2 {	
	background: #264476 url(images/icon-contact-email.jpg) no-repeat 2px center !important;
	margin: 0 -1em 0 -.3em !important;
	width: 99px !important;
	}		

#cformsform #user-email:focus,
#cformsform #cf_field_2:focus {	
	background: #3763ae !important;
	}	

#cformsform #user-comment,
#cformsform #cf_field_3 {	
	background: #264476 url(images/icon-contact-message.jpg) no-repeat 4px 6px !important;
	width:228px;
	height:120px;
	margin-top:8px;	
	}	

#cformsform #user-comment:focus,
#cformsform #cf_field_3:focus {
	background: #3763ae !important;
	}

#cformsform #user-url {	
	background: #264476 url(images/icon-contact-message.jpg) 4px 8px no-repeat ! important;
	}		

#cformsform #user-url:focus {	
	background: #3763ae !important;
	}

.cform ol.cf-ol li	{
	margin:0 !important; /*some themes may interfere otherwise*/
	}

/* @end */

/* @group cforms Response Messages */

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

#success-message {
	color: #B05B1F;
	background: #ffcb00;
	padding:32px;
	font-size:1.8em;
	position:absolute;
	top:120px;
	z-index:9999;
	margin-left:-200px;
	left:50%;
	border: 7px solid #cba100;
	}

div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px!important;
	line-height:1.3em;
	margin:10px auto;
	width: auto;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:red!important;
	text-decoration:underline!important;
}
div.success {
	color:#000099;
	display:block;
	letter-spacing:2px;
	text-align:right;
}
div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error { 
	color:#ad2929; 
	border:1px solid #ad2929; 
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929; 
}

#cformsform ol.cf-ol li.cf_li_err {
	width: auto;
	background: none !important;
	border: none;
	border-top: 1px solid #ff202c;
	margin: 0; padding: 0; 
	}

/*The next lines style the contact form on the Contact Us page.*/
#cforms2form input, #cforms2form textarea  {
	font-size: 135% !important;
	line-height: 185% !important;
	}

#cforms2form input.sendbutton  {
	font-size: 100% !important;
	line-height: 100% !important;
	}	
/* @end */



/* @end */
/* @group Footer */
/**************************************/
/*               FOOTER               */
/**************************************/
#footer {
	background: url(images/BG_footer-logo.jpg) no-repeat center top;
	padding-top: 1.5em;
	}
	
#twitter {padding-bottom: 11px;}

#footer h4 {
	font-size: 1.1em;
	}
#footer h4.large {
	font-size: 3em;
	line-height: 145%;
	margin: 0; padding: 0;
	}
	
#footer a:link {background: none; color: #333; display: block; margin: 0 !important; padding: 0 !important; text-decoration: none; white-space: normal;}
#footer a:hover {color: #173d6a; background: #edf4fa; text-decoration: none;}
#footer ul {list-style: none; margin: 0 !important; padding: 0 !important;}
#footer li {display: block; margin: 0 !important; padding: 0 !important;}
	/* for Internet Explorer 6 */
	/*\*/
	* html #footer li {margin: 0 0 -1.5em 0 !important; position: relative;}

/* @end */

/* @group Skip to Content */

#skip a, #skip a:hover, #skip a:visited {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}

#skip a:active {
	position:static;
	width:auto;
	height:auto;
	}

/* @end */



/* @group WordPress Specific CSS */

/* @group Edit Post Link */

p a.post-edit-link {font-size: .6em !important;}
a.post-edit-link, p.post-edit-data, a.wpsc_edit_product {
	background: #fff594 url(images/icons/icon_warning.png) no-repeat left center;
	font: bold 1em "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif !important;
	line-height: 120%;
	padding: .5em .5em .5em 2em;
	text-transform: uppercase;
	}

a.wpsc_edit_product {
	font-size: .5em !important;
	margin-left: 1em !important;
	 /*This is for the WP-ecommerce plugin. You can remove this and anything else referring to .wpsc if you aren't using it.*/}

p.post-edit-data {color: #f19a06 !important;}
p.post-edit-data strong {color: #aa5917;}
.post-edit-data a.post-edit-link {
	background: none;
	font-size: 1em !important;
	line-height: 120%;
	padding: .5em;
	text-transform: uppercase;
	}

/* @end */
	
/* @group Pagination */
/*	=Pagination
	.............................................................. */

.wp-pagenavi {
	margin: .5em 0; padding: 2px 0; 
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px !important; 
	margin: 2px !important;
	text-decoration: none !important;
	border: 1px solid #0066cc !important;
	color: #0066cc !important;
	background-color: #FFFFFF !important;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px !important; 
	margin: 2px !important;
	text-decoration: none !important;
	border: 1px solid #0066cc !important;
	color: #0066cc !important;
	background-color: #FFFFFF !important;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #fff !important;
	color: #fff !important;
	background-color: #42c0f0 !important;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px !important; 
	margin: 2px !important;
	text-decoration: none !important;
	border: 1px solid #0066cc !important;
	color: #0066cc !important;
	background-color: #FFFFFF !important;	
}
.wp-pagenavi span.pages, .wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px !important; 
	margin: 2px 2px 2px 2px !important;
	color: #999 !important;
	border: 1px solid #ccc !important;
	background-color: #FFF !important;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px !important; 
	margin: 2px !important;
	font-weight: bold !important;
	border: 1px solid #fff !important;
	color: #fff !important;
	background-color: #BB5515 !important;
}

/* @end */

/* Hiding all promotional code */
.linklove, .ddsg-wrapper div p, img#wpstats {width:0px;height:0px;padding:0px;border:none;overflow:hidden;display: none;}

/* @group WP Image Alignment */

img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

/* @end */

/* @group WP Captions */

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	}

.wp-caption p.wp-caption-text {
	font-size: .8em !important;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: -.6em 0 0 0;
	}

/* @end */

/* @group WP Comments */

textarea#comment { width: 400px; padding: 5px; }

.commentmetadata { font-size: 10px; }

/* @end */

/* @end */