/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/*Begin Custom CSS*/
body
{
 margin: 0 -150px 0 -150px;
 padding: 0;
 font-family: Helvetica, Arial, sans-serif;
 line-height: 1.5em;
 font-size: 12px;
}
h1, h2, h3, h4, h5
{
 font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 color: #5B5B51;
 letter-spacing: -1px;
 line-height: 1.1em;
}
a,a:link,a:active,a:visited
{
 font-weight: 800;
 color: #C1272D;
 text-decoration: none;
}
hr
{
 border: none;
 border-bottom: 1px solid #AAA;
}
div.longquote, blockquote
{
 color: #222;
 font-weight: 800;
 padding: 10px 20px 10px 40px;
 background: url(/bgh/sites/all/themes/bloody_good/images/icons/quote.gif) no-repeat #CCC 10px 12px;
}
blockquote
{
 margin: 10px 0 0 0;
 display: block;
 font-size: 2em;
 line-height: 1.3em;
}
blockquote p, div.longquote p
{
 margin: 0px;
}
#content blockquote p
{
 text-align: center;
}
/*Container Grid*/
#outer_container
{
 background: url(/bgh/sites/all/themes/bloody_good/images/layout_v3.jpg) no-repeat #FFF;
 background-position: 15px 0px !important;
 margin: 0px auto;
 width: 1090px;
 padding: 0 100px;
 overflow: hidden;
 background-position: 76px 0;
}
#content_inner
{
 padding: 0px 5px;
}
.container_12
{
  overflow: hidden;
  display: block;
  clear: both;
}
.grid
{
}
#header
{
 margin: -7px 0 10px 0;
 height: 112px;
 padding: 0px;
}
#header #main_nav
{
 position: relative;
 font-size: .8em;
 float: left;
}
#header #main_nav #logo_overlay
{
 top: 0px;
 position: absolute;
 width: 490px;
 height: 80px;
 overflow: hidden;
}
#header #main_nav #logo_overlay img
{
 width: 490px;
 height: 80px;
}
#header #main_nav ul
{
 position: absolute;
 width: 468px;
 top: 89px;
 left: 165px;
 padding: 0 2px 0 0;
 display: block;
}
#header #main_nav ul li
{
 list-style: none;
 padding: 0px;
 float: left;
 margin: 0 10px 0 0;
}
#header #main_nav ul li a
{
 font-size: 14px;
 color: #FFF;
 text-transform: uppercase;
 text-decoration: none;
 padding: 0px;
 border: none;
}
#header #main_nav ul li.active-trail a
{
 color: #C1272D;
}
#preheader
{
}
#preheader #leaderboard
{
 float: left;
 clear: left;
 overflow: hidden;
 margin: 0px;
 padding: 5px 0 0 0;
 height: 104px;
}
#preheader #leaderboard .block
{
 margin: 0px;
 padding: 0px;
}
#preheader #leaderboard .block .title,
#bar_right #block-block-4.block .title
{
 display: none;
}
#bar_right #block-block-4.block .title
{
 padding: 0px;
 margin: 0 0 5px 0;
}
#bar_right #user_top img
{
 float: left;
 margin: 0 20px 0 0;
}
#bar_right #user_top ul li
{
 margin: 0px;
 padding: 0px;
 line-height: 1.3em;
 list-style-type: square;
}
.grid_2#bar_left
{
 color: #FFF;
}
.grid_6#content
{
}
#footer
{
 border-top: 1px solid #AAA;
 margin: 10px 0px;
 padding: 5px 0;
 height: auto;
 overflow: hidden;
 clear: both;
}
/*Content Styles*/
#content img
{
 max-width: 460px;
}
/*Right Sidebar Styles*/
#bar_right .block
{
 border: 1px solid #222;
 color: #FFF;
 background: #111;
 padding: 7px 10px 10px 10px;
 margin: 0 0 10px 0;
}
#bar_right .block .title
{
 padding: 2px 0px 10px 0px;
 border-bottom: 1px solid #555;
 margin: 0 0 10px 0;
 line-height: 1em;
 text-transform: uppercase;
 color: #FFF;
 font-size: 1.5em;
}
#bar_right #block-block-4.block
{
 padding: 0px;
 background: none;
 border: none;
}
#bar_right .view-id-09_right_features .views-row
{
 display: block;
 position: relative;
 height: auto;
 overflow: hidden;
 clear: both;
 margin: 0 0 5px 0;
 padding: 5px 0 0 0;
 border-bottom: 1px solid #555;
} 
#bar_right .view-id-09_right_features .views-field-field-promo-img-fid
{
 float: left;
 margin: 0 20px 20px 0; 
}
#bar_right .view-id-09_right_features .views-field-field-teaser-value
{
 float: left;
 width: 180px;
 clear: none;
}
#bar_right .view-id-09_right_features .views-field-field-teaser-value p
{
 margin: 0px;
 padding: 0px;
}
#bar_right .view-id-09_right_features .views-field-type
{
 width: 75px;
 text-transform: uppercase;
 font-weight: 800;
 font-size: 12px;
 letter-spacing: 1px;
 background: black;
 display: block;
 text-align: center;
 position: absolute;
 left: 0px;
 top: 65px;
}
#bar_right .view-id-09_latest_comments .views-row
{
 display: block;
 clear: both;
 height: auto;
 overflow:  hidden;
 padding: 0 20px 7px 0;
 margin: 0 0 7px 0;
 border-bottom: 1px solid #555;
}
#bar_right .view-id-09_latest_comments .views-field-comment a
{
 background: url(/bgh/sites/all/themes/bloody_good/images/icons/comment.gif) no-repeat;
 padding: 2px 0 0 20px;
 color: #FFF;
}
.view-id-09_latest_reviews, .view-id-09_latest_reviews .view-content
{
 display: block;
 height: auto;
 overflow: hidden;
 clear: both;
}
#bar_right .view-id-09_latest_reviews .views-row
{
 display: block;
 height: auto;
 overflow: hidden;
 width: 74px;
 margin: 2px 7px;
 float: left;
}
#bar_right .view-id-09_latest_reviews .views-row img
{
 border: 2px solid black;
}
#bar_right .view-id-09_latest_reviews .view-footer
{
 clear: both;
 overflow: hidden;
 height: auto;
 text-align: center;
 padding: 5px 0 0 0;
 margin: 7px 0 0 0;
 border-top: 1px solid #555;
}
#bar_right .view-id-09_latest_reviews .attachment .view-footer
{
 border: none;
 margin: 0px;
}
#bar_right #block-block-12 br
{
 display: none;
}
#bar_right #block-block-12
{
 height: 70px;
}
#bar_right #block-block-24,
#bar_right #block-block-23,
#bar_right #block-block-29,
#bar_right #block-block-32

