@charset "utf-8";
/* CSS Document */

*, html {
	padding: 0;
	margin: 0;
}

body {
	background: #898989;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
	z-index: 0;
	font-size: 13px;
	padding: 10px 0;
	color: #666;
}

#wrapper {
	margin: 0 auto;
	width: 990px;
	padding: 15px 0 15px;
}
a {
	color: #7ba494;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}
a img {
	border: none;
}

.clear {
	clear: both;
}

h1 {
	font-weight: normal;
	margin-bottom: 30px;
}

p {
	margin: 0 0 20px;
}

#header {
	background: url(/images/img/header-bg.png) no-repeat top left;
	height: 236px;
	padding: 0 25px 0;
	position: relative;
	z-index: 0
}

#header #logo {
	padding-top: 18px;
	margin: 0 0 41px;
}

/* City Selector -------------------------------------------------------------------- */
#cityselectwrapper {
	float: right;
	width: 305px;
	background: url(/images/img/cityselect-choose.png) no-repeat 0px 50px;
}

#cityselect {
	float: right;
	list-style: none;
	padding: 10px 0 0 20px;
	margin: 45px 0 0;
	font-size: 15px;
	line-height: 30px;
	color: #989696;
	width: 200px;
	height: 35px;
	background: #fff url(/images/img/cityselect-down-arrow.png) no-repeat top right;
	text-transform: uppercase;
	border: 1px solid #dedede;
}
#cityselect li {
	float: left;
	width: 100%;
	position: relative;
}
#cityselect a {
	color: #999;
	display: block;
	text-decoration: none;
	margin-top: -3px;
	position:relative;
	z-index:150;
	outline:none;
}
#cityselect li a {
	width: 198px;
}
#cityselect li ul li a {
	width: 150px;
}


#cityselect li.active:first-child a {
	border: none;
}
#cityselect li.active .drop-menu {
	display: block;
}
#cityselect .drop-menu {
	display: none;
	position: absolute;
	top: 30px;
	left: -21px;
	z-index:100;
}
#cityselect .drop-menu ul {
	list-style: none;
	padding:0 50px 10px 20px;
	margin: 0;
	background: #fff;
	width:150px;
	overflow:hidden;
	position:relative;
	z-index:200;
	border: solid #dedede;
	border-width: 0 1px 1px 1px;

}
#cityselect .drop-menu ul ul {
	padding: 12px 0 0;
}
#cityselect .drop-menu li {
	border-bottom: 1px dotted #dedede;
	position:relative;
	z-index:200;
	height: 29px;
	padding: 3px 0 0;
}
#cityselect .drop-menu li:first-child {
	border: dotted #dedede;
	border-width: 1px 0 1px 0;
}
#cityselect .drop-menu ul a {
	background:none;
}
#cityselect a:hover {
	color: #7ba494;
}

/* Top Nav  -------------------------------------------------------------------- */

#topnav {
	float: right;
	background: url(/images/img/topnav-bg.png) no-repeat top left;
	width: 671px;
	height: 58px;
	text-align: center;
	padding: 0 0 0 30px;
	position: relative;
	z-index: -1;
}

#topnav ul {
	padding: 8px 10px 0;
}
#topnav ul li {
	position: relative;
	display: block;
	float: left;
	list-style: none;
	height: 42px;
	border-left: 1px solid #fff;
}

#topnav ul li a {
	position: relative;
	display: block;
}

#topnav ul li.home { background: url(/images/img/topnav-home-over.png) no-repeat top left; border: none; }
#topnav ul li.scoopdaily { background: url(/images/img/topnav-scoopdaily-over.png) no-repeat top left; }
#topnav ul li.swag { background: url(/images/img/topnav-swag-over.png) no-repeat top left; }
#topnav ul li.checklist { background: url(/images/img/topnav-checklist-over.png) no-repeat top left; }

#topnav ul li a:hover img,
#browse ul li a:hover img {
	visibility: hidden;
}

/* Top Nav  -------------------------------------------------------------------- */

#edition {
	width: 220px;
}
#edition #name {
	text-transform: uppercase;
	float: right;
	width: 160px;
	padding: 14px 0 0;
	font-size: 16px;
	color: #ffe798;
}
#edition #name a {
	color: #ffe798;
}
/* Body  -------------------------------------------------------------------- */
#body {
	background: #fff url(/images/img/body-bg.png) repeat-y left;
	padding: 10px 1px 30px 2px;
	position: static;
}

