/*  
Theme Name: BEI Precision Systems
Theme URI: http://arkansasweb.com/
Description: This theme was developed for BEI Precision Systems and Space Company.
Version: 0.1
Author: Rob Moffett
Author URI: http://robmoffett.com/

	This theme was designed and built by Rob Moffett and the team at ArkansasWeb.com

*/



/* Thanks goes to the master Eric Meyer for this reset
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

/* RESET VALUES */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {	quotes: "" "";}
/* END RESET */

/* 
STICKER - A valid, easy to use CSS sticky footer by Ryan Fait
This is the basic CSS you need along with the one extra empty
div and the wrapper required to achieve the effect. I suggest
that you leave the * { margin: 0; } code in while testing and
building your site because margins do have a tendency to mess
things up a bit. Have fun!
Copyright (c) 2006-2007 Ryan Fait
*/


* {	margin: 0;}
html, body {
	height: 100%;
	background-color:#C6D6E5;
	background-image: url(images/bg-space.jpg);
	background-repeat:repeat-x;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -68px auto; /* the bottom margin is the negative value of the footer's height */
	clear:right;
	width:770px;
	background-image:url("images/body-bg.gif");
	background-repeat: repeat-y;  
}

.footer, .push {
	height: 68px; /* .push must be the same height as .footer */
	width:100%;
	clear:left;
	margin:0 auto;
}
.footer{background-image:url(images/footer-bg.gif); background-repeat:repeat-x;}

#footer1{
	width:770px;
	height:68px;
	clear:both;
	background-image:url("images/footer.gif");
	background-repeat:no-repeat;
	margin:0 auto;
}





/* -------------------------------------------------------------- 
   
   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2008-05-01) [http://kematzy.com/blueprint-generator/]

   Based on work by:
    * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]

   == STRUCTURE: ========================
    * Page width:            770 px
    * Number of columns:     13
    * Column width:          50 px
    * Margin width:          10 px
   ======================================

   By default, the grid is 770px wide, with 13 columns 
   spanning 50px, and a 10px margin between columns.

   If you need fewer or more columns, use this formula to calculate
   the new total width: 

   Total width = (number_of_columns * column_width) - margin_width

   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {width: 770px;  margin: 0 auto 0 auto;}

#header{
	background-repeat:no-repeat;
	background-position:bottom;
	height:100px;
	position:relative;
	z-index:1;
	background-image:url(images/header.gif);
	margin-bottom:-22px;
}

#tabnav {
	margin:58px 0 0 0;
	float:right;
  	width:100%;
  	line-height:normal;
  }
#tabnav ul {
  	margin:0;
  	padding:0;
  	list-style:none;
  	float:right;
  }
#tabnav li {
  float:left;
  background:url("images/tabright.gif") no-repeat right top;
  margin:0 11px 0 -13px;
  padding:0 13px 0 0;
  }
  
#tabnav a {
  float:left;
  display:block;
  background:url("images/tableft.gif") no-repeat left top;
  padding:9px 15px 4px 20px;
  margin:0 -13px 0 0;
  text-decoration:none;
  font-weight:bold;
  color:#0F286F;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabnav a {float:none;}
/* End IE5-Mac hack */

#tabnav li a:hover {color:#fff;  background-position:left -30px; }
  
#tabnav li:hover{  background-position:right -30px;  }

#tabnav li .current{  background-position:right -60px;  color:#fff;  }

#tabnav li a .current{background-position:left -60px;}

