/*  
Theme Name: Laser Creations 
Theme URI: http://www.webworksanddesign.com
Description: Custom Theme for Laser Creations
Author: Webworks and Designs
Author URI: http://webworksanddesigns.com

The templates, CSS and HTML comprising this design are 
licensed for use by Laser Creations and the web site at 
http://www.lasercreationsaz.com/.  

Unless otherwise indicated, all original content 
copyright 2011 and beyond by Laser Creations.
*/


/* --- Sitewide Classes --- */

body {
	background: #d2d2d2;
	/* background-image: url("images/body-bg.png"); */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}

img {
	border: 0;
}

a, a:visited {
	color: #243a76;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* --- Contain floats: nicolasgallagher.com/micro-clearfix-hack/ --- */
 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* --- Typography Classes --- */

/* @font-face Generated by Font Squirrel (http://www.fontsquirrel.com) on September 17, 2011 11:59:44 AM America/New_York */

@font-face {
    font-family: 'CounterStrikeRegular';
    src: url('fonts/cs_regular-webfont.html');
    src: url('fonts/cs_regular-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('fonts/cs_regular-webfont-2.html') format('woff'),
         url('fonts/cs_regular-webfont-3.html') format('truetype'),
         url('fonts/cs_regular-webfont-4.html#CounterStrikeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
	font-size: 1.75em;
	color: #243a76;
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

h2 {
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .90em;
	color: #616c89;
	text-transform: uppercase;
}

h3 {
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h4 {
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h5 {
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h6 {
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p {
	font-family: Georgia, Times, Serif;
	font-size: .93em;
	line-height: 1.25em;
}


/* --- WP Image and Image Caption Classes ---*/

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* optional rounded corners for browsers that support it */
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}


/* ----- All Header Classes and Header Sub Classes----- */

#header {
	margin: auto;
	width: 900px;
	height: 200px;
}

#nav-wrap {
	width: 900px;
	height: 50px;
	/* background-color: #000; */
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* optional rounded corners for browsers that support it */
	background: rgb(59,103,158); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

}

/* --- Navigation Classes ---*/

#nav {
	float: left;
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: auto;
	width: 650px;
	padding: 15px 2px 2px 2px;
	text-align: left !important;
	margin: 0;
	color: #000;
}

.nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.nav li {
	list-style-type: none;
	display: inline;
}

.nav li a, .nav li a:visited {
	margin-left: 5px;
	margin-right: 5px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	display: inline;
	font-size: 1.2em; /* 1.5em; */
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}

.nav li a:hover {
	text-decoration: underline;
}

/*--- Search Classes ---*/

#search {
	background: transparent;
	width: 125px;
	height: 30px;
	float: right;
	height: auto;
	padding: 2px;
	margin: 7px 0px 0 0px;
}

#searchform {
	background: transparent;
}

#searchform input {
	background: #fff;
	color: #2040a0;
	border: 1px solid #60a0e0;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; /* optional rounded corners for browsers that support it */
}

#searchform input.b {
	background-color: transparent;
	background-image: url(images/search.html);
	background-position: center center;
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
	border: none !important;
}

/* --- Logo and Social Media Classes ---*/

#logo-wrap {
	width: 900px;
	background: #e2e2e2;
	margin: 10px 0 5px 0;
}

#logo {
	width: 370px;
	height: 111px;
	float: left;
}

#social {
	float: right;
	margin: 20px 35px 5px 0;
}

.facebook {
	display: inline-block;
	width: 64px;
	height: 64px;
	background: url('images/facebook.png') bottom;
	text-indent: -99999px;
}
.facebook:hover {
	background-position: 0 0;
}

.twitter {
	display: inline-block;
	width: 64px;
	height: 64px;
	background: url('images/twitter.png') bottom;
	text-indent: -99999px;
}
.twitter:hover {
	background-position: 0 0;
}

.rss {
	display: inline-block;
	width: 64px;
	height: 64px;
	background: url('images/rss.png') bottom;
	text-indent: -99999px;
}
.rss:hover {
	background-position: 0 0;
}

/* --- Homepage Classes --- */

