/* Lynch School of Education 
   Web Tech Group - July 14, 2014
   Style overrides default BC theme
*/

#body {
    background: none repeat scroll 0 0 #d6c6a7;
}



#topwrapper {
    background: url("images/background.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 113px;
    margin-bottom: 57px;
}

#schoolheader {
    font-family: georgia;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.08em;
    top: 76px;
}

#main {
    background: url("images/content_bk.gif") repeat-y scroll 0 0 transparent;
    left: 20px;
    /*border-left: 1px solid #d6c6a7;*/
    width: 758px;
}    

#maincontent {
    background: none repeat scroll 0 0 #efebe1;
    border-left: 1px solid #d6c6a7;
    color: inherit;
    float: left;
    min-height: 850px;
    width: 575px;
    margin-bottom: 50px;
}
#menu{
    width: 172px;
}
#menu #sitename {
    display: none;
}

#menu .leftnav {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #d6c6a7;
    font-family: georgia;
    font-size: 1.2em;
}
#menu .leftnav a, #menu .leftnav a:link, #menu .leftnav a:active, #menu .leftnav a:visited {
    color: #990000;
}
#menu .leftnav ul li a {
    border-bottom: 1px solid #e6decd;
    padding: 9px 4px 9px 14px;
}
#menu .leftnav li.parent ul li.parent, 
#menu .leftnav li.parent ul li.parent ul li.parent, 
#menu .leftnav li.parent ul li.parent ul li.parent ul li.parent {
    font-weight: normal;
    background: #efebe1;
    color: #990000;
}
#menu .leftnav li.parent ul li.parent a, 
#menu .leftnav li.parent ul li a, 
#menu .leftnav ul li.parent ul li.parent li.current li a,
#menu .leftnav li.parent ul li.parent ul li.parent ul li.parent a{
    font-weight: normal;
    background: #efebe1;
    color: #990000;
}

#menu .leftnav li.parent, #menu .leftnav li.parent a{
    background: #baa77c;
    color: #fff;
}

#menu .leftnav ul li ul li a, #menu .leftnav ul li ul li ul li a {
    padding: 7px 4px 7px 25px;
}

#menu .leftnav ul li ul li ul li.current ul li a {
    font-size: 0.95em;
    padding: 7px 4px 7px 42px;
}

#menu .leftnav ul li.parent ul li.parent li.current a {
    color: #333 !important;
    font-weight: bold;
    padding-left: 32px;
}
#menu .leftnav li.current a {
    background-position: 0 50% !important;
}
#menu .leftnav li.current ul li a {
    font-weight: normal;
}
#menu .leftnav li.current {
    background: none repeat scroll 0 0 #efebe1;
    border-bottom: medium none;
    border-top: medium none;
    color: inherit;
    font-weight: bold !important;
    margin: 0 0 0 0;
    padding: 0;
}
.breadcrumb {
    font-family: georgia;
    font-size: 12px;
    top: -38px;
    width: 763px;
    left: -190px;
    text-transform: none;
}
.breadcrumb a {
    color: #990000;
}
.breadcrumb .bcd {
    color: #990000;
}

#maincontent h1, #content h1, #columnwrapper h1 {
    background: inherit;
    color: #333;
    font: 3.5em Georgia,Times,serif;
    letter-spacing: 0.01em;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    top: -22px;
} 

 #maincontent .newsinfo.cq-element-newsinfo  h1{ /* Top margin fix during edit */  
     top: -8px;
 }
 
#columnwrapper h1 {
    margin-top: 20px;
    margin: 0 0 20px;
    padding: 0 0 5px;
    top: 0px;  
}
#columnwrapper h1.underline {
    border-bottom: 1px solid #baa77c;

}

#columnwrapper h2 {
    background: inherit;
    color: #333;
    font: 2.3em Georgia,Times,serif;
    letter-spacing: 0.01em;
    margin-bottom: 25px;
    margin-top: 0;
}

#columnwrapper h2.underline{
    border-bottom: 1px solid #d6c6a7;
}
#maincontent h3, #content h3 {
    font: 1.8em Georgia,Times,serif;
    letter-spacing: 0.02em;
    margin-bottom: 9px;
    margin-top: 20px;
    padding-bottom: 7px;
} 
#maincontent h1.underline, #content h1.underline,
#maincontent h2.underline, #content h2.underline,
#maincontent h3.underline, #content h3.underline,
#maincontent h4.underline, #content h4.underline,
#maincontent h5.underline, #content h5.underline {
    border-bottom: 1px solid #d6c6a7;
}