/* Browse  -------------------------------------------------------------------- */
#browse {
	height: 118px;
	padding: 0 0 0 25px;
	background: url(/images/img/browse-bg.png) repeat-x top;
	position: static;
	margin: 0 0 20px;
}
#browse ul {
	height: 104px;
	padding: 14px 0 0 170px;
	background: url(/images/img/browse-label.png) no-repeat 0 14px;
	position: static;
}
#browse ul li {
	display: block;
	position: static;
	float: left;
	border-right: 1px dotted #a7cbb5;
	width: 120px;
	height: 95px;
	text-align: center;
	list-style: none;
	z-index: 1;
}
#browse ul li a {
	display: block;
	position: static;
}

#browse ul li.fashion { background: url(/images/img/browse-fashion-over.png) no-repeat top center; }
#browse ul li.parties { background: url(/images/img/browse-parties-over.png) no-repeat top center; }
#browse ul li.travel { background: url(/images/img/browse-travel-over.png) no-repeat top center; }
#browse ul li.greetings { background: url(/images/img/browse-greetings-over.png) no-repeat top center; }
#browse ul li.health { background: url(/images/img/browse-health-over.png) no-repeat top center; }
#browse ul li.playtime { background: url(/images/img/browse-playtime-over.png) no-repeat top center; }

/* col  -------------------------------------------------------------------- */
#right-col {
	float: right;
	width: 340px;
	margin: 0 24px 22px 0;
}
#left-col {
	width: 520px;
	margin: 0 0 22px 24px;
	overflow: hidden;
	line-height: 20px;
}
#left-col.wide {
	width: 580px;
}
#left-col.article {
	width: 540px;
}


/* Subscribe -------------------------------------------------------------------- */
#subscribe {
	background: #ffe798 url(/images/img/subscribe-header.png) no-repeat 40px 15px;
	border: 1px solid #bae0c9;
	padding: 90px 0 15px 40px;
	color: #5c7c70;
	text-transform: uppercase;
	font-size: 12px;
}
#subscribe .choose {
	background: url(/images/img/editions-arrow.png) no-repeat top left;
	padding: 5px 0 0 35px;
	margin-left: -5px;
	height: 30px;
	font-size: 14px;
}
#subscribe .email {
	display: block;
	padding: 0 0 8px;
	font-size: 15px;
}
#subscribe input#email {
	border: 1px solid #e2e2e3;
	background: #fff;
	width: 248px;
	height: 21px;
	padding: 5px 5px 0;
	color: #898989;
	margin: 0 0 10px;
}
#subscribe .editions ul {
	padding: 3px 0 0 3px;
}
#subscribe .editions ul li {
	display: block;
	float: left;
	list-style: none;
	width: 140px;
	margin: 0 0 10px 0;
}
#subscribe .editions ul li input {
	margin: 1px 3px 0 0;
	float: left;
}
#subscribe .editions ul li label {
  float: left;
}
#subscribe .submit {
	padding: 0 40px 0 0;
}
#subscribe input#submit {
	display: block;
	width: 142px;
	height: 41px;
	margin: 0 auto;
}

#follow {
	padding: 20px 0 0;
}
#follow .follow-button {
	width: 170px;
	text-align: center;
	display: block;
	float: left;
	margin: 0 0 30px;
}

#subscriber-faves,
#cool-blogs {
	clear: both;
	background: url(/images/img/subscriber-faves-header.png) no-repeat top left;
	padding: 32px 0 0 5px;
	margin: 0 0 40px;
}
#cool-blogs {
  background: url(/images/img/cool-sites.png) no-repeat top left;
}
#subscriber-faves p,
#cool-blogs p {
	list-style: none;
	border-bottom: 2px dotted #ccc;
	width: 245px;
	margin: 0;
}
#subscriber-faves p a,
#cool-blogs p a {
	color: #5c7c70;
	display: block;
	padding: 10px 0;
}
#subscriber-faves p a:hover,
#cool-blogs p a:hover {
	color: #898989;
	text-decoration: none;
}


#ad-320 {
	text-align: center;
	clear: both;
	padding: 20px 0 0;
}
#ad-320-cal {
	text-align: center;
	clear: both;
	padding: 0 0 20px;
}

