/*==========================================
Globe Gazette Master Style
Created By: Kody Emery on 2012-03-08
Last Modified: Kyle Marvin on 2013-08-05
==========================================*/
html, body{ background: #084B6D url(images/bg2.png) center top no-repeat; }

/* main content bg */
.main-body { background: #fff; border-radius:4px; }

/* default href */
a { color: #0073AE; }
a:hover { }

#site-logo{ margin:5px 10px 5px 0; }

/* top navigation */
.top-nav-container{
	color: #fff;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  background: rgba(0,0,0,0.2);
}
/* top nav links */
.top-nav-container a.parent { color: #ccc; }
.top-nav-container a.parent:hover { color: #eee; }

/* main navigation */
.main-navigation-container{
  margin-bottom:10px;
  
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* main navigation */
#main-navigation,
#scroll-nav-container {
  background: #0073AE; 
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#3095C9), to(#0073AE));
  background-image: -moz-linear-gradient(top, #3095C9, #0073AE);
  background-image: -ms-linear-gradient(top, #3095C9, #0073AE);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3095C9), color-stop(100%, #0073AE));
  background-image: -webkit-linear-gradient(top, #3095C9, #0073AE);
  background-image: -o-linear-gradient(top, #3095C9, #0073AE);
  background-image: linear-gradient(top, #3095C9, #0073AE);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3095C9', endColorstr='#0073AE', GradientType=0);
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

/* link style */
#main-navigation li a.parent { 
    color: #e6e6e6; 
    border-left: 1px solid rgba(255,255,255,0.15); 
    border-right: 1px solid rgba(0,0,0,0.15);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 10px 9px 11px;
}
#main-navigation li a.parent:hover { background-color: rgba(255,255,255,0.2); color:#fff; }
/* selected styles */
#main-navigation li a.parent.selected { 
    background: #fff; 
    color: #000; 
    margin-top:2px;
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
/* simple dropdown styles */
#main-navigation li ul.subnav.no-media a:hover { background: #3095C9; color:#fff; }
#main-navigation .dropdown-menu{ border:0; -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.4); box-shadow:0 2px 4px rgba(0, 0, 0, 0.4); }

/* Car Soup Button */
#main-navigation li#cars-nav{
  background: #aa0000; 
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cc0000), to(#880000));
  background-image: -moz-linear-gradient(top, #cc0000, #880000);
  background-image: -ms-linear-gradient(top, #cc0000, #880000);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc0000), color-stop(100%, #880000));
  background-image: -webkit-linear-gradient(top, #cc0000, #880000);
  background-image: -o-linear-gradient(top, #cc0000, #880000);
  background-image: linear-gradient(top, #cc0000, #880000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#880000', GradientType=0);
}
#main-navigation li#cars-nav a.parent {
  padding-right: 40px;
  background: url(/app/branding/globe-gazette/images/carSoupLogo.png) no-repeat center right;
}
#main-navigation li#cars-nav a.parent:hover { background-color: rgba(255,255,255,0.2); color:#fff; }


/* weather */
#site-weather a.parent { color: #efefef;  }
#site-weather .sponsored { color: #efefef; }
#site-weather .current-temp,
#site-weather .current-conditions{ color:#fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }


/* search */
#search-container{ padding:5px 0 0; }
/* expand color */
#search-dropdown a.parent { color: #666; }
/* search button */
#search-text,#search-dropdown { background-color: rgba(255, 255, 255, 0.9);}
#search-button { background-color: #0073AE; }
#search-button:hover { background-color: #00B5CC; }
.input-append input{
  -moz-border-radius: 3px 0 0 0;
  -webkit-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}
.input-append .add-on{
  -moz-border-radius: 0 3px 0 0;
  -webkit-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}
header .yahoo-search {
  background: rgba(255, 255, 255, 0.75);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
  padding: 5px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  border-top: 1px solid #0073AE;
  width: 220px;
}

/* advanced search | color */
.adv-search span { color: #ececec; }
#search-container .adv-search a{ color: #ddd; }
#search-container .adv-search a:hover{ color: #fff; }



/* footer */
#site-footer { color: #fff;text-align:center; }
#site-footer li { margin-left: 0px; }
#footer-navigation{ background: #0073AE;text-align:center; }
#site-footer a { color: #efefef;text-align:center; }
#site-footer h5 { color: #fff;text-align:center; }
#site-footer ul { border-bottom: 1px dotted #444;text-align:center; }
#site-copyright {  background: #00679C; text-align:center;  }


/*=======================================
- Editorial Styles
=======================================*/
.highlight-box .index-list-container{ border-bottom: 1px solid #E0E0E0; margin-bottom: 10px; }

/* recent bullet list */
.recent-list .bull-list { margin: 0; }
.recent-list .bull-list li { border-bottom: 1px solid #ddd; }
.recent-list .bull-list li:first-child{ border-top: 1px solid #ddd; }
.recent-list .bull-list li:nth-child(odd){ background: #f7f7f7; }
.recent-list .bull-list li a { display: block; padding: 5px; }
.recent-list ul { list-style: none !important; }

 /*=======================================
- Classified Icons (/ads)
=======================================*/
.auction .class-icon{ background-position:-140px -1678px; }

/*=======================================
- Mobile Styles
=======================================*/
body.mobile{
  -moz-background-size:125%;
  -webkit-background-size:125%;
  background-size:125%;
}
body.mobile .main-body{
/*
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  border-radius:0px;
*/
  margin:0 10px 10px;
  -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.9);
  -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.9);
  box-shadow: 1px 1px 10px rgba(0,0,0,0.9);
}
body.mobile .top-nav-wrapper{ height:0px; background:#0073AE; }
body.mobile #site-logo { margin-left: 10px; padding:0px; }

/*=======================================
- Mobile Touch Styles
=======================================*/
#mt #mobile-header .button { background-color: #338FBE; }


.box-shadow { -webkit-box-shadow:0 02px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);box-shadow:0 2px 0px rgba(0, 0, 0, 0.2);}