/*
Theme Name: SE
Theme URI: http://www.siliconengines.net
Version: 1.0
Description: 3 Column theme (dmr: changed 768 to 962 to support 4 images on home page across bottom) 
Author: Jeff
Author URI: http://www.siliconengines.net
*/

/* Links */

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 { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body { 
	font: 10px Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
	font-size: 13px;
    color: #666666;
	margin: auto; 
	position: relative;
}
address, dd, dt, h3, h4, h5, h6, li, p { line-height: 1.2727em; font-weight: normal; font-style: normal; }


p,h1,h2,h3,h4,h5,h5,ol,ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

ul {
	list-style: none;
}

@media screen,projection {
	html { background-color: #fff; }
	body { background-color: #fff; text-align: center; color: #333; margin: auto; position: relative; width: 768px; } /* 768 */
}

/* Other Html Elements */
.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none; underline: none;}
.titles a:link, .titles a:visited, .titles a:active {
	text-decoration: none;
	font-size: 24px;
	font-weight: normal;
	border-bottom-width: 0;
}

pre:hover, blockquote:hover
{
	background-color: #f0f0f0;
	border: 1px solid #d0d0d0;
}

code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }

ul, ol { line-height: 2.0em; }

/* Structure */

.img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}

.img a {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.page_item li {
    font-weight : bold;
}

table.download { border-collapse: collapse; }

table th.download {
    font-weight : bold;
    background-color: #c6c7bd;
}

table td, table th {
    border-right  : 1px solid white;
    vertical-align : top;
}

table td,
table th {
    padding: 0.5em;
}

table tr#odd {
    background-color : #f7f7ef;
}

table tr#even {
    background-color : #e7e7ce;
}

col#file {
	width: 300px;
	text-align: left;
}

col#link {
	width: 100px;
	text-align: right;
}



#wrapper2 {
	background-color: 0xFFFFFF;
	width: 768px; /* 768 */
	padding: 0;	
}

/* ========================================================= */
/* header                                                    */
/* ========================================================= */

#header
{
/*	float: left;
	width: 768px;
	padding-bottom: 8px;
	background: #FFFFFF;
	clear: right;
	background-image: url(images/hdr-bg.gif) repeat x;
	padding-left: 0px;
*/
	height: 69px;
	width: 768px; /* 768 */
	display: block;
	vertical-align: top;
	margin: 0 0 0 0 ;
	padding: 0;
	border-width: 1px;
	border-color: 0;
	border-style: solid;
}

/* ========================================================= */
/* location banner                                           */
/* ========================================================= */

#location_banner {
	width: 768px; /* 768 */
	height: 25px;        /* making larger did not fix IE issue with vertical too small */
	margin-top: 5px;     /* amount of white space above the banner */
	margin-bottom: 10px; /* amount of space below the banner */
}

#header #ribbon {
	position: absolute;
	right: 0px;
	top: 15px;
}

h1 {
	background-color: #cc3333;
	margin: 5px 0 0 0;
	padding: 2px 2px 2px 2px ; /* 2 0 2 60 */
	height: 25px; /* 10 */
	color: #FFFFFF;
	font-size: 1.8em;
	font-weight: normal;
	display: table-cell;
    vertical-align: middle;
	text-align: center;
	width: 768px; /* 768 */
}

/* home - none required */
/* 
   #cc3333 red
   #996600 brown
   #ff9900 orange 
   #0066cc blue 
   #ffcc33 pale yellow/orange 
   #339933 green 
*/

#header_ABOUT {
	background-color: #996600; 
}

#header_CONCEPT {
	background-color: #0066cc; 
}

#header_ENGINEERING {
	background-color: #ff9900;
}

#header_PRODUCTION {
	background-color: #996600;
}

#header_PORTFOLIO {
	background-color: #0066cc; 
}

#header_PARTNERS {
	background-color: #0066cc; 
}

#header_PRODUCTS {
	background-color: #339933; 
}

#header_CONTACT {
	background-color: #ff9900; 
}

#header_DOWNLOADS {
	background-color: #cc3333; 
}

#header_SITEMAP {
	background-color: #0066cc; 
}

h3 {
	font-size: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #666666;
}

/* ========================================================= */
/* navigation                                                */
/* ========================================================= */

#navigation
{
	clear: both;
	float: left;
	width: 100%;
	background-image: url(images/header.gif);
	height: 220px;
}

/* ========================================================= */
/* wrapper                                                   */
/* ========================================================= */

#wrapper
{
	clear: both;
	float: left;
	width: 100%;
	color: #555555;
	background: #FFFFFF;
}

/* ========================================================= */
/* content                                                   */
/* ========================================================= */

#content
{
	width: 470px; /* 470 + 194 ? */
	float: left;
	padding: 0 0 10px 0;
	margin-left: 30px;
}

#content ul {
	margin-left: 20px; /* 20 */
}

#content li
{
	list-style-type: disc;
}

/* ========================================================= */
/* footer                                                    */
/* ========================================================= */