#searchbox {
	clear: both;
	background: url(/images/img/search-box-header.png) no-repeat top left;
	padding: 46px 0 0;
	margin: 0 0 35px;
}
#searchbox input#keywords {
	height: 22px;
	width: 230px;
	padding: 6px 3px 0;
	background: #faf9f9;
	border: 1px solid #c8c9cb;
}
#searchbox #search-submit {
	float: right;
}
#searchbox #advanced-search {
	padding: 10px 0 0;
	text-transform: uppercase;
	font-size: 11px;
}

#sub-rss {
	margin: 0;
}

/* Content */
#header-title {
	padding-bottom: 20px;
}


#welcome {
	margin: 0 0 20px;
}
#welcome .header {
	margin: 0 0 15px;
}
#welcome .blurb {
	font-size: 16px;
	line-height: 19px;
	color: #666;
}

/* original welcome styles - integrated for lack of separate div #welcome .signup {
	text-align: right;
	font-size: 20px;
}
#welcome .signup a {
	color: #5c7c70;
}
#welcome .signup a:hover {
	color: #7BA494;
} */

#welcome h2 {
	text-align: right;
	font-size: 20px;
}

#welcome a {
	text-align: right;
	font-size: 20px;
	color: #5c7c70;
}
#welcome a:hover {
	text-align: right;
	font-size: 20px;
	color: #7BA494;
}
#current-issue {
	margin: 0 0 20px;
}

.article-clip {
	margin: 0 0 35px 0;
}

.article-image-full img {
	padding: 5px;
	background: #fcfcfc;
	border: 1px solid #aeaeae;
	margin: 0 0 12px;
}

.article-header {
	padding-bottom: 8px;
	border-bottom: 1px solid #ffe798;
	margin-bottom: 24px;
}
.article-header.fp {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.article-title h2 {
	color: #7ba494;
	font-size: 24px;
	font-weight: normal;
	line-height: 26px;
}
.article-subtitle h3 {
	color: #aeaeae;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 20px;
}
.article-date h4 {
	color: #ad9b7e;
	font-size: 15px;
	font-weight: normal;
}

.article-image {
	float: left;
	width: 160px;
}
.article-image img {
	border: 4px solid #e5e5e4;
}

.article-excerpt {
	width: 400px;
	float: right;
}

.article-excerpt-full {
}

.article-clip .read-more {
	clear: both;
	float: right;
	margin:  10px 0 10px 0;
	white-space: nowrap;
}

.article-clip .read-more a {
	text-decoration: none;
	padding: 4px 8px;
	display: block;
	background: #ffe798;
	color: #6c937b;
}

.article-clip .read-more a:hover {
	text-decoration: underline;
}

/* Scroller Magic */

#article-scroller {
	clear: both;
	background: url(/images/img/scroller-bg.png) repeat-x top;
	height: 274px;
	padding: 17px 0 0;
	margin: 0 0 40px;
}
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 800px; 
	height: 274px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
a.prevPage,
a.nextPage {
	display: block;
	width: 44px;
	height: 45px;
	margin: 108px 0 0;
	padding: 0 20px;
	cursor: pointer;
}
a.prevPage {
	float: left;
	background: url(/images/img/scroller-left-over.png) no-repeat top center;
}
a.nextPage {
	float: right;
	background: url(/images/img/scroller-right-over.png) no-repeat top center;
}
a.prevPage:hover img,
a.nextPage:hover img {
	visibility: hidden;
}
a.disabled {
	background: none;
	cursor: default;
}
a.disabled img {
	display: none;
	background: none;
}
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div.scroller-article { 
    float:left; 
	width: 220px;
	margin: 0 70px 0 0;
	overflow: hidden;
	font-size: 11px;
} 
 
div.items img.stamp {
	float: right;
}
div.items .scroll-head {
	margin: 0 0 15px;
}
div.items .scroll-title {
	margin: 0 0 15px;
	color: #5c7c70;
	font-size: 14px;
}

div.items .scroll-blurb {
	line-height: 14px;
	color: #666;
	overflow: hidden;
	height: 126px;
}
div.items .scroll-blurb p {
	margin-bottom: 10px;
}

