/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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, tt, var,b, u, i, center,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-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}


/* Basics
----------------------------------------------*/

body {
  font-size: 62.5%; 
  color: #2f2f2f;
  color: #333;
  }

#container {font-size: 1.2em;}

body, p, div, td, h1, h2, h3, h4, li {
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  line-height: 1.5;
  }

td {text-align: left;}  /* For occasional IE6 bug */ 

p {margin: 0 0 1em;}
  
img {
  display: block;
  border: 0; 
  }
    
ul {margin: 0 0 1em;}

ol {
  margin-top: 0;
  margin-bottom: 1em;
  }

hr {
 height: 1px;
 /*border: 2px;*/   
}


/* Layout stuff
----------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  text-align: center;
  background: #132f44 url(/images/bkgTop.png) repeat-x center top;
  }
  
#container {
  margin: 0 auto;
  padding: 0;
  font-size: 1.1em;
  text-align: left;
  width: 900px;
  border: 0px solid green;
  }

#top {
  margin-top: 0px;
  height: 74px;
  width: 900px;
  float: left;
  }

#logo {
  float: left;
  width: 219px;
  height: 64px;
  border: 0px solid #000;
  padding-left:30px;
  }

#logo img {
  display: inline;
  position: relative;
  top: 10px;
  left: 0px;
  }
  
#topNav {
  float: right;
  color: #999999;
  /*width:400px;
  height: 84;*/
  vertical-align: bottom;
  border: 0px solid #000;
  padding-top: 40px;
  padding-right:30px;
  font-size: 1.0em;
  white-space: nowrap; 
  line-height:3em;
}

#topNav a
{
  color: #999999;
  text-transform: uppercase;
  font-weight: normal;
  
}
#topNav img
{
  display: inline;
  position: relative;
 vertical-align: middle;
 padding-bottom:5px;
}
#homeBanner {
  margin-top: 0px;
  height: 240px;
  width: 900px;
  float: left;
   border-radius: 6px 6px 0px 0px;  
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -khtml-border-radius: 6px 6px 0px 0px;
  }
#homeBanner img {
  border-radius: 6px 6px 0px 0px;  
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -khtml-border-radius: 6px 6px 0px 0px;
}

#mainNav
{
  border-style: solid none solid none;
  border-width: 1px 0px 1px 0px;
  border-color: #333333;
  margin-top: 0px;
  height: 31px;
  width: 900px;
  background-color: #000000;  
  vertical-align: middle;
  float:left;
  padding-top: 8px;
  
}
#mainNavItem {
  width: 224px;
  text-align:center;
  float: left;
 
}
#mainNavItem a {
  color : #ffffff; 
  text-transform: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.15em;
  /*text-shadow: 0 1px 0px #165788;;*/
}
#homeContent
{
  background: #ededed url(/images/bkgHomeContent.png) repeat-x center top;
  margin-top: 0px;
  height: 223px;
  width: 900px;
  background-color: #000000;  
  vertical-align: middle;
  float:left;  
  border-radius: 0px 0px 6px 6px;  
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  -khtml-border-radius: 0px 0px 6px 6px;
}
#homeContent a
{
  color : #ffffff; 
  text-transform: none;
  font-weight: normal;
  font-size: 1.05em;
}
#homeContentLeft
{
  margin-top: 30px;
  height: 193px;
  width: 205px;
  float:left;  
  margin-left: 65px;
  color: #ffffff;
  font-size: .9em;
}
#homeContentMiddle
{
  margin-top: 30px;
  height: 193px;
  width: 205px;
  float:left;  
  margin-left: 80px;
  color: #ffffff;
  font-size: .9em;
}
#homeContentRight
{
  margin-top: 30px;
  height: 193px;
  width: 205px;
  float:right;  
  margin-right: 65px;
  color: #ffffff;
  font-size: .9em;
}
#subBanner {
  margin-top: 0px;
  height: 180px;
  width: 900px;
  float: left;
  }
#subBanner img {
  border-radius: 6px 6px 0px 0px;  
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -khtml-border-radius: 6px 6px 0px 0px;
 } 
