@charset "utf-8";
/*
MOLECAT 2010 styles for print
*/

/*-------------------------------------
START - 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, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
/*	list-style: none; */
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-------------------------------------
GLOBAL STYLES
---------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
	text-align: center;
}


hr.breaker {
	clear: both;
	width: 100%;
	height: 0px;
	margin: 0;
	padding: 0;
	line-height: 100%;
	visibility: hidden;
}

a:link, a:visited {
	color: #f00;
}

small {
	font-size: 8px;
}

.molecat {
	font-family: Impact, Haettenschweiler, "Arial Narrow Bold", fantasy, sans-serif, sans-serif;
	color: #c33;
	letter-spacing: 1px;
}

/*-------------------------------------
HEADER STYLES
---------------------------------------*/
#header {
}

/*-------------------------------------
MENU STYLES
---------------------------------------*/
#nav {
	display: none;
}


/*-------------------------------------
CONTENT STYLES
---------------------------------------*/
#contentBorder {
	border:												15px double #c33;
	background-color:										#000;
}

#contentWrap {
	border:												5px solid #000;
	background-color:										#fff;
}

	#content {
		padding:										10px 20px;
		text-align:										left;
		color:											#000;
	}
	
		#contentMain {
		}
		
		#contentHome {
			display:									none;
		}
		
			.contentHeader {
				display:								none;
			}
	
			div#contentHome ul {
				list-style:								none;
			}
	
		#content h1 {
			margin:										20px 15px 5px 0px;
			font-family:									Impact, Haettenschweiler, "Arial Narrow Bold", fantasy, sans-serif;
			font-size:									16px;
			font-weight:									100;
			letter-spacing:									1px;
			color:										#c33;
		}
		
			#content h1.mega {
				clear:									both;
				margin:									30px 0 30px;
				font-size:								50px;
				letter-spacing:								2px;
				text-align:								center;
			}
		
			#content h1.super {
				clear:									both;
				margin:									30px 0 20px;
				font-size:								50px;
				letter-spacing:								1px;
				text-align:								center;
			}
		
		#content h2 {
			margin:										20px 15px 5px 0px;
			font-family:									Impact, Haettenschweiler, "Arial Narrow Bold", fantasy, sans-serif;
			font-size:									16px;
			font-weight:									100;
			letter-spacing:									1px;
			color:										#c33;
		}
		
		#content h3 {
			clear:										both;
			border-bottom:									1px solid #000;
			margin:										15px 0px 5px 0px;
			font-size:									12px;
			font-weight:									100;
			color:										#c33;
		}
		
		#features {
			position:									relative;
		}
		
			#content div#featureList {
				position:								absolute;
				top:									0px;
				left:									270px;
				float:									left;
				padding:								10px 10px 25px;
				width:									270px;
				height:									265px;
				background-color:						#ddd;
			}
			
			#content div#featureList ul {
				list-style:								square outside url('images/bullet.png');
				margin-left:							24px;
			}
			
				#content div#featureList li {
/*					float:								left;
					margin-right:						20px; */
					margin:								10px 0;
				}
				
		#content p {
			margin-bottom:								10px;
		}
		
			#content p.buy-link {
				border-width:							1px 0;
				border-style:							solid;
				border-color:							#000;
				padding:								10px 0;
				font-size:								24px;
				text-align:								center;
			}
			
			#content p.buy-link:before {
				content:								"\00BB\00BB\00A0";
			}
		
			#content p.buy-link:after {
				content:								"\00A0\00AB\00AB";
			}
		
		#content ul, #content ol {
			margin:										0px 15px 10px 30px;
		}
	
			#content ul {
				list-style:								square;
			}
			
			#content ul.bulletList {
				display:								none;
				margin:									0;
				padding:								0;
				overflow:								hidden;
			}

.metadata {
	border-top:											1px solid #ccc;
	margin-bottom:											10px;
	font-size:											10px;
}

div.toggle {
	display:											block;
	visibility:											visible;
}

div.toggle div {
	display:											block;
	visibility:											visible;
	margin-bottom:											10px;
}

div.toggle h4:hover, div.toggle h4:focus {
	color:												#f00;
}
/*-------------------------------------
SOCIAL MEDIA STYLES
---------------------------------------*/
#social {
	display:											none;
	width:												0;
	height:												0;
	overflow:											hidden;
}


