/**
  SilverStripe Black Candy Theme
  http://www.silverstripe.com
 
  This typography file is included in the WYSIWYG editor
 */
 
/* GENERIC STYLES */


.typography * {
  font-family: Helvetica, Arial, sans-serif;
}

/* PARAGRAPHS */
.typography p { 
  color: #545454;
  line-height: 1.4em;
  font-size: 0.95em;
}
#Layout p {
  margin: 0 0 12px 0;
  padding:0;
}
#Sidebar p {
  font-size: 0.95em;
  clear: both;
  margin: 10px 10px 0 10px;
}


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

a#PrintList {
    display:block;
    width:100px;
    height:32px;
    margin: 48px 0 0 20px;
    text-decoration:none;
    background:transparent url(../images/bttn-printlist.png) left top no-repeat;
}



/* LIST STYLES */
.typography ul, 
.typography ol {
  color: #545454;
  
}

.typography li {
  margin:0;
  padding:0;
  line-height:1.4em;
  font-size: 1em;
}


div#Sidebar ul,
div#SidebarNoBanner ul  {
  list-style:none;
  padding:0;
  margin:12px 5px 0 43px;
}

div#Sidebar ol,
div#SidebarNoBanner ol  {
    padding:0;
    margin:12px 20px 0 43px;
}

  div#Sidebar ul li,
  div#SidebarNoBanner ul li,
  div#Sidebar ol li,
  div#SidebarNoBanner ol li{
    height:12px;
    font-size:0.9em;
    font-size:12px;
    margin:0 0 12px 0;
    padding:0;
  }

    

    div#Sidebar ul li a,
    div#SidebarNoBanner ul li a,
    div#Sidebar ol li a,
    div#SidebarNoBanner ol li a{
      color:#7e7e7e;
      font-style:normal;
    }

      div#Sidebar ul li a.current,
      div#SidebarNoBanner ul li a.current,
      div#Sidebar ol li a.current,
      div#SidebarNoBanner ol li a.current,
      div#Sidebar ul li a.section,
      div#SidebarNoBanner ul li a.section,
      div#Sidebar ol li a.section,
      div#SidebarNoBanner ol li a.section   {
        color:#2f5973;
        font-weight:bold;
      }

        div#Sidebar ul li a.current span,
        div#SidebarNoBanner ul li a.current span,
        div#Sidebar ol li a.current span,
        div#SidebarNoBanner ol li a.current span,
        div#Sidebar ul li a.section span,
        div#SidebarNoBanner ul li a.section span,
        div#Sidebar ol li a.section span,
        div#SidebarNoBanner ol li a.section span    {
          padding-right:10px;
          background: transparent url(../images/icon-arrow.png) right top no-repeat;
        }


div#SidebarNoBanner ul#PartnerSidebar {
    margin:0 0 0 0;
}

    div#SidebarNoBanner ul#PartnerSidebar li {        
        margin:13px 0 0 0;
        padding:0 0 12px 0;
        zoom:1;
        height:12px;
        background: transparent url(../images/bg-sidebar-list-shadow.png) 4px bottom no-repeat;
    }

        div#SidebarNoBanner ul#PartnerSidebar li.holder  {
            height:auto;
            
        }

        div#SidebarNoBanner ul#PartnerSidebar li a  {
            margin:0 0 6px 33px;
            display:inline-block;
        }

        div#SidebarNoBanner ul#PartnerSidebar li.holder a  {
            padding:0 105px 6px 33px;
            margin:0;
            background: transparent url(../images/bg-sidebar-heading.png) right bottom no-repeat;
        }

        div#SidebarNoBanner ul#PartnerSidebar li ul  {
            
        }

            div#SidebarNoBanner ul#PartnerSidebar li ul li  {
                height:12px;
                padding:0;
                background:none;
                margin:12px 0 0 0;
            }

                div#SidebarNoBanner ul#PartnerSidebar li.holder ul li a    {
                    background:none;
                    padding:0 0 0 33px;
                }


/* HEADER STYLES */

