/* Add your custom CSS here. */

/* GPLI STYLES. Most are same as for CLMA, but different colors. - Liz */

/* FLIP-OVER RED */
/* Note: menu-flip-red-LIZ.png is the goldenrod-colored menu that Liz created. This color of menu was not available with the original Wordpress template. */

#main-menu .flip-red .menu-left { background: url(../images/menu-flip-red-LIZ.png) 0 0 no-repeat; }
#main-menu .flip-red .menu-right { background: url(../images/menu-flip-red-LIZ.png) 0 -114px no-repeat; }
#main-menu .flip-red .menu-middle { background: url(../images/menu-flip-red-LIZ.png) 0 -57px repeat-x; }
#main-menu .flip-red .menu a { color: #083148; /*font-family: Arial, Helvetica, sans-serif; font-stretch: semi-condensed;*/ text-shadow: 0 0 0; font-size: 12px; font-weight: bold; }
#main-menu .flip-red .menu a:hover { background: url(../images/menu-flip-red-LIZ.png) 0 -171px repeat-x; }
#main-menu .flip-red .menu ul { background-color: /*#daa728*/#dcbb68; border-color: #ae841a; }
#main-menu .flip-red .menu li li a { color: #083148; text-shadow: 0 0 0; text-transform: capitalize; line-height: 13px; }
#main-menu .flip-red .menu li li a:hover { background-color: /*#dcbc6b*/#dccba0; }
#main-menu .flip-red #search-trigger { background-image: url(../images/search-popup-trigger-gold-LIZ.png); }

/* These are the gold letters that were used when the top menu was red.
#main-menu .flip-red .menu a { color: #eccd5f; text-shadow: #000000 1px 1px 1px; }
#main-menu .flip-red .menu a:hover { color: #ecdba0; text-shadow: #000000 1px 1px 1px; }
#main-menu .flip-red .menu li li a { color: #eccd5f; text-shadow: 0 0 0; }
#main-menu .flip-red .menu li li a:hover { color: #ecdba0; text-shadow: 0 0 0; }
*/

