/*
Theme Name: CUPE_F
Theme URI: http://wordpress.org/
Template: twentyeleven
Description: The CUPE D theme is designed for CUPE locals. It's customizable as well as simple and readable. Make it your own. Update the header image, choose your background colour and customize your menu. It's modified from TwentyEleven, the default template for WordPress - ensuring longterm support and hassle-free updates. 
Author: CUPE National
Author URL: www.cupe.ca
Version: 0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
Text Domain: twentyeleven
*/

@import  url(../twentyeleven/style.css);
@import  url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import  url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Bitter);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* Adding the CUPEFont */
@font-face {
    font-family: cupe2012;
    src: url(fonts/cupe2-12-webfont.eot);
    src: url(fonts/cupe2-12-webfont.eot?#iefix) format(embedded-opentype), url(fonts/cupe2-12-webfont.woff) format(woff), url(fonts/cupe2-12-webfont.ttf) format(truetype), url(fonts/cupe2-12-webfont.svg#webfont) format(svg);
}


/* --- STRUCTURE & LAYOUT --- */
html {
    height: 100%;
    margin-top: 0;
}

body {
    background-image: url(images/diagonalbg.png);
    background-color: #d33;
}
a{
    color: #900000;
}
a:hover{
    color: #090;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Bitter',arial,sans-serif !important;
}
p,li{
    font-family: 'Open Sans',arial,sans-serif !important;
}
#page {
    margin: 0 auto;
    max-width: 1000px;
    -moz-box-shadow: 0 0 5px #666;
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666;
    /* For IE 8 	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#666666')";	/* For IE 5.5 - 7 	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#666666');*/
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#777777,Strength=5,Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#777777,Strength=5,Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#777777,Strength=5,Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#777777,Strength=5,Direction=270);
}

#branding {
    border-top: none;
    background: #fff;
    padding-bottom: 30px;
}

#branding hgroup {
    margin: 0 3%;
}

#branding img {
    /* height: 200px; */
    margin-bottom: -26px;
    position: relative;
    top: -20px;
    z-index: -1;
}

/*Position searchform */
#branding #searchform {
    top: 2.8em;
    z-index: 20;
    position: relative;
    right: -195px;
}

#tribe-events-pg-template {
    padding: 5px 20px;
}

input#s {
    background: url(images/search.png) no-repeat 5px 6px;
}

#branding #s {
    background-color: #FFF;
}

#site-title {
    font-family: cupe2012,Verdana,Arial,Helvetica,sans-serif;
    font-style: italic;
}

#site-title a {
    color: #0D5B93;
    font-size: 3em;
    font-weight: 400;
    line-height: 12px;
    text-decoration: none;
}

#site-description {
    color: #777;
    font-size: 14px;
    margin: 0;
    font-family: Droid serif;
    font-style: italic;
    float: right;
    top: -30px;
    position: relative;
}

#access {
    border-top: 2px solid #95b3db;
    border-bottom: 2px solid #95b3db;
    background: #7a9dd0;
    /* Show a solid color for older browsers */
    background-image: url(images/diagonalbg.png);
    text-transform: uppercase;
    font-weight: 700;
    box-shadow: 0 0 15px #777;
    -moz-box-shadow: 0 0 15px #777;
    -webkit-box-shadow: 0 0 15px #777;
}

#access div {
    margin: 0 20% 0 3%;
}

#access a {
    color: #0d5b93;
    display: block;
}
#access a:hover{
    color: #009900;
}
#access li:hover > a,#access a:focus {
    background: #f9f9f9;
    /* Show a solid color for older browsers */
    background: 0;
    background: 0;
    background: 0 to(#e5e5e5));
    /* Older webkit syntax */
    background: 0;
    color: #0d5b93;
}

#access .current-menu-item > a,#access .current-menu-ancestor > a,#access .current_page_item > a,#access .current_page_ancestor > a {
    font-weight: 700;
    color: #fff;
}

#access ul {
    font-size: 13px;
}

#access ul ul a {
    background: #BCC6CF;
}

#access ul li.focus > ul {
    display: block;
}
#access li.focus{
    border: 1px solid;
}