#home-content {
	background: #fff;
	/* background-image: url("images/body-bg.png"); */
	background: transparent;
	margin: auto;
	width: 900px;
}

#slider {
	width: 898px;
	height: 275px;
	overflow: hidden;
	background-image: url("images/body-bg.png");
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* optional rounded corners for browsers that support it */
	-moz-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	box-shadow: 2px 2px 1px hsla(0,0%,0%,.3); /* optional box shadow for browsers that support it */
}

#home-intro {
	background-color: #e8e8e8;
	padding: 0px 5px 5px 10px;
	margin-top: 10px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* optional rounded corners for browsers that support it */
	-moz-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	box-shadow: 2px 2px 1px hsla(0,0%,0%,.3); /* optional box shadow for browsers that support it */
}

#home-intro h1 {
	font-size: 150%;
	padding-top: 3px;
	color: #0080C5;
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#home-intro p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.25em;
}

#home-intro ul li {
	list-style-image: url(images/arrow.png);
	line-height: 1.2em;
	font-size: .95em;
	font-family: Georgia, Times, Serif;
}

#home-boxes {
	width: 900px;
	height: 600px;
	margin: 10px 0 0 0;
	background-color: #fff;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* optional rounded corners for browsers that support it */
	-moz-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	box-shadow: 2px 2px 1px hsla(0,0%,0%,.3); /* optional box shadow for browsers that support it */
}

#boxholder {
	width: 900px;
	/* height: 275px; */
}

#boxtitle {
	height: 35px;
	width: 275px;
	margin: 0 0 0 0;
	background: rgb(59,103,158); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

#boxtitle a {
	color: #fff;
}

#box1 {
	float: left;
	background-color: #fff;
	width: 275px;
	height: 275px;
	margin-top: 12px;
	margin-right: 9px;
	margin-bottom: 15px;
	margin-left: 10px;
	border: 1px solid #000;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* optional rounded corners for browsers that support it */
	/* -moz-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	box-shadow: 2px 2px 1px hsla(0,0%,0%,.3); /* optional box shadow for browsers that support it */
	overflow: hidden;
}

#box1 a, a:visited {
	/* color: #f2e38d; */
}

#box1 a:hover {
	text-decoration: underline;
}

#box1 p {
	font-family: Georgia, Times, Serif;
	font-size: .95em;
	color: #000;
	padding: 0px 10px 3px 10px;
}

#box1 h1 {
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #fff;
	padding: 3px 10px 0px 10px;
	margin-top: 0px;
	text-align: center;
}

#box1 h2 {
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: #616c89;
	padding: 0px 10px 0px 10px;
	margin-top: 0px;
}

#box2 {
	float: left;
	background-color: #fff;
	width: 275px;
	height: 275px;
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 15px;
	margin-left: 12px;
	border: 1px solid #000;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* optional rounded corners for browsers that support it */
	/*-moz-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	box-shadow: 2px 2px 1px hsla(0,0%,0%,.3); /* optional box shadow for browsers that support it */
	overflow: hidden;
}

#box2 p {
	font-family: Georgia, Times, Serif;
	font-size: .95em;
	color: #000;
	padding: 0px 10px 3px 10px;
}

#box2 h1 {
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	text-align: center;
	color: #fff;
	padding: 3px 10px 0px 10px;
	margin-top: 0px;
}

#box2 h2 {
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: #616c89;
	padding: 0px 10px 0px 10px;
	margin-top: 0px;
}

#box3 {
	float: left;
	background-color: #fff;
	margin-top: 12px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 15px;
	width: 275px;
	height: 275px;
	border: 1px solid #000;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* optional rounded corners for browsers that support it */
	/*-moz-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	box-shadow: 2px 2px 1px hsla(0,0%,0%,.3); /* optional box shadow for browsers that support it */
	overflow: hidden;
}

#box3 p {
	font-family: Georgia, Times, Serif;
	font-size: .95em;
	color: #000;
	padding: 0px 10px 3px 10px;
}

#box3 h1 {
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	text-align: center;
	color: #fff;
	padding: 3px 10px 0px 10px;
	margin-top: 0px;
}

