/*
Theme Name: 960bc-cc
Theme URI: http://www.guardianwebdesign.com.au/960bc
Description: Glasgow Necropolis theme based on the 960 CSS framework.
Version: 1.6
Author: Infinite Eye adaptation of base template by Troy Dean 
Author URI: http://www.infinite-eye.com/
Tags: fixed-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar

    960bc v1.6
    http://www.guardianwebdesign.com.au/960bc

    This theme was designed and built by Troy Dean
    as a starting point for WordPress developers who
    like the 960 grid system.
    http://www.960.gs
    The theme includes no images and minimal styling,
    providing a blank canvas for the designer to unleash
    her css magic.

    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php

*/
/* for ease of updating into the future we use separate style sheets for colours and typography */

@import url(colours.css);
@import url(typography.css);
/* Begin Structure */

body {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}

.testmenu {
    font-size: 15px;
    color: #fff !important;
    background: #333;
    outline: 1px solid green;
    padding: 0.5em;
}
.testmenu li li {
    margin-left: 0.5em;
}
.testmenu a {
    color: #fff !important;
}
/* This hides the 'skip to' links and maintains accessibility */

#skip {
    position: absolute;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#content {
    margin-top: 20px;
    min-height: 680px;
}
#sidebar {
    text-align: left;
    height: auto;
}
.postmetadata {
    margin: 30px 0;
}
.smallattachment {
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}
.attachment {
    margin: 5px 0px;
}
.postmetadata {
    clear: both;
}
/* End Structure */

.cf:before, .cf:after {
    content: " ";
    /* 1 */
    
    display: table;
    /* 2 */
}
.cf:after {
    clear: both;
}
/* Begin Images */

p img, .entry li img {
    padding: 0;
    max-width: 100%;
    height: auto;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left
}
/* End Images */

div.post > .attachment-full-width-profile, div.post > .attachment-portrait-profile {
    margin-top: 20px;
    margin-bottom: 20px;
}
.postmetadata ul, .postmetadata li {
    display: inline;
    list-style: none;
    list-style-type: none;
    list-style-image: none;
}
/* End Entry Lists */
/* Begin Form Elements */

#searchform {
    margin: 20px 28px 22px 0;
    padding: 15px 0 0 0;
    text-align: right;
}
#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
}
#commentform {
    margin: 5px 10px 0 0;
}
#commentform textarea {
    width: 100%;
    padding: 2px;
}
#respond:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
}
/* End Form Elements */
/* Begin Comments*/

.alt {
    margin: 0;
    padding: 10px;
}
.commentlist {
    padding: 0;
    text-align: justify;
}
.commentlist li {
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
    list-style: none;
}
.commentlist li .avatar {
    float: right;
    padding: 2px;
}
.commentlist li ul li {
    margin-right: -5px;
    margin-left: 10px;
}
.commentlist p {
    margin: 10px 5px 10px 0;
}
.children {
    padding: 0;
}
#commentform p {
    margin: 5px 0;
}
.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}
.commentmetadata {
    margin: 0;
    display: block;
}
/* End Comments */
/* Begin Calendar */

#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
}
#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}
#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}
#wp-calendar a {
    display: block;
}
#wp-calendar caption {
    text-align: center;
    width: 100%;
}
#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}
/* End Calendar */
/* Begin Various Tags & Classes */

acronym, abbr, span.caps {
    cursor: help;
}
blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
}
blockquote cite {
    margin: 5px 0 0;
    display: block;
}
.center {
    text-align: center;
}
.hidden, hr {
    display: none;
}
.navigationTop {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}
.navigationBottom {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.type-post .navigationBottom a {
    font-size: 0.75em;
}
/* End Various Tags & Classes*/
/* Captions */

.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    text-align: center;
    padding-top: 4px;
    margin: 10px;
}
.wp-caption img {
    margin: 0;
    padding: 0;
}
.wp-caption p.wp-caption-text {
    padding: 0 4px 5px;
    margin: 0;
}
/* End captions */

.home .grid_4 .box > a {
    display: none;
}
.home .grid_4 .box > a.blog-link {
    display: block;
}
.home .news-items .box h4 a, .home .news-items .box h4 a:hover {
    display: inline;
    text-decoration: none;
}
.home .box div > ul > li {
    font-size: 1.4em;
    line-height: 1.3em;
}
.home .box ul {
    list-style-type: disc;
    list-style-position: inside;
}
/**********************************************
*
* Responsive design
*
***********************************************/
/* alterations to existing design */

