/* imports */
@import "tables.css"/**/;
@import "forms.css"/**/;
@import "finesse.css"/**/;
@import "markdown.css"/**/;

/*****************************************
*********** body *************************
*****************************************/
body {
	color: #fff;
	background-color: #4B473B;
  	font: 83%/1.4 arial, helvetica, sans-serif;
  	margin-top: 0;
}

/* === font styling === */

a,
a:link {
  color: #BD2F1F;
  cursor:pointer; /* for good measure */
}
a:hover {
  color: #000;
  text-decoration: underline;
}
.topic_header,
.topic_header a,
.topic_header_underline,
.topic_header_underline a,
.topic,
.topic a,
.t_red,
#blog_archives dt {
  color: #bd2f1f;
}
.t_grey {
  color:#333;
}
.t_mediumgrey {
  color:#777;
}
.t_lightgrey {
  color:#ccc;
}
#hd,
#hd a,
#hd a:hover,
#ft,
#ft a,
#ft a:hover {
  text-decoration: none;
}
#hd a:hover,
#ft a:hover {
  text-decoration: underline;
}

/* === forms === */

form .button {
  margin:0 0 -6px 0;
}
.form_row {
  clear:both;
  margin-bottom:.5em;
}
.form_row label {
  width:130px;
  display:block;
  float:left;
  text-align:right;
  padding-right:.4em;
}

#yui-main .yui-b,
.yui-t7 #yui-main .yui-g {
	background-color: #eee;
	padding: .8em;
}

#yui-main .yui-b,
.yui-t7 #yui-main .yui-g {
	padding: .8em;
}

/* special boxad/sidebar width due to boxad padding */
.yui-t6 .yui-b {width: 23.85em}
.yui-t6 #yui-main .yui-b {margin-right: 24.85em}

/*****************************************
*********** doc3 template wrapper ********
*****************************************/
#doc3 {
 	padding: 0em;
  	text-align: left;

  	background-color: #57554B;
}

/*****************************************
*********** header ***********************
*****************************************/
#hd {
	margin-bottom: .8em;
	background-color: #433C2A;
}

#hd_logo {
	float:left;
}

/*****************************************
*********** user menu ******
*****************************************/

#user_menu {
	text-align: right;
	margin: 0 0 .4em 45em;
	background: transparent;
	color: #fff;
	font-size: 92%;
}

#user_menu a {
	text-decoration: underline !important;
	color: #A59E8F;
}
#user_menu a:hover {
	text-decoration: none !important;
	color: #fff;
}

/*****************************************
*********** main navigation **************
*****************************************/

#nav_tier1  {
	background-color: #4B473B;
}

#nav_tier1 #main_menu .toggled,
.nav_tier2 {
	background-color: #69655D;
}

.nav_tier3 {
	background-color: #615D55;
	border-top: 1px solid #57544A;
}

#nav_tier1, #nav_tier1 a {
	color: #FEFFE7;
}

#nav_tier1 a:hover { 
	color: #fff;
}

#nav_tier1 h3 {
  line-height: 1.2em;
  font-weight: bold;
  font-family: verdana;
  font-size: 120%;
}

#nav_tier1 a:hover {
  color: #A59E8F;
  text-decoration: underline;
}

#nav_tier1 .toggle_link,
#nav_tier1 .toggle_link:link,
#nav_tier1 .toggle_link:visited,
#nav_tier1 .toggle_link:hover {color: #A59E8F}

/* === main menu, nav1 === */

#nav_tier1 #main_menu {
  line-height: 1.2em;
  font-weight: bold;
  font-family: verdana;
}
#nav_tier1 #main_menu a {
  display:block;
  float:left;
  text-decoration:none;
}
#nav_tier1 #main_menu li {
  padding:.8em;
  list-style-type:none;
  float:left;
}

#nav_tier1 #main_menu li::after {content: ''; clear: left; height: .001em}

#nav_tier1 a:active,
#nav_tier1 #main_menu .current a:hover {text-decoration: none}

#nav_tier1 .current .menu_link_text {border-bottom: 2px solid #e56040}