#box3 h2 {
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: #616c89;
	padding: 0px 10px 0px 10px;
	margin-top: 0px;
}

/* --- Full Width Page Classes --- */

#full-content {
	background-color: #fff;
	width: 900px;
	margin: auto;
	padding: 10px 10px 10px 10px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* optional rounded corners for browsers that support it */
	-moz-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	box-shadow: 2px 2px 1px hsla(0,0%,0%,.3); /* optional box shadow for browsers that support it */
}

#full-content h1 {
	font-size: 1.75em;
	color: #0080C5;
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 5px;
}

#full-content h2 {
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .90em;
	color: #616c89;
	text-transform: uppercase;
}

#full-content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.25em;
}

#full-content ul li {
	list-style-image: url(images/arrow.png);
	line-height: 1.2em;
	font-size: .95em;
	font-family: Georgia, Times, Serif;
}

#full-gallery {
	width: 898px;
	background-color: #747474;
	overflow: hidden;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	/* -moz-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	box-shadow: 2px 2px 1px hsla(0,0%,0%,.3); */ 
}

#full-content-box {
	background-color: #e8e8e8;
	padding: 0px 5px 5px 10px;
	margin-top: 15px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* optional rounded corners for browsers that support it */
	-moz-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	box-shadow: 2px 2px 1px hsla(0,0%,0%,.3); /* optional box shadow for browsers that support it */
}

#full-products-box {
	background-color: #fff;
	padding: 0px 5px 5px 10px;
	margin-top: 15px;
	border: 1px solid #d2d2d2;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* optional rounded corners for browsers that support it */
	/* -moz-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	box-shadow: 2px 2px 1px hsla(0,0%,0%,.3); /* optional box shadow for browsers that support it */
}

#full-products-box a {
	color: #0080C5;
	font-size: 1.1em;
}

/* --- Sidebar Classes --- */

#sidebar-right {
	background-color: #0080C5;
	float: right;
	width: 270px;
	height: 490px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* optional rounded corners for browsers that support it */
	-moz-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	box-shadow: 2px 2px 1px hsla(0,0%,0%,.3); /* optional box shadow for browsers that support it */
}

#sidebar-right h2 {
	padding: 10px 10px 0px 10px;
	color: #F7EC13;
}

#sidebar-right p {
	padding: 0px 10px 3px 10px;
	color: #fff; 
}

#sidebar-right a, a:active {
	color: #f2e38d;
}
#sidebar-right ul li {
	list-style-image: url(images/arrow.png);
	line-height: 1.2em;
	font-family: Georgia, Times, Serif;
	font-size: .95em;
	color: #fff;
}

/* --- Page with Sidebar Classes --- */

#wrapper {
	width: 900px;
	margin: auto;
}

#content-left {
	float: left;
	width: 600px;
	background-color: #fff;
	padding: 10px 10px 10px 10px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* optional rounded corners for browsers that support it */
	-moz-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	box-shadow: 2px 2px 1px hsla(0,0%,0%,.3); /* optional box shadow for browsers that support it */
}

#content-left h1 {
	font-size: 1.75em;
	color: #0080C5;
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* --- Blog and Archive Classes --- */

#blog-content {
	float: left;
	width: 600px;
	height: 477px;
	background-color: #fff;
	padding: 10px 10px 10px 10px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* optional rounded corners for browsers that support it */
	-moz-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	box-shadow: 2px 2px 1px hsla(0,0%,0%,.3); /* optional box shadow for browsers that support it */
}

#blog-content a, a:active {
	color: #243a76;
}

#blog-content a:hover {
	text-decoration: underline;
}

#post-meta a, a:active {
	color: #243a76;
}

#post-meta a:hover {
	text-decoration: underline;
}

#post-meta h6 {
	font-family: Calibri, Corbel, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}

/* --- Footer Classes --- */

#footer {
	background-color: #e8e8e8;
	padding: 0px 5px 5px 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* optional rounded corners for browsers that support it */
	-moz-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	-webkit-box-shadow: 2px 2px 1px hsla(0,0%,0%,.3);
	box-shadow: 2px 2px 1px hsla(0,0%,0%,.3); /* optional box shadow for browsers that support it */
}