@import url("/css/screen.css");
@import url("/css/hacks.css");

/* List Page
-------------------------------------------------- */

.section_list #page_heading {
    text-align: center;
    }

.section_list .project {
    text-align: center;
    padding-bottom: .75em;
    }

.section_list .project_title {
    margin-top: -12px;
    margin-bottom: -12px;
    }

    .section_list .col_third {
    margin-right: 0;
    }



/* Entry Page
-------------------------------------------------- */

/* img frames */

.section_entry #content .img_frame {
    padding-right: 9px;
    padding-left: 9px;
    padding-bottom: .6875em;
    }

.section_entry #content .img_frame img {
    margin-left: -9px;
    margin-right: -9px;
    border: #fff 9px solid;
    }

.section_entry #content .section.last .img_frame {
    padding-bottom: 0.3125em;
    }

/* grid */

.section_entry #content .main {
    float: left;
    width: 690px;
    }

.section_entry #content .secondary {
    float: right;
    width: 220px;
    }

/* next/previous */

.section_entry #sub_col_previous {
    float: left;
    margin-right: 30px;
    width: 30px;
    }

.section_entry #sub_col_next {
    float: left;
    margin-left: 30px;
    width: 30px;
    }

.section_entry #sub_col_previous p,
.section_entry #sub_col_next p {
    padding-top: 1.125em;
    padding-bottom: 0;
    }

.section_entry #sub_col_previous a,
.section_entry #sub_col_next a {
    display: block;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    opacity: 0.2;
    -webkit-background-size: 30px 30px;
    background-repeat: none;
    background-position: left top;
    }

    .section_entry #sub_col_previous a {
    background-image: url('/images/icon_previous_30.png');
    }
    .section_entry #sub_col_next a {
    background-image: url('/images/icon_next_30.png');
    }

	@media all and (-webkit-min-device-pixel-ratio: 2) {

        .section_entry #sub_col_previous a {
            background-image: url('/images/icon_previous_30@2x.png');
        }

        .section_entry #sub_col_next a {
            background-image: url('/images/icon_next_30@2x.png');
        }

	}

    .section_entry #sub_col_previous a:hover,
    .section_entry #sub_col_next a:hover {
    opacity: 0.4;
    }

/* heading */

.section_entry #sub_col_heading {
    float: left;
    width: 820px;
    }

    .section_entry #sub_col_heading h1 {
    text-align: center;
    }

    .section_entry #sub_col_heading .sub_heading {
    margin-top: -.375em;
    text-align: center;
    }