/*
 * Basic Page
 */
 body, .main {
     padding: 0;
     margin: 0;
     font-family: sans-serif;
     
 }
 /*
  * Default Elements
  */
 a.heading, .heading {
     font-size: 1.2em;
 }
 .subpage .heading {
    font-size: 1em;
 }
 /*
  * Page Layout
  */
  
 .main {
     width: 100%;
     min-height: 100%;
     overflow-x: hidden;
 }
    /* Header */   
        .header .logo img {
            overflow: hidden;
            padding-bottom: 10px;
        }
            
        .header .title {
            padding-left: 10px;
            padding-right: 10px;
        }
        .header .title {
            margin: 20px 0 15px 0;
        }
        
    /* Page Index */
    .connectedSortable { 
        list-style-type: none;
        margin: 0;
        padding: 20px 5%;
    }
        .connectedSortable ul {
            padding-left: 10px;
        }
        
    /* Page Content */
    .contents {
        clear:both;
    }
    .contents.clearfix {
        display: block;
    }
    
    /* For Google Analytics Events */
    .hidden.pageurl { display: none; }

    /* Footer */
    
    .footer {
        font-size: 0.8em;
        margin: 50px 5% 20px 5%;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        width: 90%;
    }
        .footer .link {
            display: block;
            padding: 10px 0;
            width: 50%;
        }
        .footer .link.back {
            float: left;
            position: relative;
            left: 10px;
        }
        .footer .link.fwd {
            text-align: right;
            float: right;
            position: relative;
            right: 10px;
        }
        
        
/*
 * Hax (don't look here)
 */
 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}