@charset "utf-8";
/*
Theme Name: X-Analog
Theme URI: http://www.transanalog.com/
Description: Custom theme for Transanalog. Desing by M. Christopher Freeman, implemented by Icebox Interactive, LLC.
Author: Icebox Interactive, LLC.
Version: 1.0
*/
html, body { margin: 0px; background-color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#container { position: relative; margin: 0px auto; width: 1000px; padding: 0px 4px 0px 4px; background: #797979 url(img/frameBg.png) repeat-y; }
#transanalog { position: absolute; z-index: 150; top: 4px; left: 63px; }

#left { width: 190px; vertical-align: top; float: left; background: url(img/headCircuit.jpg) top no-repeat; padding: 120px 5px 5px 5px; color: #FFF; }
#left a { color: #ACC9E3; }
hr { color: #FFF; background-color: #FFF; height: 1px; }

#right { width: 772px; vertical-align: top; float: right; margin-right: 10px; background: #FFF; padding: 5px; border: 4px solid #000; }
#right a { color: #369; }
#right h2 { color: #369; }

#header { position: relative; width: 782px; height: 80px; left: -5px; top: -5px; background: #369 url(img/headBg.png) top repeat-x; }
#engineering { position: absolute; right: 0px; top: 20px; height: 20px; width: 335px; }

#nav { position: absolute; right: 0px; bottom: 0px; height: 22px; overflow: hidden; text-align: right; }
#nav ul { padding: 0px; margin: 0px; }
#nav ul li { display: inline; list-style: none; float: left; }
#nav a { display: block; height: 22px; padding: 0px; margin: 0px auto; background: #FFF url(img/navOffBg.png) repeat-x bottom; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; }
/* color: #369; */
#nav a img { vertical-align: middle; }
#nav ul li.current_page_item a { color: #666; background: #FFF; background-image: none; }/* , .current_page_ancestor, .current_page_parent */
#nav ul li.current_page_ancestor a { color: #666; background: #FFF; background-image: none; }/* , .current_page_ancestor, .current_page_parent */
#nav ul li.current_page_parent a { color: #666; background: #FFF; background-image: none; }/* , .current_page_ancestor, .current_page_parent */

#prodList { position: relative; left: -5px; }
#prodList h2 { text-align: center; }

#prods { padding: 0px; margin: 0px; border-top: 1px solid #6D6D6D; width: 200px; border-bottom: 1px solid #A1A1A1; }
#prods li { list-style: none; border-top: 1px solid #A1A1A1; border-bottom: 1px solid #6D6D6D; }
#prods li a { display: block; padding-top: 3px; padding-left: 10px; height: 18px; width: 190px; color: #FFF; text-decoration: none; }
.currProd { background: url(img/productsOn.png) repeat-y; }

#rightBox { width: 290px; float: right; border: 1px solid #CCC; padding: 5px; margin-left: 10px; }
#rightBox h3 { margin-bottom: -5px; padding: 0; font-size: 13px; }
.date { font-size: 10px; }
a img { border: none; }

.prodList { margin: 0px auto; clear: both; text-align: left; width: 445px; }
.prodList img { float: left; padding-bottom: 20px; padding-right: 10px; }

#footer { position: relative; width: 780px; left: -4px; clear: both; height: 25px; padding: 5px 19px 5px 209px; text-align: center; background: url(img/footer.png) no-repeat bottom; font-weight: bold; color: #FFF; }
#footer a { color: #ACC9E3; text-decoration: none; }
#copyright { position: relative; margin: 0px auto; padding-top: 10px; width: 1008px; text-align: center; font-size: 10px; color: #666; }
#copyright a { color: #AAA; }
