/*    ...
 *   Duh Progressive Custom CSS
 *   ~  by Marketing Portland
 *      MarketingPortland.com 
 *      Jim@MarketingPortland.com 
 *      v 1.5, October 2013. 
 * 
 *   #2C4460
 */

/* ##################  GLOBAL STYLES ... ##################*/

/* Blue sides:  Note: Original Gray background on sides was #E8E8E8 */
body, #rt-top, #rt-header, #rt-drawer, #rt-showcase, #rt-feature, #rt-utility, #rt-breadcrumbs, #rt-maintop, 
#rt-mainbody-surround, #rt-content-bottom, #rt-mainbottom, #rt-extension, #rt-bottom, #rt-footer, #rt-copyright {
    background-color:#2C4460;
}

body {color:black;}

/* white on pages, etc. */
#rt-main, #rt-top .rt-container, #rt-header .rt-container, #rt-drawer .rt-container, 
#rt-showcase .rt-container, #rt-feature .rt-container, #rt-utility 
.rt-container, #rt-breadcrumbs .rt-container, #rt-maintop .rt-container, #rt-content-top, #rt-content-bottom,
#rt-mainbottom .rt-container, #rt-extension .rt-container, #rt-bottom .rt-container, 
#rt-footer .rt-container, #rt-copyright .rt-container {
    background: white;
}

/* SPACING / WIDTH SETTINGS: Design: 1000px wide. Below results in that.  */
#duh .rt-container { width: 1100px; min-width: 1100px; }
#duh .rt-container .rt-grid-8 { width: 700px; }
#duh .rt-container .rt-pull-8 { left: -700px; }
#duh .rt-grid-12 { width: 1100px; min-width: 1100px; }
#duh .rt-grid-10 { width: 900px; }

/* Remove *page-wide* borders */
#rt-top-surround, #rt-drawer, #rt-copyright, #rt-footer, #rt-showcase, #rt-maintop {
    -webkit-box-shadow:none;
    box-shadow:none;
    border-bottom:none;
    border-top:none;
}

/* Insert *container-wide* borders */
#rt-footer .rt-container, #rt-copyright .rt-container {
    border-top: 4px solid #2C4460;
}

/* top and bottom of page margin... */
#rt-top{ margin-top: 10px; }
#rt-copyright {margin-bottom:10px; }

/* Global normal HTML elements */
h2.title {
text-transform: uppercase;
font-weight: bolder;
font-size:24px;
}

  
/* #################################################################
 * CSS (largely) BY MODULE POSITION, organized top to bottom 
 * and/or by GENERAL PAGE AREA... 
 * ################################################################# */

/* ######   TOP   ###### */
/* TOP ADVERTISING SLOT */
#rt-top div.rt-block { margin:0px; padding:0px; margin-top:10px; }
.duhbanneradtop { display: block; margin-left: auto; margin-right: auto;}

/* RT-HEADER LOGO AREA*/

/* Logo */
#rt-header div.rt-block.duhlogoblock {
		padding:0px;
		margin:0px;
		margin-top:10px;
}

#rt-header div.rt-block.duhlogoblock img { width:1100px; }

#rt-header div.rt-block.headerquotes, 
#rt-header div.rt-block.sharing {  margin: 0px;     padding: 0px;     height: 0px;  }
#rt-header div.rt-block.headerquotes { position: relative; z-index: 200; top: 23px; }
#rt-header div.rt-block.headerquotes div.module-content {position: relative; top: -6px; height: 0px; }
 
/* addthis buttons */
#rt-header div.rt-block.sharing {
    z-index: 3000;
    float: right;
    width: 248px;
    top: 4px;
		right: 26px;
}

/* Quotes */
#rt-header #blotterText {
    width: 38%;
    position: relative;
    top: -131px;
    z-index: 2000;
    left: 28%;
}

#rt-header #blotterText {
    display:block;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
		font-size: 16px;
		line-height: 19px;
		font-weight:bold;
    color: black;
}

#rt-header #blotterText h1 {
    font-size: 13pt;
		line-height: 19px;
    font-style: italic;
    margin: 0;
    padding: 0;
    color: #2C4460;
		position: relative;
    top: -18px;
}