div.items .scroll-blurb img {
	border: 2px solid #e5e5e4;
	float: left;
	margin: 0 4px 4px 0;
}
div.items .read-more {
	clear: both;
	float: right;
	margin:  10px 0 10px 0;
	white-space: nowrap;
}

div.items .read-more a {
	text-decoration: none;
	padding: 4px 8px;
	display: block;
	background: #ffe798;
	color: #898989;
	text-transform: uppercase;
}

div.items .read-more a:hover {
	text-decoration: underline;
	color:#6C937B;
}


/* fp breakouts -------------------------------------------------------------------- */
#breakouts {
	clear: both;
	font-size: 12px;
	line-height: 14px;
}
#breakouts .breakout {
	float: left;
	display: block;
	width: 133px;
	height: 176px;
	margin: 0 20px 0 0;
	padding: 59px 12px 0 15px;
	color: #5c7c70;
	position: relative;
}

#breakouts .breaking { background: url(/images/img/breaking-news-box.png) no-repeat top left; }
#breakouts .swag { background: url(/images/img/featured-swag-box.png) no-repeat top left; }
#breakouts .guest { background: url(/images/img/guest-scout-box.png) no-repeat top left; margin: 0;}

#breakouts .breakout .image {
	margin: 0 0 10px;
}

#breakouts .breakout .image img {
	border: 1px solid #ccc;
}

#breakouts .breakout .blurb {
	margin: 0 0 10px;
	height: 45px;
	overflow: hidden;
}

#breakouts .breakout a.go {
	position: absolute;
	bottom: 15px;
	right: 15px;
	display: block;
	margin: 0 3px 0 0;
	padding: 3px 7px;
	background: #bbe1ca;
	text-transform: uppercase;
}

#breakouts .breakout a.go:hover {

}

#breakouts .breakout p {
	margin: 0;
}


/* Category Page ---------------------------------------------------------------------- */
#category-content {
	width: 520px;
	overflow: hidden;
}
#category-content #category-title {
	margin-bottom: 10px;
}

#category-content .article-clip {
	/* width: 460px; OLD WIDTH!!! */
	margin: 0 0 22px 0;
	padding-bottom: 10px;
	background: url(/images/img/divider-experts-small.jpg) no-repeat bottom center;
}

#expert {
	text-align: center;
}

#category-content .article-clip .article-excerpt {
	width: 340px;
}
#category-content .article-clip .read-more {
	clear: both;
	margin: 0 0 10px;
}
.article-tags {
	float: right;
	font-size: 10px;
	color: #7ba494;
	width: 50%;
}
.article-tags a {
	color: #AD9B7E;
}

#pagination-nav, #scoop-nav {
	clear: both;
	width: 460px;
	margin: 20px 0 20px 60px;
	text-align: center;
	color: #666;
}

#pagination-nav .newer, #scoop-nav .newer {
	float: left;
}
#pagination-nav .older, #scoop-nav .older {
	float: right;
}
#pagination-nav a:hover, #scoop-nav a:hover,
#pagination-nav a.active, #scoop-nav a.active {
	color: #7ba494;
	text-decoration: underline;
}
#pagination-nav ul li, #scoop-nav ul li {
	list-style: none;
	display: inline;
	margin-right: 15px;
}

#category-content #expert {
	text-align: center;
	padding: 20px 0 0;
}


/* Scoop Styles ------------------------------------------------------------------ */
/* Scout Scoop Page */
#scoop-content {
	width: 520px;
	overflow: hidden;
}

#scoop-content h1 {
	font-weight: normal;
}

#scoop-content #scoop-title {
	margin-bottom: 10px;
}
#scoop-nav {
	clear: both;
	margin: 20px 0 20px 30px;
	width: 460px;
}

