/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #ffd200; color: #3d3d3d; text-shadow: none; }
::selection { background: #ffd200; color: #3d3d3d; text-shadow: none; }

a { color: #446fb0; }
a:visited { color: #446fb0; }
a:hover { color: #3d3d3d; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

@media only screen and (min-width: 35em) {
  


}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}



/*
- Dark Gray: Hex #3d3d3d
- Light Gray: Hex #acacac
- Yellow: Hex #ffd200
- Green: Hex #54b948
- Red: Hex #ef3e42
- Background Light Gray: Hex #eeeeee
- Navigatin Blue: #446fb0
*/

body {
	background-color: #eee;
}


/* ************************
 *
 *  HEADER 
 * 
 **************************/


#logo {
 text-align:center;
 background: url("../images/HSGL_logo.png");
 background-repeat: no-repeat;
 margin: auto;
 background-position: center top;
 margin-top: 30px;
 text-indent: -2500px;
 }

#top_strip{
	height: 9px;
	background-color: #3d3d3d;
}

#round_buttons_wrapper {
	position: relative;
	height: 70px;
	top: -90px;
	margin-bottom: -90px;
}

#buy_button {
	background: url("../images/buy_button.png");
	width:80px;
	height: 70px;
	background-repeat: no-repeat;
	text-indent: -2500px;
	left: -5px;
	position: absolute;
	background-color: #eee;
	background-position: left;
}

#take_button {
	background: url("../images/test_button.png");
	width:80px;
	height: 70px;
	background-repeat: no-repeat;
	text-indent: -2500px;
	position: absolute;
	right: -5px;
	background-color: #eee;
	background-position: right;
}


#buy_button:hover {
	background: url("../images/buy_button_over.png");
	background-repeat: no-repeat;
	background-color: #eee;
	background-position: left;
}

#take_button:hover {
	background: url("../images/test_button_over.png");
	background-repeat: no-repeat;
	background-color: #eee;
	background-position: right;
}


/* ************************
 *
 *  MENUS
 * 
 **************************/
.menu {
	font-size: 16px; /* 16px for main nav, 12px for subnav, 14px for video filter, 12px for subnav */
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	/* Clear floats */
	margin-top: 0;
	text-transform: uppercase;
	/* Bring the nav above everything else--uncomment if needed. */
	position:relative;
	z-index:5;
	letter-spacing: 1px;
	margin-right: -1em;
	}
/*
.menu a:visited {
	color: #3d3d3d;
}*/

#photo_nav_wrapper .menu {
	z-index: 4;
}

.menu li{
	float:left;
	margin-right:10px;
	position:relative;
	margin-top: 0;
}
.menu a{
	display:block;
	padding:5px;
	text-decoration:none;
}

.menu a:visited {
	color: #3d3d3d;
}

.menu a:hover{
	color: #446fb0;
	background: url("../images/submenu_arrow.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	font-weight: bold;
}


/*--- DROPDOWN ---*/
.menu ul{
	background:#eee; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:#eee; /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	margin-top: 0;
	padding-left: 10px;
	padding-right: 10px;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	font-size: 12px;
}
.menu ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	padding-left: 0;
	margin-top: 0;
	line-height: 12px;
	letter-spacing: 1px;
}
.menu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.menu li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	margin-top: 0;
}
.menu li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	margin-top: 0;
	background: url("../images/submenu_arrow.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #446fb0;


}
.menu li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	color: #3d3d3d;
}
.menu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	color: white;
}

.menu li ul{
	background-color: #acacac !important;
	text-align: center;
	color: red;
	min-width: 100%;
}

.submenu a:hover {
	color: white !important;
}
/*
.menu li ul a:visited {
	color: #eee;
}
*/


/* ************************
 *
 *  HOME 
 * 
 **************************/
#home_header_text {
	clear: both;
	font-size: 16px;
	margin-top: 65px;
}

#home_header_text .drop {
	color: #446fb0;
	text-transform: uppercase;
}