#columnwrapper .newslisting h3 {
    font: 1.8em Georgia,Times,serif;
    letter-spacing: 0.02em;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 7px;
} 

#columnwrapper  #row-middle .newslisting h3 {
   font: 1.6em Georgia,Times,serif;
}

#columnwrapper h3 {
    font: 2.2em Georgia,Times,serif;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
    margin-top: 14px;
    padding-bottom: 7px;
} 
#columnwrapper h3.underline {
    border-bottom: 1px solid #baa77c;
}
#maincontent h4, #content h4{
    background: inherit;
    color: #990000;
    font: normal 1.7em/1.3em Georgia,times,sans-serif;
    letter-spacing: 0.01em;
    text-transform: none;
}
#columnwrapper h4{
    background: inherit;
    color: #990000;
    font: normal 1.5em/1.3em Georgia,times,sans-serif !important;
}
#columnwrapper h4 a , #columnwrapper h4 a:link, h4 a:visited, h4  a:active {
    text-decoration: none;
}
#columnwrapper h4.more {
    display: inline-table;
    float: right;
    margin: -50px 0 0;
    position: relative;
}

#maincontent p.intro {
    font-size: 1.4em;
    font-family: Arial, Verdana, serif;
}

#maincontent a, #maincontent a:link, #maincontent a:visited, #maincontent a:active {
    text-decoration: none;
}
/* Button */
.button.red {
    font-family: Georgia, Times, serif;;
    font-size: 12px;
    color: #ffffff;
    display: block; 
    width: 70%;
    text-align: center;
    background: -moz-linear-gradient(
        top,
        #a82228 0%,
        #700a08);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#a82228),
        to(#700a08));
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#a82228', endColorstr='#700a08'); /* For Internet Explorer 5.5 - 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#a82228', endColorstr='#700a08')"; /* For Internet Explorer 8 */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #631563;
    -moz-box-shadow:
        0px 0px 0px rgba(255,255,255,0.5),
        inset 0px 2px 0px rgba(214,141,141,0.5);
    -webkit-box-shadow:
        0px 0px 0px rgba(255,255,255,0.5),
        inset 0px 2px 0px rgba(214,141,141,0.5);
    box-shadow:
        0px 0px 0px rgba(255,255,255,0.5),
        inset 0px 2px 0px rgba(214,141,141,0.5);
    text-shadow:
        0px -1px 0px rgba(33,33,33,0.2),
        0px 1px 0px rgba(33,33,33,0.2);
}
 .button.red a{  
    display: block; 
    padding: 13px 18px;
    color: #fff;
    text-decoration: none;
}
.button.red a:hover {
    color: #dfd4bc;
}
.button.red:hover a, .button.gold:hover a{
    background: -moz-linear-gradient(
        top,
        #999999 0%,
        #555555);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#999999),
        to(#555555));
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        }
        
.button.gold {
    font-family: Georgia, Times, serif;
    font-size: 15px;
    color: #ffffff;
    display: block; 
    width: 50%;
    text-align: center;
    background: -moz-linear-gradient(
        top,
        #b9a67a 0%,
        #9c824b);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#b9a67a),
        to(#9c824b));
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b9a67a', endColorstr='#9c824b'); /* For Internet Explorer 5.5 - 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b9a67a', endColorstr='#9c824b')"; /* For Internet Explorer 8 */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #a89160;
    -moz-box-shadow:
        0px 0px 0px rgba(255,255,255,0.5),
        inset 0px 1px 0px rgba(193,179,145,0.6);
    -webkit-box-shadow:
        0px 0px 0px rgba(255,255,255,0.5),
        inset 0px 1px 0px rgba(193,179,145,0.6);
    box-shadow:
        0px 0px 0px rgba(255,255,255,0.5),
        inset 0px 1px 0px rgba(193,179,145,0.6);
    text-shadow:
        0px -1px 0px rgba(33,33,33,0.2),
        0px 1px 0px rgba(33,33,33,0.2);
}

 .button.gold a {
    display: block; 
    padding: 13px 18px;
    color: #fff;
    text-decoration: none;
}

.button.red.small{width: 17%; float:left; margin-right:14px}
.button.red.medium{width: 70%}
.button.red.large {width: 99%}
.button.gold.small{width: 21%; float:left; margin-right:14px}
.button.gold.medium{width: 30%}
.button.gold.large {width: 70%}

.button-row {
    display: block; height: 60px; width: 100%;
}

/* Footer */
#footer {
    background: none repeat scroll 0 0 #420102;
    height: 100px;
    width: 100%;
    border-top: 2px solid #baa77c;
}
#footer .left {
    display: none;
}
#footer .right {
    color: #fff;
    float: none;
    left: -12em;
    margin: auto;
    position: relative;
    text-align: left;
    width: 51em;
}
#footer a {
    color: #a58e77;
}

* {} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;margin:0;padding:0;}

#wrapper {min-height: 100%;}

#main {overflow:visible;
    padding-bottom: 100px;}  /* must be same height as the footer */