.scoop-item {
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px dashed #ccc;
	overflow: hidden;
}
.scoop-item .title {
	margin-bottom: 20px;
	color: #ad9b7e;
	font-size: 24px;
	line-height: 28px;
}
.scoop-item .content {
	float: right;
	width: 360px;
}
.scoop-item .content p {
	margin-bottom: 10px;
}
.scoop-item .image img {
	border: 4px solid #e5e5e4;
}
.scoop-item .share-button {
	clear: right;
	text-align: right;
	margin-bottom: 5px;
}
.scoop-item .credits {
	clear: both;
	color: #7ba494;
	padding: 20px 0 0;
	font-size: 15px;
}
.scoop-item .credits a {
	color: #ad9b7e;
	text-decoration: underline;
}
.scoop-item .scooped-by,
.scoop-item .scoop-tags {
	float: right;
	width: 460px;
}
.scoop-item .scoop-tags {
	padding: 12px 0 0;
	font-size: 13px;
	color: #7ba494;
}
.scoop-item .scooped-by, .scoop-item .scooped-date {
	display: inline;
	color: #7ba494;
}
.scoop-item .scooped-by, .scoop-item .scout-scooped-date {
	display: inline;
	float: right;
	font-size: 15px;
}
.scoop-item .scooped-by a,
.scoop-item .scoop-tags a {
  color: #ad9b7e;
  text-decoration: underline;
}
.scoop-item .scooped-by a:hover,
.scoop-item .scoop-tags a:hover {
  color: #5c7c70;
}
.scoop-item .avatar {
	margin-left: 0px;
}
.scoop-item .avatar img {
	border: 3px solid #e5e5e5;	
}
.scoop-item .social-wrapper {
	margin: 10px 0;
  clear: both;
}
.scoop-item .read-more {
	float: right;
	white-space: nowrap;
}
.scoop-item .read-more a {
	background: #ffe798;
	color: #6c937b;
	display: block;
	padding: 4px 8px;
	text-decoration: none;
}
.scoop-item .read-more a:hover {
	text-decoration: underline;
}
.scoop-item .social-bookmarks {
  width: 300px;
}

#scoop-content #scouts {
	text-align: center;
	padding: 20px 0 0;
	font-size: 22px;
	line-height: 24px;
}
#scoop-content #scout-avatar {
	float: left;
	margin: 0 10px 0 0;
}
#scoop-content #scout-avatar img {
	border: 3px solid #E5E5E5;
}
#scoop-content h1 {
	padding: 15px 0 0;
	font-size: 24px;
	float: left;
	width: 455px;
}

/* Swag Page -------------------------------------------------------------------- */
#swag-content {
	width: 580px;
	overflow: hidden;
}

#swag-content #swag-title {
	margin-bottom: 20px;
}

#swag-current {
	padding: 0 0 30px 0;
	margin-bottom: 10px;
	clear: both;
}
#swag-image img {
	border: 4px solid #e5e5e5;
}
#what-is-swag {
	text-align: center;
}

#swag-item-title {
	width: 380px;
	color: #7ba494;
	font-size: 24px;
}
#swag-item-content {
	width: 400px;
	float: right;
}
#swag-date {
	font-size: 16px;
	color: #aeaeae;
	margin-bottom: 14px;
}

#recent-swag-title {
	margin: 0 0 20px 0;
	clear: both;
	text-align: center;
}

#recent-swag {
	margin: 0 0 30px 0;
}
.recent-swag-item {
	margin-bottom: 30px;
	clear: both;
}

.recent-swag-item .title {
	color: #7ba494;
	font-size: 24px;
}
.recent-swag-item .date {
	font-size: 16px;
	color: #aeaeae;
	margin-bottom: 14px;
}
.recent-swag-item .content {
	float: right;
	width: 400px;
	padding: 0 0 20px;
	background: url(/images/img/divider-experts-small.jpg) no-repeat bottom center;
}
.recent-swag-item .image img {
	border: 4px solid #e5e5e5;
}


/* PressPage ------------------------------------------------------------------------ */
#press-content {
}

#press-title {
	margin-bottom: 20px;
}

.press-item {
	margin: 0 0 20px 0;
	clear: both;
}

.press-item .content {
	float: right;
	width: 400px;
	padding: 0 0 12px 0;
	background: url(/images/img/divider-press.png) no-repeat bottom center;
}
.press-item .title {
	color: #7ba494;
	font-size: 24px;
}
.press-item .date {
	margin-bottom: 20px;
	font-size: 16px;
	font-style: italic;
	color: #aeaeae;
}
.press-item .image img {
	margin-top: 4px;
	border: 4px solid #e5e5e5;
}
#love-subhead {
	text-align: center;
	padding-left: 20px;
}
#love-content {
	margin-bottom: 40px;
	padding-left: 20px;
}
#love-content h1 {
	font-size: 15px;
	font-weight: normal;
	color: #707070;
}