#main {
    padding: 0;
}

#primary {
}

#content {
    margin: -5px 25% 0 0;
    width: 66%;
    padding: 35px 3% 0;
    position: relative;
    /*NEW */
    height: 100%;
}

#respond {
    background: none;
    border: none;
    margin: 0 auto;
    padding: 5em;
}

#respond input#submit {
    background: #0D5B93;
    padding: 10px;
    left: 0;
    margin: 20px 0 0;
}

.singular #content,.left-sidebar.singular #content {
    margin: -5px 25% 0 0;
}

#reply-title {
    color: #0D5B93;
    font-size: 24px;
    font-weight: 400;
}

/*Sidebar */
#secondary {
    float: right;
    margin-right: 0;
    width: 20%;
    padding: 35px 3%;
    top: -35px;
}

/* Footer */
#site-generator {
    background: #A2BADE;
    border-top: none;
    color: #294F7E;
    font-size: 10px;
    line-height: 2.2em;
    padding: 1em 0 4em 2em;
    text-align: left;
    font-weight: 400;
}

#supplementary {
    background: #DDD;
}

/* Fonts */
body,input,textarea {
    color: #666;
    font: 14px "Droid Sans", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.625;
}

h1,h2,h3,h4,h5,h6 {
    clear: both;
    font-family: "Droid Serif";
    color: #0d5b93;
}

.entry-title,.entry-title a {
    color: #0d5b93;
    text-decoration: none;
    font-weight: 400;
    padding-bottom: 0;
}

.entry-meta {
    text-transform: uppercase;
}

.entry-meta a {
    font-weight: 400;
}

a,#site-title a:focus,#site-title a:hover,#site-title a:active,.entry-title a:hover,.entry-title a:focus,.entry-title a:active,.widget_twentyeleven_ephemera .comments-link a:hover,section.recent-posts .other-recent-posts a[rel=bookmark]:hover,section.recent-posts .other-recent-posts .comments-link a:hover,.format-image footer.entry-meta a:hover,#site-generator a:hover {
    color: #0d5b93;
}

.singular #primary {
    margin: 0px -26.4% 0px 0px;
}

.singular .entry-title {
    color: #0D5B93;
    font-size: 36px;
    font-weight: none;
    line-height: 48px;
}

.widget a {
    font-weight: 400;
    color: #777;
}

.widget-title {
    color: #0d5b93;
    font-size: 1.5em;
    letter-spacing: .1em;
    line-height: 1.4em;
    text-transform: lowercase;
    font-style: italic;
    border-bottom: 1px dashed #aaa;
    margin-bottom: 10px;
}

.widget-title a {
    font-weight: 700;
}

/* Triangle Bullets */
#secondary ul,#secondary ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Fixes for events calendar pro 3.0 upgrade */
h4.summary a {
    font-size: 12px;
    line-height: 14px;
}

h4.summary {
    display: inline;
    padding-top: 0;
    line-height: 14px;
}

#secondary li {
    padding-left: .5em;
    text-indent: -.9em;
    margin-bottom: 1em;
}

#secondary li:before {
    content: "\25B8\0020\0020";
    color: #0d5b93;
    /* or whatever color you prefer */
}

body ol.vcalendar li h4 {
    font-size: 1.1em;
    line-height: 1.4em;
    display: inline;
    margin-top: 0px;
    padding-right: 0px;
    padding-top: 0px;
    float: none;
    clear: both;
}
body ol.vcalendar  li.hentry {
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
    padding-bottom: 0px;
    border-bottom: none;
}

.singular .hentry {
    padding: 0px;
}

li.tribe-clearfix:before, li.tribe-clearfix:after {
    display: inline;
}


/* Image borders */
img[class*=align],img[class*=wp-image-],#content .gallery .gallery-icon img {
    /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    border: none;
    padding: 0;
    -moz-box-shadow: 0 0 10px #666;
    -webkit-box-shadow: 0 0 10px #666;
    box-shadow: 0 0 10px #666;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000');
}

/* Twitter */
.widget_twitter div {
    padding: 0;
}

.widget_twitter ul li {
    margin-bottom: 5px;
}