#footer
{
	clear: both;
	float: left;
	width: 768px; /* 768 */
	text-align: center;
	color: #cc0000;
	font-size: 11px;
}

#footer a {
	color: #cc3333;
	font-size: 11px;
	text-decoration: none;
}

#footer ul {
	list-style: none;
	margin-bottom: 15px;
}

#footer li {
	display: inline;
	list-style-type: none;
	padding-right: 15px;
	font-weight: bold;
}

/*
#footer a: visited {
	color: #cc3333;
}

#footer a:hover {
	color: #993019;
	border-bottom: 1px dashed #E18A77;
}
*/

#footer a:link {
    text-decoration: none;
   /* color:#0000FF; */
}

#footer a:visited {
    text-decoration: none;
    /* color:#800000; */
}

#footer a:hover {
    text-decoration: underline;
/*    color: #008000;  */
}


#extras
{
	float: left;
	width: 768px;  /* 768 */
	color: #444444;
	text-align: left;
	padding: 0 10px 10px;
	margin: 10px 12px 20px;
	background-color: #f5f5f5;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

/* ========================================================= */
/* Navigation */
/* ========================================================= */


#navigation ul { list-style-type: none; list-style-image: none; float: right; margin-top: -42px; padding: 0 0px 0 0; }

#navigation li { float: left; }

#navigation li a:link,
#navigation li a:visited
{
	float: left;
	color: #565656;
	display: block;
	padding: 5px 10px;
	margin-right: 1px;
	border: 1px dashed transparent;
	height: 24px;
	font-size: 14px;
	margin-top: 4px;
}

#navigation li a:hover,
#navigation li a:active
{
	color: #6D9CC7;
	background: #F5F5F5;
	border: 1px solid #FFFFFF;
	background-repeat: repeat-x;
	font-size: 14px;
	margin-top: 4px;
}

#navigation li.active a
{
	color: #555555;
	background-color: #ffffff;
}

/* ========================================================= */
/* Wrapper */
/* ========================================================= */

#wrapper a:link { font-weight: bold; }

#wrapper a:visited { font-weight: bold; }

#wrapper a:hover, #wrapper a:active { }

/* ========================================================= */
/* Content */
/* ========================================================= */

#content .post-title a { border-bottom-width: 0; }

#content .post p.img { float: left; margin: 0 15px 0 0; }

#content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }

#content .post-footer 
{ 
	font-size: 90%; 
	color: #888888;
	margin-bottom: 5px; 
	padding:5px 5px 5px 15px;
	background-repeat: none;
	background-color: #F7FFF0;
	border: 1px solid #E2FFCC;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin-top: 20px;  /* does nothing to content selector */
}

/* ========================================================= */
/* Left Sidebar */
/* ========================================================= */

.sideblock {
	float: left;
	width: 120px;
}

.sideblock a, .sideblock a:link, .sideblock a:visited {
	display: block;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #999999;
	padding: 2px 2px 2px 10px;
	width: 120px;
	margin-left: 2px;
	border: none;
	font-weight: normal;
	margin-bottom: 2px;
}

.sideblock a:hover {
	background: #FFFFFF;
	/* border-right: 1px solid #14556B; */
	/* border-bottom: 1px solid #14556B; */
	/* color: #777777; */
	color: #FF0000;
        text-decoration: none;
}

.sideblock ul {
	list-style: none;
	background: #FFF;
}


/* ========================================================= */
/* Right sidebar */
/* ========================================================= */

#sidebar2 {
	float: right;
	text-align: right;
	width: 130px;
	padding: 0;
	margin: 0;
}

#sidebar2 a {
	width: 100%;
	display: block;
	font-size: 0.8em; /* 11px; */
	font-weight: normal;
	color: #cc0000;
	text-decoration: none;
/*	padding: 2px 2px 2px 2px; */
/*	margin: 0 0 2px 2px; */
	border: none;
}

#sidebar2 ul {
	list-style: none;
	background: #FFF;
}

#sidebar2 li {
	list-style: none;
}

#sidebar2 h2 {
	padding: 2px 2px 2px 2px;
	margin: 0;
	font-weight: bold;
	font-size: 12px; 
	color: #666666;
	background-color: #FFF;
	text-align: left;
}

#sidebar2 a:link {
    text-decoration: none;
   /* color:#0000FF; */
}

#sidebar2 a:visited {
    text-decoration: none;
    /* color:#800000; */
}

#sidebar2 a:hover {
    text-decoration: underline; 
/*    color: #008000;  */
}


/* ========================================================= */
/* Extras */
/* ========================================================= */

#extras h6 { font-size: 14px; text-transform: uppercase; color: #555555; }


.date {
	background: url(images/date.gif) no-repeat;
	height: 54px;
	margin-bottom: 0px;
	width: 54px;
	text-align: center;
	float: left;
	margin-top: 15px;
}
.date .month {
	display: block;
	color: #E1F6BC;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 2px;
	font-weight: bold;
	margin-bottom: 3px;
}
.date .day {
	display: block;
	color: #FFFFFF;
	font: 2.3em;
	padding-top: 0px;
	text-align: center;
	margin-top: -8px;
}

