/* /css/layout.css for dithered.com
   layout for full-window pages
   code by Chris Nott (chris[at]dithered[dot]com) */

@import url(basic.css);

/* large-scale layout */
html, body {
   height: 100%;
   margin: 0;
	padding: 0;
   }
.topicMetaContent {
   border-right: 1px dotted #999999;
   left: 0;
   position: absolute;
   top: 0;
   }
.globalMetaContent {
   background: #ffffff;
   border-bottom: 1px dotted #999999;
   left: 0;
   overflow: hidden;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 100;
   }
   
/* use absolute positioning for IE */
* html {
   height: auto;
   }
* html body {
   height: auto;
   }
* html .globalMetaContent{
   position: absolute;
   }

/* use px-based layout for IE Mac */
.topic {
   padding: 54px 12px 6px 12px;
   }
.topicContent {
   padding-left: 168px;
   }
.topicMetaContent {
   padding: 54px 6px 0 6px;
   width: 156px;
   }
.globalMetaContent {
   height: 48px;
   right: 15px;
	margin-right: -15px;
	}

/* hide em-based layout from IE Mac */
@media all {
   .topic {
      padding: 4.5em 1em 0.5em 1em;
      }
   .topicContent {
      padding-left: 14em;
      }
   .topicMetaContent {
      padding: 4.5em 0.5em 0 0.5em;
      width: 13em;
      }
   .globalMetaContent {
      height: 4em;
      min-width: 41em;
      }
   }


/** low-level layout / globalMetaContent elements **/
.topic > *:first-child, .topicContent > *:first-child, .topicMetaContent > *:first-child {
   margin-top: 0;
   }
.globalMetaContent a[href^="http:"]::after {
   content: '';
   padding: 0;
   }

/* breadcrumbs */
#breadcrumbs {
   font-size: 0.8em;
   }
#breadcrumbs, #breadcrumbs ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}
#breadcrumbs li {
   display: inline;
	list-style: none;
   margin: 0;
   padding: 0;
	}
#breadcrumbs li a {
   background: url(../img/list_bullet.png) bottom right no-repeat;
   display: block;
   float: left;
   margin-right: 1em;
   padding-right: 2em;
   }
:root #breadcrumbs li a {
   display: inline;
   float: none;
   }
   
/* category navigation */
#categoryNavigation {
   display: inline;
   list-style: none;
	margin: 0;
	padding: 0;
   position: absolute;
   bottom: 2px;
   }
#categoryNavigation li {
   border: 1px solid #ffffff;
   display: inline;
   font-size: 0.9em;
   list-style: none;
	padding: 0.2em 1em;
	}
#categoryNavigation li a {
   font-weight: bold;
   }
#categoryNavigation li:first-child {
   background-color: inherit;
   }
#categoryNavigation li:first-child img {
   margin: 0 1em;
   }
#categoryNavigation li.currentSection {
   /*background-color: #f3eaff;*/
   /*border-color: #dddddd;*/
   /*border-bottom-color: #f3eaff;*/
   }
#categoryNavigation li.currentSection a {
   text-decoration: underline;
   }
#categoryNavigation img {
   }

/* meta navigation */
#metaNavigation {
   clear: right;
   display: inline;
   float: right;
   font-size: 0.8em;
   list-style: none;
	margin: 0.3em 0;
   padding: 0;
   text-align: right;
   width: 30em;
   }
#metaNavigation li {
	display: inline;
   list-style: none;
	margin: 0;
	padding: 0;
   }
#metaNavigation li a {
   border-left: 1px solid #999999;
   display: block;
   float: left;
   margin: 0;
   padding: 0 1.1em;
   text-align: center;
   width: 5em;
   }
#metaNavigation li:first-child a {
   border-left: 0 none;
   }
#searchLink {
   font-weight: bold;
   }