/* Supplemental stylesheet */

/* images in tease box */

.tease-box .img img {
	width: 183px; height:120px;
}

/* fix links on homepage; make them not overflow */

#atk .links-bar li a {
	white-space: normal; /* for firefox and non-css3 browsers */
	word-wrap: break-word;
}

#atk .links-bar {
	width: 100%;
	float: left;
	background-color: #fff;
}

#atk .links-bar li {
	width: 24.5%;
	float: left;
	display: block;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding: 20px;
}

#atk .front-content-box {
	float: left;
}

/* stuff for recent/popular posts on homepage */

.frontpage-most-popular {
	display: none;
}

#slide-stage {
	margin-right: 0;
}

#slide-tabs ul li p {
	color: #0084ff;
	cursor: pointer;
}

#slide-tabs ul li p:hover {
	color: #0569C5;
	cursor: pointer;
}

.slideshow-title {
	cursor: pointer;
}

.slideshow-title:hover {
	background-color: #eee;
}

#tomorrow-title {
	padding: 10px 0 0 0;
	height: auto;
}

/* buttons in posts */

.reference-link {
	margin-top: 20px;
	background: #f3efda;
	border: 1px solid #dddd99;
	float: left;
	width: 96%;
	padding: 10px;
	margin-bottom: 20px;
}

.related-content-label {
	padding: 5px;
	float: left;
}

.button {
	text-decoration: none;
	padding: 5px;
	float: right;
	text-align: center;
	background-color: #f9f9f9;
	border: 1px solid #b2b2b2;
	cursor: pointer;
	border-bottom-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
}

.related-content-button {
	width: 100px;
}

.button-label {
	color: #424242;
}

.button:hover {
	background: #e9e9e9;
}

/* Normal post title text */

.post-title {
	text-transform: none !important;
	font-size: 30px !important;
	margin: 0 0 5px !important;
}

/* Post images should span entire width of section */

.single-post-thumbnail {
	width: 99%;
}

.subhead {
	margin-bottom: 10px;
	font-size: 120%;
}

/* Main post content on single-post pages */

#atk h2.page-cat-title {
	font-size: 40px;
	line-height:43px;
	text-transform: uppercase;
	/*color: inherit;*/
	color: #B30000;
}

#atk h2.page-cat-title a {
	color: inherit;
}

#atk h2 #rss {
	font-size:18px; display:none;
}

#atk h2 #rss a {
	/*color: #B2B2B2;*/
	color: #ab1616;
}

.main-post-text {
	width: 100%;
	float: left;
}

.post-date-box {
	width: 10%;
	float: left;
	text-align: center;
	margin-top: 20px;
	margin-right: 15px;
}

.post-content {
	width: 87%;
	float: left;
	margin-top: 20px;
}

.post-content > p {
	margin-bottom: 10px;
	line-height: 150%;
	
}

p.body-text {
	margin-bottom: 10px;
	line-height: 150%;
	
}

.post-date-box > .month {
	font-size: 100%;
	text-transform: uppercase;
	margin-bottom: -5px;
}

.post-date-box > .day {
	font-size: 400%;
	margin-bottom: -3px;
}

.post-date-box > .year {
	font-size: 100%;
}

/* Comments */


.comment-headline {
	margin: 25px 0 10px 0 !important;
	clear: both;
}

.comment-logged-in {
	margin: 15px 0 15px 0;
}

.comment-form-area {
	width: 100%;
	height: 200px;
}

.submit-button {
	width: 100px;
}

/* Sidebar */

.sidebar-tags {
	margin-bottom: 15px;
}

.hide {
	display: none;
}

.tags-more-link {
	width: 100%;
	text-align: right;
	color: #b2b2b2;
	font-weight: bold;
}
.tags-more-link:hover {
	color: #0569C5;
	cursor: pointer;
}

.sidebar-ad {
	width: 100%;
	background: white;
	margin-bottom: 15px;
}

.sidebar-ad img {
	margin-bottom: 10px;
}

.sidebar-box {
	background: #eeedee;
	width: 100%;
	padding: 10px 10px 20px 10px;
	line-height: 150%;
	margin-top: 15px;
	width:286px; 
	margin-bottom:40px;
	border-bottom: 1px solid #bebebe;
}

.sidebar-box-headline {
	text-transform: uppercase;
	 -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
	font-size: 130%;
	width: 306px;
	float: left;
	font-weight: bold;
	padding: 10px 0 0 18px;
	margin: -10px 0 15px -20px;
	display: block;
	height: 38px;
	color: #fff;
	background-color: #797771;
}


#atk .sidebar-ad .sidebar-box-headline {
color: #fff;
background-color: #d90000;
}

.sidebar-box h4 {
	font-size: 120%;
	margin-bottom: 5px;
}

.sidebar-box-headline a {
	color: #473333;
}