.lead-image-wrapper { background: #000; position: relative; height:200px; margin:-40px 0 20px 0; z-index:2; color:#fff; }

.lead-image-wrapper img { height: 200px; width: 770px; clear:both; }

.content{clear:left; padding-top:50px;}






/* --------------------------------------------------------------Columns----------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13 {float:left;margin-right: 10px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 50px;}
.span-2  { width: 110px;}
.span-3  { width: 170px;}
.span-4  { width: 230px;}
.span-5  { width: 290px;}
.span-6  { width: 350px;}
.span-7  { width: 410px;}
.span-8  { width: 470px;}
.span-9  { width: 530px;}
.span-10 { width: 590px;}
.span-11 { width: 650px;}
.span-12 { width: 710px;}
.span-13, div.span-13 { width: 770px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 60px;}
.append-2  { padding-right: 120px;}
.append-3  { padding-right: 180px;}
.append-4  { padding-right: 240px;}
.append-5  { padding-right: 300px;}
.append-6  { padding-right: 360px;}
.append-7  { padding-right: 420px;}
.append-8  { padding-right: 480px;}
.append-9  { padding-right: 540px;}
.append-10 { padding-right: 600px;}
.append-11 { padding-right: 660px;}
.append-12 { padding-right: 720px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 60px;}
.prepend-2  { padding-left: 120px;}
.prepend-3  { padding-left: 180px;}
.prepend-4  { padding-left: 240px;}
.prepend-5  { padding-left: 300px;}
.prepend-6  { padding-left: 360px;}
.prepend-7  { padding-left: 420px;}
.prepend-8  { padding-left: 480px;}
.prepend-9  { padding-left: 540px;}
.prepend-10 { padding-left: 600px;}
.prepend-11 { padding-left: 660px;}
.prepend-12 { padding-left: 720px;}



/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}

li hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin:  1.125em 0 0  0;
  border: none; 
}

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


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }






/* ----------------------------------------------------------  The Pretty Stuff -----------------------------------------*/

body {	font-size: 75%; }

html>body {	font-size: 12px; }

#LeftSide {margin-left:0px; padding-left:30px;}

#RightSide {float:right; padding-right:30px;}

h1 {
	font-family:"Trebuchet MS", sans-serif;
	background-image:url('images/title-bg.gif');
	background-position:bottom;
	background-repeat:no-repeat;
	text-align:left;
	font-size:1.5em;
	line-height:28px;
	text-indent:.5em;
	color: #0F286F;
	clear:left;
	font-weight:bold;
}

h1 a {text-decoration:none;	color:#0F286F;}

h1 a:visited {text-decoration:none;	color:#0F286F;}

h1 a:hover {width:100%;	text-decoration:none; color:#F7822E;}

h2 {
	font-family:"Trebuchet MS", sans-serif;
	background-image:url(images/sidebar-bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	text-align:left;
	font-size:1.25em;
	line-height:28px;
	text-indent:.5em;
	color: #C65400;
	clear:left;
	font-weight:bold;
}

h2#respond{display:inline;}

h3, cite {
	font-family:"Trebuchet MS", sans-serif;
	text-align:left;
	font-size:1.25em;
	line-height:28px;
	color: #000066;
	clear:left;
	font-weight:bold;
}

h3#comments{
	background:#E5E3E3; 
	padding-left:10px; 
	border-top:solid 1px #C6D6E5;
	border-bottom:solid 1px #C6D6E5;
}

td h3{padding:10px 0 0 0; margin-left:-5px;  }

h3 a, h3 a:visited, cite a, cite a:visited{	color: #1154A6;	text-decoration:underline;}

h3 a:hover, cite a :hover{ color:#F7822E; text-decoration:none; border:1px solid #F7822E;}

h4{	color: #C65400; font-weight:bold;}

strong{	font-weight: bold;}

div #CommentPane{margin:24px;}

div #CommentPane li{width:420px;}

cite {
	font-family:"Trebuchet MS", sans-serif;
	text-align:left;
	font-size:1.125em;
	color: #F7822E;
	padding-left:10px;
	clear:left;
	font-weight:normal;
}



.post small{ color:#1154A6; font-family: "Geneva", sans-serif; font-size:.75em; float:right; text-align:right;}

span#DateAuthor, span#DateAuthor a{color:#1154A6; font-family: "Geneva", sans-serif; font-size:.75em;  text-align:right;}

span#DateAuthor a:hover{color:#F7822E;}

span.ReadMore a, span.ReadMore a:visited{ 
	color:#1154A6; 
	font-family:"Trebuchet MS", sans-serif; 
	font-size:1em; 
	text-decoration:underline; 
	margin-left:1em;
}

span.ReadMore a:hover{	color:#F7822E; text-decoration:none;}

.entry {padding-bottom:6em; clear:left;}

ul li .entrylist {	padding-bottom:2em; clear:left;}

.text {margin-top:1.444em;	font-family:Geneva, Arial, Helvetica, sans-serif;}


.text ul{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#0F286F;
	margin-left:28px;
	margin-bottom:1em;
	line-height:1.5em;
	list-style:disc;
	}
	
.text ul strong{color:#000022; font-size:1em;}

.text ol{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#003;
	margin-left:48px;
	margin-bottom:1em;
	line-height:1.5em;
	list-style-type:decimal;
	width:100%;
	}
	
p {
	line-height: 1.5em; 
	font-size:1em;
	color:#0F286F;
	font-family: "Geneva", sans-serif;
	padding:0 0 1em 1em;
}

p a:visited, ul li a:visited {color:#666;	text-decoration:none;}

p a:hover, ul li a:hover {	color:#F7822E;	text-decoration:underline;}

p.postmetadata,{margin-bottom:30px;}

blockquote {margin:1.5em 68px;color:#666;}

 ul li a {
	font-family:Geneva, Helvetica, sans-serif;
	color:#1154A6;
	margin-left:1em;
	text-decoration:underline;
	font-size:1em;
	line-height:1.25em;
}

#sidebar ul{margin-bottom:20px;	
	font-family:Geneva, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
}

#sidebar li{clear:left;	width:170px;}

#sidebar ul ul, #sidebar .textwidget{
	background:url("images/blue-bg.jpg") center bottom; 
	background-repeat:no-repeat; 
	padding:.5em 0 1em 0; 
	color:#fff;
}

#sidebar ul li a{
	font-family:Geneva, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	font-size:1em;
	line-height:1.75em;	
}

#sidebar ul li a:visited {color:#fff;	text-decoration:none;}

#sidebar ul ul li:hover {background:url("images/orange-bg.jpg") center top;	color:#fff;}

div #sidebar ul ul li ul{display:none;}

#sidebar p {
	font-family:Geneva, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	font-size:1em;
	line-height:1.25em;
	margin-bottom:5px;
	padding:0 0 0 10px;	
}



table.chart {
	width:470px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#1154A6;
	margin-left:1em;
}

.chart td{height:1em; border-bottom:1px dotted #C6D6E5;}

td.status{ text-align:right; color:#0F286F;}	

td{
	color:#0F286F;
	font-family: "Geneva", sans-serif;
	padding:0 0 0 5px;
	line-height:1.5em;
}


.textnav ul{list-style:none;}

.textnav li{list-style-type:none;}	

.textnav a{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	float:left;
	font-size:.75em;
	line-height:.5em;
	margin-left:2ex; 
	color:#1154A6;
	text-decoration:underline;
	padding:1ex;
}

.textnav a:hover {color:#F7822E;}




img.alignleft {margin:0 1.5em 1.5em 0; float:left;}

img.alignright {margin:0 0 1.5em 1.5em;	float:right;}




/* ----------- FORM FORMATTING --------- */

.searchform {padding-bottom:1.25em;}

fieldset.cf-fs1{background-color:#C6D6E5; padding:10px; margin-top:20px; width:460px;}

fieldset.cf-fs1 legend{
	font-family:"Trebuchet MS", sans-serif;
	text-align:left;
	font-size:1.25em;
	line-height:28px;
	color: #1154A6;
	clear:left;
	font-weight:normal;
	padding:0 .5em;
	background-color:#C6D6E5;
}
	
label {
	text-align:left;
	font-size: 11px;
	color:#C65400;
	padding:2px;
	letter-spacing:1px;
	font-weight:bold;
}

.reqtxt, .emailreqtxt{
	font:Arial, Helvetica, sans-serif;
	color:#C65400;
	font-size:9px;
	padding-left:5px;
	}

input.single {
	border: solid 1px #1154A6;
	background-color:#F3F1F1;
	color: #1154A6;
	font-size:1em;
	line-height:1em;
	margin-bottom:.5em;
	padding:.25em;
}

input.sendbutton {
	border: solid 1px #1154A6;
	background-color:#C6D6E5;
	color: #1154A6;
	line-height:1em;
	margin-bottom:20px;
	padding:.15em ;
	clear:none;
	}

input.searchInputField {
	border: solid 1px #1154A6;
	background:url("images/search.gif") no-repeat right top;
	background-color:#F3F1F1;
	color: #1154A6;
	font-size:1em;
	line-height:1em;
	margin-top:.5em;
	padding:.25em;
	width:160px;
}

textarea.area {
	font-family:"Geneva", Helvetica, sans-serif;
	border: solid 1px #1154A6;
	background-color:#f3f1f1;
	color: #1154A6;
	line-height:1.5em;
	margin-bottom:.5em;
	font-size:1em;
	padding:0 .25em;
	width:350px;
}


.linklove{ display:none; visibility:hidden;}

li .subscribe a {
	font-family:Geneva, Helvetica, sans-serif;
	color:#757575;
	margin-left:1em;
	text-decoration:none;
	font-size:1em;
	line-height:1.25em;
	background-image:  url(images/rss-normal.jpg);	
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:15px;
}

li .subscribe a:visited {
	color:#666;
	text-decoration:none;
	background-image: url(images/rss-normal.jpg);
	background-repeat:no-repeat;
	padding-left:20px;
}

li .subscribe a:hover {
	color:#33cbf0;
	text-decoration:underline;
	background-image: url(images/rss-over.jpg);
	background-repeat:no-repeat;
	padding-left:20px;
}

fieldset	{ 
	margin-top:10px; 
	padding:5px 0 5px 0; 
	border:none;
	background-color:#F8FFFF;
}

form fieldset ol, fieldset ul{list-style-type:none;}

legend { 
	margin:0;
	padding:0; 
	font:normal 18px Helvetica; 
	color: #DB1C93;
	letter-spacing:3px;
}

label {
	width:90px; 
	margin:4px 10px 0 0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:left;
	vertical-align:top;
	color: #C65400;
	font:1em  Trebuchet MS,sans-serif;
	font-weight:bold;
}

label span {width:90px; /* must be the same as above!*/	display:block; }

input, select, input.check{
	padding:3px;
	border:solid 1px #1274E1; 
	font:1em Trebuchet MS,sans-serif;
	color:#444;
	vertical-align:top;
}

input.check{margin-right:10px;}

 input:hover,
 textarea:hover,
 select:hover,
 input:focus,
 textarea:focus,
 select:focus	{ color:#C65400; border: 1px solid #C65400;}
 
.textonly {
	color:#1274E1;
	font-size:1em;
	letter-spacing:2px;
	margin:12px 0pt !important;
	padding:0pt 50px 0pt 50px;
}

 select.cfselectmulti	{ height:7.5em; }

 textarea {
	font-family: arial;
	font-size: 0.9em;
	overflow:auto;
	width:436px;
	border: solid 1px #1274e1;

}
fieldset.cf_hidden{background:none; visibility:hidden;}