#nav_tier1 #main_menu a:hover {text-decoration: underline}

/* --- toggled browse area, nav2 --- */

.toggle_link {
  text-align: right;
  font-size: 85%;
  float: right;
  margin: 0.2em 0.2em 0 0;
}
.nav_tier2 {
	margin-top: -.3em;
	padding: 0.8em;
  	font-size:100%;
  	color: #fff;
}
.nav_tier2 ul {margin-right: 2em}
.nav_tier2 ul li {width:auto;}
.nav_tier2 h3 {
  font-size:100%;
  color: #CCEE46;
}

.nav_tier3 {
	margin: .8em -.8em -.8em -.8em;	
}

#main_menu {
	padding: 0;
	margin: 0;
}

/*****************************************
************** ad box, ad box2 ***********
*****************************************/

#leader_board {
	float: left
}
#sponsored_unit {
	float: right
}
#horizontal_ad .ad {
	padding: .33em;
	background-color: #fff;
	margin: 0 0 .75em 0
}

#ad_box {
  background-color:#fff;
  padding:5px;
  text-align:center;
  margin:0 0 .8em 0;
  height:260px;
}
#ad_box div,
#ad_box table 
  margin:0 auto;
}

#ad_box2 {
  background-color:#fff;
  padding:5px;
  text-align:center;
  margin:0 0 .8em 0;
  height:260px;
}
#ad_box2 div,
#ad_box2 table 
  margin:0 auto;
}

/* --- headers --- */

.topic_header,
.topic_header_underline {
    font-weight:bold;
    text-transform:uppercase;
}
.topic_header a,
.topic_header_underline a {
    text-decoration:none;
}
.topic_header a:hover,
.topic_header_underline a:hover {
    text-decoration:underline;
}
h2.topic_header,
h2.topic_header_underline {
    font-size:136%;
}
h3.topic_header,
h3.topic_header_underline {
    font-size:122%;
}
h4.topic_header,
h4.topic_header_underline {
    font-size:107%;
}

.topic_header_underline {
  border-bottom: 1px solid #ccc;
  margin-bottom: .6em
}

/*****************************************
*********** gumball **********************
*****************************************/

.list_item h3,
.gumball h4 {
  font-size:100%;
  font-weight:bold;
}
.gumball_thumb {
  background-color:#fff;
  border:1px solid #ccc;
}
.gumball_bgwhite {
  background-color:#fff;
  border:1px solid #ccc;
}
.gumball_thumb h4 {
  margin-bottom:.4em;
}
.gumball_thumb h4,
.gumball_thumb p {
  padding-right:.8em;
}
.gumball_thumb .topic {
  margin-top:1em;
}
.hub_front_door #blogs .post .topic,
.gumball .topic {
  font-weight:bold;
  margin-bottom:.4em;
  font-size:100%;
}
.gumball_restaurant .topic,
.gumball_restaurant .topic a {
  font-weight:normal;
  color:#777;
  font-size:100%;
  margin:0;
  text-decoration:none;
}
.gumball_restaurant .author {
  color:#777;
}
.gumball_restaurant .author a {
  color:#555;
}
.gumball_restaurant h4 small {
  font-weight:normal;
  color:#555;
}
small.media_type {
  color:#555;
}
.gumball img {
  margin-right:.8em;
  float:left;
}
.gumball .description {
  color: #303030;
  font-size: 100%;
}
.gumball .topic {
  font-size: 130%;

}
.gumball .description a {
  text-decoration:none;
}

.gumball ul {
  font-size:.9em;
  margin-bottom:.5em;
}
.gumball ul li {
  padding-bottom: .25em;
}

.featured_item h3 {
  font-size:197%;
  margin-bottom:.5em;
}
.featured_item .topic {
  margin-top:1em;
  margin-bottom:1em;
}
.featured_item .author {
  margin-top:.8em;
}

.list_item h3 a,
.gumball h3 a,
.gumball h4 a,
.list_item h3 a:hover,
.list_item:hover h3 a,
.gumball a:hover {
	color: #000;
  	text-decoration:underline;
}
.featured_item h3 a {
  text-decoration:none;
}
.featured_item h3 a:hover {
  text-decoration:underline;
}
.list_item img {
  float:left;
  margin-right:.4em;
}
.list_item {
  margin-bottom:.8em;
}