.grid_9 .grid_4 {
    width: 49% !important;
}
.grid_9 .grid_8.suffix_1 {
    width: 88.666%;
}
.home .thumb-links li {
    width: 23%;
    margin: 0 2.6% 0 0;
    overflow: hidden;
}
.slideshowy img {
    width: 100% !important;
    height: auto !important;
}
#menu-btn {
    display: none;
    box-sizing: border-box;
    width: 70px;
    height: 45px;
    top: 10px;
    left: 0;
    z-index: 4;
}
#menu-btn:before, #menu-btn:after, #menu-btn span {
    -webkit-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}
#menu-btn:before {
    top: 10px;
}
#menu-btn span {
    top: 20px;
}
#menu-btn:after {
    top: 30px;
}
#menu-btn:before, #menu-btn:after, #menu-btn span {
    background: #000;
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    position: absolute;
    left: 20px;
}
.sidr-class-side-wrap {
    visibility: hidden;
    height: 0px;
}
.sidr-class-menu-main-container {
    display: none;
}
.owl-controls {
    text-align: center;
    height: 0;
    position: relative;
    bottom: 25px;
}
.owl-controls .owl-dots .owl-dot {
    display: inline-block;
}
.owl-controls .owl-dots .owl-dot span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}
.owl-controls .owl-dots .owl-dot.active span {
    background: none repeat scroll 0 0 #D2DEDA;
}
.rohtable {
    width: 100%;
}
.rohtable tr {
    width: 100%;
}
.rohtable tr td:last-child {
    width: 75% !important;
    max-width: 450px;
}

.menu {
    margin-right: 0 !important;
    margin-left: 20px;
}
.menu li a {
    text-align: left !important;
}
#searchform {
    text-align: left !important;
    margin-right: 0 !important;
    margin-left: 18px;
}
.footer-menu .textwidget {
    padding-left: 30px;
    padding-bottom: 5px;
    font-size: 1.2em;
}
.footer-menu .textwidget a {
    color: #fff;
}
.footer-menu .textwidget a:hover {
    text-decoration: underline;
}
.footer-menu .textwidget a:last-child {
    padding-left: 10px;
}
.address-box p {
    margin-left: 22px !important;
}
table.rohtable.grid_6.alpha.omega {
    width: 100%;
}
#sidebar ul ul {
    margin-left: 10px !important;
}
.wrap-content {
    background: #fff !important;
}
#sidebar, .nav-collapse {
    background: #384152;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #384152 0%, #848b9e 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #384152), color-stop(100%, #848b9e));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #384152 0%, #848b9e 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #384152 0%, #848b9e 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #384152 0%, #848b9e 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #384152 0%, #848b9e 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#384152', endColorstr='#848b9e', GradientType=0);
    /* IE6-9 */
}
#monument {
    width: 23%;
    height: auto;
}
.nav-collapse {
    max-height: 0;
}

