/**
  SilverStripe Black Candy Theme
  http://www.silverstripe.com
 
  This typography file is included in the WYSIWYG editor
 */
 
/* GENERIC STYLES */ 
div.typography {
        padding-left: 10px ;
        padding-bottom: 50px ;
        margin-top: 118px ;
}

.typography * {
        font-family: Verdana, Lucida, sans-serif; 
}

/* PARAGRAPHS */
.typography p { 
        color: #666;
        line-height: 1.6em;
        font-size: 1.1em;
}

#Layout p {
        margin: 10px 5px 5px 0;
        font-size: 120% ;
}

#Sidebar p {
        font-size: 1.1em;
        clear: both;
        margin: 10px 10px 0 10px;
}

.typography blockquote {
        margin: 10px;
        font-size: 1.4em;
        color: #777;
        font-style: italic;
}       

/* LINKS */
.typography a { 
        text-decoration: none; 
        color: #3E91C4;
}
.typography a:hover { 
        text-decoration: underline;
}

/* ICONS */
/*
.typography a[href$=".pdf"],
.typography a[href$=".PDF"],
.typography a.pdf {
        padding: 2px;
        padding-left: 20px;
        background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
}
.typography a[href$=".doc"],
.typography a[href$=".DOC"],
.typography a.doc {
        padding: 2px;
        padding-left: 20px;
        background: url(../images/icons/page_word.png) no-repeat left center;
}
.typography a[href$=".xls"],
.typography a[href$=".XLS"],
.typography a.xls {
        padding: 2px;
        padding-left: 20px;
        background: url(../images/icons/page_excel.png) no-repeat left center;
}
.typography a[href$=".gz"],
.typography a[href$=".GZ"],
.typography a[href$=".gzip"],
.typography a[href$=".GZIP"],
.typography a[href$=".zip"],
.typography a[href$=".ZIP"],
.typography a.archive {
        padding: 2px;
        padding-left: 20px;
        background: url(../images/icons/page_white_zip.png) no-repeat left center;
}
.typography a[href$=".exe"],
.typography a[href$=".EXE"],
.typography a.application {
        padding: 2px;
        padding-left: 20px;
        background: url(../images/icons/application.png) no-repeat left center;
}
*/

/* LIST STYLES */
.typography ul, 
.typography ol {
        margin: 20px;
        color: #666;
}

.typography li {
        margin: 5px 10px;
        font-size: 1.2em;
}

/* HEADER STYLES */

.typography h1,
.typography h2 { 
        color: #4EA3D7; 
        margin: 15px 0;
        clear: both;
        font-weight: 300;
        font-family: Tahoma, Verdana, sans-serif;
        display: none ;
}
.typography h1 {
        font-size: 2.4em;
}
.typography h2 { 
        font-size: 2em; 
}
        
.typography h3 {
        color: #222;
        margin: 25px 0 15px 0;
        font-weight: 300;
        clear: both;
        font-size: 1.8em;
}
.typography h4 {
        font-size: 1.6em;
        color: #222;
        width: 95%;
        clear: both;
        font-weight: 300;
        line-height: 1.5em;
        border-bottom: 1px solid #ccc;
        margin: 25px 0 15px 0;
}
.typography h5 {
        font-size: 1.4em;
        color: #222;
        font-weight: 300;
        margin: 10px 0;
}
.typography h6 {
        font-size: 1.2em;
        color: #555;
        line-height: 1.4em;
        margin: 10px;
}

/* ADRESS STYLES */     
.typography pre {
        font-family:"Courier New",Courier;
        display:block;
        font-size:1.2em;
        margin:2em 5em;
        padding:0.5em;
        border:1px #ccc solid;
        background:#eee;;
}
.typography label {
        display: block;
        margin: 10px 0 -10px 0;
        color: #777;
}

.typography q {
        display:block;
        font-size:0.8em;
        margin:1em 1em;
        padding:0.5em;
        border:1px #ccc solid;
}

/* TABLE STYLING */
.typography table {
        margin: 10px;
        font-size: 1.2em;
        color: #666;
        border-collapse:collapse;
}
        .typography td {
                border:1px solid #999;
                padding:5px;
        }

/* WYSIWYG EDITOR ALIGNMENT CLASSES */
.typography .left {
        text-align:left;
}
.typography .center {
        text-align:center;
}
.typography .right {
        text-align:right;
}
.typography img.right {
        float:right;
        margin-left: 118px;
}
.typography img.left {
        float:left;
}
.typography img.leftAlone {
        float: left;
        margin-right: 100%;
}
.typography img.center {
        float:none;
        margin-left:auto;
        margin-right:auto;
        display:block;
}

/* FORMS */
.typography label {
        font-size: 1em;
}
.typography input.text, .typography textarea {
        font-size: 12px;
        font-weight: normal;
}
/* Extra redundancy */
.typography p.MsoNormal, .typography p.MsoBodyText {
        margin: 0;
}

.typography #Content p.authorDate {
        color: #444;
        margin-top: -15px;
}

/**
 * some tweaks
 */
#Layout div.typography p {
  text-align: justify ;
}

#Layout div.typography p:first-child {
  padding-top: 45px ;
  margin-top: 0 ;
}

#Layout div.typography p:first-child img:first-child {
  margin-top: -45px ;
}

#Layout {

}

div#Content {
  float: left ;
  width: 625px ;
  margin-bottom: 50px ;
}

/**
 * testing stuff
 */
/*
div#Layout, div#Navigation, div#FooterText {
  border-width: 0 1px 0 1px ;
  border-style: solid ;
}

div#Layout {
  border-color: red ;
}

div#Navigation {
  border-color: green ;
}

div#FooterText {
  border-color: yellow ;
}
*/