/*
#left {
	width: 60px;
	float: left;
}
*/

.slogan {
  font-size: 13px;
  color: #6F6F6F;
  margin-left: 30px;
  margin-bottom: 2px;
}

#content-selector {
	width: 800px; /* 600 */
	float: left;
}

#content-selector ul {
	width: 800px; /* 600 + ? */
	list-style: none;
	margin-top: 10px;
}

#content-selector li {
	float: left;
	list-style: none;
	margin-right: 5px; /* 5 */
}

/* ========================================================= */

#mylist {
  padding:0;
  margin:0;
  }

#mylist li {
  list-style-type:none;
  }


/* ========================================================= */
/* ========================================================= */

/* The margin clears an area around an element (outside the border). 
   The margin does not have a background color, and is completely transparent.
margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

Value  	Description
auto 	The browser sets the margin.
The result of this is dependent of the browser
length 	Defines a fixed margin (in pixels, pt, em, etc.)
% 	Defines a margin in % of the containing element
*/

/*
  The padding clears an area around the content (inside the border) of an element. 
  The padding is affected by the background color of the element.

  The top, right, bottom, and left padding can be changed independently using separate properties. 
  A shorthand padding property can also be used, to change all paddings at once.

  Value  	Description
  length 	Defines a fixed padding (in pixels, pt, em, etc.)
  % 	        Defines a padding in % of the containing element

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
*/

.blue-header {
	display: table-cell;
	color: #fff;
	background-color: #0066cc;
	text-align: center;
        vertical-align: middle; 
	/* height: 29px;  */
	width: 188px; /* 194 */
	font-size: 1.6em; /* both FF and IE use this setting */
        padding-top:5px; 
        padding-bottom:8px; 
}

.blue-header a:hover {
    text-decoration: none;
}

.brown-header {
	display: table-cell; 
	color: #fff;
	background-color: #996600;
	text-align: center;
        vertical-align: middle;
	/* height: 29px; */
	width: 188px; /* 194 */
	font-size: 1.6em; /* both FF and IE use this setting */
        padding-top:5px;
        padding-bottom:8px;
}

.brown-header a:hover {
    text-decoration: none;
}

.orange-header {
	display: table-cell; 
	color: #fff;
	background-color: #FF8000;
	text-align: center;
        vertical-align: middle;
	/* height: 29px; */
	width: 188px; /* 194 */
	font-size: 1.6em; /* both FF and IE use this setting */
        padding-top:5px;
        padding-bottom:8px;
}

.orange-header a:hover {
    text-decoration: none;
}

.green-header {
	display: table-cell;
	color: #fff;
	background-color: #339933;
	text-align: center;
        vertical-align: middle;
	/* height: 29px; */
	width: 188px; /* 194 */
	font-size: 1.6em; /* both FF and IE use this setting */
        padding-top:5px;
        padding-bottom:8px;
}

.green-header a:hover {
    text-decoration: none;
}


/* ========================================================= */
/* new by dmr Feb 17 2010 */
/* order = link visited hover - do not change */
/* ========================================================= */

a:link {
    text-decoration: none;
    color:#FF0000; 
}

a:visited {
    text-decoration: none;
    color:#FF0000; 
}

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


#img-middle-right {
        vertical-align: middle;
	float: right; 
}

#img-middle-left {
        vertical-align: middle;
	float: left; 
}

#img-middle-right-di {
        vertical-align: middle;
	float: right; 
        padding: 9px 0px 9px 0px;
}

/* ----------------------------- */

.txtsuper {
	position: relative;
	bottom: 0.5em;
	font-size: 0.8em;
}

.txtsub {
	position: relative;
	top: 0.3em;
	font-size: 0.8em;
}

/* ========================================================= */

#txtlist
{
   font-size: 1.0em; 
  /*line-height:150%;*/
}

#txtlist ul
{
  margin-left: 0;
  padding-left: 25px;
  line-height:1.7em;
}

#txtlist li
{
  /* line-height: 150%; */
  /* margin-top:5em; */
  margin-bottom:0.25em; 
  margin-left:1.0em; 
  line-height:1.7em;
  /* padding-left:5px; */
}

/* ======================================== */

#txtlist2
{
   font-size: 1.0em; 
  /*line-height:150%;*/
}

#txtlist2 ul
{
  margin-left: 0;
  padding-left: 25px;
  line-height:1.25em;
}

#txtlist2 li
{
  /* line-height: 150%; */
  /* margin-top:5em; */
  margin-bottom:0.25em; 
  margin-left:1.0em; 
  line-height:1.25em;
  /* padding-left:5px; */
}

/* ======================================== */

#listchecked
{
  font-size: 1.0em; 
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

#listchecked ul
{
  margin-left: 0;
  padding-left: 45px;
  list-style-type: none;
  line-height:1.7em;
}

#listchecked li
{
  list-style-type: none;
  background: url("/wordpress/wp-content/themes/se/images/checkmark.gif") no-repeat 0 0px;
  padding-left: 2em;
}