#subContent
{
  margin-top: 0px;
  width: 900px;
  background-color: #eeeeee;  
  vertical-align: middle;
  float:left;    
  border-radius: 0px 0px 6px 6px;  
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  -khtml-border-radius: 0px 0px 6px 6px;
}
#subContentTop
{
  width: 900px;  
}
#subContentTopNoHighlight
{
  margin-top: 30px;
  float:left;  
  padding-bottom: 30px;
  margin-left: 30px;
  width: 840px; 
}
#subContentTopLeft
{
  margin-top: 30px;
  float:left;  
  padding-bottom: 30px;
  margin-left: 30px;
  width: 530px; 
}
#subContentTopRight
{
  margin-top: 30px;
  float:right; 
  margin-right: 30px;
  padding-bottom: 30px;
}
#subContentBottomNoHighlight
{
  background: #e2e2e2 url(/images/bkgSubContentBottomNoHighlight.png);
  margin-top: 0px;
  width: 900px;
  height: 30px;
  float:left;
  border-radius: 0px 0px 6px 6px;  
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  -khtml-border-radius: 0px 0px 6px 6px;
}
#subContentBottom
{
  background: #e2e2e2 url(/images/bkgSubContentBottom.png);
  margin-top: 0px;
  width: 900px;
  height: 117px;
  float:left;
  border-radius: 0px 0px 6px 6px;  
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  -khtml-border-radius: 0px 0px 6px 6px;
}
#subContentBottomLeft
{
  margin-top: 20px;
  float:left;  
  margin-left: 30px;
  width: 405px;
}
#subContentBottomRight
{
  margin-top: 20px;
  float:left; 
  margin-left: 30px;  
  width: 405px;
}
#subContentBottomLeft img {
 float:right;
}

#subContentBottomRight img {
 float:right;
}

#subContentBottomLeft p {
 color: #666666;
}

#subContentBottomRight p {
 color: #666666;
}
#subContentRC
{
  background: url(/images/bkgSubContentRC.png) repeat-y top right;
  margin-top: 0px;
  width: 900px;
  background-color: #eeeeee;  
  vertical-align: middle;
  float:left; 
  border-radius: 0px 0px 6px 6px;  
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  -khtml-border-radius: 0px 0px 6px 6px;
}
#subContentRCLeft
{
  margin-top: 30px;
  float:left;  
  margin-left: 30px;
  width: 590px;
  padding-bottom: 30px;
}
#subContentRCRight
{
  margin-top: 40px;
  float:left; 
  margin-left: 60px;
  padding-bottom: 30px;
  width: 190px;
}
#subContentBlog
{
  margin-top: 0px;
  width: 900px;
  background-color: #eeeeee;  
  vertical-align: middle;
  float:left; 
  border-radius: 0px 0px 6px 6px;  
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  -khtml-border-radius: 0px 0px 6px 6px;
}
#subContentBlogLeft
{
  padding-top: 30px;
  float:left;  
  padding-left: 30px;
  width: 590px;
  padding-bottom: 30px;
}
#subContentBlogLeft p {margin: 0em 0 1em;}
#subContentBlogRight
{
  padding-top: 30px;
  float:left; 
  padding-left: 30px;
  padding-bottom: 30px;
  width: 220px;
}
#subContentBlogLeft img
{
  float:right;  
}
#blogMenu
{
  background-color: #d9e0d2;
  width: 220px;
  border-radius: 6px;
  padding-bottom: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
}
#blogMenuHeader
{
  background-color: #000000;
  color: #ffffff;
  width: 218px;
  height: 20px;
  border: solid 1px #575a54;
  padding-top: 3px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
}
#blogMenuContent
{
  padding:10px;
}
#blogMenuContent img
{
  float: left;
  padding: 0 10px 0 0px;
}
#blogMenuHeader img
{
  float:left;
  padding: 2px 5px 0px 5px;
}
#videoDiv
{
  width: 480px;
  height: 300px;
  padding-bottom:10px;
}
#blogEntry
{
 float:left;
}
#footer {
  margin: 0 auto;
  padding: 0px 0px 20px 0px;
  clear: both;
  border: 0px solid #000;
  width: 900px;
  float:left;
}
#footerLeft {
  padding: 2px 0 0 30px;
  text-align: left;
  font-size: .9em;
  font-weight: normal;
  color: #eeeeee;
  float:left;
}
#footerRight {
  padding: 2px 30px 0 0;
  font-weight: normal;
  text-align: right;
  font-size: .9em;
  color: #eeeeee;
  float:right;
}
#footerRight a {
  padding: 2px 0 0;
  font-weight: normal;
  text-align: right;
  font-size: .9em;
  color: #eeeeee;
}


