/************************************
** General Styles
** Content
** Heading
** Navigator

***************************************/

/* General Styles  */  

/* 
dark tan: #DED5B3
light tan: #F5EFD8;
F4A653
CC6600
alt orange: #FB7200
almost black: #1d1d1d

*/     
  
body { 
  background-color: #FFF;
  margin: 0px;
  padding: 0px;
  font-family: "Tahoma", "Lucida Grande", "Bitstream Vera Sans", "Verdana", "Arial", sans-serif;
  color: #333333;
}
    
p, table, ul, ol {
  font-family: "Tahoma", "Lucida Grande", "Bitstream Vera Sans", "Verdana", "Arial", sans-serif;
  font-size: .9em;
  line-height: 1.5em;
  color: #333333;
}    
    
h1, h2, h3, h4 {
  font-family: "Goudy Old Style", georgia, times, serif;
  font-weight: normal;
  color: black;
  margin: 10px 0px 0px 0px;
}

h2, h3, h4 {
  color: #CC6600;
}

img {
  float: left;
  margin: 5px 20px 20px 0px;
  border: none;
}

object embed {
  float: left;
  margin: 15px 15px 15px 0px;
  border: none;
}

.nowrap {
  float: none;
  padding: 0px 10px 5px 0px;
  border: none;
}

.grade {
  float: right;
  margin: -30px 0px 5px 10px;
  border: none;
}

.inline-img {
  margin: 0px;
  padding: 0px;
  float: none;
  display: inline;
}

.captioned-image {
  float: left;
  border: thin solid #999999;
  width: 200px;
  margin: 10px 10px 0px 0px;
}

.captioned-image img {
  float: none;
  clear: right;
  width: 190px;
}

.captioned-image p {
  font-family: Courier New, Courier New, Courier, monospace;
  font-size: .6em;
  color: #666666;
  margin: 5px;
}

.wide-image {
  float: left;
  width: 100%;
  margin: 10px 0px 10px 0px;
}

.wide-image img {
  float: none;
  clear: right;
  width: 100%;
}

.wide-image p {
  font-family: Courier New, Courier New, Courier, monospace;
  font-size: 14px;
  color: #666666;
  margin: 5px 0px;
}

a {
  text-decoration: underline;
}

.broken-link {
  background-color: #FFCCCC;
}

a:link {
    color: #3A76AD;
}

a:visited {
    color: #405A73;
}

a:active {
    color: #F4A653;
}

a:hover {
    color: #F4A653;
}

table td,
table th {
  text-align: left;
  padding-right: 20px;
  border-bottom: thin dotted #CCCCCC;
}

.intro,
.boxed {
  border: thin solid #999999;
  padding: 10px;
  float: none;
  clear: left;
}

.float-box {
  border: thin solid #999999;
  padding: 10px;
  float: none;
}

.marker-inside {
  list-style-position: inside;
}


/* site heading  */
#site-heading {
  color: #FFFFFF;
  background-color: #000000;
  border: thin solid #000000;
  padding: 0px 0px 40px 0px;
}

/* logo */

#logo {
  float: left;
}

#logo a {
  text-decoration: none;
  color: #FFFFFF;
}

#logo h1 {
  color: #FFFFFF;
  font-size: 1.5em;
  margin: 5px 5px 0px 15px;
}

/* legal notices */
#legal-notices {
  float: right;
  margin: 15px 10px 0px 0px;
  font-size: .7em;
}

#legal-notices a {
  color: #D8D8D8;
}

#legal-notices a:hover {
  color: #CC6600;
}

/* site navigation */
#site-navigation {
  color: #333333;
  background-color: #CC6600;
  float: left;
  width: 100%;
  border-bottom: thin solid #666666;
}

#site-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#site-navigation ul li {
  float: left;
}

#site-navigation ul a {
  display: block;
  padding: 2px 15px;
  color: #D8D8D8;
  text-decoration: none;  
  border-right: thin solid #666666;
}


#site-navigation ul a:hover {
  background-color: #DED5B3;
  color: #666666;
}


/* internal navigstion */
.content .internal-navigation {
  padding: 0px;
  margin: 0px 0px 5px; 0px;
  color: #333333;
  background-color: #DED5B3;
  float: left;
  width: 100%;
  border-top: thin solid #666666;
  border-bottom: thin solid #666666;
  border-right: thin solid #666666;
}

.content .internal-navigation a {
  text-decoration: none;
  color: #FFFFFF;
}

.content .internal-navigation ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.content .internal-navigation ul li {
  background: none; 
  margin: 0px;
  padding: 0px;
  border-left: thin solid #666666;
  float: left;
}

.content .internal-navigation ul a {
  display: block;
  padding: 2px 12px;
  text-decoration: none;
  color: #000000;
}

.content .internal-navigation ul a:hover {
  background-color: #CC6600;
}

.button {
  background-color: #CC6600;
  padding: 2px 5px;
  text-decoration: none;
  border: thin solid #666666;
}

a.button {
  color: #ffffff;
}

a:hover.button {
  background-color: #DED5B3;
  color: #000000;
}


/* content */
div.content {
  float: left;
  width: 68%;
  marging-bottom: 10px;
  padding: 0px 15px;
}


.essay p, 
.essay table {
  margin: 5px 0px 10px 20px;
}

.content h2,
.content h3 {
  margin: 20px 0px 0px 0px;
  padding: 0px;
  clear: left;
}

.content h1 {
  font-size: 250%;
}

.content h2 {
  font-size: 180%;
}

.content h3 {
  font-size: 130%;
}

.content h4 {
  font-size: 100%;
}

.content ul {
  list-style-type: none;
  padding: 0px;
  margin: 5px 10px;
}