/* Scouts Page ------------------------------------------------------------------------- */
#scouts-content {
	width: 560px;
	overflow: hidden;
}
#scouts-content #scouts-title {
	margin-bottom: 10px;
}

.scouts-clip {
	clear: both;
	margin: 0 0 25px 0;
}

.scouts-clip .title {
	margin-bottom: 20px;
	width: 400px;
	float: right;
	color: #7ba494;
	font-size: 24px;
}

.scouts-clip .excerpt {
	width: 400px;
	float: right;
	padding: 0 0 20px 0;
	background: url(/images/img/divider-experts-small.jpg) no-repeat bottom center;
}

.scouts-clip .excerpt h1 {
	font-size: 15px;
	font-weight: bold;
}

.scouts-clip .excerpt h2 {
	font-size: 13px;
	font-style: italic;
	color: #ad9b7e;
}
.scouts-clip .excerpt .scout-tip {
	font-style: italic;
}

.scouts-clip .image {
	float: left;
	width: 140px;
}
.scouts-clip .image img {
	border: 4px solid #e5e5e5;
}

.scouts-clip .read-more {
	clear: both;
	color: #7BA494;
}
.scouts-clip .read-more a {
  color: #AD9B7E;
  text-decoration: underline;
}

/* About Callouts -------------------------------------------------------------------- */
#about-callouts ul li {
	list-style: none;
	float: left;
	margin-left: 20px;
	display: block;
	position: relative;
}
#about-callouts ul li:first-child {
	margin: 0;
}
#about-callouts ul li a {
	display: block;
	position: relative;
}
#about-callouts ul li a:hover img {
	visibility: hidden;
}

#about-callouts ul li.team { background: url(/images/img/about-meet-the-team-over.png) no-repeat top left; }
#about-callouts ul li.experts { background: url(/images/img/about-meet-experts-over.png) no-repeat top left; }
#about-callouts ul li.scouts { background: url(/images/img/about-meet-scouts-over.png) no-repeat top left; }


#static-content {
	line-height: 18px;
}
#static-content .static-splash img {
	border: 8px solid #E5E5E5;
	margin: 0 0 20px;
}


/* Scout Scoop Categories  -------------------------------------------------------------------- */
#scoop-categories {
	background: url(/images/img/scoop-categories-bg.png) no-repeat top left;
	padding: 40px 0 0 40px;
	height: 95px;
	margin: 0 0 20px;
}
#scoop-categories ul li {
	list-style: none;
	float: left;
	margin: 0 0 20px 0;
	display: block;
	position: relative;
}

#scoop-categories ul li a {
	display: block;
	position: relative;
}

#scoop-categories ul li.maternity { margin-right: 30px; background: url(/images/img/scoop-cat-maternity-over.png) no-repeat top left; }
#scoop-categories ul li.baby { background: url(/images/img/scoop-cat-baby-over.png) no-repeat top left; }
#scoop-categories ul li.toddler { background: url(/images/img/scoop-cat-toddler-over.png) no-repeat top left; }
#scoop-categories ul li.buy { margin-right: 30px; background: url(/images/img/scoop-cat-buy-over.png) no-repeat top left; }
#scoop-categories ul li.do { background: url(/images/img/scoop-cat-do-over.png) no-repeat top left; }
#scoop-categories ul li.news { background: url(/images/img/scoop-cat-news-over.png) no-repeat top left; }

#scoop-categories ul li a:hover img {
	visibility: hidden;
}


/* Article Page -------------------------------------------------------------------- */
#category-content.article {
	width: 540px;
	background: url(/images/img/divider-experts-small.jpg) no-repeat center bottom;
	padding-bottom: 30px;
}
#left-article {
	width: 520px;
	margin: 0 0 0 20px;
}

#left-article .article-header {
	margin-bottom: 20px;
}

#left-article .article-content {
	margin-bottom: 20px;
	padding: 20px 40px;
}
#left-article .article-title {
	width: 380px;
}
#left-article .article-cat {
	width: 380px;
	margin-bottom: 10px;
}

#left-article .article-extras {
	padding: 10px 40px;
	margin-bottom: 20px;
}

#left-article .article-nav {
	margin-bottom: 40px;
}
#left-article #splash-image {
	margin: 0 0 10px 0;
	text-align: center;
	width: 500px;
}
#left-article #splash-image img {
	border: 8px solid #e5e5e5;
}