#banner_text {
	position: absolute;
	top: 25px;
	left: 700px;
	text-align:left;
	width: 130px;
	width: 250px;
	line-height: 12px;
	color: white;
}

#banner_text > h4 {
	font-size: 16px;
	font-weight: bold;
	/*font-style: oblique;*/
	display: inline;
}

#banner_text h5 {
	font-weight: bold;
	/* font-style: oblique; */
	line-height: 12px;
	margin-top: 6px;
	display: inline; 
}

 
 #main_nav {
	font-size: 16px;
	padding-left: 25px !important;
	/* width: 750px; */
	
	margin: auto;
	margin-top: -16px;
	margin-right: -1em;
	height: 22px;
	margin-left: 101px;
	-webkit-padding-start: 0 !important;
	padding-left: 9px !important;
}

#main_nav ul {
	background: #acacac !important;
}

#main_nav ul li {

	background: #acacac !important;
}

#main_nav_wrapper {
	position:relative;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: #eee !important;
}

.header_rule {
	height: 22px;
	width: 40px;
	background: url("../images/rule2.png");
	background-repeat: repeat-x;
	vertical-align: -20px;
}

#header_rule_left {
	position: absolute;
	top: 1px;
	left: 60px;
}

#header_rule_right {
	position: absolute;
	top: 1px;
	right: 40px;
}



#photo_nav_wrapper {
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
	margin-top: 0px;
	text-align: center;
	width: 100%;
}

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

#photo_nav_wrapper li {
	display: inline;
	float: none !important;
}

#photo_nav_wrapper a {
	display:inline-block;
	padding:10px;
}

#main_nav a:link {
	color: #3d3d3d;
}

#main_nav a:active {
	color: #446fb0;
}

#main_nav a.off {
	color: #acacac;
}


#home_nav_items {
	padding-left: 0;
}

#endorsement_items , #stats_slider {
	padding-left: 10px;
}

#endorsement_items {
    padding:0px;
    margin:0px;
	list-style: none;
}

#home_nav_items li, #video_items li {
	border-top: 7px solid #3d3d3d;
	padding-left: 0;
}

#endorsement_items li {
    /*width:32%;*/
    padding-right:20px;
	float: left;
	
}

div.top-border {
    width:100%;
    height:7px;
    background-color: #3d3d3d;
}

#home_nav_items li img, #video_items li img {
	padding-top: 11px;
	padding-bottom: 11px;
}

#home_nav_items  li{
	margin-bottom: 40px;
}

.home_items_meta, .video_meta, .stat_result {
	border-top: 7px solid #3d3d3d;
	padding-top: 15px;
}

.home_items_meta h3 {
	font-size: 18px;
	margin-top: 0;
	color: #3d3d3d;
	letter-spacing: 1px;
}

.home_items_meta h3 a {
	text-decoration: none;
	color: #3d3d3d;
}


.home_items_meta h3 a:hover {
	text-decoration: underline;
	color: #3d3d3d;
}

.home_items_meta p {
	color: #3d3d3d;
	font-size: 16px;
	font-style: italic;
	margin-top: 0;
}

.home_items_meta p a {
	text-decoration: none;
}


.home_items_meta p a:hover {
	text-decoration: underline;
}

.home_items_meta p a:link, .home_items_meta p a:visited, .home_items_meta p a:active, .home_items_meta p a:hover {
	color: #3d3d3d;
}



div[role="endorsements"]  ul li {
	text-align: center !important;

}

div[role="endorsements"]  .top-border {
	border-top: none !important;
	height: 0px;
}

#endorsements_title h2 {
	width: 23%;
	letter-spacing: 1px;
}

#endorsements_title h2 a {
	text-decoration: none;
}


#endorsements_title h2 a:link, #endorsements_title h2 a:visited, #endorsements_title h2 a:active{
	color: #3d3d3d;
}




/* slider */

#home_slider {
	height: 327px;
	position:relative;
}


.article_header {
	background-color: #1a3f76; /* #446fb0 */
	color: white;
	padding-right: 10px;
}

.article_header > iframe { margin-right: 20px; }