.sidebar-box-headline img {
	margin-right: 10px;
	float: right;
}

.sidebar-box ol {
	margin-top: 5px;
}

.sidebar-box ol li {
	list-style-type: decimal;
	list-style-position: inside;
}

.quotation {
	font-style: italic;
}

.featured-comment-author {
	text-align: right;
}

/* About the Author */

.about-the-author {
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

.about-the-author > p {
	margin: 10px 0 10px 0;
	line-height: 150%;
	font-style: italic;
}

.post-author-pic {
	width: 80px;
	float: left;
	margin: 0 10px 10px 0;
}

.post-author-pic.large {
	width:183px;
	margin-right:20px;
	display:inline-block;
}	

.archive.author .body-text {
	display:inline-block; width:455px;
}

/* For Now Testing posts */

.slide-stage-image {
	width: 100%;
	height: 400px;
}

#slide-stage h2 {
	margin: 0 0 10px 0 !important;
}

.nowtesting-page-thumbnail {
	width: 100%;
	max-height: 450px;
}

/* Tag/search results page */

.result-page-thumbnail {
	width: 183px;
	height: 160px;
	float: left;
	margin-right: 20px;
}

.list-page-item {
	width: 100% !important;
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}

.list-page-item .last {
	border-bottom: none;
}

.list-page-item h2 {
	
}

.list-page-item > .subhead {
	margin-top: 3px;
}

.list-view-posted-in {
	margin-top: -7px;
}

.list-view-block {
	margin-left: 175px;
}

.list-post-title, html #atk .list-post-title {
	text-transform: none;
	margin: 8px 0 8px;
}

.posts-by {
	margin: 40px 0 10px 0 !important;
}

/* Footer stuff */

#logos {
	float: left;
	margin: 30px 0 30px 0;
}

#logos img {
	margin-right: 20px;
}

#copyright {
	color: #9c9c9c;
	margin: 50px 0 20px 0;
	float: left;
}

.menu-arrow {
	float: right;
	margin: 3px 10px 0 -30px;
}

/* SLIDESHOW */

.scrollable {
	position:relative;
	overflow:hidden;
	width: 100%;
	height: 400px;
}

.scrollable-items {
	position: absolute;
	width: 100%;
	height: 20000em;
}

.slide-item {
	height: 400px;
	width: 100%;
	display: block;
}

/* TAG STYLING */

.tags {
	margin: 10px 0 20px 0;
}

.tags li {
  float: left;
  margin: 0 10px 10px 0;
}

.tags li a {
  background-color: #dadada;
  color: #636363;
  padding: 5px 5px 5px 15px;
  font-size: 10px;
  background-image: url("/wp-content/themes/garlicpress/images/tag-bg.gif");
  background-repeat: no-repeat;
  background-position: left;
}

html.firefox .tags li a {
	padding-top:4px;
}

.tags li a:hover {
  background-color: #e51b24;
  color: white;
}

.point {
	position: absolute;
	z-index: 2;
	margin-left: -30px;
	margin-top: -2px;
	/*
	width: 50px;
	height: 57px;
	background: url('http://atk.wpengine.netdna-cdn.com/wp-content/themes/garlicpress/images/point-3.png') left center no-repeat !important;
	*/
	width: 0px;
	height: 0px;
	border-right: 20px solid #f8f6f0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	font-size: 0px;
	line-height: 0px;
	background: transparent;
	display: block;
	-webkit-transition: all ease-in-out .5s;
}

.point-hover {
	border-right: 20px solid #fff;
	/*background: url('http://atk.wpengine.netdna-cdn.com/wp-content/themes/garlicpress/images/point-2.png') left center no-repeat !important;*/
}

/* BLOG PAGES */

.blog-excerpt {
	margin-bottom: 20px;
}

.blog-date {
	text-transform: uppercase;
	margin: 10px 0 10px 0;
}

.blog-article p {
	color: #636363;
	width: 93%;
}

.blog-article h3 {
	margin-top: 10px;
}

.blog-article h3 a {
	text-transform: none;
	color: #473333;
}

.pagination {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 720px;
	margin-top:5px;
	margin-bottom:-25px;
	margin-left:-30px;
	padding: 13px 20px;
	float: left;
	clear: both;

	background: rgba(0,0,0,.1);
}

.list-page-item:last-of-type {
	border-bottom: 0;
}

.list-page-item:first-of-type {
	padding-top: 0;
}

.pagination a {
	color: #b2b2b2;
}
.pagination a:hover {
	color: #636363;
}

.newer-link {
	float: left;
}	

.older-link {
	float: right;
}

#category-overview {
	min-height: 500px;
}

#cat-heading {
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
	background: url('/wp-content/themes/garlicpress/images/headingbarbg.jpg') top left repeat;
	width: 1042px;
	padding: 40px 0 0 40px;
}

#cat-heading h2, #cat-heading h3 {
	display: inline;
}