.typography h1,
.typography h2 { 
  color: #3b647c;
  margin: 15px 0;
  clear: both;
  font-family: Helvetica, Arial, sans-serif;
}

.typography h1 {
  font-size: 34px;
}

.typography #MainContent h1  {
    font-size:34px;
    font-weight:normal;
    visibility:hidden;
}

.typography h2 {
	font-size: 34px;
}

.typography h2 a,
.typography h1 a{
  font-size: 34px;
  display:block;
  visibility:hidden;
}

    .typography h2 a:hover,
    .typography h1 a:hover{
      text-decoration:none;
    }

body .typography h2 strong {
  font-size: 34px;
  font-family: Arial, sans-serif;
}


.typography h1 img,
.typography h2 img{
    display:block;
}

  div.column h1,
  div.narrowColumn h1,
  div.wideColumn h1,
  div#AjaxContainer h1,
  div.column h2,
  div.narrowColumn h2,
  div.wideColumn h2,
  div#AjaxContainer h2{
    margin:0;
    padding:18px 0 0 0;
    font-size:34px;
    line-height:24px;
    visibility:hidden;
  }
    div.narrowColumn h2{
        padding-top:10px;
    }
    div.narrowColumn div.columnMid h2 {
        padding-top:7px;
    }

    div.columnMid h2  {
        padding-bottom:4px;
    }

    div#MainContent h2,
    div#MainContentWide h2{
        margin:20px 0 17px 0;
        padding:0;
        font-size:34px;
        visibility:hidden;
    }

        div.allstories div#MainContentWide h2   {
            margin:15px 0;
        }

        div#ContentContainer div#MainContent h2 {
            margin:0 0 17px 0;
        }

    div.tradesmanDetailsHolder h2   {
        font-size:34px;
        margin:0 0 15px;
    }


    div.wideColumn div.columnTop h2 {
        position:relative;
        z-index:100;
        padding-top:10px;
    }
	
.typography h3 {
  color: #545454;
  margin: 25px 0 15px 0;
  font-weight: bold;
  clear: both;
  font-size: 1.3em;
}

h3.icon {
    line-height:30px;
}

  div#Sidebar h3,
  div#SidebarNoBanner h3{
    font-size:1em;
    font-weight:bold;
    margin:0;
    padding:0 0 11px 0;
    zoom:1;
    color:#666;
    background: transparent url(../images/bg-sidebar-heading.png) center bottom no-repeat;
  }

    div#Sidebar h3 a,
    div#SidebarNoBanner h3 a,
    div#Sidebar h3 span,
    div#SidebarNoBanner h3 span {
      padding:0 16px 11px 33px;
      background: transparent url(../images/bg-sidebar-heading-arrow.png) right 2px no-repeat;
    }

        div#Sidebar h3 a.current,
        div#SidebarNoBanner h3 a.current {
            color:#2f5973;
        }

        div#Sidebar h3 a.section,
        div#SidebarNoBanner h3 a.section {
            color:#666;
            background:none;
        }

.typography h4,
.typography div#Content h3,
.typography div#MainContent h3{
  font-size:1em;
  color: #333333;
  font-weight:normal;
  line-height: 1.5em;
  /*margin: 25px 0 15px 0;*/
  margin:0 0 15px 0;
}

.typography .finalists div#MainContent h3{
	font-weight:bold;
}

  div.column h4 {
    font-size:1em;
    margin:0;
    padding:10px 0;
    width:180px;
    float:right;
  }


.typography h5,
.typography h6 {
  font-size: 0.95em;
  color: #545454;
  font-weight: bold;
  margin: 10px 0;
}

.typography label {
  display: block;
  margin: 10px 0 -10px 0;
  color: #777;
}

/* TABLE STYLING */
.typography table {
  margin:0;
  padding:0;
  border:0;
  color: #666;
  border-collapse:collapse;
}
  .typography td {
    border:0;
    margin:0;
    padding:0;
  }

/* 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:20px;
}
.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: 0.9em;
}
.typography input.text, .typography textarea {
  
}
/* Extra redundancy */
.typography p.MsoNormal, .typography p.MsoBodyText {
  margin: 0;
}

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