@media (min-width: 1025px) {
    .container_12, .container_16 {
        width: 960px;
        margin-left: auto;
        margin-right: auto;
    }
    .icon-links li {
        width: 24% !important;
    }
    #sidebar {
        min-width: 200px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .rohtable tr td:last-child {
        width: 70% !important;
        max-width: 450px;
    }
    #sizerlinks {
        display: none;
    }
    #content {
        padding-left: 10px;
    }
    .home .thumb-links li {
        width: 23.5%;
        margin: 0 2% 0 0;
        overflow: hidden;
    }
    .home .thumb-links li a {
        width: 93%;
    }
    .icon-links li {
        width: 50% !important;
        margin-bottom: 10px !important;
    }
    #monument {
        width: 23%;
        height: auto;
    }
}
@media (min-width: 568px) and (max-width: 767px) {
    .container_12 .grid_9 {
        width: 100% !important;
    }
    .container_12 .grid_9 .grid_3 {
        width: 22%;
    }
    div.post {
        margin-right: 30px !important;
    }
    #menu-btn {
        display: block !important;
    }
    .nav-collapse {
        display: none;
    }
    .nav-collapse .searchform {
        margin-top: 30px !important;
        margin-left: 20px !important;
    }
    .nav-collapse #menu-main-1 {
        margin-left: 20px !important;
    }
    .nav-collapse #menu-main-1 ul {
        margin-left: 10px !important;
    }
    #sidebar {
        display: none;
    }
    #sizerlinks {
        display: none;
    }
    .rohtable tr td:last-child {
        width: 50% !important;
        max-width: 450px;
    }
    .container_12, .container_16 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .link-logo {
        height: 87% !important;
        width: 22.6% !important;
    }
    .link-logo img {
        width: 86%;
        height: auto;
    }
    #content {
        margin-top: 0px;
    }
    #monument {
        width: 23%;
        height: auto;
    }
    .home .thumb-links li {
        display: inline-block;
        width: 130px;
        margin: 0px 2.6% 10px 0;
        overflow: hidden;
    }
    .home .thumb-links li a {
        width: 93%;
    }
    .icon-links li {
        width: 50% !important;
        margin-bottom: 10px !important;
    }
    #page div.jcp_pp {
        width: 100% !important;
    }
}
@media (min-width: 320px) and (max-width: 567px) {
    .roh-profile .entry > .rohtable {
        table-layout: fixed;
    }
    .wp-caption {
        float: inherit !important;
    }
    .container_12 .grid_9 {
        width: 100% !important;
    }
    .container_12 .grid_9 .grid_3 {
        width: 22%;
    }
    div.post {
        margin-right: 30px !important;
    }
    .nav-collapse {
        display: none;
    }
    .nav-collapse .searchform {
        margin-top: 30px !important;
        margin-left: 20px !important;
    }
    .nav-collapse #menu-main-1 {
        margin-left: 20px !important;
    }
    .nav-collapse #menu-main-1 ul {
        margin-left: 10px !important;
    }
    #sidebar {
        display: none;
    }
    #sizerlinks {
        display: none;
    }
    .container_12, .container_16 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .link-logo {
        height: 100% !important;
        width: 30% !important;
        left: 20px !important;
    }
    .link-logo img {
        width: 90%;
        height: auto;
        margin-top: 10px !important;
    }
    #content {
        margin-top: 0px;
    }
    #monument {
        width: 222px;
        height: auto;
    }
    .home .thumb-links {
        margin: 0 auto 0 auto !important;
        width: 275px;
    }
    .home .thumb-links li {
        display: block;
        width: 130px;
        margin: 0 2.6% 10px 0 !important;
        clear: inherit !important;
        float: left !important;
        overflow: hidden;
    }
    .home .thumb-links .support-us {
        clear: both !important;
    }
    li.history {
        margin-right: auto !important;
    }
    .home .thumb-links li:last-child {
        margin-right: auto !important;
    }
    .home .thumb-links li a {
        width: 92%;
    }
    .icon-links li {
        width: 50% !important;
        margin-bottom: 15px !important;
    }
    #page div.jcp_pp {
        width: 100% !important;
    }
    #menu-btn {
        display: block;
    }
    #sidebar {
        width: 222px !important;
    }
    #footer .grid_6 {
        width: 100% !important;
    }
    .icon-links {
        padding: 0 0 0 25px !important;
    }
    .home .grid_9 .grid_4 {
        width: 100% !important;
    }
    .sub-links-menu {
        margin: auto !important;
        float: inherit !important;
    }
    .roh-profile div.post {
        margin-left: 20px !important;
    }
    #sidr-menu {
        display: none;
        width: 50%;
    }
    .container_12 .grid_9 .grid_3 {
        width: 100%;
    }
    #sub {
        padding-top: 0px !important;
    }
    #sub .thumb-links {
        margin: 0 !important;
    }
    .thumb-links li {
        display: block !important;
        float: inherit !important;
        clear: both;
        margin: 10px auto !important;
    }
    .sub-links-menu.alt-sub-menu {
        float: none !important;
    }
    .sub-links-menu.alt-sub-menu li {
        margin: 4px auto !important;
    }
    .container_12 .grid_9 .grid_6 {
        width: 95%;
    }
    .flickr-heading {
        text-align: center;
    }
    .flickr-thumb {
        margin: 5px auto !important;
        float: none !important;
    }
    .post {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .owl-controls {
        display: none;
    }
    .inner-page .entry {
        margin-right: 0px !important;
    }
    .roh-profile .rohtable tr td:first-child {
        display: block;
    }
    .roh-profile .rohtable tr td {
        display: block;
    }
    .thumb-profile-link {
        position: inherit !important;
        top: 0;
        left: 0;
        float: inherit !important;
        margin-left: 0 !important;
    }
    #popupimg {
        position: inherit !important;
        width: inherit !important;
    }
    img.thumb-profile-pic.wp-post-image {
        padding: 0 !important;
    }
    #page div.jcp_pp_meter {
        width: 97% !important;
    }
    .press-table {
        table-layout: fixed;
        width: 100%;
    }
    .press-table td {
        width: inherit !important;
    }
    .credited {
        padding-left: 0 !important;
    }
    .credited p {
        text-align: left;
    }
}
ul.alphabet-list {
    margin-bottom: 10px;
}
ul.alphabet-list li {
    display: inline;
    font-size: 15px;
    text-transform: capitalize;
}
ul.alphabet-list li a, ul.alphabet-list li a:active, ul.alphabet-list li a:visited {
    font-size: 14px;
    text-decoration: none;
    color: #21759B;
}
ul.alphabet-list li a:hover, ul.alphabet-list li a.selected {
    text-decoration: none;
    font-weight: bold;
}
@media(max-width: 960px){
    table td{
        width: 100% !important;
        display: block;
    }
}