/*------------------------------------------------------------------
[Screen Stylesheet]

Project:       CodeMash 2010
Version:       1.0
Last change:   05/05/09 [subpage]
Assigned to:   Karl Kasischke
Primary use:   Page Layouts - 3 column layouts for home & subpages
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[Table of contents]
A. Global Reset

B. Typography

C. Layout
   1. Body 
      1.1. Skip to Content / ul#skip
   2. Layout Wrapper / div#wrapper
      2.1. Masthead / div#masthead
         2.1.1. Logo / h1.logo
         2.1.2. Global Navigation / div#globalNav
         2.1.3. Banner / div#banner
         2.1.4. Dates & Place / div#dates
         2.1.5. Social Bookmarks / div#social
      2.2. Middle Section / div#middle
         2.2.1. Primary Column / div#primeCol
            2.2.1.1. Main Content / div#mainContent
            2.2.1.2. Home Introduction / .home div#intro
            2.2.1.3. Home Lastest News / .home div#news
         2.2.2. Second Column / div#secondCol
            2.2.2.1. Local Subnavigation / ul#subNav
            2.2.2.2. Speakers Sidebar / div#speakers.sidebar
            2.2.2.3. Twitter Sidebar / div#twitter.sidebar
            2.2.2.4. Flickr Sidebar / div#flickr.sidebar
            2.2.2.5. Google Groups Sidebar / div#google.sidebar
         2.2.3. Third Column / div#thirdCol
            2.2.3.1. Top Level Sponsors / div.top-level
            2.2.3.2. Second Level Sponsors / div.second-level
            2.2.3.3. Sponsor Button / div.button-sponsor
   3. Footer / div#footer
      3.1. Notices / div#notices
         3.1.1. Copyright Information / p#copy
         3.1.2. Credits / p#credits
      3.2. Footer Navigation / ul#footNav

-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[Color codes]

#fff        white          borders
#000        black          text, body background
#0084a4     blue #1        masthead background, headings
#45b3da     blue #2        footer text, sidebar h3 background
#004252     blue #3        footer border
#003f4e     blue #4        home h3 border, home sidebar backgrounds
#014861     blue #5        sidebar h3 text
#013947     blue #6        subnavigation background
#006077     blue #7        subnavigation hover
#d1eb90     green          main content backgrounds
#fed353     light orange   global nav dividers
#ff7f00     orange         global navigation, third column h3 background
#d06700     dark orange    third column h4
#8d36b8     purple         breadcrumbs
#fed867     light yellow   google sidebar h3

-------------------------------------------------------------------*/



