/* Base Color: #cc0000 */
/* Lighter: #f19999 */

/* Subheader Background */
div#subheader {
    background: #cc0000;
}

/* Top Menu Hover Color */
ul#topmenu > li > a:hover, ul#topmenu li.sfHover > a {
    color: #f19999;
}

/* Top Menu Current Item Color */
ul#topmenu > li.current-menu-item > a {
    color: #d93131;
}

/* Top Menu Subheader Color */
ul#topmenu ul.sub-menu li > a:hover {
    color: #f19999;
}

/* Top Menu Current Item Color */
ul#topmenu ul.sub-menu li.current-menu-item > a {
    color: #cc0000;
}

/* Mobile Menu Item Color */
#mobile-menu-modal ul#mobile-nav-ul > li a {
    color: #cc0000;
}

/* Frontpage Slider Paginator Image */
.frontpageslider .flex-control-nav li a {
    background-image: url(../img/slider-paginator-red.png);
}

/* Frontpage Slider Hires Paginator Image */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .frontpageslider .flex-control-nav li a {
        background-image: url(../img/slider-paginator-hires-red.png);
    }
}

/* Frontpage Slider Caption Title */
.flex-caption > div.title {
    background: #cc0000;
}


/* Banner Background */
div#banner {
    background-color: #cc0000;
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: left top;
    background-image: url("../img/banner-background-red.png");
}

/* Banner Top Border */
div#banner {
    border-top: 1px solid #ff0000;
}

/* Banner Subtitle Color */
div#banner p {
    color: #f19999;
}

/* Page Link Color */
body a, body a:visited, .main .tabs > li > a, .tabs > li > a {
    color: #cc0000;
}

/* Page Link Hover Color */
body a:hover {
    color: #cc0000;
}

/* Blog Meta Hover Color */
.post-preview .post-content p.post-meta a:hover {
    color: #cc0000;
}

/* Blog Paginator Background Image*/
.prime-blog .paginators ul.page-numbers li span.current {
    background-image: url(../img/active-paginator-background-red.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .prime-blog .paginators ul.page-numbers li span.current {
        background-image: url(../img/active-paginator-background-hires-red.png);
    }
}

/* Blog Paginator Link Hover Color*/
.prime-blog .paginators ul.page-numbers li a:hover {
    color: #cc0000;
}

/* Blog Newer/Older Posts Link Hover Color */
.prime-blog .paginators ul.page-numbers li a.prev:hover, .prime-blog .paginators ul.page-numbers li a.next:hover {
    color: #cc0000;
}

/* Gallery Slider Active Paginator Image*/
.galleryslider .flex-control-nav li a.active {
    background-image: url(../img/portfolio-item-gallery-active-paginator-black.png);
}

/* Gallery Slider Hires Active Paginator Image*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .galleryslider .flex-control-nav li a.active {
        background-image: url(../img/portfolio-item-gallery-active-paginator-hires-black.png);
    }
}

/* Portfolio Filters Color */
div#portfolio-filters li > div {
    color: #cc0000;
}

/* Portfolio Image Icon Image*/
#masonry-container div.overlay.image h2, .ie8 #masonry-container div.overlay.image h2, 
.latest-projects div.overlay.image h2, .ie8 .latest-projects div.overlay.image h2 {
    background-image: url(../img/portfolio-image-icon-red.png);
}


/* Portfolio Image Icon Hires Image*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    #masonry-container div.overlay.image h2, .ie8 #masonry-container div.overlay.image h2, 
    .latest-projects div.overlay.image h2, .ie8 .latest-projects div.overlay.image h2 {
        background-image: url(../img/portfolio-image-icon-hires-red.png);
    }
}

/* Portfolio Audio Icon Image*/
#masonry-container div.overlay.music h2, .ie8 #masonry-container div.overlay.music h2, 
.latest-projects div.overlay.music h2, .ie8 .latest-projects div.overlay.music h2 {
    background-image: url(../img/portfolio-audio-icon-red.png);
}

/* Portfolio Audio Icon Hires Image*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    #masonry-container div.overlay.music h2, .ie8 #masonry-container div.overlay.music h2, 
    .latest-projects div.overlay.music h2, .ie8 .latest-projects div.overlay.music h2 {
        background-image: url(../img/portfolio-audio-icon-hires-red.png);
    }
}

/* Portfolio Video Icon Image*/
#masonry-container div.overlay.video h2, .ie8 #masonry-container div.overlay.video h2, 
.latest-projects div.overlay.video h2, .ie8 .latest-projects div.overlay.video h2 {
background-image: url(../img/portfolio-video-icon-red.png);
}

/* Portfolio Video Icon Hires Image*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    #masonry-container div.overlay.video h2, .ie8 #masonry-container div.overlay.video h2, 
    .latest-projects div.overlay.video h2, .ie8 .latest-projects div.overlay.video h2 {
        background-image: url(../img/portfolio-video-icon-hires-red.png);
    }
}

/* Item Preview Title Hover Color*/
html div#masonry-container div.overlay > h2 > a:first-child:hover, ul.latest-projects div.overlay > h2 > a:hover, 
#sidebar ul.latest-projects div.overlay > h2 > a:hover, footer #sidebar ul.latest-projects div.overlay > h2 > a:hover {
    color: #656971;
}

/* Item Preview Caption Color*/
html div#masonry-container div.overlay > p > a:first-child, ul.latest-projects div.overlay p a, #sidebar ul.latest-projects div.overlay p a, footer #sidebar ul.latest-projects div.overlay p a {
    color: #cc0000;
}

/* Item Preview Caption Hover Color */
html div#masonry-container div.overlay > p > a:first-child:hover, ul.latest-projects div.overlay > p > a:first-child:hover, 
#sidebar ul.latest-projects div.overlay p a:hover, footer #sidebar ul.latest-projects div.overlay p a:hover {
    color: #656971;
}

/* Footer Link Color */
footer a, footer a:visited {
    color: #ffffff;
}

/* Footer Link Hover Color */
footer a:hover {
    color: #ffffff;
}

/* Comment Meta Link Hover Color */
.comment .message h3 a:hover {
    color: #cc0000;
}
/* Comment Link Hover Color*/
.comment .message a:hover, .comment .message a.comment-reply-link:hover {
    color: #cc0000;
}

/* Author Comment Meta Link Hover Color */
.comment.author .message h3 a:hover {
    color: #cc0000;
}

/* Author Comment Link Hover COlor*/
.comment.author .message a:hover, .comment.author .message a.comment-reply-link:hover {
    color: #cc0000;
}