/*
BEGIN SHARED CSS (stuff that applies to the whole site)
*/

/* reset */

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;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #322E1C;
	background: white;
}
ol, ul {
	list-style: none;
	margin-bottom: 1.0em;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* body */

body {
  background: #FFFFFF;
  color: #3A3A3A;
	font-size: 11px; 
	line-height:165%;
	font-family: Verdana, Arial, Sans-Serif;
	margin: 0px;
	margin-bottom: 40px;
}

a {
  color: #FFA500;
  text-decoration: none;
}

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

strong {
  font-weight: bold;
}

ol {
  list-style-type: decimal;
  margin-left: 24px;
}


.commandlink {
  background: #FFA500;
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  color: white;
  text-decoration: none;
  font-size: 11px;
  /*
  font-weight:bold;
  font-family: Arial, Helvetica, Sans-serif;
  */
}
.commandlink:hover {
  background: #6D7474;
  color:white;
}

.commandlinkcontainer a {
  background: #FFA500;
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  color: white;
  text-decoration: none;
  font-size: 11px;
  /*
  font-weight:bold;
  font-family: Arial, Helvetica, Sans-serif;
  */
}
.commandlinkcontainer a:hover {
  background: #67A4D8;
  color:white;
}


.rightalign {
	text-align:right;
	margin-left:auto;
	margin-right:0px;
}

/* header */

#headerbackground {
  position: relative;
	width: 100%;
  height: 140px;
	background:#6A7070;
}

#header {
	width: 550px; /* keep this in sync with the width of #main */
	height: 140px;
	margin-left:auto;
	margin-right:auto;
}

#headerimage {
  position:absolute;
  height: 140px;
  width: 431px;
  margin-left: -90px;
}

/* navigation */

#navigation {
  position: absolute;
  width: 305px;
  height: 18px;
  margin-left: 192px;
  margin-top: 100px;
  background: url(images/s_menu.png);
  padding 0px;
}

#navigation li {
  margin: 0; 
  padding: 0; 
  list-style: none;
  position: absolute; 
  top: 0;
}

#navigation li, #navigation a {
  height: 18px; 
  display: block;
}

#navigation_extra {
  position: absolute;
  height: 18px;
  margin-left: 497px;
  margin-top: 100px;
  padding 0px;
  width: 75px;
  background: transparent url(images/s_menu.png) -305px 0px no-repeat;
}

#navigation_extra li, #navigation_extra a {
  height: 18px; 
  display: block;
}


/* home specific changes */
.home #home a { background: transparent url(images/s_menu_selected.png) 0px 0px no-repeat;}

/* blog specific changes */
#navigation[class="blog"]  { width: 404px; }
#navigation_extra[class="blog"] { width: 100px; background: transparent url(images/s_menu.png) -383px 0px no-repeat; }
.blog #blog a { background: transparent url(images/s_menu_selected.png) -60px 0px no-repeat;}

/* labs specific changes */
.labs #labs a { background: transparent url(images/s_menu_selected.png) -110px 0px no-repeat;}

/* speaking specific changes */
.speaking #speaking a { background: transparent url(images/s_menu_selected.png) -158px 0px no-repeat;}

/* about specific changes */
.about #about a { background: transparent url(images/s_menu_selected.png) -245px 0px no-repeat;}

#home {left: 0; width: 47px;}
#blog {left: 60px; width: 36px;}
#labs {left: 110px; width: 35px;}
#speaking {left: 158px; width: 75px;}
#about {left: 245px; width: 48px;}
#subscribe {left: 310px; width: 105px;}

#home a:hover { background: transparent url(images/s_menu_hover.png) 0px 0px no-repeat;}
#blog a:hover { background: transparent url(images/s_menu_hover.png) -60px 0px no-repeat;}
#labs a:hover { background: transparent url(images/s_menu_hover.png) -110px 0px no-repeat;}
#speaking a:hover { background: transparent url(images/s_menu_hover.png) -158px 0px no-repeat;}
#about a:hover { background: transparent url(images/s_menu_hover.png) -245px 0px no-repeat;}


/* main */

#main {
	width: 550px;
	margin-left:auto;
	margin-right:auto;
}

/* footer */

#footer {
  padding-top:100px;
  margin-bottom:50px;
	width: 550px;
	margin-left:auto;
	margin-right:auto;
  clear:both;
}
#footertext {
  padding-top:5px;
  border-top: 1px solid #B0B0B0; 
	color:#707070;
}

/* content */

.content {
}

.content p {
	margin-top:0px;
	margin-bottom:12px;
}

.content blockquote {
	margin-left:8px;
	margin-right:30px;
	margin-bottom: 25px;
	margin-top: 25px;
	padding-left:28px;
	background: transparent url('images/quote.png') top left no-repeat;
}

.content ul{
	margin-left:24px;
	list-style-type:disc;
	margin-bottom:1.1em;
}

.content li{
}

.content a {
}

.content a:hover{
}

.pagetitle {
  margin-top: 20px;
  font-family: Georgia, Times New Roman, Serif;
  font-size: 28px;
  font-weight: normal;
	position:relative;
	line-height:32px;
	width:500px;
	margin-bottom: 10px;
	color: #3A3A3A;
}

.silverlightHost {
margin-top:20px;
margin-bottom:20px;
}

/*
END STANDARD CSS 
*/