/* ######   FEATURE MENU   ###### */
#rt-feature ul.menu li { white-space:nowrap; }
#rt-feature .gf-menu.gf-splitmenu.l1 {  background: #2B66B5;   display: inline-block;  padding-top: 1px;  width: 100%; }
#rt-feature ul.gf-menu.gf-splitmenu.l1.top {  margin-top:0px; }
#rt-feature .gf-menu li,
#rt-feature .gf-menu.l1 li,
#rt-feature .gf-menu li:hover,
#rt-feature .gf-menu.l1 li:hover,
#rt-feature .gf-menu li.active,
#rt-feature .gf-menu.l1 li.active,
#rt-feature .gf-menu li.active:hover
#rt-feature .gf-menu.l1 li.active:hover {
    background: none;     border: none;     border-radius: 0;     box-shadow: none;     margin: 0 1px 0 0;     padding: 0;     -webkit-box-shadow: none;
}
#rt-feature .gf-menu li:hover,
#rt-feature .gf-menu.l1 li:hover,
#rt-feature .gf-menu li.active,
#rt-feature .gf-menu.l1 li.active,
#rt-feature .gf-menu li.active:hover
#rt-feature .gf-menu.l1 li.active:hover { background-color: white; }

#rt-feature .gf-menu .item,
#rt-feature .gf-menu .item:hover,
#rt-feature .gf-menu.l1 .item,
#rt-feature .gf-menu.l1 .item:hover,
#rt-feature .gf-menu > li > .item,
#rt-feature .gf-menu > li > .item:hover,
#rt-feature .gf-menu > li:hover > .item,
#rt-feature .gf-menu.l1 > li > .item,
#rt-feature .gf-menu.l1 > li > .item:hover,
#rt-feature .gf-menu.l1 > li:hover > .item,
#rt-feature div.submenu > ul.menu .item,
#rt-feature div.submenu > ul.menu .item:hover { 
    color: white;     font-size:12px; 		text-transform:uppercase;     font-weight: 800;     line-height: 27px;     margin: 0;
    padding: 2px 10px 10px 10px;     text-shadow: 0 1px rgba(0,0,0,.5);
}

#rt-feature .gf-menu .item:hover,
#rt-feature .gf-menu.l1 .item:hover,
#rt-feature .gf-menu > li > .item:hover,
#rt-feature .gf-menu.l1 > li > .item:hover,
#rt-feature div.submenu > ul.menu .item:hover { color: #2B66B5; }

#duh #rt-feature .gf-menu li.active,
#duh #rt-feature .gf-menu.l1 li.active,
#duh #rt-feature .gf-menu.l1 li.active a.item {  color:#2B66B5 !important; }

#rt-feature .gf-menu li.parent > .item:after,
#rt-feature div.submenu > ul.menu > li > a.item:before {     content: '';     margin: 0;     right: 0;     top: 0; }
#rt-feature div.rt-grid-12.rt-alpha.rt-omega > div.rt-block {     margin: 0;     padding: 0; }
#rt-feature div.submenu > ul.menu {     background-color: #2B66B5;     display: inline-block;     padding-top: 2px;     width: 100%; }
#rt-feature div.submenu > ul.menu > li {     display: block;     float: left;     margin: 0px 2px 0px 0px; }
#rt-feature div.submenu > ul.menu > li > a.item {     line-height: 100%; }
#rt-feature div.submenu > ul.menu > li.active > a.item,
#rt-feature div.submenu > ul.menu > li:hover > a.item {
    background-color: white;     color: #2B66B5 !important;     line-height: 100%;     text-shadow: 0 1px #fff; }
#rt-feature div.rt-container  {    margin-bottom: 0px; }
#rt-feature div.rt-container div.rt-block  { height:30px; }

#rt-feature div.rt-block.menu-block { padding-left:10px; }

/* hide home menu item */
li.item435 { display:none; }

/* social media and RSS logos on menu bar ...*/
#rt-feature div.rt-block.socialmenu { margin:0px;  padding: 3px 30px 0px 0px; float:right; }
#rt-feature div.rt-container { background: #2B66B5; height:30px; }
div.customsocialmenu img { margin-left:10px; }

/* ######   DROP-DOWN-STYLE MENU   ###### */
#rt-feature div.rt-block.menu-block {
    background: #2B66B5;
}

#rt-feature ul.gf-menu {
    margin: 0px auto 0;
}

#rt-feature .gf-menu .dropdown { 
    background: #2B66B5;   
}

#duh #rt-feature div.dropdown.columns-1 a:hover {
    color:#2B66B5 !important;
		text-shadow:none;
}