/* Header Rules
----------------------------------------------*/
h1, h2, h3, h4, h5 {
  margin: 0 0 0;
  padding: 0;
  font-weight: bold;
  }

h1 a, h2 a, h3 a, h4 a, h5 a {
  font-weight: inherit;
  color: inherit;
  text-decoration: none;
  }

h1 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 2.4em;
  font-weight: normal;
  color: #165788;
  line-height: 1.2;
  }

h2 {
  font-weight: bold;
  }

h3 {
  font-weight: normal;
  font-size: 1.2em;
  color: #165788;
  }

h4
{
  color: #999999;
} 

h5 {
  color: #394a58;
  font-size: 1.2em;
  }


/* Link Rules
----------------------------------------------*/
a {
  text-decoration: none;
  font-weight: normal;
  color: #165788;
  }

a:hover {
  color: #000;
  text-decoration: none;
  }

a:active {
  color: #900;
  text-decoration: none;
  }
td {
  vertical-align: top;
  }

/* Table stuff
----------------------------------------------
table {
  margin: 0 0 2em;
  font-size: .9em;
  width: 100%;
  clear: both;
  background: #fff;
  }

table caption {
  padding-bottom: .5em;
  font-weight: bold;
  text-align: center;
  }

table thead th {
  padding: 4px 4px;
  color: #fff;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  background: #165788 url(/dev/iqstream/img/bg_table_th2.png) repeat-x left top;
  border-left: 1px solid #ccc;
  }

table thead th.nowrap {
  white-space: nowrap;
  }
  

table thead th.first, 
table tbody td.first {
  border-left: 0;
  }

table thead th.centered, 
table tbody td.centered, 
table thead th.centered img, 
table tbody td.centered img {
  margin: 0 auto;
  text-align: center;
  }

table tbody th {
  padding: 4px;
  vertical-align: top;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  }

tr.alt td {
  background: #ededed;
  }

td {
  padding: 5px;
  color: #333;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
  }

table tbody td {
  border-left: 1px solid #ccc;
  }

table a {
  font-weight: normal;
  }
  */ 

form, input {
  margin: 0;
  padding: 0;
  }

.clearer {
  clear: both;
  }

ul {
  padding: 0;
  list-style-type: disc;
  }

ul li {
  margin-left: 1.4em;
  padding-left: 0;

/*   background: url(/dev/iqstream/img/li.gif) no-repeat 2em .40em; */
  }
ol li {
  margin-left: 2.4em;
  padding-left: 0;
  list-style-type: lower-alpha;
  }

.button {
	font-size:.9em;
	display:inline-block;
	font-weight: normal;
	border: 1px solid #e2e2e2;
	background: #f4f4f4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
.button span {border-top: 3px solid #000; border-bottom: 8px solid #666; display:inline; postion: relative;}

.left {float:left;}
.right {float: right;}
	
	

#twitter_t {
   width: 190px;
   height: 34px;
  /* background-image:url("your top image");*/
}

#twitter_m {
   /*width: 190px;*/
   padding: 0 15px;
    /*background:url("your middle image")  0 0 repeat-y;*/
}

   #twitter_container {
       min-height:45px;
       height:auto !important;
       height:40px;
       padding-bottom:10px;
   }

       #twitter_update_list {
           width: 190px;
           padding: 0;
           overflow: hidden;
           /*font-family: Georgia;
           font-size: 14px;
           font-style: italic;
           font-weight:bold;*/
           color: #31353d;
           line-height: 16px;           
       }

       #twitter_update_list li {
           list-style: none;           
            margin-left: 0em;
            padding-left: 0;
            padding-bottom: 1.4em;
       }

      /* #twitter_update_list li a {
           color: #5f6d76;
           border-bottom: dotted 1px;
           text-decoration: none;
       }*/

      /* #twitter_update_list li a:hover {
           color: #31353d;
           background: #d3f1f9;
       }*/

#twitter_b {
   width: 190px;
   height: 29px;
   /*background-image:url("your bottom image");*/
}