/* -----------------------------*/
/* general stuff   */
/* padding:top right bottom left*/
/* # = id .=class   */
/* font: style size/lineheight name,family */
body {
/*background:#C0CBD9;*/
/*background:#e6f2fd;*/
padding: 0px;
margin:0px;
font: 12px Verdana,Afrial,sans-serif;
color:#444;
}
#brandbar{
color:white;
height:20px;
margin:0px auto;
padding:0px;
text-align:center;
background:transparent;
width:930px;
}
#brandbar a{
color:#fff;
font-weight:bold;
text-decoration:none;
padding:0px 15px;
line-height:20px;
width:62px;
display:block;
float:right;
}
#brandbar span{
margin-right:20px;
margin-top:2px;
float:left;
display:block;

}
#brandbarouter{
width:100%;
height:auto;
margin:0px auto 10px;
background:#000;
}
img[src] {
 border:0px;
 border-style:none;
}
img {
 border:0px;
 border-style:none;
}

.treonauts-banner{
 width:900px;
 height:149px;
 background:url("http://treonauts.typepad.com/treonauts/treoimages/treonautsnav.jpg") 0px 0px no-repeat;
  text-align:left;
 display:block;
 clear:both;
 z-index:500;
}
.searchform{
 position:relative;
 background:transparent;
 width:180PX;
 height:16px;
 top:102px;
 left:729px;
 padding: 0px;
 margin: 0px;
}

#treohome{
 top:5px;
 left:5px;
}

#treohome a {
 width:898px;
 height:115px;
 display:block;
}


/** !!!------------------------- start navbar css code **/
/* first level menu*/
#treonavbar {
float:left;
position:relative;
width: 898px;
height:20px;
top: 4px;
left:1px;
text-align:left;
z-index:2000;
}

/* first level menu  */
#treonavbar ul {
list-style:none;
margin: 0px;
padding: 0px;
float: left;
position: relative;
width:100%; /*affects linkages way down! */
}

#treonavbar li {
position: relative;
text-align:center;
padding: 0px 0px 0px 10px;
margin: 0px -10px 0px 0px; /* fix for firefox padding/margin in li/ul lists  */
font: bold 12px Verdana,Arial,sans-Serif;
color:#fff;
background:transparent;
background: url("http://treonauts.typepad.com/treonauts/treoimages/divider0.gif") no-repeat; /*Theme Change here*/
background-position: 0px 0px;
}

#treonavbar .home {
position: relative;
text-align:center;
padding-left: 0px;
background: none; /*Theme Change here*/
font:bold 12px Verdana,Arial,sans-Serif;
color:#fff;
}

#treonavbar a {
color: #fff;
display: block;
text-decoration: none;
overflow:hidden;
}
#treonavbar a:hover, li a:hover{
color: #FA781D;
}

#treonavbar ul li {
top: 5px;   /*distance from main menu bar */
float: left;  /* cure IE5.x "whitespace in lists" problem */
width: 100%;
text-align:left;
}

#treonavbar ul li a {
height: 1%;  /* make links honour display: block; properly */
} 

/* second level menu */
#treonavbar ul ul {
position: absolute;
top: 13px;
left:5px;
z-index: 1500;
border-bottom: 6px solid #bbb; /*Theme Change here *don't forget 5px top offset...*/
text-align: left;
}

/* non link menu item*/
#treonavbar ul ul li {
width: 100%;
background:#bEc9eF;
font: bold 11px/18px Verdana,Arial,sans-Serif;
text-indent: 5px;
text-align: left;
padding:0px;
border-top: 1px solid #bbb;  /*Theme Change here 0.01 makes a single pixel line even if doubled*/
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}

#treonavbar ul ul li:hover a{
color: #FA781D;
background:#DEE9FF;
}

#treonavbar ul ul a {
color: #2A304A;
font-weight:bold;
background:#DEE9FF;
}

#treonavbar ul ul a:active {
color: #fff;
}

/* third level menu*/
#treonavbar ul ul ul {
top: -6px;
left: 100%;
color:#2A304A;
}
/*non link menu item*/
#treonavbar ul ul ul li {
background:#bEc9eF;
font-weight:bold;
}

#treonavbar ul ul ul li a:hover{
background:#bEc9eF;
}

/* other nav stuff */
div#treonavbar ul ul,
div#treonavbar ul li:hover ul ul,
div#treonavbar ul ul li:hover ul ul,
div#treonavbar ul ul ul li:hover ul ul ul
{display: none;z-index:1500;position:absolute;}

div#treonavbar ul li:hover ul,
div#treonavbar ul ul li:hover ul,
div#treonavbar ul ul ul li:hover ul,
div#treonavbar ul ul ul ul li:hover ul ul 
{display: block;z-index:1500;position:absolute;}

/* width of nav elements */
#treonavbar .nbhome {width:74px;}

#treonavbar .nbblog {width:46px;}

#treonavbar .nbshop1 {width:89px;}
#treonavbar .nbshop2{width:175px;}
#treonavbar .nbshop3{width:106px;}
#treonavbar .nbshop4{width:185px;}

#treonavbar .nbsmart{width:106px;}
#treonavbar .nbsmart1{width:175px}

#treonavbar .nbsoft {width:122px;}
#treonavbar .nbsoft1{width:180px;}

#treonavbar .nbguide{width:56px;}

#treonavbar .nbforum{width:60px;}

#treonavbar .nbreview{width:74px;}
#treonavbar .nbreview1{width:200px;}
#treonavbar .nbreview2{width:160px;}
#treonavbar .nbreview3{width:195px;}
#treonavbar .nbreview4{width:155px;}

#treonavbar .nbdiscover{width:76px;}

#treonavbar .nbarchive{width:75px;}

#treonavbar .nbservices{width:75px;}
#treonavbar .nbservices1{width:170px;}

#treonavbar .nbsearch{width:80px;}
#treonavbar .nbsearch1{width:190px;border:none;}
#treonavbar .nbsearch2{width:190px;position:relative;right:112px;}

/** !!!--------------- end navbar css code **/
#treonavbar .nbsearch2 table {padding:0px;margin:0px;text-align:left;}
#treonavbar .nbsearch2 td {border-right:1px dotted #444;padding-right:10px;}
#treonavbar .nbsearch2 form {
background:#DEE9FF;
margin:4px 4px 4px 4px;
padding:0px 0px 8px 0px;
border:1px dotted #2A304A;
} 
.searchinputbox {
 height: 16px;
 width: 100px;
 padding: 2px 2px 0px 4px !important;
 background: url("http://treonauts.typepad.com/treonauts/treoimages/box-shadow.gif");
 border: 1px solid #999;
 font: 12px/12px Verdana,Arial,sans-serif;
 color: #000;
 vertical-align:baseline !important;
}
.searchbutton {
 height: 21px;
 margin: 0px !important;
 padding: 0px !important;
 border: 1px solid #888;
 color: #444;
 font: 10px/12px Verdana,Arial,sans-serif;
 background: url("http://treonauts.typepad.com/treonauts/treoimages/chromebg.gif") 0px -25px repeat-x;
 vertical-align:top !important;
}
/* ph=1 */