.article_header h3 { color: white !important; margin-left: 10px !important;}

#home_slider .slide_text {
	background-color: #1a3f76;  /* older ligher color #446fb0; */
	height: 327px;
	width: 300px;
	left: 0;
	top: 0;
	position: absolute;
	opacity: 0.9;
	}
	
	
.slide_text {
	background-color: #1a3f76;  /* older ligher color #446fb0; */
}
	
.slide_image {
	position: absolute;
	top: 0;
	left: 0;
}

.slide_text_contents {
	width: 250px;
	padding-left: 25px;
	padding-right: 25px;
	color: white;
	overflow: none;
	height: 327px;
	float:left;
}

.slide_text_contents input {
	margin-bottom: 10px;
	font-size: 12px;
	
	color: #3d3d3d;
	letter-spacing: 1px;
}

#home_slider h2 {
	font-size: 28px;
	letter-spacing: 1px;
	line-height: 30px;
	font-weight: normal !important;
}

.slide_text_contents p {
	font-size: 14px;
	line-height: 18px;
}

#slide_random_acces_nav {
	font-size: 24px;
	margin-left: 0;
	padding-left: 0;
}

#slide_random_acces_nav  li{
	list-style: none;
	float: left;
	margin-right: 15px;
	display: block;
	width: 15px;
	text-align: right;
}

#slide_random_acces_nav a {
	text-decoration: none;
	color: white;
}

#slide_random_acces_nav a:link, #slide_random_acces_nav a: visited, #slide_random_acces_nav a:hover {
	color: white;
}



/* ************************
 *
 *  PREV/NEXT NAVIGATION
 * 
 **************************/
#slide_nav_wrapper {
	margin-top: -50px;
	position: relative;
}

 #slide_nav{
	z-index: 100;
	position: absolute;
	list-style: none;
 }
 
#slide_nav_prev {
	background: url("../images/prev_button.png");
	text-indent: -2500px;
	background-repeat: no-repeat;
	margin-left: -52px;
	position: absolute;
	width: 58px;
	height: 25px;
	cursor:pointer;
}

#slide_nav_next {
	background: url("../images/next_button.png");
	text-indent: -2500px;
	background-repeat: no-repeat;
	position: absolute;
	width: 58px;
	height: 25px;
	right: 25px;
}

#slide_nav_prev:hover {
	background: url("../images/prev_button_over.png");
	background-repeat: no-repeat;
	cursor:pointer;
	}

#slide_nav_next:hover {
	background: url("../images/next_button_over.png");
	background-repeat: no-repeat;
	cursor:pointer;
}

/*====================================================*/
#endoresments_nav_wrapper {
	margin-top: -42px;
	position: absolute;

}

 #endorsements_nav{
	z-index: 100;
	position: absolute;
	list-style: none;
}
 
#endorsements_nav_prev {
	background: url("../images/prev_button.png");
	text-indent: -2500px;
	background-repeat: no-repeat;
	margin-left: -52px;
	position: absolute;
	height: 25px;
	width: 58px;
	list-style:none;
}

#endorsements_nav_next {
	background: url("../images/next_button.png");
	text-indent: -2500px;
	background-repeat: no-repeat;
	position: absolute;
	width: 58px;
	height: 25px;
	right: 25px;

}

#endorsements_nav_prev:hover {
	background: url("../images/prev_button_over.png");
	background-repeat: no-repeat;
	cursor:pointer;
}

#endorsements_nav_next:hover {
	background: url("../images/next_button_over.png");
	background-repeat: no-repeat;
	cursor:pointer;
}

/* ========================================================== */


#featured_video_nav_wrapper {
	top: -180px;
	position: relative;
}

 #featured_video_nav{
	z-index: 100;	
	position: absolute;
	list-style: none;
}
 
#featured_video_nav_prev {
	background: url("../images/prev_button.png");
	text-indent: -2500px;
	background-repeat: no-repeat;
	margin-left: -52px;
	position: absolute;
	width: 58px;
	height: 25px;
}

