/* 
Theme Name: Laserline
Theme URL: http://creatserv.com/
Description: Custom website for Laserline.com
Author: See Stylesheet Credits
Author URI: 
Version: 1.0

Website Concept, Design and Development Team of Creative Services: 
	Blake Lookabill @ http://hencedesign.com
	Clint Faile 	@ http://clintfaile.com
	Ed Nailor 		@ http://ednailor.com


Instructions:
	This theme is designed to be used as a basic framework to allow you to build a custom Wordpress theme.
	There are a few quick things that will help make your customization faster and easier.

	1. 	With exception of the #container div, all widths are based on percentages. The #container div is set to 
		1000px by default, so each 1% will equate to 1px. Changing the width of the #container will automatically
		change the width of other divs, such as the #content and #sidebar divs.
		The #container & #sidebar divs have a 2% padding on each, using 8% of the total 100%. This will leave
		a 2% gutter between these divs, allowing for flexibility across browsers.It is highly recommended that if
		you change the widths of these divs, that your total width of each is no more than 90%, keeping the gutter
		intact.

	2.	This theme is shaded for visual guidance. This shading will provide you with the ability to see how changes
		made to widths and paddings impact your layout. At the end of this stylesheet is a section that manages
		all of this shading. Once you have the overall layout you are seeking, you can either delete this section
		or comment it out to disable it.

	3.	The basic colors within this theme are listed below. A simple search and replace can go a long way in 
		making changes to the color scheme.
		
		Basic Colors in Theme
			#ffffff		body
			#000000		text
			#0000ff		links
			#888888		borders
			#f3f3f3		caption and blockquote backgrounds

	4.	Custom Stylesheet. It is recommended that you make any modifications to the theme using the style_custom.css
		stylesheet included in this theme. This will allow you to address individual items without modifying the 
		original style.css file. This also helps you if you are tewaking things so you can always go back to
		the orginal file if you "mess up."

*/


/*************************************************************************
	CSS Reset - Credit: Eric Meyer
		http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*************************************************************************/

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}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/*************************************************************************
	For Accessibility Purposes Only
*************************************************************************/

#skipNav { text-indent: -999999px; display: none; }

/*************************************************************************
	Basic Styling
*************************************************************************/

html {

	}

body {
	text-align: center;	/* This helps align the page to center for IE */
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 130%;
	background: #000000 url('images/background_body.png') repeat-x;
	color: #ffffff;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	font-style: normal;
	padding: 3% 0;
	}

h1 	{
	font-size: 2em;
	}

h2 	{
	font-size: 1.5em;
	color: #222222;
	}

h3 	{
	font-size: 1.25em;
	}

h4 	{
	font-size: 1.20em;
	}

h5 	{
	font-size: 1.10em;
	}

h6 	{
	font-size: 1.0em;
	}

p	{
	padding: 1% 0;
	}

ul {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 10%;
	}

ol	{
	list-style-type: decimal;
	list-style-position: inside;
	padding-left: 10%;
	}


a, a:link, a:visited {
	color: #ffffff;
	text-decoration: none;
	}

a:hover	{
	color: #ffffff;
	text-decoration: underline;
	}
	


/*************************************************************************
	LAYOUT STRUCTURE
*************************************************************************/

#container {
	text-align: left;
	width: 1100px;
	margin: 0 auto;
	padding: 0;
	background: ;
	}

/*************************************************************************
	HEADER
*************************************************************************/

#headerWrap {
	text-align: left;
	width: 1100px;
	margin: 0 auto;
	padding: 0;
	background: url('images/header.png') no-repeat top center;
	}

#header {
	display: block;
	height: 422px;
	}

#topTitle {
	padding: 1% 2%;
	}

#topTitle h1 {
	
	}

.description {
	font-weight: bold;
	}

#contact_info {
	text-align: right;
	padding-top: 12px;
	padding-right: 100px;
	font-weight: 700;
	color: #555555;
	font-size: 18px;
	}

/*************************************************************************
	MAIN NAVIGATION
*************************************************************************/


#topNav {
	width: 960px;
	margin: 0 auto;
	height: 78px;
	padding: 0;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	background: url('images/menu.png') no-repeat;
	}