.widget_twitter .follow-button,.widget_twitter .xavisys-link {
    margin: 0 10px 10px 25px;
}

.widget_twitter .entry-meta {
    display: block;
    font-size: 80%;
}

.widget_twitter .intent-meta a {
    background: url(images/everything-spritev2.png);
    /** from Twitter ressources */
    display: inline-block;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}

.widget_twitter .intent-meta a.in-reply-to {
    background-position: 0 center;
}

.widget_twitter .intent-meta a:hover.in-reply-to {
    background-position: -16px center;
}

.widget_twitter .intent-meta a.favorite {
    background-position: -32px center;
}

.widget_twitter .intent-meta a:hover.favorite {
    background-position: -48px center;
}

.widget_twitter .intent-meta a.retweet {
    background-position: -80px center;
}

.widget_twitter .intent-meta a:hover.retweet {
    background-position: -96px center;
}

div.entry-content div.mr_social_sharing_wrapper {
    width: 180px;
    float: right;
    padding-left: 15px;
    height: 30px;
}

span.mr_social_sharing {
    padding-right: 8px;
}

/* Make calendar divisions display cleanly */
.tribe-events-adv-list-widget li .duration {
    display: block;
    clear: both;
    float: none;
    margin-left: 12px;
}

/* Disable hyphenation in the sidebar for browsers that support it. */
div#secondary li {
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
}

/* Tweak the height of the site generator */
footer#colophon div#site-generator {
    display: block;
    padding-top: 25px;
    padding-bottom: 15px;
    line-height: 1.2em;
}

/* Define the attachment embed iframe. */
iframe.attachment-embed {
    width: 95%;
    height: 600px;
    float: none;
}

div.entry-attachment {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Responsive Design */
@media max-width 800px {
    #site-description {
        float: none;
        top: 0;
    }

    #branding#searchform {
        position: absolute;
        right: 20px;
        margin-top: -10px;
    }

    #access {
        margin-top: 10px;
    }

}

/* Rules for responsive menu */


/* #Menu
================================================== */
nav .menu select {
    display: none;
}

/* #Media Queries
================================================== */

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    /* Navigation */
    nav .menu li {
        display: none;
    }
    nav .menu select {
        display: block;
        background: url('images/select-arrows.jpg') no-repeat scroll right center #FFF;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        padding: 5px 10px;
        margin: 10px auto;
        border: 1px solid #FFF;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        width: 100%;
    }
    #site-navigation {
        padding: 2px 0;
    }
}

/* Remove meta content */
footer.entry-meta {
    display: none;
}

/* Don't display search box */
#branding #searchform {
    display: none;
}

#site-description {
    color: #000;
}

/* Change the colour for the background header. */
#access {
    background-image: none;
}

@media screen and (min-width: 980px) {
    #access ul {
        width: 980px;
    }
}

#ie8 #access ul {
    width: 980px;
}

#ie8 #access ul ul {
    width: 298px;
}

/* Tweak the height of the site generator */
footer#colophon div#site-generator {
    display: none;
}

/* Change the colour for the background header. */
#access {
    background-image: none;
    background-color: #F8F8F8;
    border-top: none;
    border-bottom: none;
}

#access ul ul a {
    background-color: #F8F8F8;
}

/* Text colour override */
h1,h2,h3,h4,h5,h6,.entry-title a,.entry-title,.singular .entry-title, a, #site-title a:focus, #site-title a:hover, #site-title a:active, .entry-title a:hover, .entry-title a:focus, .entry-title a:active, .widget_twentyeleven_ephemera .comments-link a:hover, section.recent-posts .other-recent-posts a[rel="bookmark"]:hover, section.recent-posts .other-recent-posts .comments-link a:hover, .format-image footer.entry-meta a:hover, #site-generator a:hover, .widget-title, #secondary li:before, #site-title a, #access a,#access li:hover > a, #access a:focus, #reply-title {
    color: #900000;
}

body {
    color: #232323;
}

#supplementary {
    background: #f2f2f2;
}

