/**
 * CSS by Sean Harvey of SilverStripe
 */

/*******************************/
/** Typography and editor CSS **/
/*******************************/

/*
 * This file is used for the typography on the site
 * as well as the WYSIWYG editor for SilverStripe.
 */

/*
 * Note that pixel font size is being used for this layout.
 * It is far more accurate to do this than em, which causes
 * problems with nested elements. IE7 supports resizing the
 * text on zooming now, so it's not a big issue to not use
 * em values for font sizes.
 *
 * A note to anyone not familiar with this CSS: I am using
 * unit-less line-height values, which is perfectly valid.
 * http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
 */

/* Global resets */
.typography * {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

/* add some padding to the WYSIWYG editor for readability */
.mceEditor {
  padding: 10px;
}

/* We have do this because the <a> tag doesn't normally
  inherit the font size as a <p> tag would */
.typography a {
  font-size: inherit;
  border-bottom: 1px dotted #6cabd3;
}

/* Various styling */
.typography blockquote {
  padding: 5px;
  padding-left: 20px;
  border: 1px solid #a6d64c;
  border-left: 7px solid #a6d64c;
  margin-left: 0;
  margin-bottom: 20px;
}
  .typography blockquote * {
    margin-bottom: 0 !important;
  }
.typography pre {	
  font-family: "Courier New", Courier, monospace;
  color: #a6d64c;
  border: 1px solid #a6d64c;
  border-right: 7px solid #a6d64c;
  padding: 10px;
  margin: 20px 0;
}
.typography hr {
  margin: 10px 0;
}

/* Paragraph and list items style */
.typography p,
.typography ul li,
.typography ol li {
  color: #333;
  line-height: 1.5;
}
  .typography p.breadcrumbs {
    color: #666;
  }
  .typography p {
    margin-bottom: 20px;
  }
  /* Lists specific styling */
  .typography ul,
  .typography ol {
    margin-left: 10px;
    margin-bottom: 20px;
  }
    .typography ul li,
    .typography ol li {
      margin: 4px 10px;
      line-height: 1.4;
    }
      .typography ul li {
       list-style-type: disc;
      }
      .typography ol li {
        list-style-type: decimal;
      }

/* Comments styles */
#PageComments li {
  list-style-type: none;
  background: #eee;
  padding: 10px 0 0 10px;
}
  #PageComments p {
    color: #333;
  }
  #PageComments .info {
    padding-bottom: 10px;
    color: #999;
  }
    #PageComments .info * {
      font-size: 11px;
    }
      #PageComments .info a {
        font-size: inherit;
      }
  
/* Header styles */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  margin-bottom: 10px;
  color: #c39720;
}
  .typography h1 {
    font-size: 24px;
  }
  .typography h2 {
    font-size: 22px;
  }
  .typography h3 {
    font-size: 16px;
  }
  .typography h4 {
    font-size: 14px;
  }

/* Table styling */  
.typography table {
	border-collapse: collapse;
	margin-bottom: 15px;
}
	.typography table tr td {
	  padding: 15px;
	  background: #bad9ec;
	  border-spacing: 10px;
	  color: #333;
	  line-height: 1.5;
	  border: 15px solid #fff;
	}
		.typography table tr td h3 {
			color: #3b6e8e;
			font-size: 16px !important;
		}
			.typography table tr td h3 * {
				font-size: inherit;
			}
				.typography table tr td img.left {
					margin: 0 5px 0 0;
				}
			.typography table tr td a {
				color: #0098ff;
			}	
				
#ImageGallery table tr td {
	border: 0;
	padding: 5px;
}
				
				
  
/* Alignment styles */
.typography .left {
  text-align: left;
}
.typography .center {
  text-align: center;
}
.typography .right {
  text-align: right;
}
.typography img.right {
  float: right;
}
.typography img.left {
  float: left;
}