{
 color: #000;
 background: #FFF;
 border: none;
 padding: 0px;
 text-align: center;
}
/*Left Sidebar Styles*/
#bar_left
{
 margin: -33px 40px 0 -29px;
 font-size: 12px;
}
#bar_left .block
{
 text-align: center;
 width: 160px;
 border-right: 3px solid black;
}
/*Node styles*/
#content_inner .node.teaser
{
 clear: both;
 height: auto;
 overflow: hidden;
 border-bottom: 1px solid #ddd;
 padding: 0 0 10px 0;
}
#content_inner .node.teaser .field-field-promo-img,
.field-field-cover-quickpost
{
 float: right;
 margin: 0 0 0 20px;
}
#content_inner .field-field-news-image
{
 margin: 10px 0 0 0;
}
#content_inner .node.teaser .field-field-promo-img img,
.field-field-news-image img
{
 border: 1px solid #222;
}
h1.title
{ 
 font-size: 30px;
 margin: 0 0 .5em 0;
 clear: both;
}
.node p
{
 text-align: justify;
}
.node .submitted
{
 clear: left;
 color: #555;
}
.node .submitted .avatar img
{
 float: left;
 margin: 0 15px 0 0;
 border: 2px solid #000;
}
.taxonomy
{
 width: 320px;
 background: url(/bgh/sites/all/themes/bloody_good/images/icons/tag_red.png) no-repeat top left #FFF;
 float: left;
 margin: 10px 0 0 0;
 padding: 0 0 0 20px;
 font-size: 10px;
}
.node .field-field-promo-img
{
 clear: both;
 height: auto;
 overflow: hidden;
 margin: 10px 0 0 0;
}
.node .field-field-mainimage-quickpost
{
 margin: 10px 0 0 0;
 text-align: center;
}
.node .field-field-mainimage-quickpost img
{
 border: 1px solid #222;
}
/*Modifications starting 12/6/09*/
#block-menu-primary-links
{
 padding: 15px 0 0 0;
}
#block-menu-primary-links .title
{
 display: none;
}
/*Review Node*/
.teaser .group-info
{
 display: none;
}
.group-info
{
 background: #DDD;
 float: right;
 margin: 0 0 0 20px;
 width: 150px;
}
.group-info legend
{
 display: none;
}
.group-info .field-label
{
 text-transform: capitalize;
 background: #222;
 color: #FFF;
 padding: 0px 5px;
 margin: 0 0 5px 0;
}
.group-info .field-item
{
 margin: 0 0 5px 0;
}
.group-info .field-field-bgh-rating .field-items
{
 color: #222;
 padding: 0px;
 line-height: 1em;
 clear: both;
 font-size: 60px;
 display: block;
 text-align: center;
}
.node.review .field-field-pros .field-item,
.node.review .field-field-cons .field-item,
.node.review .field-field-did-you-know .field-item
{
 display: list-item;
 list-style: square outside;
 margin: 0 0 5px 15px;
}
/*Feature Nodes*/
.node.teaser .cover_list,
.node.teaser hr
{
 display: none;
}
.cover_list 
{
 overflow: hidden;
 clear: both;
 height: auto;
}
.cover_list img
{
 float: left;
}
.node.teaser .field-field-embed-subscribe
{
 margin: 10px 0 0 0;
}
/*Upcoming Page*/
.view-preview-block ul
{
	list-style: none;
	padding: 0;
}
#content .view-preview-block li
{
 display: block;
 clear: both;
 height: auto;
 border-top: 1px solid #ddd;
 margin: 5px auto;
 padding-top: 10px;
}
.view-preview-block .views-field-field-cover-fid
{
 float: left;
 margin-right: 10px;
}
.view-preview-block .views-field-field-teaser-value
{
 margin: -10px 10px 0 0;
 padding: 0;
 text-align: left;
}
.view-preview-block .views-field-title
{
 font-family: helvetica, arial, sans-serif;
 font-size: 2em;
 line-height: 1.25em;
 margin-bottom: 10px;
}
.view-preview-block .views-field-field-director-value label,
.views-field-field-add-links-url label
{
 text-transform: capitalize;
 font-weight: 800;
}
/*Content List Views*/
.view-header
{
 margin: -15px 0 0 0;
}
.view-header h1
{
 margin: 0 0 10px 0;
}
/*Review Section*/
.view-09-reviews table td
{
 background: transparent;
 padding: 2px 3px;
}
.view-09-reviews table th
{
 background: #222;
 color: #FFF;
 padding: 0 0 0 5px;
}
.view-09-reviews table tr.odd
{
 background: #EEE;
}
.view-09-reviews table tr.even
{
 background: #CCC;
}
.view-09-reviews .views-field-field-bgh-rating-value
{
 text-align: center;
 font-weight: 800;
}
#block-menu-menu-review-sorter ul
{
 display: block;
 padding: 0px;
}
#block-menu-menu-review-sorter li
{
 display: block;
 float: left;
 padding: 0px;
 font-size: 14px;
}
#block-menu-menu-review-sorter li.active a
{
 background: #C1272D;
 color: #FFF;
}
/*Podcast Section*/
.view-podcast-new .views-row
{
 border-top: 1px solid #AAA;
 padding: 10px 0 0 0
}
.view-podcast-new .view-header img
{
 float: right;
 padding: 5px;
 margin: 0 0 10px 20px;
 border: 1px solid #AAA;
 background: #DDD;
}
.view-podcast-new .views-field-field-embed-subscribe-url .field-content,
.view-podcast-classic .views-field-field-embed-subscribe-url .field-content
{
 display: block;
 clear: both;
 padding: 5px;
 margin: 10px 0;
 background: #eee;
 text-align: center;
 font-size: 11px;
}
.view-podcast-new .views-field-field-embed-subscribe-url .field-content a,
.view-podcast-new .views-field-field-embed-subscribe-url .field-content a
{
 padding: 3px 0 0 20px;
 background: url(/bgh/sites/all/themes/bloody_good/images/icons/sound.png) no-repeat;
}
.view-podcast-new .views-field-field-promo-img-fid
{
 float: left;
 margin: 0 15px 0 0;
}
.views-label-created
{
 font-weight: 800;
}
/*Front Page*/
.view-id-09_fp_features
{
 clear: both;
 overflow: hidden;
 height: auto;
 border-bottom: 1px solid #AAA;
 padding: 0 0 10px 0;
 margin: 0 0 15px 0;
}
.view-id-09_fp_features .views-row
{
 width: 129px;
 overflow: hidden;
 height: auto;
 float: left;
 margin: 0px 11px;
 position: relative;
}
.view-id-09_fp_features .views-field-type
{
 position: absolute;
 top: 105px;
 background: #000;
 width: 129px;
 text-align:center;
 color: #FFF;
 display: block;
 height: auto;
 overflow: hidden;
 text-transform: uppercase;
 font-weight: 800;
 letter-spacing: 1px;
 padding: 2px 0px;
 cursor: default;
}
.view-id-09_fp_features .views-field-field-promo-img-fid img
{
 border: 2px solid black;
}
.view-id-09_fp_features .views-field-title
{
 font-size: 14px;
}
.view-id-09_fp_features .views-field-comments-link
{
 font-size: 11px;
}
.view-id-09_fp_features .views-field-comments-link ul
{
 display: block;
 padding: 0px;
 clear: both;
}
.view-id-09_fp_features .views-field-comments-link ul li
{
 list-style: none;
 padding: 0px;
}
.field-field-news-bullet .field-item ,
.field-field-real-people-news .field-item,
.field-field-day-in-history .field-item
{
 display: list-item;
 list-style: square outside;
 margin: 0 0 0 20px;
}
/*Comments*/
.comment
{
 margin: 0 0 5px 0;
 border: 1px solid #AAA;
}
.comment .submitted
{
 background: #222;
 color: #FFF;
 clear: both;
 height: auto;
 overflow: hidden;
 padding: 5px 0 0 5px;
}
.comment div.links
{
 border-top: 1px solid #CCC;
 padding: 5px;
}
.comment .content p
{
 padding: 0px 10px;
}
.comment.odd
{
 background: #DDD;
}
.comment h3.title
{
 margin: 0 0 5px 0;
}
.comment .avatar
{
 float: left;
 margin: 0 10px 0 0;
}
.indented
{
 border-left: 5px solid #AAA;
}
/*Twitter Widget*/
#block-block-26
{
 background: #000;
}
#block-block-26 .title
{
 color: #FFF;
 font-size: 14px;
 font-weight: 800;
 text-transform: uppercase;
 padding: 10px 0;
 border-bottom: 1px solid #555;
}
#block-block-26 .tweet_list li
{
 text-align: left;
 padding: 5px;
 display: block;
 height: auto;
 clear: both;
 background: #000;
 margin: 0 0 5px 0;
 border-bottom: 1px solid #555;
}
#block-block-26 .tweet_list li img
{
 height: 40px;
 width: 40px;
 float: left;
 margin: 0 5px 7px 0;
}
/*System Overrides*/
.pager
{
 margin: 10px 0 0 0 !important;
 font-size: 12px;
}
.pager li
{
 padding: 0px !important;
 margin: 0 10px 0 0 !important;
}
.pager li a
{
 color: #C1272D;
}
/*Admin - Hide tabs to enable toggle*/
.tabs, .nodequeue-ajax-toggle
{
 clear: both;
 display: none;
}
/*Format Amazon Links*/
.amazon
{
 padding: 2px 20px 0 0;
 background: url(/bgh/sites/all/themes/bloody_good/images/icons/amazon-favicon.png) no-repeat;
 background-position: right center;
}
/*Ad hack*/
#outer_container, #container_12
{
 overflow: hidden !important;
}
/*Interview*/
.node.interview #q
{
 font-weight: 800;
 background: #DDD;
 padding: 15px;
}
/*Ad Styles*/
.ad
{
 background: black;
 overflow: hidden;
 clear: both;
 padding: 0px;
 margin: 0px;
}
.ad.poster
{
 height: 250px;
 width: 300px;
}
.ad.leaderboard
{
 height: 90px;
 width: 728px;
}
.ad.tower
{
 height: 600px;
 width: 160px;
}
.ad.banner
{
 height: 60px;
 width: 468px;
}
.node .ad.banner
{
  margin: 10px 0 0 -10px;
}
/*Reviews Page 06-10-10*/
.view-id-09_reviews .views-row
{
 overflow: hidden;
 height: auto;
 border-bottom: 1px solid #aaa;
 padding: 0 0 10px 0;
 margin: 0 0 10px 0;
}
.view-id-09_reviews .views-row .views-field-title
{
 font-size: 18px;
 margin: 0 0 1.25em 0;
 line-height: 1.25em;
}
.view-id-09_reviews span.views-field-field-bgh-rating-value
{
 display: block;
 width: 100px;
 height: 100px;
 float: left;
 background: black;
 color: #FFF;
 margin: 0 10px 0 0;
}
.view-id-09_reviews span.views-field-field-bgh-rating-value label
{
 color: #FFF;
 font-weight: 800;
 text-transform: uppercase;
 display: block;
 text-align: center;
}
.view-id-09_reviews span.views-field-field-bgh-rating-value .field-content
{
 display: block;
 line-height: 1em;
 font-size: 40px;
 margin: 20px 0 0 0;
}
.view-id-09_reviews .views-field-created
{
 color: #555;
}