/* === modules === */
.module {
	background-color: #fff;
	color: #303030;
	padding: .8em;
	margin-bottom: .8em;
}
.module .module {
	background: none;
	padding: 0;
}
.module_body .viewing_self {
	font-weight:bold;
}

dl {
	color: #4B3E35;
}

dt {
	font-size:114%;
	color: #BD2F1F;
	text-transform: uppercase;
}

.story {
	margin-bottom: 15px;
}

.more {
  text-align:right;
  font-size: 100%;
}
.more_img {
  line-height: 22px;
  font-weight: bold;
}
.more_img a {
  background-image:url(img/arrow-right-greyred-circle-onwhite.gif);
  background-repeat:no-repeat;
  background-position:right center;
}
.more_img a:hover {
  background-image:url(img/arrow-right-greyred-circle-onwhite.gif);
  text-decoration:underline;
  color: #98200c;
}
.more_img a {
  text-decoration:none;
  color: #98200c;
  padding:10px 30px 10px 0;
}
.more_img:hover a {
  text-decoration: underline;
}
.more_img img {
  margin: 0 0 -6px 5px;
}

.post-entry {
	font-size: 100%;
	color: #303030;
}

.entry-title h3 {
	font-size: 122%;
	color: #BD2F1F;
	font-weight: bold;
}

.entry-summary {
	font-size: 85%;
	color: #303030;
}

.imagefloatleft {
	float: left;
	margin-right: 1em;
	padding: 0.25em;
	border: double 3px black;
}

/***********************************************************
********************* FOOTER *******************************
***********************************************************/

#footer {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #fff;
	font-size: .9em;
	height: 130px;
	padding: 10px 10px 10px;
	clear: both;
	background:#514D43;
	border-top: 2px solid #F5E1B8;
	text-align: left;

}

#footer-topline {
	color: #fff;
	font-size: .9em;
	height: 30px;
}

#footer .right {
	float: right;
	font-size: .9em;
}

#footer .left {
	float: left;
}

#footer-topline a {
	color: #fff;
}

#footer-topline a:hover {
	color: #000;
	text-decoration: underline;
}

#footer-sitemap {
	padding-left: 60px;
}

#footer-sitemap a {
	display: block;
	color: #A8C64F;
	text-decoration: none;
	padding-bottom: 1px;
}

#footer-sitemap a:hover {
	color: #fff;
	background: url(img/dotted-white.gif) bottom repeat-x #6B6961;
}

#footer-sitemap div {
	float: left;
	padding: 10px;
	border-right: 1px solid #87857F;
}

#footer-sitemap div:hover {
	background-color: #575248;
}

#footer-sitemap h3, #footer-sitemap h3 a {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
}

#footer-sitemap h3 {
	margin: 0;
}

#footer-sitemap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer-sitemap .colone {
	width: 150px;
}

#footer-sitemap .coltwo {
	width: 150px;
}

#footer-sitemap .colthree {
	width: 150px;
}

#footer-sitemap .colfour {
	width: 150px;
}

#footer-sitemap .colfive {
	width: 220px;
	border-right: 0;
}

/***********************************************************
********************* BOX SEARCH **********************
***********************************************************/

#advanced-search-options {
	clear: both;
	padding: 10px 0;
}

#advanced-search-options input, #advanced-search-options label, #advanced-search-options strong, #advanced-search-options select {
	font-size: 85%;
}

input.new_search {width:207px;height:19px;border:solid 1px #ccc;padding:0px;margin:0px;}
input.new_button {}

/*****************************************
*********** gumball **********************
*****************************************/

#col1 {
  width:20em;
  float: left;
  padding: .85em .75em;
  background-color: #fff;
}

#col2 {
  float: left;
  padding: .85em .75em;
  background-color: #ebebeb; /* light grey */
}

#regular_entry h4 {
	font: .9em arial, helvetica, sans-serif;
	margin-bottom:.4em;
	font-weight: bold;
	
}