/*
Theme Name: The Art School WP Theme
Theme URI: http://theartschool.co.uk
Description: Theme visually designed by Sarah Tripp. Coded by Andrew Hopkins.
Version: 0.5
Author: Andrew Hopkins 
*/

@import "style/css/reset.css";
@import "style/css/typography.css";


body { 
    background: #ffffff;
}

#wrapper{
    margin: 0 auto;
    width: 908px;
    height: auto;
    padding: 0 26px;
}

#header {

}

#logo {
    float: left;
    background: #FFFFFF;
    width: 600px;
    height: 200px;
}

#logo img{
    margin-top: 50px;
}

#menu {
    float: left;
    margin-left: 16px;
    width: 292px;
    height: 200px;
}

#menu ul{
    margin-top: 60px;
    line-height: 28px;
}

#menu li a, #menu li img, #menu li input{
    vertical-align: top;
}

#menu input.search-terms{
    background: none;
    color: #000000;
    border-color: #AAAAAA;
    border-style: solid;
    border-width: 0 0 1px;
    width: 165px;
    margin-left: 25px;
}

#nav{
    clear: both;
    float: left;
    width: 908px;
    margin: 20px 0px;
}

img.nav-spacer{
    margin: 0px 15px;
}
            
#main {

}

#content{
    clear:both;
}        

img.union-tel{
    margin: 10px 0 0 0;
}

a.soc-menu img{
    margin: 10px 0 0 17px;
}

.event-post{
    overflow: hidden;
}

.event-post img{
    margin: 5px 0;
}

.post-content{
    clear: both;
    margin: 10px 0px;
}

.post-content p{ margin-bottom:1em; }

.event-divider{
    margin: 15px 0;
    border-bottom: solid black 1px;
}

.title-wrap{
    clear: both;
    width: 600px;
    height: 30px;
}


.column{
    float: left;
    margin: 0 16px 0 0;
}

.column-last{
    float: left;
    margin: 0;
}

.four-wide{
    width: 600px;
}

.two-wide{
    width: 292px;
}

.one-wide{
    width: 138px;
}

.one-wide img{
    max-width: 138px;
    height: auto;
}

.two-wide img{
    max-width: 292px;
    height: auto;
}

.two-wide embed, .two-wide object{
    max-width: 290px;
    height: auto;
}

.calendar-header{
    clear: both;
    width: 600px;
    height: 30px;
}

#calendar-title{
    margin: 0 12px 0 0;
}

.calendar-header a{
    margin: 0 0 0 28px;
}

.calendar-row{
    clear: both;
    position: relative;
    width: 600px;
    height: 55px;
    margin: 0 0 16px;
}

.row-col1{
    float: left;
    padding: 4px;
    width: 128px;
    min-height: 55px;
    margin: 0 5px 0 0;
    border: 3px solid;
    
}

.row-col2{
    float: left;
    padding: 4px;
    width: 435px;
    min-height: 55px;
    border: 3px solid;
    margin: 0;
}

.cufon{
    display: block;
}

#footer{
    clear: both;
}

#footer-content{
    margin: 0 auto;
    height: 30px;
    width: 908px;
}

#sitemap a{
    text-decoration: none;
}

#sitemap a:hover{
    text-decoration: underline;
}