#topNav ul {
	text-align: left;
	list-style-type: none;
	display: block;
	padding: 0;
	padding-left: 10px;
	}

#topNav ul li {
	display: inline;
	border-right: 1px solid #f2f2f2;
	}
	


#topNav li a, #topNav li a:link, #topNav li a:visited {
	line-height: 50px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	padding: 0 2%;
	text-transform: uppercase;
	}

#topNav li a:hover {
	text-decoration: none;
	background: #ffffff;
	color: #fa8500;
	}
	

/*************************************************************************
	MAIN BODY
*************************************************************************/
#contentWrap {
	width: 960px;
	margin: 0 auto;
	background: url('images/background_content.png') repeat-y center center;
	}

#content {
	width: 600px;
	float: left;
	padding: 0 0 0 20px;
	font-size: 0.85em;
	}

.postDetails {
	font-size: .75em;
	font-style: italic;
	padding-bottom: 1%;
	}

.post {
	background: url('images/post_header.png') no-repeat top left;
	padding: 0 30px;
	min-height: 120px;
	color: #000000;
	}
	
.post h1 {
	padding: 26px 0 75px 0;
	color: #fff;
	width: 100%;
	}

.post a, .post a:link, .post a:visited {
	color: #a50b03;
	text-decoration: underline;
	}
	
.post a:hover {
	text-decoration: none;
	}

.post h1 a, .post h1 a:link, .post h1 a:visited {
	color: #ffffff;
	text-decoration: none;
	}
	
.postmeta {

	}

.postnavigation {

	}
.postCatTags {
	font-size: .85em;
	}
	
.post_entries {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CFCFCF;
	}
	
blockquote {
	border: 2px solid #888888;
	width: 80%;
	margin: 10px auto;
	padding: 20px;
	background: #f3f3f3;
	color: #ffffff;
	font-weight: 600;
	font-style: italic;

	}

/*************************************************************************
	SIDEBAR
*************************************************************************/

#sidebar {
	width: 310px;
	float: right;
	padding: 0 20px 0 0;
	text-align: left;
	font-size: 0.8em;
	}

#sidebar ul {
	list-style-type: none;
	padding: 0 0 20px 0;
	}

#sidebar li {
	padding-left: 24px;
	padding-right: 16px;
	padding-bottom: 10%;
	}

#sidebar h3 {
	line-height: 100%;
	font-size: 1.6em;
	}

#sidebar li.newsletter {
	background: url('images/subscribe_background.png') left top no-repeat;
	min-height: 196px;
	padding: 20px 0 0 30px;
	margin: 0;
	}
	
#sidebar .newsletter_input {
	margin-top: 80px;
	width: 180px;
	margin-left: 10px;
	}
	
#sidebar .newsletter_button {
	margin-left: 120px;
	}

#sidebar li.news {
	padding: 0;
	margin: 0;
	}
	
#sidebar li.catalogue {
	padding: 0;
	margin: 0;
	}
	
#news_top {
	background: url('images/news_top.png') center top no-repeat;
	height: 30px;
	}
	
#news_body {
	background: url('images/news_body.png') center center repeat;
	padding: 0 30px 10px;
	}
	
#news_body img {
	max-width: 240px;
	max-height: 240px;
	}
	
#news_body a {
	text-decoration: underline;
	}
	
#news_body h3 a {
	text-decoration: none;
	}
	
#news_bottom {
	background: url('images/news_bottom.png') center top no-repeat;
	height: 30px;
	padding-bottom: 20px;
	}
	
#sidebar li.catalogue, #sidebar li.facebook {
	padding: 0;
	margin: 0;
	}
	
#sidebar li.catalogue img, #sidebar li.facebook img {
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
	}

#searchform {

	}
	
.news_read_more {
	text-align: right;
	padding-top: 8px;
	}

/*************************************************************************
	COMMENTS
*************************************************************************/

#comments {
	padding: 2% 0;
	
	}
#comments h3, .comments_reply h3 {
	color: #000000;
	}
	
.comments_navigation {
	
	}

.comments_navigation {
	
	}

.comments_reply {
	
	}

textarea#comment {
	width:80%;
	}

.comments_text {
	
	}
	
.comments_text p {
	}

.comments_meta {
	
	}