#featured_video_nav_next {
	background: url("../images/next_button.png");
	text-indent: -2500px;
	background-repeat: no-repeat;
	position: absolute;
	width: 58px;
	height: 25px;
	right: 25px;
}

#featured_video_nav_prev:hover {
	background: url("../images/prev_button_over.png");
	background-repeat: no-repeat;
	cursor:pointer;
}

#featured_video_nav_next:hover {
	background: url("../images/next_button_over.png");
	background-repeat: no-repeat;
	cursor:pointer;
}


#videos_nav_wrapper {
	margin-top: -40px;
	padding-bottom: 30px;
}

 #videos_nav{
	z-index: 100;
	position: absolute;
	list-style: none;
}

#videos_nav a[href=""], #videos_nav a:not([href]) {
	display:none;
}
 
#videos_nav_prev {
	background: url("../images/prev_button.png");
	text-indent: -2500px;
	background-repeat: no-repeat;
	margin-left: -52px;
	position: absolute;
	height: 25px;
	width: 58px;
	list-style:none;
}

#videos_nav_next {
	background: url("../images/next_button.png");
	text-indent: -2500px;
	background-repeat: no-repeat;
	position: absolute;
	width: 58px;
	height: 25px;
	right: 25px;

}

#videos_nav_prev:hover {
	background: url("../images/prev_button_over.png");
	background-repeat: no-repeat;
	cursor:pointer;
}

#videos_nav_next:hover {
	background: url("../images/next_button_over.png");
	background-repeat: no-repeat;
	cursor:pointer;
}



/* ======================================================== */

#stats_nav_wrapper {
	margin-top: <-82></-82>px;
	position: absolute;
}

 #stats_nav{
	z-index: 100;
	position: absolute;
	list-style: none;
 }
 
#stats_nav_prev {
	background: url("../images/prev_button.png");
	text-indent: -2500px;
	background-repeat: no-repeat;
	margin-left: -52px;
	position: absolute;
	width: 58px;
	height: 25px;
}

#stats_nav_next {
	background: url("../images/next_button.png");
	text-indent: -2500px;
	background-repeat: no-repeat;
	position: absolute;
	width: 58px;
	height: 25px;
	right: 25px;
}

#stats_nav_prev:hover {
	background: url("../images/prev_button_over.png");
	background-repeat: no-repeat;
	cursor:pointer;
}

#stats_nav_next:hover {
	background: url("../images/next_button_over.png");
	background-repeat: no-repeat;
	cursor:pointer;
}


/*= ============================================== */



/* ************************
 *
 *  Photos
 * 
 **************************/
#photos {
	height: 480px;
}	

/* ************************
 *
 *  endorsements 
 * 
 **************************/
.endorsement_quote{
	font-size: 15px;
}

.endorsement_meta {
	font-size: 15px;
}

div[role="endorsements"] .endorsement_meta {
	line-height: 15px;
	margin-top: 0px;
}


div[role="endorsements"] #endorsement_items li {
	margin-bottom: 20px;
}

.endorsement_author {
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: lowercase;
	text-transform: capitalize;
}

.endorsement_author_role {
}



/* ************************
 *
 *  VIDEOS 
 * 
 **************************/
 #featured_video_slider {
	margin-top: 40px;
 }
 
 .featured_video_meta {
	border-top: 7px solid #3d3d3d;
	padding-top: 25px;
	height: 305px;
	border-bottom: 1px solid #3d3d3d;
 }
 
 /* === video search form */
 
 #searchform {
	float: right;
 }
 
 #searchform input {
	background-color: white;
	border: 1px solid #acacac;
	height: 31px;
	color: black; /* #ef3e42; */
	text-transform: uppercase;
	text-indent: 10px;
}
 
 #searchform button {
	border: none;
	color: white;
	background-color: #ef3e42;
	height: 31px;
	line-height: 31px;
	width: 35px;
	font-style: italic;
	vertical-align: middle;
	font-size: 22px;
	text-transform: lowercase;
	margin-top: -3px;
	margin-left: 10px;
 }
 
 