#access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a, .entry-title a:hover, .entry-title a:focus, #access li:hover > a {
    color: #009900;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
    background: #333;
    margin-bottom: 1.5em;
}
.current_page_item a ,
.main-navigation a:hover {
    color: #090;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    display: inline-block;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    padding: 8px 12px;
    white-space: nowrap;
}
.main-navigation .sub-menu li{
    border-bottom: 1px dotted #ddd;
}
.main-navigation .children a,
.main-navigation .sub-menu a {
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    background-color: #F8F8F8;
    color: #444;
    font-size: 13px;
    font-weight: normal;
    height: auto;
    line-height: 1.4em;
    padding: 10px 10px;
}

.main-navigation .children a:hover, 
.main-navigation li.focus a{
    background: #f9f9f9;
    color: #090;
    border-color: #f9f9f9;
}
.main-navigation .sub-menu a{
    color: #444 !important;
    padding: 10px 10px !important;
    width: 168px;
    line-height: 20px !important;
    white-space: normal;
}
.main-navigation .sub-menu li.focus a, .main-navigation .sub-menu a:hover{
    color: #090 !important; 
}

.main-navigation .sub-menu a{
    color: #444 !important;
}

/*.main-navigation .children > li:nth-child(1):hover:before,
.main-navigation .sub-menu > li:nth-child(1):hover:before {
    border-bottom-color: #fff;
}

.main-navigation .children > li:nth-child(1):hover:after,
.main-navigation .sub-menu > li:nth-child(1):hover:after {
    border-bottom-color: #fff;
}*/

.main-navigation .children:last-child(1),
.main-navigation .sub-menu:last-child(1) {
    border-bottom: 0;
}

.main-navigation ul ul a {
    font-weight: 400;
    text-align: left;
}

.main-navigation > a {
    padding: 0;
}

.main-navigation ul ul {
    float: left;
    position: absolute;
    left: -999em;
    z-index: 99999;
    top: 3.333em;
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    background-color: #F8F8F8;
}

/*.main-navigation .children li:nth-child(1):after,
.main-navigation .children li:nth-child(1):before,
.main-navigation .sub-menu li:nth-child(1):after,
.main-navigation .sub-menu li:nth-child(1):before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.main-navigation .children li:nth-child(1):after,
.main-navigation .sub-menu li:nth-child(1):after {
    border-color: hsla(0,0%,100%,0);
    border-bottom-color: #222;
    border-width: 10px;
    margin-left: -10px;
}*/
/*.main-navigation .children li:nth-child(1):before,
.main-navigation .sub-menu li:nth-child(1):before {
    border-color: rgba(34,34,34,0);
    border-bottom-color: #222;
    border-width: 16px;
    margin-left: -16px;
}*/

/*.main-navigation .children ul li:nth-child(1):after, .main-navigation .children ul li:nth-child(1):before,
.main-navigation .sub-menu ul li:nth-child(1):after, .main-navigation .sub-menu ul li:nth-child(1):before {
    display: none;
}*/

.main-navigation ul ul ul {
    left: -999em;
    top: 0px;
}

.main-navigation ul ul a {
    width: 235px;
}


.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
    left: 100%;
}
#site-navigation{
    background-color: #F8F8F8;
    text-transform: uppercase;
    font-weight: 700;
    box-shadow: 0 0 15px #777;
    -moz-box-shadow: 0 0 15px #777;
    -webkit-box-shadow: 0 0 15px #777;
}
#site-navigation div {
    margin: 0 24px;
}
#site-navigation a{
    line-height: 3.333em;
    padding: 0 1.2125em;
}



#site-navigation li:hover > a, #site-navigation ul ul :hover > a, #site-navigation a:focus {
    background: #efefef;
}

#branding .only-search + #site-navigation div{
    padding-right: 205px;  
}


@media screen and (max-width:800px) {
    #branding {
        padding-top: 10px;
        padding-bottom: 5px;
    }
}

@media (max-width: 650px) {
    /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
    #branding .only-search + #site-navigation div {
        padding-right: 0;
        margin: 0 24px;
    }
}

@media screen and (max-width:480px) {
    #branding {
        padding-top: 18px;
        padding-bottom: 8px;
    }
}