#footer {position: relative;
    /*margin-top: -100px; /* negative value of footer height */
    height: 100px;
    clear:both;
    padding: 7px 0;    
 } 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
    <style type="text/css">
        #wrap {display:table;height:100%}
    </style>
<![endif]-->

*/

#footer .social {
    color: #420000;
    float: none;
    font-size: 12px;
    font-weight: bold;
    margin: auto;
    position: relative;
    right: -24em;
    text-align: right;
    top: -33px;
    width: 10em;
    }
#footer .social .twitter a, #footer .social .facebook a{
    background: none repeat scroll 0 0 #baa77c;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    display: inline-table;
    height: 18px;
    margin-left: 9px;
    padding: 1px 0 0;
    text-align: center;
    width: 20px;
    text-decoration: none;
    color: #420000;
} 
#footer .social .twitter:hover a, #footer .social .facebook:hover a{  
    background: #fff;
    color: #990000;
}


/** BC Widgets custom adjustment **/

.lsoe .tab-content span.callout {
    background-color: rgba(180, 163, 115, 0.96);
    bottom: 113px;
    color: #fff;
    float: left;
    font-family: Georgia,Times,serif;
    font-size: 13px;
    font-style: italic;
    height: auto;
    left: 16px;
    line-height: 20px;
    min-width: 285px;
    padding: 8px 15px;
    position: relative;
    -ms-filter: "alpha(opacity=96)"; /* IE8 */
    filter: alpha(opacity=96); /* Old IE */
    -khtml-opacity: 0.96; /* Old Safari */
    -moz-opacity: 0.96; /* Old Firefox, Netscape */
    opacity: 0.96; /* Standard */
    *filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF); /*Old IE*/
}
    
.lsoe .tab-content .textimage .text {
    margin-top: 0;
    position: absolute;
    z-index: 2;
}  
    