ol#comments_list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#comments_list li {
	padding: 10px;
	margin: 0 0 10px 0;
	}

.comment_author {
	text-transform: capitalize;
	font-weight: 600;
	}

.comment_time {
	font-size: 0.8em;
	}

ol.comment_form {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
ol.comment_form li {
	margin: 2% 0;
	}

.comments_allowed_tags {
	font-size: 0.9em;
	display: ;
	width: 80%;
	}

.comments_notice {
	font-size: 0.75em;
	line-height: 110%;
	}
	
.color1 {
	color: #000;
	border-bottom: 1px solid #CFCFCF;
	}

.color2 {
	color: #000;
	border-bottom: 1px solid #CFCFCF;
	}
	
.author {
	background: #ffffff;
	color: #000;
	border-bottom: 1px solid #CFCFCF;
	}

	

/*************************************************************************
	FOOTER
*************************************************************************/

#footerWrap {
	width: 100%;
	height: 60px;
	clear: both;
	background: url('images/footer.png') repeat-x;
	}

#footer {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	font-size: 12px;
	text-transform: capitalize;
	padding: 20px 0 0 0;
	}

#footer_menu {
	float: right;
	width: 700px;
	text-align: right;
	text-transform: capitalize;
	}

#footer_menu ul {
	list-style-type: none;
	display: block;
	padding: 0;
	}

#footer_menu ul li {
	display: inline;
	padding: 0 1%;
	border-right: 1px solid #f2f2f2;
	}

#footer_menu a {
	color: #ffffff;
	}

.footer_credits {
	text-align: right;
	float: right;
	}

.footer_credits a,.footer_credits a:link,.footer_credits a:visited,.footer_credits a:hover {
	color: #0000ff;
	text-decoration: none;
	}

/*************************************************************************
	REMOVE BORDER FROM END ITEM ON NAV MENUS
		change page number as needed
*************************************************************************/

#topNav li.page-item-19 { 
	border-right: none;
	}

#footer_menu li.page-item-19 { 
	border-right: none;
	padding-right: none;
	}
	
	
/*************************************************************************
	IMAGES AND CAPTIONS
*************************************************************************/

/* optional rounded corners for browsers that support it */
.wp-caption,
blockquote,
img {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

img {
	border: 2px solid #888888;
	padding: 4px;
	margin: 10px;
	background-color: #f3f3f3;
	}

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

.alignleft {
	float: left;
	margin-left: 0;
	}

.alignright {
	float: right;
	margin-right: 0;
	}

.wp-caption {
	border: 1px solid #888888;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	color: #ffffff;
	}

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	}

	
/*************************************************************************
	Forms
*************************************************************************/

.formBuilderForm {
	padding-top: 20px;
	}
	
.formBuilderForm textarea  {
	width: 400px;
	}
.formBuilderInput input  {
	width: 300px;
	}

.formBuilderLabelRequired {
	font-weight: 700;
	}
	
#fieldformBuilderFieldSubscribe {
	width: 20px;
	}
	
#formBuilderCSSIDCatalogue_Request .formBuilderSuccess, #formBuilderCSSIDWholesale_Request .formBuilderSuccess {
	width: 450px;
	margin: 20px auto;
	padding: 10px 20px;
	border: 1px solid #FCA71C;
	background: #ffffff;
	color: #111111;
	}
	
#formBuilderCSSIDCatalogue_Request .formBuilderSuccess h2, #formBuilderCSSIDWholesale_Request .formBuilderSuccess h2 {
	color: #9F0700;
	}
	
#formBuilderCSSIDCatalogue_Request .formBuilderSuccess h3, #formBuilderCSSIDWholesale_Request .formBuilderSuccess h3 {
	color: #000000;
	}

.formBuilderError {
	color: #9F0700;
	font-weight: 700;
	}

/*************************************************************************
	Visual Shading Guide
		This section displays the various sections of the theme in a 
		visual shading guide. Delete this section to remove the background
		colors.
*************************************************************************/
/*
body {background: #ffffff;}
#footer {background: #777777;}
#header {background: #222222; color: #fff;}
#topNav, #footerNav {background: #000000;}
#container  {background: #999999;}
#sidebar  {background: #444444;}
#content  {background: #888888;}
*/