.content ul li {
  padding: 0px 0px 5px 20px;
  background: url("http://www.agileproductdesign.com/images/arrow-bullet.gif") no-repeat 0 .2em; 
}

.content ul ul {
  font-size: 1.0em;
  list-style-type: square;
  background: none;
  padding: 0px 15px;
}

.content ul ul li {
  padding: 0px;
  background: none; 
}

.tagline {
  min-height: 140px;
}

.tagline h1 {
  padding-left: 220px;
  font-family: "Tahoma", "Lucida Grande", "Bitstream Vera Sans", "Verdana", "Arial", sans-serif;
  color: #999999;
  font-size: 1.3em;
  line-height: 1.5em;
  font-weight: normal;
  margin: 0px;
}

.tagline h1 strong {
  font-weight: normal;
  color: #666666;
}

.tagline img {
  padding: 0px 20px 10px 0px;
  margin: 0px;
}

.duration,
.duration p,
.date,
.date p,
.blog-date,
.blog-date p, 
.calendar-date,
.calendar-date p {
  color: #CC6600;
}

.media-download a {
  color: #CC6600;
}

.document-summary,
.article-summary {
  margin: 30px 0px;
  clear: left;
}

.document-summary p,
.article-summary p {
  margin: 0px;
}

.document-summary h2,
.article-summary h2 {
  clear: none;
  font-size: 1.2em;
}

.document-summary img {
  width: 150px;
  float: left;
}

.document-summary div.date {
  font-size: 1.0em;
}

.mp3,
.pdf {
  font-family: "Tahoma", "Lucida Grande", "Bitstream Vera Sans", "Verdana", "Arial", sans-serif;
  font-size: .6em;
  vertical-align: super;
  padding-left: 5px;
}

.dialog p {
  font-family: courier, monospace;
  color: #333333;
}

.key-point {
  margin: 0 20px;
}

.key-point p,
.key-point table {
  font-family: georgia, times, serif;
  font-weight: normal;
  line-height: 1.6em;
  font-size: 1.2em;
}

.key-point li {
  font-family: georgia, times, serif;
  font-weight: normal;
  font-size: 1.2em;
}

.quote p {
  font-family: georgia, times, serif;
  font-weight: normal;
  line-height: 1.6em;
  font-size: 1.1em;
  margin: 20px;
}

.outlined-figure img {
  border: thin solid #999999;
}


#blog_footer {
  background-color: #CCCCCC;
  padding: 2px 8px; 
  clear: both;
}

#blog_footer h1 {
  font-size: 1em;
}
#blog_footer p {
}

.benefits-and-practices {

}

.benefits-and-practices ul {
  list-style-type: square;
}

.benefits-and-practices ul li {
  padding: 0px 0px 10px 5px;
  background: none; 
}

.benefits-and-practices table {
  border-bottom: 2px solid #999999;
}

.benefits-and-practices th {
  background: grey;
  font-family: "Tahoma", "Lucida Grande", "Bitstream Vera Sans", "Verdana", "Arial", sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  color: white;
  padding: 5px;
}

/* callout */
div.callout {
  border: 2px dotted #999999;
  padding: 10px;
  background: #E8E8E8;
  margin: 5px 0px 5px 5px;
  float: right;
  width: 30%;
}

div.callout h2 {
  font-family: "Tahoma", "Lucida Grande", "Bitstream Vera Sans", "Verdana", "Arial", sans-serif;
  font-size: 120%;
  padding: 0px;
  margin: 0px;
}


/* Recipe  */

.recipe {
  border: thin dashed #999999;
  padding: 20px;
  background: lightgray;
}

.recipe h1, .recipe h2, .recipe h3,
.recipe p, .recipe ul li {
  font-family: "Tahoma", "Lucida Grande", "Bitstream Vera Sans", "Verdana", "Arial", sans-serif;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

div.recipe h1 {
  font-size: 150%;
}

div.recipe h2 {
  font-size: 100%;
}

div.recipe h3 {
  font-size: 80%;
}

div.recipe p {
  font-size: 80%;
  margin: 5px 10px;
}

div.recipe ul li {
  font-size: 80%;
}

/* content navigation */
#content-navigation {
  float: right;
  width: 25%;
  margin-right: 20px;
}

#content-navigation h1, 
#content-navigation h2,
#content-navigation h1 a, 
#content-navigation h2 a {
  border-bottom: thin dashed #CCCCCC; 
  font-family: "Tahoma", "Lucida Grande", "Bitstream Vera Sans", "Verdana", "Arial", sans-serif;
  font-size: 1.1em;
  margin: 10px 0px 5px 0px;
  padding: 3px 0px 3px 0px;
  clear: left;
  color: #CC6600;
  text-decoration: none;
}

#content-navigation h1 img {
  float: none;
  padding: 0px;
  border: none;
}

#content-navigation ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  background: none;
} 

#content-navigation ul li {
  margin-bottom: 5px;
}
#content-navigation p {
  margin: 0px;
}

#content-navigation img {
  margin: 0px 10px 5px 0px;
}

.events-sidebar img,
.events-sidebar li {
  clear: left;
  padding-bottom: 10px;
}

#current_events img {
  width: 115px;
}

/* copyright notice */

#copyright {
  float: left;
  margin: 20px 15px;
  padding: 10px  0px 10px 0px;
  width: 65%;
  font-size: .7em;
  font-color: #999999;
  border-top: thin dashed #CCCCCC;
}

/* optional meta stuff */
#meta {
  float: left;
  width: 800px;
  border: thin solid #DDDDDD;
}

/* js-kit stuff */

.js-singleCommentText {
  font-size: 1.4em;
  line-height: 1.6em;
}