/*------------------------------------------------------------------
A. GLOBAL RESET 
-------------------------------------------------------------------*/
body {font: 62.5%/1.3 arial,verdana,geneva,lucida,sans-serif; background: #fff; color: #000; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, /*fieldset,*/ form, label, input, textarea, select, /*legend,*/ dl, dt, dd, table, caption, th, td, blockquote, cite {margin: 0; padding: 0; font-size: 1em;}
p, ul, ol, li, ul *, ol *  {font-size: 1em;}
p {margin: 1.5em 0;}
input, textarea, select {font-family: arial,verdana,geneva,lucida,sans-serif; font-size: inherit;}
textarea {overflow: auto;}
/*fieldset {border: solid 0 transparent;}*/
table {border-collapse: collapse;}
a img {border: 0;}
acronym, abbr {border-bottom: 1px dotted #ddd;}
cite {font-style: normal;}
.logo :focus/*, #globalNav :focus, #subNav :focus, #utility :focus*/ {outline: 0;}

.nav, .nav ul, form ul, .cycle {margin: 0; padding: 0; list-style: none;}
.clear {clear: both;}
.clear-l {clear: left;}
.clear-r {clear: right;}
.left {float: left; display: inline;}
.right {float: right; display: inline;}
.center {text-align: center;}
.block {display: block;}

hr {color: #fff; background-color: #fff; height: 1px; border: none; margin: 1.5em 0; background: url(../images/line-dots-pattern.gif) repeat-x center;}

.sponsorImage
{
	background-color: #ffffff;
	border-top-width: 1px;
	border-right-width-value: 1px;
	border-right-width-ltr-source: physical;
	border-right-width-rtl-source: physical;
	border-bottom-width: 1px;
	border-left-width-value: 1px;
	border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;
	border-top-style: solid;
	border-right-style-value: solid;
	border-right-style-ltr-source: physical;
	border-right-style-rtl-source: physical;
	border-bottom-style: solid;
	border-left-style-value: solid;
	border-left-style-ltr-source: physical;
	border-left-style-rtl-source: physical;
	border-top-color: black;
	border-right-color-value: black;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	border-bottom-color: black;
	border-left-color-value: black;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	float: left;
	margin-bottom: 2px;
	margin-right: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: center;
}

.sponsorContainer
{
	border-bottom: 1px dotted #003f4e;
	padding: 10px 0px 10px 0px;
}
/*------------------------------------------------------------------
B. TYPOGRAPHY  
-------------------------------------------------------------------*/
strong, a, .breadcrumbs, #globalNav ul {font-weight: bold;}
a, h1, h2, h3, h4, h5, h6 {color: #0084a4; font-weight: bold;}
#footer a {font-weight: normal;}
a, #twitter h3 a, #subNav a {text-decoration: none;}
a:hover, a:focus, .current a {text-decoration: underline;}
#globalNav ul {text-transform: uppercase; font-size: 1.5em;}
#globalNav li a, #subNav, #subNav a {color: #ff7f00;}
#globalNav li a:hover, #globalNav li a:focus, #globalNav li.current a, #social, #footNav li a:hover, #footNav li a:focus, #footNav li.current a, .sidebar, .sidebar a, .thirdCol h3 {color: #fff;}
#footer, #footer a {color: #45b3da;}
.sidebar h3, .sidebar h3 a {color: #014861;}
.thirdCol h4 {color: #d06700;}
.breadcrumbs, .breadcrumbs a {color: #8d36b8;}
#google h3 {color: #fed867;}
h1, h2 {color: #000;}
h1 {font-size: 1.7em;}
h2 {font-size: 1.4em;}
#globalNav ul {font-size: 1.4em;}
h3, .home .sidebar h3, #speakers h3 {font-size: 1.2em;}
#middle, #footer {font-size: 1.3em;}
h4, .sidebar h3 {font-size: 1.1em;}
h5 {font-size: 1.0em;}
h6, .home #twitter p, .breadcrumbs {font-size: 0.9em;}

/*------------------------------------------------------------------
C. LAYOUT 
-------------------------------------------------------------------*/
/* 1. Body */
body {background: #000 url(../images/layout/body-bg.jpg) repeat-x;}

   /* 1.1. Skip to content / ul#skip */
   #skip {position: absolute; top: -1000px;}
   
/* 2. Layout Wrapper / div#wrapper */
#wrapper {margin: 0 auto; width: 960px; position: relative;}

   /* 2.1. Masthead / div#masthead */
   #masthead {height: 264px; width: 960px; position: relative;}

      /* 2.1.1. Logo / h1.logo */
      h1.logo {width: 198px; height: 202px; background: url(../images/layout/logo-codemash.gif) no-repeat; text-indent: -9000px; z-index:5;}
      h1.logo a {display: block; width: 198px; height: 202px; background: url(../images/layout/logo-codemash.gif) no-repeat;}
      
      /* 2.1.2. Global Navigation / div#globalNav */
      #globalNav {position: absolute; right: 0; top: 0; width: 751px; z-index: 5;}
      #globalNav ul {text-align: center;}
      #globalNav li {display: inline; background: url(../images/layout/nav-divide.gif) no-repeat left; height: 40px; line-height: 40px;}
      #globalNav li:first-child {background: none; padding-left: 0;}
      #globalNav li a {display: inline-block; width: auto; padding: 0 16px;}
      
      /* 2.1.3. Banner / div#banner */
      #banner {position: absolute; right: 0; bottom: 8px; width: 731px; height: 196px; border: 10px solid #fff; background: #fff;}
      #banner img {display: block;}
      #banner div {position: relative; float: left; display: inline; overflow: hidden;}
      #banner #container-1 {width: 294px; height: 196px;}
      #banner #container-2 {width: 255px; height: 196px; margin: 0 4px;}
      #banner #container-3 {width: 173px; height: 196px;}
      
      /* 2.1.4. Dates & Place / div#dates */
      #dates {position: absolute; left: 0; bottom: 0; width: 199px; height: 52px; background: url(../images/layout/dates.gif) no-repeat; text-indent: -9000px;}
      
      /* 2.1.5. Social Bookmarks / div#social */
      #social {position: absolute; right: 11px; bottom: 0; z-index: 5; height: 21px; border: 1px solid #fff; border-width: 1px 0 0 2px; background: #000; padding: 5px 5px 0 10px; line-height: 1;}
      #social span, #bookmarks, #bookmarks li {float: left; display: inline; margin: 0 5px;}
      #bookmarks img {position: relative; top: 3px;}
      
   /* 2.2. Middle Section / div#middle */
      #middle {padding-top: 20px; overflow: hidden; width: 960px; clear: both;}
      .home #middle p {margin: 1em 0;}
      img.right {margin: 1.5em 0 1.5em 1em;}
      img.left {margin: 1.5em 1em 1.5em 0;}
      #middle li {margin-bottom: 0.5em;}
   
      /* 2.2.1. Primary Column / div#primeCol */
      #primeCol {float: left; display: inline; width: 560px; margin: 0 10px 0 210px;}
      .home #primeCol {width: 500px; margin: 0;}
      
         /* 2.2.1.1. Main Content / div#mainContent */
         #mainContent, .home .content {background: #d1eb90 url(../images/layout/content-bg.jpg) repeat-x; border: 10px solid #fff; padding: 10px 15px 20px;}
         h2 {margin: 0 -10px 18px; border-bottom: 1px dotted #003f4e; padding: 0 10px 5px;}
         .home h2 {margin: 0; padding: 0; border: 0;}
         .home #mainContent {background: none; border: 0;}
         .breadcrumbs {margin: -9px 0 30px;}
         
         /* 2.2.1.2. Home Introduction / .home div#intro */
         .home #intro {margin-bottom: 10px; position: relative; width: 450px;}
         .home #intro h2, .home #intro p {width: 340px;}
         .home #intro .button-register {position: absolute; top: -10px; left: 365px; width: 104px; height: 109px; background: url(../images/layout/register-btn.gif) no-repeat; text-indent: -9000px;}
         
         /* 2.2.1.3. Home Lastest News / .home div#news */
         .home #news {position: relative; overflow: hidden; width: 450px;}
         .home #news h3 {margin: 0 -10px 18px; border-bottom: 1px dotted #003f4e; padding: 30px 10px 5px; clear: both;}
         .home #news img {width: 30px; height: 30px; float: left; margin-right: 20px;}
         .home #news .story {width: 400px; float: right;}
                  
      /* 2.2.2. Second Column / div#secondCol */
      #secondCol {float: left; display: inline; width: 199px; margin-left: -780px;}
      .home #secondCol {float: left; display: inline; width: 232px; margin: 0 14px; background: #fff; padding: 10px;}
      .sidebar {background: #003f4e; border: 10px solid #fff; margin-bottom: 10px;}
      .home .sidebar {border-width: 0 0 1px;}
      .sidebar h3 {background: #45b3da; height: 43px; line-height: 1;}
      .home .sidebar h3 {line-height: 43px;}
      .sidebar img {display: block;}
      
         /* 2.2.2.1. Local Subnavigation / ul#subNav */
         #subNav {background: #013947; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 15px; margin-bottom: 10px;}
         #subNav a {display: block;}
         #subNav h3 {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #006077;}
         #subNav li {margin: 0;}
         #subNav li a {padding: 5px 5px 5px 27px; background: url(../images/layout/subnav-arrow.gif) no-repeat 12px 10px;}
         #subNav li a:hover, #subNav li a:focus, #subNav li.current a {background: #006077 url(../images/layout/subnav-arrow-on.gif) no-repeat 12px 10px;}
         
         * html #subNav li a {height: 1%;} /* fix for list item spacing and clickable area IE 6*/
         
         
         /* 2.2.2.2. Speakers Sidebar / div#speakers.sidebar */
         .home #speakers {margin-top: 0;}
         #speakers a {display: block;}
         #speakers h3 {padding-left: 40px; background: #45b3da url(../images/layout/speaker-icon.gif) no-repeat; line-height: 43px;}
         #speakers p {padding: 0 15px;}
         
         /* 2.2.2.3. Twitter Sidebar / div#twitter.sidebar */
         #twitter h3 {padding-left: 40px; background: #45b3da url(../images/layout/twitter-icon.gif) no-repeat;}
         #twitter h3 a {display: block; padding-top: 8px;}
         #twitter p {padding: 0 15px;}

         /* 2.2.2.4. Flickr Sidebar / div#flickr.sidebar */
         #flickr img {margin: 1em auto;}
         #flickr h3 {padding-left: 65px; background: #45b3da url(../images/layout/flickr-icon.gif) no-repeat;}
                  
         /* 2.2.2.5. Google Groups Sidebar / div#google.sidebar */
         #google {background: #0084a4;}
         #google h3 {background: #0084a4; padding-top: 10px; padding-left: 10px;}
         #google label, #google input {display: block; width: 152px; margin: 3px 10px;}
         #google input#email {background: #fff; border: 1px solid #014861; padding: 2px;}
         #google .submit {width: 76px; margin: 7px auto;}
         
      /* 2.2.3. Third Column / div#thirdCol */
      .thirdCol {float: right; display: inline; width: 160px;}
      .thirdCol {background: #fff; padding: 10px;}
      .thirdCol h3 {background: #ff7f00; padding: 1em 12px; margin-bottom: 1.5em;}
      .thirdCol img {display: block; margin: 0 auto;} 
      .thirdCol a {display: block;}
      .thirdCol div {position: relative;}
      .thirdCol .cycle {overflow: hidden; width: 160px; height: 120px;}
      
      /* IE 6 hacks to fix display bug */
      * html .thirdCol {background: transparent; padding: 0; border: 10px solid #fff; border-bottom: 0;}
      * html .thirdCol h3 {margin-bottom: 0;}
      * html .thirdCol div {background: #fff; padding: 1.5em 0;}
      * html .thirdCol .second-level {margin: 0;}
      * html .thirdCol .button-sponsor {height: 1%; padding-top: 1.5em;}
      
         /* 2.2.3.1. Top Level Sponsors / div.top-level */
         
         /* 2.2.3.2. Second Level Sponsors / div.second-level */
         .thirdCol .second-level {border: 1px dotted #003f4e; border-width: 1px 0; padding: 1.5em 0; margin: 1.5em 0;}
         
         /* 2.2.3.3. Sponsor Button / div.button-sponsor */
                          
/* 3. Footer / div#footer */
#footer {margin: 25px auto 0; padding: 25px 0; width: 960px; overflow: hidden; border-top: 6px solid #004252;}
#footer p {margin: 0;}

   /* 3.1. Notices / div#notices */
   #notices {float: left; display: inline; width: 475px; margin-left: 25px;}
   
      /* 3.1.1. Copyright Information / p#copy */
      p#copy {border-bottom: 1px dotted #ff7f00; padding-bottom: 8px; margin-bottom: 8px; text-indent: -15px;}
      
      /* 3.1.2. Credits / p#credits */

   /* 3.2. Footer Navigation / ul#footNav */
   #footNav {float: right; display: inline; width: 460px; text-align: center; position: relative; top: 1.2em;}
   #footNav li {display: inline; padding: 0 20px; border-left: 1px solid #d1eb90;}
   #footNav li:first-child {border: 0; padding-left: 0;}
   
/* Speaker Info Grid */
td.s_hdr
{
	text-align: right;
	padding-right: 10px;
	width: 45%;
	font-weight: bold;
	white-space: nowrap;
}

tr
{
	height: 32px;
	vertical-align: top;
}

.input-validation-error
{
	background-color: #FFA3AA;
}

.validation-summary-errors
{
	font-weight: bold;
	color: Red;
}

div.info
{
	margin-bottom: 10px;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
}

.level_Adamantium,
.level_Platinum,
.level_Gold,
.level_Silver,
.level_MediaPartner,
.level_ServiceProvider,
.level_IndividualConsultant
{
	padding: 0;
	font-weight: bold;
	color: #000;
	font-size: 1.4em;
	margin: 0 -10px 18px;
	border-bottom: 1px dotted #003f4e;
	padding: 0 10px 5px;
}

.session_title
{
	background: #ff7f00;
	padding: 1em 8px;
	/*margin-bottom: 1.0em;*/
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
}

.sessionItem
{
	border: 1px dotted #003f4e;
	padding: 4px 4px 10px 20px;
	margin: 0 0 10px;
}


/***********************************************************
The following rule was added for the registration buttons.
Rounded corners, gradients, shadows, and other css3 effects depending on the browser.
Safari and Chrome can display all effects.
***********************************************************/

/* Registration Buttons */
#regButtons a 
{
   display: block;
   margin: 1em;
   width: 18em;
   text-align: center;
   padding: 0.5em;
   color: #fff;
   text-shadow: 1px 1px 1px #000;
   border: solid thin #882d13;
   -webkit-border-radius: 0.7em;
   -moz-border-radius: 0.7em;
   border-radius: 0.7em;
   -webkit-box-shadow: 2px 2px 3px #999;
   box-shadow: 2px 2px 2px #bbb;
   background-color: #ff7f00;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#e9ede8), to(#ff7f00), color-stop(0.4, #d06700));
}

#attendeeList
{
	width: 100%;
}

#attendeeList th
{
	border: solid 1px black;
	vertical-align: middle;
	font-size: .8em;
}

#attendeeList td
{
	border: solid 1px black;
	vertical-align: middle;
	font-size: .8em;
	background-color: #A9BC74;
	padding-left: 4px;
}

#summaryList th
{
	font-size: .8em;
	vertical-align: bottom;
}

#summaryList td
{
	border: solid 1px black;
	font-size: .8em;
	background-color: #A9BC74;
	padding-right: 2px;
	vertical-align: middle;
}

.groupTotal
{
	padding-right: 4px;
	font-weight: bold;
	vertical-align: middle;
}

#badges
{
	margin-left: 55px;
}

#badges img
{
}

.indent
{
	margin-left: 25px;
}

.notice
{
	background-color: #ff7f00;
	padding: 4px;
	color: White;
	font-weight: bold;
	margin-bottom: 8px;	
}