.entry-content h2, h2, h3, h4, .widget-title { color: #193188; text-shadow: 0 0 0; clear: none; }

h1, 
blockquote cite, 
.entry-content,
.comment-content, 
.entry-title, 
.entry-title a,
.lead-link, 
.element-inner-wrap, 
.textwidget { color: /*#333333*/#000000; text-shadow: 0 0 0; }

.fixed-sidebar .widget-title { font-size: 21px; margin-top: 0; margin-bottom: 12px;}

input,
textarea,
select { border: 1px solid #d1d1d1; background: transparent; color: /*#333333*/#000000; padding: 7px; }

span.header-shade { display: none; *display: none; /* IE7 FIX */ }

/* This controls positioning of the header logo. */
.tb-image-logo { position: absolute; margin-top: -19px; margin-left: -20px; z-index: 5; }
.header_logo header_logo_image { z-index: 5; }
.header-addon { z-index: 1000; }

.header-buttons { float: right; width: 141px; height: 90px; margin-right: -19px; margin-bottom: 0; z-index: 1500; }
.header-button-01 { margin-top: 14px; margin-bottom: 10px; width: 141px; height: 25px; }
.header-button-02 { margin-top: 5px; margin-bottom: 0; width: 141px; height: 20px; }

.entry-content .note { font-size: 11px; }

.entry-content ul.loose li, 
.entry-content ol.loose li { margin-bottom: 1.0em; }

.entry-content td img { position: relative; vertical-align: middle; }

.entry-content table.noborder td { border: none; }
.entry-content table.nobordercenter td { border: none; text-align: center; }

.entry-content table.smalltype { font-size: 11px; }
.entry-content table.smalltype th.highlight { background: #eee8aa; padding-left: 2px; padding-top: 4px; padding-bottom: 4px; font-size: 9px; letter-spacing: normal; line-height: 1.6em; }
.entry-content table.smalltype th.highlightcenter { background: #eee8aa; padding-top: 4px; padding-bottom: 4px; text-align: center; font-size: 9px; letter-spacing: normal; line-height: 1.6em; }

.entry-content th.highlight { background: #eee8aa; padding-left: 3px; }
.entry-content th.highlightcenter { background: #eee8aa;  text-align: center; }

.entry-content #imgLeft { position: relative; float: left; margin: 0 20px 20px 0; color: #666666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 1.6em; }
.entry-content #imgRight { position: relative; float: right; margin: 0 0 20px 20px; color: #666666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 1.6em; }

.entry-header .entry-meta { display: none; }
.entry-header .comment-bubble { display: none; }

/*Make light gray areas previously #eeeeee now darker, to a medium gray */
#main .main-inner { background: #d0d0d0; }
.main-bottom { background: #d0d0d0; }
#bottom #colophon { margin-left: 20px; /* 1000px from above - (20+20) = 960px */ margin-right: 20px; background-color: /*#eeeeee*/#d0d0d0; }
#main-top .main-top-left { background: url(../images/main-top-boxed-light-left-LIZ-d0d0d0.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; width: 30px; height: 60px; }
#main-top .main-top-right { background: url(../images/main-top-boxed-light-right-LIZ-d0d0d0.png) 0 0 no-repeat; position: absolute; top: 0; right: 0; width: 30px; height: 60px; } 
#main-top .main-top-middle { background: url(../images/main-top-boxed-light-middle-LIZ-d0d0d0.png) 0 0 repeat-x; height: 60px; }
#featured:before,
#main:before,
#featured_below:before,
#bottom:before { content: ""; background: url(../images/main-boxed-light-LIZ-d0d0d0.png) 0 0 repeat-y; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 20px; }
#featured:after,
#main:after,
#featured_below:after,
#bottom:after  { content: ""; background: url(../images/main-boxed-light-LIZ-d0d0d0.png) -20px 0 repeat-y; display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 20px; }
#after-footer .after-footer-middle { background: url(../images/main-bottom-boxed-light-LIZ-d0d0d0.png) 0 -50px repeat-x; margin: 0 30px; height: 24px; }
#after-footer .after-footer-left { background: url(../images/main-bottom-boxed-light-LIZ-d0d0d0.png) 0 0 no-repeat; position: absolute; left: 0; top: 0; width: 30px; height: 24px; }
#after-footer .after-footer-right { background: url(../images/main-bottom-boxed-light-LIZ-d0d0d0.png) 0 -24px no-repeat; position: absolute; right: 0; top: 0; width: 30px; height: 24px; }
.sidebar_right .right-sidebar .fixed-sidebar-inner,
.double_sidebar_right .left-sidebar .fixed-sidebar-inner,
.double_sidebar .right-sidebar .fixed-sidebar-inner { background-image: url(../images/sidebar-right-LIZ-d0d0d0-not-tran.png); }
.sidebar_right .right-sidebar .fixed-sidebar-inner:before,
.double_sidebar_right .left-sidebar .fixed-sidebar-inner:before,
.double_sidebar .right-sidebar .fixed-sidebar-inner:before { content: ""; background-image: url(../images/sidebar-right-top-LIZ-d0d0d0-not-tran.png); }
.sidebar_right .right-sidebar .fixed-sidebar-inner:after,
.double_sidebar_right .left-sidebar .fixed-sidebar-inner:after,
.double_sidebar .right-sidebar .fixed-sidebar-inner:after { content: ""; background-image: url(../images/sidebar-right-bottom-LIZ-d0d0d0-not-tran.png); }
.sidebar_left .left-sidebar .fixed-sidebar-inner,
.double_sidebar_left .right-sidebar .fixed-sidebar-inner,
.double_sidebar .left-sidebar .fixed-sidebar-inner { background-image: url(../images/sidebar-left-LIZ-d0d0d0-not-tran.png); }
.sidebar_left .left-sidebar .fixed-sidebar-inner:before,
.double_sidebar_left .right-sidebar .fixed-sidebar-inner:before,
.double_sidebar .left-sidebar .fixed-sidebar-inner:before { content: ""; background-image: url(../images/sidebar-left-top-LIZ-d0d0d0-not-tran.png); }
.sidebar_left .left-sidebar .fixed-sidebar-inner:after,
.double_sidebar_left .right-sidebar .fixed-sidebar-inner:after,
.double_sidebar .left-sidebar .fixed-sidebar-inner:after{ content: ""; background-image: url(../images/sidebar-left-bottom-LIZ-d0d0d0-not-tran.png); }

/* Sidebar images */
.sidebar-illustration { position: relative; float: right; margin: 0 0 10px 15px; color: #666666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 1.6em; width: 88px; height: 80px; border: none; }

/* Other illustrations */
.advisory-board { width: 132px; }
.advisory-board-illustration { width: 122px; height: 142px; margin: 0 10px 0 0; }

/* Sliders */
.standard-slider-wrapper .slides-wrapper { border: none; padding: 0; }
.standard-slider .slide .slide-body { padding: 0; font-size: 1.2em; }


/* ------------------------------------------------------------------ Phones (portrait) ------------------------------------------------------------------ */
@media only screen 
and (min-device-width : 250px) 
and (max-device-width : 767px) 
and (orientation: portrait) {
/* This controls positioning of the header logo. */
.tb-image-logo { position: absolute; margin-top: -19px; margin-left: -150px; z-index: 5; width: 92%; }
.header_logo header_logo_image { z-index: 5; }
.header-addon { z-index: 1000; }

.header-buttons { position: relative; float: none; width: 282px; height: 25px; top: 45px; margin-right: 0; margin-bottom: 40px; margin-left: -17px; z-index: 1500; }
.header-buttons br { display: none; }
.header-button-01 { margin-top: 0; margin-bottom: 0; width: 141px; height: 25px; }
.header-button-02 { margin-top: 0; margin-bottom: 3px; width: 141px; height: 20px; }

}

/* ------------------------------------------------------------------ Phones (landscape) ------------------------------------------------------------------ */
@media only screen 
and (min-device-width : 250px) 
and (max-device-width : 767px) 
and (orientation: landscape) {
/* This controls positioning of the header logo. */
.tb-image-logo { position: absolute; margin-top: -19px; margin-left: -20px; z-index: 5; width: 94%; }
.header_logo header_logo_image { z-index: 5; }
.header-addon { z-index: 1000; }

.header-buttons { position: relative; float: none; width: 400px; height: 35px; top: 85px; margin-right: 0; margin-bottom: 75px; margin-left: -17px; z-index: 500; }
.header-buttons br { display: none; }
.header-button-01 { margin-top: 0; margin-bottom: 0; width: 200px; height: 35px; }
.header-button-02 { margin-top: 0; margin-bottom: 5px; width: 200px; height: 28px; }

#main-menu .flip-red .menu a { color: #083148; 
transform:scale(1,2); /* W3C */ 
-webkit-transform:scale(1,2); /* Safari and Chrome */ 
-moz-transform:scale(1,2); /* Firefox */ 
-ms-transform:scale(1,2); /* IE 9 */ 
-o-transform:scale(1,2); /* Opera */ 
text-shadow: 0 0 0; font-size: 13px; font-weight: bold; text-transform: capitalize; margin-left: -2px; }
#main-menu .flip-red .menu a:hover { background: url(../images/menu-flip-red-LIZ.png) 0 -171px repeat-x; background-size: 100% 50%; }
#main-menu .flip-red .menu li li a { color: #083148; 
transform:scale(1,1.3); /* W3C */ 
-webkit-transform:scale(1,1.3); /* Safari and Chrome */ 
-moz-transform:scale(1,1.3); /* Firefox */ 
-ms-transform:scale(1,1.3); /* IE 9 */ 
-o-transform:scale(1,1.3); /* Opera */ 
text-shadow: 0 0 0; font-size: 12px; text-transform: capitalize; line-height: 14px; }

/* Sidebar images */
.sidebar-illustration { float: none; margin: 0 0 1em 0; }

}

/* ------------------------------------------------------- Phones (portrait and landscape) ------------------------------------------------------- */
@media only screen 
and (min-device-width : 250px) 
and (max-device-width : 767px) {

h1 br, h2 br, h3 br { display: none; }

/* Enlarges body copy in articles */
.entry-content { font-size: 1.5em; line-height: 1.4em; }

/* Enlarges body copy in sidebar widgets */
.textwidget { font-size: 1.4em; line-height: 1.3em; }

/* Article illustrations that should not float */
.no-float-illustration { float: none; margin: 0 0 1em 0; }

/* Other illustrations */
.advisory-board { width: 55px; }
.advisory-board-illustration { width: 50px; height: 58px; margin: 0 10px 0 0; }

}
/* 

Latest colors - as of 10-29-12:

BLUES:

030a24 = solid navy website background, specified in Backgrounds in Wordpress

121125 = dark, dark, dark navy of logo

0000cc = royal blue of logo

GOLDS:

e1c687 = light gold color of very top of menu
dcbc6b = lighter gold of middle of top of menu
daa728 = darker gold of middle of bottom of menu
daa623 = dark gold color of very bottom of menu

fdd13a = gold of logo

---------------------------------------

Current colors for GPLI Wordpress site - up until 10-29-12:

fdd13a = gold (matches logo)
c39700 = dark gold (shadow in menu)
0000cc = royal blue (matches logo)
000050 = dark royal blue (link hover color and menu link color)

2a9ed4 = medium blue - link color and accent color for text - CHANGING THIS TO ROYAL BLUE
1a5a78 = stormy blue - link hover color and menu link color - CHANGING THIS TO DARK ROYAL BLUE

---------------------------------------
Current colors for both GPLI and CLMA Wordpress sites:

666666 = dark gray
333333 = darker gray
daa520 = goldenrod
eee8aa = pale goldenrod - also using this in Widgets in Wordpress
da9c00 = goldenrod (a little darker, for text)
dabb6e = light goldenrod
d9c682 = lightest goldenrod
ae841a = dark, greenish goldenrod to match menu border in sprite

---------------------------------------
Not using, but possibilities:

fafad2 = light goldenrod yellow
b8860b = dark goldenrod
ffbf00 = amber (a bit orangey)
*/