/*-------------------------------------
PAGINATION STYLES
---------------------------------------*/
.navigation {
	background-color: #ddd;
	clear: both;
/*	float: right; */
	margin: 0px auto;
	padding: 2px;
	font-size: 12px;
	text-align: right;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

	.navigation a, .navigation .current {
		border: 1px solid #333;
		margin: 1px;
		padding: 2px;
		
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

/*-------------------------------------
SIDEBAR STYLES
---------------------------------------*/
#contentWrap .sidebar,
#contentWrap #sidebar1,
#contentWrap #sidebar2 {
	display: none;
	width: 0;
	height: 0;
	overflow: hidden;
}
	
/*-------------------------------------
GALLERY STYLES
---------------------------------------*/
.youtube, .instructional,
.seemore, .sidebar .ngg-gallery-thumbnail img,
#sidebar1 .ngg-galleryoverview,
#sidebar1 a, #sidebar1 img, div.dark_rounded,
.pp_top, .pp_left, .pp_middle .pp_right,
.pp_bottom, .pp_content_container,
.pp_content, .pp_next, .pp_previous,
.pp_expand, .pp_contract, .pp_close,
.currentTextHolder, .pp_description,
.pp_inline, #pp_full_res, .pp_arrow_previous,
.pp_arrow_next, .pp_loaderIcon,
#sidebar1 .slickr-flickr-gallery {
	display: none;
	width: 0;
	height: 0;
	overflow: hidden;
}

/*-------------------------------------
CALENDAR STYLES
---------------------------------------*/
#wp-calendar {
}

/*-------------------------------------
FOOTER STYLES
---------------------------------------*/
#footer {
	display:none
}

/*-------------------------------------
COMMENT STYLES
---------------------------------------*/
.avatar {
	display: none;
}

.vcard {
	float: left;
	border-bottom: 1px solid #ccc;
	width: 250px;
	width: auto!IMPORTANT;
	min-width: 250px;
/*	color: #c33; */
}

.commentmetadata {
/*	border-top: 1px solid #ccc; */
	float: right;
	width: 180px;
	font-size: 10px;
	text-align: right;
}

.comment {
	border: 1px solid #ccc;
	margin: 10px 0;
}

	.even {
		background-color: #eee;
	}
	
	.comment div {
		padding: 2px 10px;
	}

	.comment p {
		clear: both;
		padding: 5px 10px 0px;
		margin: 0px;
	}

.comment-author-cmolecat, .comment-author-vmolecat,
.comment-author-admin, .bypostauthor {
	border-color: #c33;
}

	.comment-author-cmolecat cite, .comment-author-vmolecat cite,
	.comment-author-admin cite, .bypostauthor cite {
		font-family: Impact, Haettenschweiler, "Arial Narrow Bold", fantasy, sans-serif;
		font-style: normal;
		color: #c33;
		letter-spacing: 1px;
	}

/*-------------------------------------
FORM STYLES
---------------------------------------*/
input {
	background: #eee;
	border: 1px solid #ccc;
	padding: 2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

	input:hover, input:focus {
		background-color: #fff;
		border-color: #c33;
	}
	
select {
	background: #eee;
	border: 1px solid #ccc;
	padding: 2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

	select:hover, select:focus {
		background-color: #fff;
		border-color: #c33;
	}
	
textarea {
	background: #eee;
	border: 1px solid #ccc;
	padding: 2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

	textarea:hover, textarea:focus {
		background-color: #fff;
		border-color: #c33;
	}

/*-------------------------------------
CONTACT FORM STYLES
---------------------------------------*/
.contactForm {
	width: 500px;
	text-align: right;
}

	.contactForm ul {
	}
	
	.contactForm li {
		text-align: left;
		margin-left: 120px;
	}
	
	.contactForm img {
		background-color: #eee;
		margin-bottom: 10px;
		padding: 10px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
	}
	
.required {
	color: #c33;
}

span.business-zip input {
	width: 135px;
}

div.wpcf7-response-output {
	border: 1px solid #c33;
	margin: 0 20px;
	padding: 5px;
	font-weight: bold;
	text-align: left;
	color: #c33;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}