/* ######   MAINTOP -- headlines, etc. */
#rt-maintop { padding-top: 0px; margin-top: 0px; }
#rt-maintop div.rt-block { margin-top:3px; margin-bottom:12px; padding-top:0px; padding-bottom:0px; }
 
/* ######   BREADCRUMBS   ###### */
#rt-breadcrumbs div.rt-block {
    margin: 10px 0px 0px 20px;
    padding: 0px 0px 0px 0px; 
}

div.item-page, div.items-leading { margin-top: 7px; }

/* ######   SHOWCASE   ###### */

#rt-showcase .rt-container {background: #848484; }

#duh #rt-showcase h4.sprocket-strips-title {
    background: whitesmoke;
    padding: 3px 5px 4px 5px;
    font-size: 85%;
    line-height: 135%;
}

#rt-showcase div.rt-block {
		margin-top: 20px;
    margin-bottom:0px;
		padding-top: 0px;
	  padding-bottom:0px;
}

#rt-showcase div.sprocket-strips-nav {
    margin-bottom: 10px;
}

h2.sprocket-features-title {
    font-size: 90%;
		line-height: 150%;
}

/* ######   CONTENT-TOP   ###### */
#rt-content-top {
    margin-top: 25px;
}

/* Content Top AP widgets */
#rt-content-top div.rt-block.ap-content-top {
    padding-top: 0px;
    margin-top: 6px;
}

/* features at top of content-top b */
div.rt-block.centerpage {
    border: #183A53 2px solid;
    background: #848484;
		padding:0px 0px 10px 0px;
		-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);		
}

div.rt-block.centerpage img {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
		margin-bottom:10px;
}

div.rt-block.centerpage h2.sprocket-features-title, div.rt-block.centerpage h2 a {
    color: whitesmoke;
		padding: 1px 1px 1px 1px;
}
div.rt-block.centerpage h2 a:hover {
    background: whitesmoke;
    color: #183A53;
		padding: 1px 1px 1px 1px;
}

div.sprocket-features-desc span {
    color:whitesmoke;
}

/* ######   MAIN   ###### */
/* Area above stories on individual article pages... */
#rt-main div.rt-grid-8 div.rt-block {
    margin-top:0px;
    padding-top:0px;
}

div.items-leading img, div.item.column-1 img, div.item.column-2 img {
    display:block;
    margin: 0px auto 10px auto;
		width:100%;
}


/* #####  CONTENT-BOTTOM ##### */
div.rt-block.additionalarticles h2.sprocket-mosaic-title { font-size: 90%; line-height: 175%; }
#duh div.sprocket-mosaic-text {display:none;}

/* search... */
#rt-maintop div.rt-block.searchbutton { margin-bottom:0px;  padding-bottom:0px; float:right; }
#rt-maintop div.searchsearchbutton label { display:none; }
#rt-maintop div.searchsearchbutton input { width: 158px; }
#duh #rt-maintop div.searchsearchbutton input.buttonsearchbutton { width:42px; margin-left:10px; }

/* ######   MAIN BODY STYLES w/in THE JCE -- see duh-jce.css    ###### */

/* ######   MAINBODY STYLES...   ###### */

p.readmore {
    display: block;
    clear: both;
}

/*  Category Blog Feeds:  Intro text */
#rt-mainbody div.articleintro {
    background: #FFF;
		padding-bottom: 2px;
		padding-right:10px;
		overflow:auto;
}

div.articlesubhead {
    font-size: 150%;
    font-weight: bold;
    padding: 10px 10px 4px 10px;
}

div.articleintro p {
    padding-left:10px;
}

div.articleintro img {
    width:150px;
		margin: 4px 10px 10px 0px;
		float:left;
		border:2px solid #183A52;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);		
}

/* Individual Article Pages */
div.articlefulltext img {
    padding: 10px;
    background: #FFF;
    margin: 0px 10px 10px 0px;
    float: left;
    border: 2px #183A52 solid;
}

#rt-content-bottom div.banneritem {
    background: white;
		padding:10px 10px 10px 10px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);				
}
				
#rt-content-bottom div.banneritem img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}	

#rt-content-bottom h4.sprocket-strips-title { padding-left:3px; padding-right:3px; text-shadow: 2px 2px 1px #2C4460; font-size:16px; }
#rt-content-bottom h4.sprocket-strips-title a { color:white; }

/* ######   SIDEBARS   ###### */
#rt-sidebar-a div.rt-block, #rt-sidebar-b div.rt-block { padding:0px; }

