body
{
  margin: 0px;
  padding: 0px;
  font: 100%/1.45 Helvetica, Arial, Verdana, sans-serif;
  color: #333;
}

a, a:link, a:visited, a:active
{
  color: #CC3333;
  text-decoration: none;
}

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

h1
{
  color:              #333;
  font-weight:        normal;
  font:               2.5em Helvetica, Arial, Verdana, sans-serif;
  letter-spacing:     -1px;
  margin-top:         10px;
  margin-bottom:      20px;
}

h2 {
  color:              #333;
  font-weight:        normal;
  font:               2em Helvetica, Arial, Verdana, sans-serif;
  letter-spacing:     -1px;
  margin-top:         10px;
  margin-bottom:      20px;
}

h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover
{
  color: #000;
}

h3 {
  color:              #333;
  font-size:          18pt;
  font-weight:        normal;
}


img {
  border: 0px;
}

div.header_container {
  background-image: url('../images/header_background.jpg');
  background-repeat: repeat-x;  
}

div.header
{
  height: 127px;
  vertical-align: bottom;
  margin-bottom: 14px;
}

div.fixed_width
{
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}

div.banner {
  text-align: center;
  background-color: #000;
  border-top: 2px solid #666;
  border-bottom: 2px solid #666;
}

div.banner div.fixed_width {
  color: #FFF;
  padding: 10px 1em;
}

div.banner a.read_more {
  color: #999;
  float: right;  
}

table.two_column td.left
{
  padding-right: 10px;
  width: 50%;
}

table.two_column td.divider
{
  width: 2px;
  background-color: #333333;
}

table.two_column td.right
{
  padding-left: 10px;
  width: 50%;
}

.teaser img.screenshot
{
  margin: 1px;
  border: solid #666 1px;
}

ul#navlist
{
  margin: 103px 0 0 0;
  float: right;
  width: 560px;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

#navlist li { 
  margin: 0;
  padding: 0;
  float: right;   
}

#navlist li a
{
  margin: 6px 0 0 0;
  padding: 0 1em 0 1em;
  text-decoration: none;
  height: 28px;
  text-align: center;
  color: black;
  text-transform: uppercase;
  font-size: 10pt;
  color: #999;
  font-weight: bold;
  display: table;
}

#navlist li a.active
{
  background: url("../images/tab_active.png") top left no-repeat;
  color: #333333;
  width: 76px;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0;
}

#navlist li a:hover
{
  color: #EEEEEE;
}

#navlist li a.active:hover
{
  color: #333333;
}

#logo
{
  margin-top: 57px;
  margin-left: 0px;
  float: left;
}

img.project_logo
{
  float: left;
}

div.left_column {
 float: left;
 width: 440px;
 margin-right: 20px;
}

div.right_column {
  float: left;
  width: 530px;  
}

div.podcast_index
{
  width: 1000px;
  overflow: hidden;
}

div.page_description
{
  width: 400px;
  float: left;
}

div.page_description p
{
  text-align: justify;
}

div.episode
{
  background-color: #E0E0E0;
  border: 2px solid #CCC;
  padding: 10px;
  margin-bottom: 10px;
}

div.episode h2
{
  background-color: transparent;
  color: #000;
  margin: 0;
  padding: 0;
}

div.date
{
  color: #666;
  font-size: 80%;
  margin-bottom: 1em;
}

div.episodes
{
  float: right;
  width: 580px;
}

img.rsslogo
{
  float: left;
  margin-right: 10px;
}

a.podcast_link
{
  height: 75px;
  margin-bottom: 10px;
  border: 2px solid transparent;
}

div.alternate_links
{
  padding: 2px;
}

a.alternate_podcast_link
{
}

div.section_details
{
  width: 400px;
  float: left;
}

div.projects
{
  width: 500px;
  float: right;
}

a.project
{
  display: block;
  border: 2px solid #FFF;
  width: 596px;
  overflow: hidden;
}

a.project:hover
{
  text-decoration: none;
  border: 2px solid #CCC;
}

a.project h2
{
  padding-top: 30px;
  margin: 0;
}

a.project h2 em
{
  font-style: normal;
  color: #CB0000;
}

a.project p
{
  margin-top: 0;
  padding-left: 110px;
  color: #333;
}

div.project_details
{
  width: 600px;
  float: left;
}

div.project_links
{
  width: 400px;
  float: right;
  text-align: right;
  padding-top: 4em;
}

.project_details img.project_logo
{
  margin-right: 30px;
}


div.site
{
  background-color: #E0E0E0;
  border: 2px solid #CCC;
  width: 460px;
  float: left;
  margin: 10px;
}

div.site_synopsis
{
  margin: 10px;
  overflow: hidden;
  height: 19em;
}

div.site_synopsis h2
{
  font-size: 1.5em;
}

div.site_synopsis img.screenshot
{
  margin: 1px 10px 1px 0px;
  border: solid #CCCCCC 1px;
  padding: 2px;
  float: left;
}

div.site_synopsis .label
{
  font-weight: bold;
}

div.row
{
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}

div.article
{
  width: 465px;
  margin-right: 30px;
  float: left;
}

div.welcome_columns {
  margin-top: 1em;
}

div.resources_for_developers {
  background-color: #E0E0E0;
  border: 2px solid #CCC; 
  padding: 10px;
  margin-bottom: 1em;
}

div.considering_an_application {
  margin-top: 12px;
}

div.considering_an_application h2, div.resources_for_developers h2 {
  margin-top: 0;
}

div.testimonials {
  font-style: italic;
  color: #999;  
}

div.testimonial {
  margin-bottom: 2em;
}

div.testimonials h3 {
  margin-bottom: 0.5em;
  color: #666;
}

div.testimonial p {
  margin: 0 auto 1em auto;
  width: 400px;
}

div.testimonial div.author {
  text-align: right;
}

div.welcome_summary {
  font-size: 150%;
  text-align: center;
  margin-bottom: 40px;
}

img.my_photo
{
  float: right;
  margin: 0 0 10px 10px;
}

div.contact_details h1
{
  font-size: 1.3em;
  margin: 0;
}

div.location
{
  margin-bottom: 1em;  
}

div.contact_details
{
  text-align: right;
}

div.email
{
  margin-bottom: 2em;
}

div#meetups
{
  float: left;
}

.associations_list_wrapper
{
	float: left;
	padding: 2px;
}

.associations_list_container
{
  font-size: 10pt;
  margin: 0px;
  padding: 0px;
  border: 2px inset #CCC;
}

.associations_list
{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  background-color: #000;
}

.associations_list li
{
  background-color: #FFF;
  margin: 0;
  border-bottom: 1px solid black;
  padding: 4px;
}

.associations_list li:hover
{
  background-color: #99F;  
}
.associations_list a
{
  color: red;
  font-weight: bold;
}

.association_list_modifier
{
  padding: 3px 0 6px 0;
}

.association_list_modifier select
{
}


#RB_overlay {
  position: absolute;
  z-index:100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height:100%;
  background-color: #000;
  opacity: .6;
  filter: alpha(opacity=60);
}

#RB_loading {
  z-index: 101;
  width: 70px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  padding-bottom: 30px;
  text-align: center;
  background: url(../images/redbox_spinner.gif) no-repeat bottom center;
}

#RB_window {
  z-index: 102;
  background-color: #FFFFFF;
  display: block;
  text-align: left;
  overflow: hidden;
  margin: 20px auto 0 auto;
  position:fixed;
  position: absolute;
}