div[role="videos"] .featured_video_meta h2 {
	font-size: 30px !important;
	color: #3d3d3d;
	margin-top: 0 !important;
	line-height: 32px;
	font-weight: normal;
}

 
div[role="videos"] .featured_video_meta h3 {
	font-size: 14px;
	margin-top: 0;
	color: #3d3d3d;
	font-weight: bold;
	margin-top: -5px;
	letter-spacing: 1px;
}

div[role="videos"] .date_meta {
	color: #3d3d3d;
	margin-top: 0;
	font-size: 14px;
}

 
 .featured_video_description {
	font-size: 20px;
 }
  
 #video_items {
	padding-left: 0 !important;
	margin-top: 0 !important;
	/* margin-bottom: 40px; */
	}

#video_items img {
	width: 300px;
	height: 235px;
}

 #video_items li {
	margin-top: 0 !important;
	margin-bottom: 40px;
 }
 
 .video_meta {
	margin-top: 0;
	height: 6em;
	text-align: left !important;
 }
 
.video_meta_title {
	font-size: 28px !important;
	margin-top: 0;
	line-height: 30px;
	font-weight: normal;
}	

.video_meta_subtitle {
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 0;
	letter-spacing: 1px;
	}

.video_meta_date {
	font-size: 14px;
	line-height: 16px;
	margin-top: 4px;
	}
	
	
#video_nav_search {
	margin-top: 14px;
}
	
#video_filter {
	padding-left: 0 !important;
}

#video_filter  {
	font-size: 15px;
}


/* ************************
 *
 *  SURVEY 
 * 
 **************************/
#survey_header_image {
	background: url("../images/eat_header.jpg");
	width: 940px;
	height: 328px;
}

#survey_header_text {
	font-size: 16px;
	color: #3d3d3d;
}

#survey_header_text .drop {
	color: #446fb0;
	text-transform: uppercase;
}

#survey_header_text a {
	color: #446fb0;
	font-style: italic;
}

.ruled_header {
	color: #3d3d3d;
	background: url("../images/rule2.png");
	background-repeat: repeat-x;
	font-size: 22px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: -20px;
	margin-top: 40px;
	margin-bottom: 0px;
}

.ruled_header h2 {
	margin: auto;
	margin-top: -16px;
	background-color: #eee;
	width: 15%;
	letter-spacing: 1px;
	
}

#eat_test_link {
	font-size: 30px;
	color:#ef3e42;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: bold;
 }
 
 #eat_test_login_prompt{
	font-size: 14px;
	color: #acacac;
	margin-top: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
 }
 
 .callout {
	color: #ef3e42;
 }
 
 #eat_login {
	margin-top: 20px;
 }
 
 #eat_login input {
	background-color: white;
	border: 1px solid #acacac;
	height: 26px;
	color: black; /* #ef3e42; */
	text-transform: uppercase;
	text-indent: 10px;
}
 
 #eat_login button {
	border: none;
	color: white;
	background-color: #ef3e42;
	height: 31px;
	line-height: 31px;
	width: 35px;
	font-style: italic;
	vertical-align: middle;
	font-size: 22px;
	text-transform: lowercase;
 }
 
 .stat_result {
	color: #ef3e42;
	font-size: 100px;
	text-transform: uppercase;
	margin-top: 0;
	line-height: 100px;
	letter-spacing: 1px;
	font-weight: bold;
	}

.stat_label {
	border-top: 1px solid #3d3d3d;
	padding-top: 11px;
	color: #3d3d3d;
	font-size: 18px;
	font-size: 20px;
	/*text-transform: uppercase;
	letter-spacing: 1px;*/
	
}





/**************************
* 
* PAGE/ARTICLE
*
**************************/
div[role="article"] {
	margin-top: 15px;
}

div[role="article"] h2 {
	font-size: 30px;
	color: #3d3d3d;
	margin-top: 0 !important;
}

div[role="article"] h3 {
	font-size: 14px;
	margin-top: 0;
	color: #3d3d3d;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: -5px;
	letter-spacing: 1px;
}