/* contributor excerpt -------------------------------------------------------------------- */
#contrib-intro {
	margin: 0 0 40px;
}
#contrib-intro .header {
	margin: 0 0 15px;
}
#contrib-intro .blurb {
	font-size: 16px;
	line-height: 19px;
	color: #666;
}


/* search page & form  -------------------------------------------------------------------- */

form#searchform fieldset {
	border: 0;
}
form#searchform .sort-by {
	clear: both;
	margin: 0 0 10px;
}
form#searchform .pages,
form#searchform .categories,
form#searchform .cities {
	/*width: 120px;*/
	float: left;
	margin: 0 15px 10px 0;
}

form#searchform .categories {
	width: 250px;
	margin: 0 0 10px;
}

form#searchform .submit button {
	border: 0;
	background: none;
}

form#searchform .search-from {
	margin: 0 0 10px;
}

form#searchform .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 18px;
	color: #7BA494;
	padding: 0 0 5px;
	margin: 10px 0 5px;
	border-bottom: 1px dotted #7BA494;
}

form#searchform .submit {
	text-align: right;
}
form#searchform select#search_in {
	clear: left;
	float: left;
	margin: 0 10px 0 0;
}
form#searchform select#where {
	float: left;
}
form#searchform input#keywords {
	float: left;
	margin: 0 0 5px;
}
form#searchform input,
form#searchform select {
	border: 1px solid #999;
	padding: 2px 3px;
}
form#searchform input.radio {
	border: none;
}
form#searchform #sort-title {
	padding: 15px 0 0;
}
#search-subtitle {
	padding: 0 0 10px;
}

/* search results -------------------------------------------------------------------- */
#results-content ul#results li {
	list-style: none;
	margin: 0 0 20px;
	clear: both;
}
#results-content ul#results li .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	padding: 0 0 5px;
	margin: 0 0 8px;
	border-bottom: 1px dotted #7BA494;
}
#results-content ul#results li .date {
	float: right;
}
#results-content ul#results li .read-more {
	clear: both;
	float: right;
	margin:  10px 0 10px 0;
	white-space: nowrap;
}

#results-content ul#results li .read-more a {
	text-decoration: none;
	padding: 4px 8px;
	display: block;
	background: #ffe798;
	color: #6c937b;
}

#results-content ul#results li .read-more a:hover {
	text-decoration: underline;
}

/* calendar styles -------------------------------------------------------------------- */
#calendar-header {
	margin: 0 0 7px;
}
#calendar-legend {
	margin: 0 0 20px;
}
.cal-item {
	overflow: hidden;
	margin: 0 0 20px;
}
.cal-item a {
	color: #40796b;
}
.cal-item .date {
	font-size: 26px;
	line-height: 26px;
	color: #5c7c70;
	background: url(/images/img/calendar-dotted-line.png) no-repeat bottom left;
	padding: 0 0 16px 10px;
	margin: 0 0 10px;
}
.cal-item h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	color: #84aa9b;
	padding: 0 0 0 10px;
}
.cal-item .desc {
	padding: 0 0 0 10px;
	font-size: 14px;
}
.cal-item .desc p {
	margin: 0 0 10px;
}
.cal-item .categories {
	overflow: hidden;
}
.cal-item .categories ul li {
	list-style: none;
	float: left;
	margin: 0 0 0 10px;
}
/* footer nav -------------------------------------------------------------------- */
#footer-nav {
	clear: both;
	height: 38px;
	width: 942px;
	margin: 0 auto;
	padding: 24px 0 0;
	background: url(/images/img/footer-nav-bg.png) no-repeat top left;
	text-align: center;
	color: #ffe798;
	font-size: 12px;
}
#footer-nav ul li {
	list-style: none;
	display: inline;
	border-left: 1px solid #ffe798;
}
#footer-nav ul li:first-child {
	border: none;
}
#footer-nav a {
	color: #ffe798;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 10px;
}
#footer-nav a:hover {
	color: #fff;
}

/* Magic footer  -------------------------------------------------------------------- */
#magic-footer {
	clear: both;
	background: url(/images/img/footer-bottom-bg.png) no-repeat bottom left;
}

#copyright {
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	padding: 15px 0 0 30px;
}