/* Table of content:
 *  0. html
 *  1. basic layout
 *  2. special pages
 *  3. administration
 */

div, ul, li, p, span, html, h2, h1, body, html {
    margin: 0;
    padding: 0;
}
/* =============================================================================
 *  0. html
 * ========================================================================== */

body {
    font-family: 'Raleway', 'Helvetica', sans-serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.5em;
    background: white;   

}
@media screen and (max-width: 768px) {
    body {
        font-size: 12px;
        -webkit-text-size-adjust: none;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    font-size: 1em;
    letter-spacing: 0;
    text-transform: uppercase
}
h1 {
    font-size: 1.3em;
    margin-bottom: 2em;
    /*text-align: center;*/    
}
h1.title {
    /*display: none;*/
}
.sidebar-first, .sidebar-first h1  {
    text-align: left
}
h2 {
    font-size: 1.2em
}
h2 a {
    color: black;
}

/* adjust the grid for left aligned site */
.grid_1, .grid_2, .grid_3, .grid_4, .grid-4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    margin-left: 0%;
    margin-right: 2%;
}
@media screen and (min-width: 786px) {
    .container_12 .grid_6 {
        width: 44%;
        margin-right: 3%;
    }
}
/* =============================================================================
 *  1. basic layout
 * ========================================================================== */


#page-wrapper {
    max-width: 1280px;
    min-width: 320px;
}
logged-in #page-wrapper {
    padding-top: 30px; /* height of exhibitor menu */
}

#main.grid_12 {
    width: 100%;
    margin: 0;
}

#content, #header-inside {
    max-width: 1280px;
    margin: 0 auto;
    height: auto;
}

#header-inside-left {
    margin-right: 1%;
}
#content, #banner, #content-inside {
    box-shadow: none;
    background: none;
}


/* regions */

.region-sidebar-first ul, .region-sidebar-first ul li {
    border: none;
}

.region a {
    text-decoration: underline;
    color: black;
}
.region a.active {
    color: black;
    text-decoration: none;
}
.region-content .block-content {
    padding-bottom: 2em;
}

/*  left aligned */
#content-inside, #content, #header-inside {
    max-width: 100%;
}
#content-inside, #header-inside {
    margin: 0 4%;
    max-width: 92%;    
}

/* blocks */
.grid_12 h2.block-title {
    font-size: 2em;
    text-align: left
}
@media screen and (min-width: 786px) {
    .grid_12 h2.block-title {
        padding-left: 48%;
    }

}
/* =============================================================================
 *  3. administration
 * ========================================================================== */

.node div.contextual-links-wrapper ul.contextual-links {
    background: none; 
}
.logged-in #header {
    top: 30px;
}
.admin-menu #header {
    top: 50px;
}

.view-choose-artwork .views-field-field-image {
    width: 80px;
    height: 70px;
    float: left;
}
.view-choose-artwork .views-field-field-image img {
    max-height: 70px;
    max-width: 70px;
    height: auto;
    width: auto;
}

.field-name-body .form-textarea-wrapper {
    max-width: none;
    display: block;
}

/* =============================================================================
 *  5. animations
 * ========================================================================== */

.node-artwork.node-teaser,
#block-system-main-menu ul.menu ul:hover ul li {
    -webkit-animation: cssFadein 1s 1 ease;
    -moz-animation: cssFadein 1s 1 ease;
    -o-animation: cssFadein 1s 1 ease;
}
@-webkit-keyframes cssFadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-moz-keyframes cssFadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-o-keyframes cssFadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
#block-system-main-menu ul.menu ul:hover ul li.active-trail {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
}

.node-artwork.node-teaser,
#block-system-main-menu ul.menu ul:hover ul li {
    /*Firefox*/ 
    -moz-transition-property:    background-color;
    -moz-transition-duration:    1s;

    /*Safari / Chrome*/ 
    -webkit-transition-property:    background-color;
    -webkit-transition-duration:    1s;

    /*Opera*/ 
    -o-transition-property:    background-color;
    -o-transition-duration:    1s;

    /*Standard*/ 
    transition-property:    background-color;
    transition-duration:    1s;
}