#rt-sidebar-a #blotterText {color: #000;}
/* horoscope */
#srq_quote {font-size:12px;}

/* RSS feed H4 tags */
#rt-sidebar-b h4.feed-link { font-size: 12px; line-height: 15px; width: 88%;}

/* sidebar headlines */
#rt-sidebar-a h2.title, #rt-sidebar-b h2.title { font-size:18px; padding-bottom: 0px; margin-bottom: 5px; }

 

/* LEFT */

/* commentary section links... */
h4.nspHeader.tleft.fnone {font-size:14px;}

/* adjust left ad to align w/ left side, right one to alogn w/ right side... 
#rt-sidebar-a iframe, #rt-sidebar-b iframe {left: -10px; position: relative; max-width: 120%; }
*/

/* except for the twitter one... */
#duh #rt-sidebar-b div.rt-block.tweetmodule iframe#twitter-widget-0 {
  width: 140px !important; max-width:100% !important; position:relative !important; left:0px !important; 
} 

/* RIGHT */
#rt-sidebar-b div.rt-block.truenews ul.newsfeedtruenews li,
#rt-sidebar-b div.rt-block.truenews ul.newsfeedtruenews p { font-size:12px; font-weight:normal; }

#rt-sidebar-b { color: #000; }

/* horoscopes */
.thescope {
    display: block;
    /* background: lightcyan; */
		padding: 0px;
    margin-top: 0px 10px 0px 0px;
    font-size: 13px;
		line-height: 19px;
}

/* Police Blotter */
#rt-sidebar-b #blotterText {
    display:block;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
		font-size: 14px;
    text-align: left;
}

#rt-sidebar-b #blotterText h1 {
    font-size: 14pt;
		line-height: 19px;
    font-style: italic;
    margin: 0;
    padding: 0;
}

/* ######   FOOTER   ###### */

#rt-footer { color: #000; }

div.stayconnected img {
    margin-right:20px; 
}
p.bottommenu {
    margin-top:20px;
    font-size:20px;
		text-align:center;
}

#rt-footer h2 {
    font-size:120%;
    line-height: 130%;
}
#rt-footer p {
    line-height: 125%;
}
#rt-footer .footer-contact {
    background:#183A52;
    margin-bottom:0px;
}
#rt-footer .footer-contact h2, #rt-footer .footer-contact p, #rt-footer .footer-contact a {
    color:white;
}
#rt-footer .footer-social {
    margin-top:0px;
    padding-top:0px; 
}

#rt-footer .oddrows { background: lightcyan; }
#rt-footer td { padding:5px; }

/* ######   COPYRIGHT   ###### */
/* To Top Scroller */
div#rt-copyright div.rt-omega div.rt-block {
    text-align: right;
}
#gantry-totop {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

/* ######   IMAGE CLASSES  ###### */
.duhcenter {
    display:block;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;	
 }
.duhright {
    float:right;
    margin-left:10px;
    margin-bottom:10px;
 }
.duhleft {
    float:left;
    margin-right:10px;
    margin-bottom:10px;	
 }
.duhshadow {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);
}
.duhround {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}		
.duhbutton {
    width:120px;
}

#duh .form-inline input { margin-bottom:10px; }

span.webcredit, span.webcredit a {color: #B9BBBD; font-size: 12px;}

/* make home page leading article img 600px wide */
/* div.items-leading img { width: 80%; } */
body.menu-news-home div.items-leading div.img-intro-right { float:left; width:100%; }

/* except: commentary blog feed */
body.menu-site-map div.items-leading img  { float:left; width:350px !important; }

/* ######   PAGE-SPECIFIC STYLES   ###### */

/* hide article info on home page feature... */
body.menu-home ul.actions, body.menu-home dl.article-info {
 display:none;   
}

#rt-copyright { color: #000; }

#testing123 {display:none; }

div.ybx ul.pipesSmallthumb {display:none;}

div.ybx div.pipesThumbnail {display:none;}

/* div.rt-block.newslettersignup {margin-top:35px;} */

/*  RESPONSIVE STUFF ... MEDIA QUERIES      */
/*  ORGANIZED FROM LARGEST VIEWS DOWNWARD!  */

/*  Desktop Views */
@media (min-width: 960px) and (max-width: 1199px) {

}

/* Tablet Views */
@media (min-width: 768px) and (max-width: 959px) { 

}

/* Phones, etc...  All things smaller than 768px */
@media only screen and (max-width: 767px)  {

}