div[role="article"] .date_meta {
	color: #3d3d3d;
	margin-top: 0;
	font-size: 14px;
}

div[role="article"] .article_content{
	font-size: 16px;
}

.article_images img {
	margin-bottom: 20px;
}



/**************************
* 
* FOOTER
*
**************************/
#footer_bar{
	background-color: #3d3d3d;
	color:#d7d7d7;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	height :53px;
	line-height: 35px;
	margin-top: 40px;
	letter-spacing: 1px;
	text-wrap: none;
}

#footer_text {
	margin-right: -100px !important;
	overflow: none;
	float: left;
}

#footer_bar a {
	color: #ffd200;
	text-transform: lowercase;
	font-style: italic;
}

#tcbg_logo {
	display: inline-block;
	width: 189px;
	height: 14px;
	background-image: url('../images/index.logo.dark_backgrounds.png');
	text-indent: -2000px;
	vertical-align: middle;
}

#footer_social {
	float: right;
}


#footer_social  li {
	float: left;
	list-style: none;
	text-indent: -3000px;
	width: 29px;
	height: 27px;
	margin-right: 6px;
	/*margin-top: 12px;*/
	margin-bottom: 12px;
	vertical-align: middle;
	font-style: normal;
}

.facebook_icon {
	background: url("../images/facebook_icon.png");
}

.twitter_icon {
	background: url("../images/twitter_icon.png");
}

.flickr_icon {
	background: url("../images/flickr_icon.png");
}

.vimeo_icon {
	background: url("../images/vimeo_icon.png");
}


.pinterest_icon {
	background: url("../images/pinterest_icon.png");
}


.facebook_icon:hover {
	background: url("../images/facebook_icon_on.png");
}

.facebook_icon:hover:before {
	content: 'Facebook';
	font-size: 12px;
	text-transform: uppercase;
	color: #3d3d3d;
	background: url("../images/social_menu_arrow.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	position: relative;
	top: -48px;
	left: 3000px;  /* un-offset the neg text offset of parent */
	margin-left: -21px;
	padding-bottom: 12px;
	border: 0px;
	
}



.twitter_icon:hover {
	background: url("../images/twitter_icon_on.png");
}

.twitter_icon:hover:before {
	content: 'Twitter';
	font-size: 12px;
	text-transform: uppercase;
	color: #3d3d3d;
	background: url("../images/social_menu_arrow.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	position: relative;
	top: -48px;
	left: 3000px;  /* un-offset the neg text offset of parent */
	margin-left: -17px;
	padding-bottom: 12px;
	border: 0px;
	
}

.flickr_icon:hover {
	background: url("../images/flickr_icon_on.png");
}

.flickr_icon:hover:before {
	content: 'Flickr';
	font-size: 12px;
	text-transform: uppercase;
	color: #3d3d3d;
	background: url("../images/social_menu_arrow.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	position: relative;
	top: -48px;
	left: 3000px;  /* un-offset the neg text offset of parent */
	margin-left: -11px;
	padding-bottom: 12px;
	border: 0px;
	
}

.vimeo_icon:hover {
	background: url("../images/vimeo_icon_on.png");
}

.vimeo_icon:hover:before {
	content: 'Vimeo';
	font-size: 12px;
	text-transform: uppercase;
	color: #3d3d3d;
	background: url("../images/social_menu_arrow.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	position: relative;
	top: -48px;
	left: 3000px;  /* un-offset the neg text offset of parent */
	margin-left: -10px;
	padding-bottom: 12px;
	border: 0px;
	
}



.pinterest_icon:hover {
	background: url("../images/pinterest_icon_on.png");
}

.pinterest_icon:hover:before {
	content: 'Pinterest';
	font-size: 12px;
	text-transform: uppercase;
	color: #3d3d3d;
	background: url("../images/social_menu_arrow.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	position: relative;
	top: -48px;
	left: 3000px;  /* un-offset the neg text offset of parent */
	margin-left: -25px;
	padding-bottom: 12px;
	border: 0px;
	
}


/* ************************
 *
 *  FIXES 
 * 
 **************************/