/*  
Theme Name: spyparent
Theme URI: http://www.liquid-marketing.com/
Description: Wordpress Theme Designed By Liquid Marketing & Ported to Wordpress CMS by Thomas Vasquez
Version: 1.0
Author: Myron McDaniel | Developer: Thomas E. Vasquez
Author URI: http://www.liquid-marketing.com/
*/
/*************************** layout styles begin ****************************/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
/* End hide from IE-mac */
* {margin:0; padding:0;}
img{border:0}
body {margin:0; padding:0; font-family:"Trebuchet MS"; font-size:14px;text-align:center; background-color:#fffffe;color:#222;  background-repeat:repeat-x; background-image: url(images/background.jpg);}
#wrapper {width:975px;margin:0 auto;text-align:left;overflow:hidden;border:1px solid #000; background-color:#fffffe;}
#header {height:197px;background-image:url(images/logo.jpg);background-repeat:no-repeat;margin-bottom:25px;}
#hd_nav {position:relative;float:right;margin-right:6px;top:66px;}
.but1, .but2, .but3, .but4, .but5, .but6 {float:left;}
#main {height:inherit;overflow:hidden;display:block;margin-bottom:15px}
#sidebar {float:right;width:314px;margin-right:10px;_float:right;_width:314px;_margin-right:5px;}
/********* styles for boxes inside the sidebar **********/
.bx1 {width:314px; height:149px; background-image:url(images/box1.gif); background-repeat:no-repeat;}
.bx2 {width:314px; height:149px; background-image:url(images/box2.gif); background-repeat:no-repeat;}
.bx3 {width:314px; height:149px; background-image:url(images/box3.gif); background-repeat:no-repeat;}
.bx4 {width:314px; height:149px; background-image:url(images/box4.gif); background-repeat:no-repeat;}
.bx_txt1 {position:relative;margin-left:10px; margin-right:10px; top:55px}
.bx_txt2 {position:relative;margin-left:10px; margin-right:10px; top:55px}
.bx_txt3 {position:relative;margin-left:10px; margin-right:10px; top:55px}
.bx_txt4 {position:relative;margin-left:10px; margin-right:10px; top:55px}
.video { width:314px; height:250px; background-color:#ccc; line-height:250px; border:1px solid #222; text-align:center;}
/********************* styles for center content boxes *******************/
#content {margin: 0 340px 0 10px;display:block;}
#content1 {display:block;border:1px solid #222;background-color:#ccc; width:625px;height:300px; line-height:300px; text-align:center; position:relative; margin-left:10px;}
#content2 {display:block; background-image:url(images/prod_back.gif); background-repeat:no-repeat; width:625px; height:226px; position:relative; margin-left:10px}
#content3 {display:block; background-image:url(images/prod_back.gif); background-repeat:no-repeat; width:625px; height:226px; position:relative; margin-left:10px}
#content4 {display:block;width:625px; height:233px;position:relative; margin-left:10px}
/*************** styles for product boxes inside content 2, content 3, content 4 and LB boxes ***********************/
.prod1 {position:relative;float:left;margin-left:20px;top:45px;_position:relative;_float:left;_margin-left:10px;_top:45px;}
.prod2 {position:relative; float:left; margin-left:25px; top:45px;}
.prod3 {position:relative; float:left; margin-left:25px; top:45px;}
.prod4 {position:relative; float:left; margin-left:20px; top:45px;_position:relative;_float:left;_margin-left:10px;_top:45px;}
.prod5 {position:relative; float:left; margin-left:25px; top:45px;}
.prod6 {position:relative; float:left; margin-left:25px; top:45px;}
.lb-newsA {position:relative; margin-right:10px;margin-bottom:10px;top:30px;}
.lb-newsB {position:relative; margin-right:10px;margin-bottom:10px;top:30px;}
.lb-prodA {position:relative;margin:0 10px 0 10px;top:30px}
.lb-prodB {position:relative;margin:0 10px 0 10px;top:30px}
.lb1 {position:relative; float:left;width:302px;height:233px;background-image:url(images/lower-boxA.gif);background-repeat:no-repeat;}
.lb2 {position:relative;float:right;width:302px;height:233px;background-image:url(images/lower-boxB.gif);background-repeat:no-repeat;}
#footer {clear:both;height:100px;background-image:url(images/footer.jpg);background-repeat:no-repeat; font-weight:bold;}
#bot-link-l {position:relative;float:left;margin-left:10px;width:auto;top:65px;}
#bot-link-r {position:relative;float:right;margin-right:10px;width:auto;top:65px;}
/*********************** wordpress styles begin **********************/
ul {margin-left:0px;padding-left:1.5em;text-indent: 0em;}
.pagetitle {color: #000;}
#searchform {text-align: left; width:200px;}
#searchform input {border:1px solid #000;background-color:#000;color:#fff;font-weight:bold;}
#searchform #s {width:60%;background-color:#f5f5f5; color:#000; font-weight:normal;}
#wp-calendar {text-align:center;color:#000; width:285px;}
#wp-calendar th {background-color:#000; color:#FFF;}
#wp-calendar a {border:1px solid #000;background-color:#feac25;display:block;}
#prev a, #next a {border:0; color:#fe9f03}
#wp-calendar caption {text-align:center;width:100%;}
#title {font-size:18px;font-weight:bold; color: #000;}
h2 {font-size:18px;font-weight:bold; color: #000;}
h2 a:visited, h2 a:link {color: #000;}
h2 a:hover {font-size:18px;font-weight:bold;color: #000; text-decoration:underline;}
h3 {margin-top: 1.5em;font-size: 1.4em;}
h4 {margin-top: 1.2em;font-size: 1.2em;}
h5 {margin-top: 1em;font-size: 1em;}
.entry {margin-top: 10px;margin-bottom: 15px;}
.postmetadata {padding:2px;font-size: 0.8em;border-top:1px; border-color:#000; border-top-style: dashed;}
.postmetadata a {color: #5a0102; text-decoration:none;}
.postmetadata a:hover {color: #5a0102; text-decoration: underline;}
.post {margin-bottom:12px;color:#000;padding-left:5px;font-size:12px; text-align:justify;}
.post p {line-height: 1.4em;margin-bottom: 1em;}
.post li {margin-left: 20px;}
.post ul {list-style-image: url(images/bullet.png);list-style-type: circle;margin-bottom: 10px; color:#138f92}
.post a:hover, .post a:visited, .post a:link {color: #000;}
/********************** color of quotes ****************************/
blockquote {margin: 1em 1.5em;padding: 1em 1.5em;border: 1px solid #FADA96; background: #FCF1E2 url(images/blockquote.png) no-repeat            scroll top left;}
.navigation {display: block;margin:10px;}
.alignleft {float: left;text-align: left;width: auto;}
.alignright{float: right;text-align: right;width: auto;}
.entrytext .postmetadata {font-size: 1.1em;background-color: #FDE5C3;width: 70%;margin: 2em auto 3.5em auto;border: 1px dotted                          #e9b17b;padding: 5px;padding-left: 45px;background: #FDE5C3 url(images/metadata.png) no-repeat   scroll                          top left;}
ol.commentlist {margin: 0 auto;}
ol.commentlist li {margin-bottom:1.5em;border:1px solid #000;padding:5px;background-color:#e6e6e6; color:#000}
ol.commentlist a:link{color:#000}
ol.commentlist a:visited {color:#000}
ol.commentlist a:active {color:#000}
ol.commentlist a:hover {color:#000; text-decoration:underline}
ol.commentlist li.alt {background-color: #f4f4f4; color:#000}
ol.commentlist li.alt a:link{color:#000;}
ol.commentlist li.alt a:visited {color:#000;}
ol.commentlist li.alt a:active {color:#000;}
ol.commentlist li.alt a:hover {color:#000; text-decoration:underline}
ol.commentlist a {color: #000;}
small.commentmetadata {font-size: 0.8em;margin-bottom: 1em;display: block;}
/*********************** various styles end ************************/
.navtitle {font-size: 1em;border-bottom: 2px solid #fe9f03; text-decoration:none;}
a:link    {color:#000;text-decoration:none;}
a:active  {color:#000;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}
a:hover   {color:#000;text-decoration: underline;}
input     {background-color:#ff9019;text-indent:3px;border:1px solid #58574b;width:auto;color:#000; font-weight:bold;}
option    {font-size:11px;text-indent:2px;color: #fff;border:1px solid #58574b;}
select    {background-color:#fff;border:1px solid #58574b; width:auto;}
textarea  {background-color:#fff;text-indent:3px;border:1px solid #58574b;color:#000; margin-bottom:10px;}
small {color:#000;font-weight:bold}
/******************* image styles *****************************/
p img { padding: 0; max-width: 100%; }
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.right { float: right; }
.left { float: left; }