.lsoe .tab-content .textimage  img {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.lsoe .neutral.tabs > .nav-tabs  {
    border: none;
    left: -11px;
    position: relative;
    top: -7px;
    z-index: 5555;
}  
.lsoe .neutral.tabs-below > .nav-tabs {
    border: medium none;
    left: -1px;
    position: relative;
    top: -7px;
    z-index: 5555;
}
     
.lsoe .neutral > .nav-tabs > .active > a,.lsoe  .neutral > .nav-tabs > .active > a:hover, 
.lsoe .neutral.tabs-below > .nav-tabs > .active > a,.lsoe .neutral.tabs-below > .nav-tabs > .active > a:hover { 
    border: medium none;
    border-radius: 0;
    display:table-cell;
    vertical-align : middle;
    height: 46px;
    text-align: center;
    vertical-align: middle;
    width: 170px; 
}    
.lsoe .neutral .tab-content {
     background: none repeat scroll 0 0 transparent !important;
    display: inline-table;
    overflow: auto;
    padding: 0 0 0 0 !important;
    position: relative;
    top: -10px;
    
} 

.lsoe .neutral.tabs-below .tab-content {
    background: none repeat scroll 0 0 transparent;
    display: inline-table;
    overflow: auto;
    padding: 0 !important;
    position: relative;
    top: 0;
}
    
.lsoe .neutral > .nav-tabs, .lsoe .neutral.tabs-below > .nav-tabs {
    border: none !important;
}
.lsoe .nav-tabs > li {
    margin-bottom: 0 !important;
    font-family: georgia;
    font-size: 1.2em !important;
}
.lsoe .neutral > .nav-tabs > li{
    margin-bottom: 0;
    margin-top: 0px;
    margin-left: 1px;
}
.lsoe .tabs-below > .nav-tabs > li {
    margin-bottom: 0;
    margin-top: 4px;
    margin-left: 1px;
}
.lsoe .nav-tabs > li > a {
    border: 0 !important;
    border-radius: 4px 4px 0 0;
    line-height: 13px;
    padding: 13px 0 0;
    text-decoration: none;
}
.lsoe .neutral > .nav-tabs > li > a,.lsoe .tabs-below > .nav-tabs > li > a {
    border-radius: 0 !important;
    display: table-cell;
    vertical-align : middle;
    text-align: center;
    line-height: normal;
    padding: 0px 10px !important;
    height: 46px;
    width: 169px;
    background: #e6e0ce; /* Old browsers */
    background: -moz-linear-gradient(top,  #e6e0ce 1%, #c9bb9e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e6e0ce), color-stop(100%,#c9bb9e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e6e0ce 1%,#c9bb9e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e6e0ce 1%,#c9bb9e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e6e0ce 1%,#c9bb9e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e6e0ce 1%,#c9bb9e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e0ce', endColorstr='#c9bb9e',GradientType=0); /* IE6-9 */
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e6e0ce', endColorstr='#63a62f'); /* For Internet Explorer 5.5 - 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e6e0ce', endColorstr='#c9bb9e')"; /* For Internet Explorer 8 */
    
}

.lsoe .neutral > .nav-tabs > .active > a, .lsoe .neutral > .nav-tabs > .active > a:hover ,
 .neutral.tabs-below > .nav-tabs > .active > a, .lsoe .neutral.tabs-below > .nav-tabs > .active > a:hover {
    background: none repeat scroll 0 0 #fff;
    padding: 0ppx;
}
.lsoe .neutral > .nav-tabs > li.active {
background: url("/past/etc/designs/bc/schools/lsoe/images/tab_active_arrow.png") no-repeat scroll 62% 20px rgba(0, 0, 0, 0);
    display: inline-block;
    margin-bottom: -7px;
    margin-top: 0;
    padding: 0 0 10px;
    position: relative;
    z-index: 2;
}
.lsoe .tabs-below > .nav-tabs > li.active {
    background: url("/past/etc/designs/bc/schools/lsoe/images/tab_active_arrow.png") no-repeat scroll 62% 10px rgba(0, 0, 0, 0);
    margin-bottom: 0;
    margin-top: -14px;
    padding: 19px 0 0;
}
 .lsoe .nav-tabs > li > a, .lsoe .nav-pills > li > a {
   border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    line-height: 20px;
    padding: 0 1px !important;
    text-decoration: none;
}
.lsoe .tabbable.neutral  ul, .lsoe .tabbable.neutral  ol {
    padding: 0 0 0 0 !important;
}

.lsoe .top-right .tabbable ul, .lsoe .top-right .tabble ol {
    margin: 0;
    padding: 0 0 0 10px;
}

.cq-wcm-edit #top-right {
height:502px !important; /* make bottom tabs visible on edit*/
}


/* Home Carousel */

#top-right .carousel-caption h3, #top-right .carousel-caption h4, #top-right .carousel-caption h5 {
    text-transform: none !important;
}
#row-bottom #bcbootstrapcarousel {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
#row-bottom .carousel-caption {
     background: transparent;
    /*left: auto !important;*/
    margin-left: 366px;
    position: absolute;
    color: #990000;
    right: -15px;
    top: 0;
    width: 250px;
}

#row-bottom .carousel-inner > .item {
    margin: 0 80px;
}
#row-bottom .carousel-caption h3, #row-bottom .carousel-caption h4, #row-bottom .carousel-caption h5 {
     font-family: Georgia, serif;
     color: #990000 !important; 
     text-shadow: none !important; 
}

#row-bottom .carousel-caption h4 {
    padding-bottom: 5px;
    border-bottom: 1px solid #baa77c;
}

#row-bottom .carousel-caption p {
     color: #333333 !important; 
     text-shadow: none !important; 
     line-height: 1.4em !important;
}
#row-bottom a.more {
    white-space: nowrap;
    font-style: normal;
    color: #fff;
    font-family: arial, ser;
    font-size: 12px;
    letter-spacing: .05em;
}   

#row-bottom a.carousel-control, #row-bottom a.carousel-control:link, #row-bottom a.carousel-control:visited, #row-bottom a.carousel-control:active {
    background: none repeat scroll 0 0 #a7905a !important;
    color: #ffffff !important;
    text-decoration: none;
}  

#row-bottom .carousel-control {
    opacity: .75
}