/* $Id: fusion-starter-style.css,v 1.1.2.7 2010/07/04 01:51:31 sociotech Exp $ */

/* Basic Typography & Colors
-------------------------------------------------------------- */
/* Add general site styling here for typography and background */
body {
  font-size: 13px;   /* also set in fusion_starter.info: settings[base-font-size] = font-size-12 */
  color: #eae8e4;
  background-color: #000;
}
.font-size-12 {
  font-size: 13px;
}

/* Default link styles - separate a:visited for a different visited link style */
a,
a:link,
a:visited {
  color: #ffc435;
}

/* Hover/active link styles. Don't forget :focus for accessibility */
a:hover,
a:focus,
a:active {

}

li a,
li a:link,
li a:visited,
li a.active{
  color: #c9c9c9;
}
.front h2,
h1,
h2{
  font: 24px/36px GreyscaleBasicBoldItalic, sans-serif;
  margin-bottom: 0;
  text-transform: uppercase;
}
h3{
  font: 17px/28px GreyscaleBasicBoldItalic, sans-serif;
}
h2{
  font-size: 22px;
  text-transform: none;
}

/* Specific Typography
-------------------------------------------------------------- */
#site-name {
  font-size: 300%;
  line-height: 150%;
}
#site-name a {
  background: url(../images/chrisrock_fusion_logo.png) no-repeat;
  height: 143px;
  width: 165px;
  display: block;
  text-indent: -9999px;
}

.footer-message {
  font-size: 90%;
}


/* HTML Elements
-------------------------------------------------------------- */
body {
}
img{
  vertical-align: bottom;
}
/* Site Info
-------------------------------------------------------------- */
/* Wrapper around logo, site name, and slogan */
.header-site-info span {
  display: block;
}
/* move logo to center */
.header-site-info{
  position: absolute;
  left: 396px;
  top: 145px;
}

/* Add float here to put logo and site name side by side, also add margins as
  needed */
#logo {
}

/* Link and hover styles for site name */
#site-name a:link,
#site-name a:visited,
#site-name a:hover,
#site-name a:active {
}

/* Typography for site slogan */
#slogan {
}


/* Regions

  Classes (.region-name) should always be used instead of IDs (#region-name) so
  that Skinr styles can override them with a class later
-------------------------------------------------------------- */

/* All Regions
-------------------------------------------------------------- */
/* By default this wrapper is set to 100% width and centered -- override here to
  narrow wrapper or align left or right */
.page {
}

/* The 0 values here remove padding and spacing at the bottom of the page.
  Remove to add a gap at the very bottom of the page */
.page-inner {
  border: 0;
  margin-bottom: 0;
  padding: 0;
}
.block{
  margin-bottom: 0;

/* FRONT PAGE
-------------------------------------------------------------- */
}
.front {
  background: #000 url(../images/front-bg.jpg) center 300px scroll no-repeat;
}
.front .content-region{
  background: url(../images/rotator-bg.png) center top scroll no-repeat;
}
.front .content-tabs{
  position: absolute;
  z-index: 100;
  width: 960px;
}
.view-chrisrock-banners img{
  vertical-align: bottom;
  border: 1px solid #323030;
}
.view-chrisrock-banners{
  padding-bottom: 8px;
  background: url(../images/rotator-shadow.png) left bottom scroll repeat-x;
  margin-bottom: 15px;
  height: 323px;
  position: relative;
}
.view-chrisrock-banners .views-slideshow-controls-bottom .pager-item{
  display: block;
  float: right;
  margin-left: 5px;
  height: 14px;
  width: 14px;
  background: url(../images/slide-off.png) top left scroll no-repeat;
  padding: 0;
}
.view-chrisrock-banners .views-slideshow-controls-bottom .pager-item a{
  display: block;
  height: 14px;
  width: 14px;
  padding: 0;
  text-indent: -9999px;
}
.view-chrisrock-banners .views-slideshow-controls-bottom .pager-item.activeSlide{
  background: url(../images/slide-on.png) top left scroll no-repeat;
}
.views-slideshow-controls-bottom{
  z-index: 100;
  position: absolute;
  right: 0px;
  bottom: 15px;

}
.views_slideshow_singleframe_pager{
  padding-right: 10px;
}
/* Header Regions
-------------------------------------------------------------- */
/* Header Top region to the bottom of Header region */
/* For full-width header background, add background image/color here */
.header-group-wrapper {
  background: url(../images/header-bg-full.jpg) top center scroll no-repeat;
}

.header-group {

}
.header-group-inner{
  height: 304px;
  background: #000 url(../images/header-bg.jpg) top center scroll no-repeat;
  position: relative;
}

/* Header Top region which sits above the header */
/* Works well with inline login or inline menu block style */
.header-top-wrapper {
}

.header-top {
}

/* crazy menu split */
.sf-menu a{
  display: inline;
}
.header-group .block-menu{
  position: absolute;
  top: 258px;
  font: 16px/16px GreyscaleBasicBold, sans-serif;
  text-transform: uppercase;
}
.header-group .block-menu ul{
  margin-left: 0;
}
.header-group ul.menu li{
  border-right: solid 2px #181717;
  line-height: 40px;
  height: 32px;
  display: block;
  float: left;
}
.header-group #block-menu-menu-crock-2 ul.menu li.first{
  border-left: solid 2px #181717;
}
.header-group #block-menu-menu-crock-2 ul.menu li.last{
  border-right: none;
}
.header-group ul.menu li a{
  padding: 9px 8px;
  text-shadow: 1px 1px 6px #000000;
  color: #888888;
  float: left;
}
.header-group #block-menu-menu-crock-2 {
  width: 312px;
}
.header-group #block-menu-menu-crock-2 ul.menu li a{
  padding: 9px 10px;
}
.header-group ul.menu li a:hover{
  color: #fff;
}
.header-group ul.menu li a.active{
  color: #fff;
}
.header-group .block-menu a{
  font: 16px/16px GreyscaleBasicBold, sans-serif;
  letter-spacing: 0;
  vertical-align: middle;
}
.header-group #block-menu-menu-crock-1{
  left: 75px;
}
.header-group #block-menu-menu-crock-2{
  left: 585px;
}
.header-group .block .inner{
  margin: 0;
}
.block-fb_connect{
  position: absolute;
  right: 0;
}
.block-fb_connect .inner{
  padding: 10px 0 0 65px;
}
a > .sf-sub-indicator{
  top: 11px;
}
.sf-sub-indicator{
  right: 0px;
}
.sf-shadow ul{
  background-image: none;
  background-color: black;
}
.sf-shadow ul li{
  border: none !important;
}
/* Primary Menu
/-------------------------------------------------------------- */
/* Add general styles for primary menu here, such as typography, borders, floats,
  or spacing above/below */
.primary-menu {
}

/* styles for Superfish primary menu */
.primary-menu-inner ul.sf-menu {
}

/* Link style for top level menu items, add padding here */
.primary-menu-inner ul.sf-menu a,
.primary-menu-inner ul.sf-menu a:visited  {
}

.primary-menu-inner ul.sf-menu a:hover,
.primary-menu-inner ul.sf-menu a:active,
.primary-menu-inner ul.sf-menu a:focus {
}

/* These are the top level menu items, add border-right here for separators */
.primary-menu-inner ul.sf-menu li {
}

/* Add border-right: 0; here to remove separator on last menu item */
.primary-menu-inner ul.sf-menu li.last {
}

/* Style for container of dropdown, add background or border */
.primary-menu-inner ul.sf-menu ul {
}

/* Style for individual dropdown menu items, add border-bottom for separators */
.primary-menu-inner ul.sf-menu li li {
  background-color: #fff;
}

.primary-menu-inner ul.sf-menu li li.last {

}

.primary-menu-inner ul.sf-menu li li li {
}

/* Style for hover of dropdown menu items (add background-color here) */
.primary-menu-inner ul.sf-menu li ul li:hover,
.primary-menu-inner ul.sf-menu li ul li.sfHover {
}


/* Secondary menu
-------------------------------------------------------------- */
/* This menu usually appears in the header as a set of simple text links */
.secondary-menu {
  height: 18px;
  font: bold 11px/18px GreyscaleBasic, sans-serif;
  text-transform: uppercase;
}

/* Set general style for menu here -- background, alignment, etc. */
.secondary-menu-inner ul.links {
}

/* Add a border-right here for a separator */
.secondary-menu-inner ul.links li {
}

/* Add border-right: 0; here to remove right separator on last menu item */
.secondary-menu-inner ul.links li.last {
}

/* Styles for links */
.secondary-menu-inner ul.links li a:link,
.secondary-menu-inner ul.links li a:visited {
  padding: 3px;
}

.secondary-menu-inner ul.links li a:hover,
.secondary-menu-inner ul.links li a:focus,
.secondary-menu-inner ul.links li a.active {

}
#block-menu-secondary-links{
  height: 18px;
  font: bold 12px/18px GreyscaleBasic, sans-serif;
  text-transform: uppercase;
}
#block-menu-secondary-links ul {
  padding: 0;
  margin: 0;
}
#block-menu-secondary-links li {
  border-right: none;
  list-style-type: none;
  float: left;
  padding-right: 0;
}
#block-menu-secondary-links li.leaf {
  list-style-image:  none;
}
#block-menu-secondary-links li a {
  float:left;
}

/* Header - Search
-------------------------------------------------------------- */
.search-box {
}

.search-box-inner {
}

.search-box-inner form#search-theme-form {
}

.search-box-inner input#edit-search-theme-form-header {
}


/*  Preface Regions
-------------------------------------------------------------- */
/* The Preface Top region sits between the header and the Main Area
 (columns, sidebars, and main content).  The Preface Bottom region
 is inside the Main Area. */
.preface-top-wrapper {
}

.preface-top {
}

.preface-top-inner {
}

.preface-bottom {
}

.preface-bottom-inner {
}


/*  Main Area (content + sidebars + preface bottom + postscript top)
-------------------------------------------------------------- */
.not-front .main-wrapper {
  background: url(../images/content-bottom-bg.jpg) center bottom scroll no-repeat;
  padding-bottom: 40px;
}
.not-front .main-wrapper-inner {
  background: url(../images/content-top-bg.jpg) center top scroll no-repeat;
  min-height: 720px; /* background image */
}
.not-front .main-inner{
  padding-top: 45px;
}
.main-group-inner{

}
.not-front .content-content{
  padding: 0 10px 0 10px;
  border-right: 1px solid #191919;
}
/* Sidebar Regions
-------------------------------------------------------------- */
/* Sidebar widths can be controlled through theme settings */
.sidebar-first .block{
  margin-bottom: 20px;
}

.sidebar-last {
}

.jfc-image{
  display: block;
  width: 250px;
  height: 94px;
  float: right;
  clear: both;
  background: url(../images/jfc.png) top left scroll repeat;
}
.salv-image{
  display: block;
  width: 85px;
  height: 96px;
  float: right;
  background: url(../images/salv.png) top left scroll no-repeat;
  margin-left: 10px;
}
.charity{
  display: block;
  color: white;
  background-color: black;
}
.charity a{
  color: white;
  float: right;
  clear: right;
  text-align: right;
}
.journey{
  border-bottom: 1px solid white;
  margin-bottom: 15px;
}
.journey .link{
  text-transform: uppercase;
  font-size: 120%;
  line-height: 200%;
  font-weight: bold;
}
.salv .link{
  float: none;
  clear: none;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 22px;
}



/* Content Regions
-------------------------------------------------------------- */
.content-top {
}

.content {
}

.content-inner {
}

.content-bottom {
}

/* This region only appears on full node pages. It's useful for ads or other
  content between the body of the node and its comments */
.node-bottom {
}

/*  Postscript & Footer Regions
-------------------------------------------------------------- */
.postscript-top {
}

.postscript-top-inner {
}

.postscript-bottom-wrapper {
  background: url(../images/postscript-bg.jpg) center bottom no-repeat scroll;
  min-height: 376px;
  margin-top: 15px;
}
.front .postscript-bottom-wrapper{
  border-top: 1px solid #333333;
}

.postscript-bottom {
  padding-top: 15px;
  padding-bottom: 15px;
}
.postscript-bottom .view-chrisrock-frontpage-news .views-row{
  vertical-align: top;
  width: 300px;
  padding: 0;
  float: left;
  padding: 0 10px;
}
.postscript-bottom .view-chrisrock-frontpage-news .views-row-first{
  padding-left: 0;
  width: 299px;
  border-right: 1px solid #151515;
}
.postscript-bottom .view-chrisrock-frontpage-news .views-row-last{
  padding-right: 0;
  width: 299px;
  border-left: 1px solid #151515;
}
.postscript-bottom .view-chrisrock-frontpage-news .views-field-view-node{
  text-align: center;
  background: url(../images/more-bg2.png) left bottom repeat-x scroll;
  height: 20px;
  line-height: 20px;
}
.postscript-bottom .view-chrisrock-frontpage-news .views-field-view-node span,
.postscript-bottom .view-chrisrock-frontpage-news .views-field-view-node span a{
  font: bold italic 12px/12px Arial, Helvetica, sans-serif;
  vertical-align: bottom;
  background-color: transparent;
  text-transform: lowercase;
}
.postscript-bottom .view-chrisrock-frontpage-news .views-field-view-node span a{
  padding: 0 10px;
}
.postscript-bottom .view-chrisrock-frontpage-news .more-link{
  clear: left;
}
.postscript-bottom .view-chrisrock-frontpage-news .more-link a{
  background-color: transparent;
}
.postscript-bottom .view-chrisrock-frontpage-news .views-field-body{
  min-height: 100px;
}
.postscript-bottom-inner {
}

.footer-wrapper {
  background: url(../images/footer-bg.png) top left repeat-x scroll;
}

.footer {
  height: 220px;
  position: relative;
}

.footer-inner {
  padding-top: 40px;
}

.footer-message-wrapper {
}

.footer-message {
}

.footer-message-inner {
}

.footer-message-text {
}

.footer-info{
  text-align: right;
}
#block-block-26 {
  background: url(../images/chris-supports.jpg) left center no-repeat;
  width: 293px;
  float:none;
  position: absolute;
  right:0;
  padding-left: 130px;
}

/* Page titles
/-------------------------------------------------------------- */
/* Page and full node titles */
h1.title {
  padding-left: 10px;
}



/* Default node styles
/-------------------------------------------------------------- */
/* Change unpublished and preview colors for dark background themes */
.node-unpublished {
  background-color: #fff4f4;
}
.preview .node {
  background-color: #ffffea;
}

/* Typography for node titles */
h2.title {
}

/* Colors and styles for linked node titles, ie. teaser listing at /node */
h2.title a:link,
h2.title a:visited {
}

h2.title a:hover,
h2.title a:focus,
h2.title a:active {
}

/* Separators and padding for node teasers */
.teaser {
}

/* Author/date info */
.meta {
}

.submitted {
}

/* Links for nodes (taxonomy, commenting, read more, etc) */
.node ul.links li {
}
.node ul.links a {
}

/* Only more/read more links */
div.node .read-more a,
div.node .more-link a {
}

/* Drupal Messages
/-------------------------------------------------------------- */
/* General style for all errors/messages (border, padding, etc.) */
div.content-messages div.messages,
div.content-help div.help {
}

/* Status messages: green */
div.content-messages-inner div.status {
}

/* Warning messages: yellow */
div.content-messages-inner div.warning {
}

/* Error messages: red */
div.content-messages-inner div.error {
}

/* Help messages: blue */
div.content-help-inner div.help {
}

/* Error that appears when a required form field is not filled out */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #aa1144;
}

/* "New" text and required form field asterisk (default = red) */
.marker,
.form-required {
  color: #aa1144;
}


/* Default block title styles
/-------------------------------------------------------------- */
h2.block-title {
}


/* Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {
  display: none;
}

.breadcrumbs a:link,
.breadcrumbs a:visited {
}


/* Tab Menus
/-------------------------------------------------------------- */
#content-tabs {
  background-color: transparent;
  float: left; /* LTR */
  margin: 20px 0;
  padding: 0;
}

#content-tabs ul.primary,
#content-tabs ul.secondary {
  border-bottom: 1px solid #000;
  clear: both;
  float: left; /* LTR */
  margin: 0;
  padding: 0 10px;
}

#content-tabs ul.secondary {
  border-bottom: 1px solid #555;
  margin-top: 10px;
  text-transform: lowercase;
}

#content-tabs ul.primary li,
#content-tabs ul.secondary li {
  border-style: none;
  display: inline;
  float: left; /* LTR */
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited,
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  background-color: transparent;
  border: none;
  color: #fff;
  float: left; /* LTR */
  font-weight: bold;
  margin: 0;
  padding: 0 0 6px 0;
  text-decoration: none;
  white-space: nowrap;
}

#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  color: #555;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  border-bottom: 4px solid #000;
  color: #555;
  padding-bottom: 2px;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  border-bottom: 4px solid #555;
  color: #777;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus,
#content-tabs ul.secondary li a:hover,
#content-tabs ul.secondary li a:focus {
  border-bottom: 4px solid #777;
  color: #777;
  padding-bottom: 2px;
}

/* Pagers
-------------------------------------------------------------- */
ul.pager {
}

ul.pager li {
}

ul.pager a,
ul.pager li.pager-current {
  border-color: #333;
}

ul.pager li.pager-current {
  background-color: #777;
  color: #fff;
}

ul.pager a:hover,
ul.pager a:active,
ul.pager a:focus {
  background-color: #777;
  border-color: #333;
  color: #fff;
}

/* Forms
/-------------------------------------------------------------- */
/* Typography and backgrounds for all form buttons */
form input.form-submit {
  margin: 2px;
  padding: 3px 5px;
}

/* Hover style for form buttons */
form input.form-submit:hover,
form input.form-submit.hover,
form input.form-submit:focus {
}

/* Typography, background, borders, padding for form fields */
.form-item input,
.form-item select,
.form-item textarea {
}

/* Remove backgrounds and border on radios and checkboxes */
.form-item .form-radio,
.form-item .form-checkbox {
  background: none;
  border: none !important;
}

/* Fieldset wrapper around groups of form elements -- add border here */
fieldset {
}

/* Typography and spacing for legend of fieldsets */
fieldset legend {
}

/* Link style for legend of fieldsets */
fieldset legend,
legend.collapse-processed,
legend.collapse-processed a:link,
legend.collapse-processed a:visited {
}

/* Custom icons on (open) collapsible fieldsets */
html.js fieldset.collapsible legend a:link,
html.js fieldset.collapsible legend a:visited {
}

/* Custom icons on (closed) collapsible fieldsets */
html.js fieldset.collapsed legend a:link,
html.js fieldset.collapsed legend a:visited {
}


/* Tables
-------------------------------------------------------------- */
table {
}

/* Body of tables */
tbody {
  border-top: 1px solid #ccc;
}

/* Header of tables */
thead th,
th {
  border-bottom: 3px solid #ccc;
}

tbody th {
  border-bottom: 1px solid #ccc;
}

/* Alternating row background styles */
tr.even,
tr.even td {
  background-color: transparent;
  border-bottom: 1px solid #191919;
}

tr.odd,
tr.odd td {
  background-color: #191919;
  border-bottom: 1px solid #191919;
}

td.active {
}

tr.drag td,
tr.drag-previous td {
  color: #000;
}


/* Maintenance Page
/-------------------------------------------------------------- */
/* Maintenance page tpl file in Fusion Core has simplified layout, but you can
  also add specific styles, such as a background, just for your offline page */
.in-maintenance  {
}


/*--------------------------------------------------------------*/
/* Module styles
/-------------------------------------------------------------- */


/* Book
/-------------------------------------------------------------- */
.book-navigation .menu {
  border-top: 1px solid #ccc;
}

.book-navigation .page-links {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}


/* Comments
/-------------------------------------------------------------- */
/* Style for each individual comment */
div.comment {
}

/* Subject (title) of each comment */
div.comment h3.title {
}

/* Links (edit, reply, delete) for each comment */
div.comment div.links a,
div.comment ul.links a {
}

/* Alternating styles for even/odd comments */
.comments div.odd {
  background-color: #fff;
}

.comments div.even {
  background-color: #eee;
}

/* A special highlight style for a comment by the author of the node */
.comments div.comment-by-author {
  background-color: #ddd;
}

/* Comment signatures */
.signature {
  border-top: 1px solid #d6ddb9;
}

/* User avatars in comments */
.comment-wrapper .picture img {
}


/* Forum
/-------------------------------------------------------------- */
#forum .description {
}

.forum-topic-navigation {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}


/* Poll
/-------------------------------------------------------------- */
div.poll div.bar {
  background-color: #ddd;
}

div.poll div.bar div.foreground {
  background-color: #999;
}


/* Profiles
/-------------------------------------------------------------- */
.profile .picture {
  float: none;
}

/* Styles for sub-headings on user profiles */
.profile dt {
  background-color: #ccc;
}


/* Ubercart - catalog
/-------------------------------------------------------------- */

/* Horizontal list of subcategories in catalog */
ul.uc-categories {
}

.uc-categories li a {
  font-weight: bold;
  padding: 0 5px 0 3px;
}

/* Product and category names */
.catalog-grid-title a:link,
.catalog-grid-title a:visited,
.category a:link,
.category a:visited {
}

.catalog-grid-title a:hover,
.catalog-grid-title a:focus,
.category a:hover,
.category a:focus {
}

/* Sell price in Ubercart catalog */
.category-grid-products .catalog-grid-sell-price {
}

/* Ubercart - add to cart buttons
/-------------------------------------------------------------- */

/* Add to cart buttons */
input.node-add-to-cart,
input.list-add-to-cart {
}

/* Hover and focus styles, with .hover class added for IE6 support */
input.node-add-to-cart:hover,
input.node-add-to-cart.hover,
input.node-add-to-cart:focus,
input.list-add-to-cart:hover,
input.list-add-to-cart.hover,
input.list-add-to-cart:focus {
}

/* Ubercart - product nodes
/-------------------------------------------------------------- */

#field-group {
}

#price-group {
}

/* Product images */
.product-image a img {
}

.product-image a:hover img,
.product-image a:focus img {
}

/* Display price on full product nodes */
.full-node .product-group .uc-price-display {
}

/* Product attributes on full nodes */
.full-node .product-group .attributes {
}

/* Ubercart - general / checkout
/-------------------------------------------------------------- */

/* For optional "Powered by Ubercart" footer message */
#store-footer {
}

#store-footer a:link,
#store-footer a:visited {
}

/* View cart/Checkout links in Ubercart cart block */
.cart-block-summary-links ul.links li a {
}

.cart-block-summary-links ul.links li.cart-block-checkout a:link,
.cart-block-summary-links ul.links li.cart-block-checkout a:visited {
}

/* Key checkout process buttons: Checkout, Continue, and Submit Order */
#uc-cart-view-form #edit-checkout,
#uc-cart-checkout-form #edit-continue,
#uc-cart-checkout-review-form #edit-submit {
}

/* Table on final order review page */
.order-review-table {
}

#cart-form-products table th {
  border-bottom: 3px solid #dec2c3;
}


/* Skinr
/-------------------------------------------------------------- */

/* This is a sample Skinr style to get you started. See fusion_starter.info */
.fusion-example-stylename .inner {
  /* When setting the background color, also set foreground colors for text and
    links, even if it's similar to the default body style. Remember, this block
    style may be used in regions with other foreground colors, thus making text
    invisible if left unspecified */
  background-color: #ccc;
  color: #000;
  /* All padding and borders should go on the .inner div, so as not to break
    the widths of the grid */
  border: 3px solid #000;
  padding: 10px;
}

/* NEWS
/---------------------------------------------------------------*/
.view-display-id-page_news .views-field-title{
  clear: left;
  margin-bottom: 10px;
}
.view-display-id-page_news .views-field-field-image-fid {
  float: left;
  border: 1px solid #262626;
  margin-right: 10px;
}
.view-display-id-page_news .views-field-sharethislink,
.view-display-id-page_news .views-field-view-node {
  clear: left;
  float: right;
  font: 700 italic 12px/14px Arial, Helvetica, sans-serif;
  margin-top: 10px;
  vertical-align: middle;
  padding-left: 5px;
  background-color: #000;
}
.view-totallybiased .views-row,
.view-display-id-page_news .views-row {
  clear: both;
  background: url(../images/news-bottom.png) left bottom scroll repeat-x;
  margin-bottom: 10px;
}
.node-type-news .terms {
  display: none;
}
.comment_forbidden {
  font-weight:bold;
}
body.node-type-news .node .links {
  padding-top:20px;
}

/* TOTALLY BIASED
/---------------------------------------------------------------*/
.views-field-field-totallybias-link-url {
  clear: left;
  float: right;
  font: 700 italic 12px/14px Arial, Helvetica, sans-serif;
  margin-top: 10px;
  vertical-align: middle;
  padding-left: 5px;
  background-color: #000;
}
.sidebar-first .view-totallybiased iframe,
.sidebar-first .view-totallybiased object {
  width: 100%;
}
.sidebar-first .view-totallybiased img {
  display: none;
}
.node-type-totallybiased .submitted {
  display: none;
}

/* CHRIS
/-------------------------------------------------------------- */
.view-filmography img{
  border: 1px solid #333333;
}
#view-id-filmography-page_1 li {
  list-style-type: none;
}
.view-blog .views-field-title{
  clear: left;
  margin-bottom: 10px;
}
.view-blog .views-field-field-image-fid{
  float: left;
  border: 1px solid #262626;
  margin-right: 10px;
}
.view-blog .views-field-sharethislink,
.view-blog .views-field-view-node{
  clear: left;
  float: right;
  font: 700 italic 12px/14px Arial, Helvetica, sans-serif;
  margin-top: 10px;
  vertical-align: middle;
  padding-left: 5px;
  background-color: #000;
}
.view-blog .views-row{
  clear: both;
  background: url(../images/news-bottom.png) left bottom scroll repeat-x;
  margin-bottom: 10px;
}
.view-blog .terms {
  display: none;
}
.comment_forbidden {
  font-weight:bold;
}
.view-blog .links {
  padding-top:20px;
}


/* TWITTER
-----------------------------------------------------------------*/
.view-chrisrock-tweets{

}
.view-chrisrock-tweets .view-content{
  background: #191919 url(../images/twitter-bg.png) center center scroll no-repeat;
  height: 300px;
  font: bold italic 11px/11px Arial, Helvetica, sans-serif;
}
.not-front .view-chrisrock-tweets .view-content{
  min-height: 185px;
  height: auto;
}

.front .view-chrisrock-tweets .views-field-text{
  font: bold italic 20px/20px Arial, Helvetica, sans-serif;
  padding: 30px 50px 0 50px;
  background: url(../images/quote-left.png) 15px 16px scroll no-repeat;
}
.front .view-chrisrock-tweets .views-field-created-time{
  color: #4f4f4f;
  padding: 0 50px 20px 50px;
  background: url(../images/quote-right.png) 95% 0 scroll no-repeat;
}
/* inner tweet style */
.not-front .view-chrisrock-tweets .views-field-text{
  font: bold italic 16px/24px Arial, Helvetica, sans-serif;
  color: #fff;
  padding: 30px 30px 0 30px;
  background: url(../images/quote-left.png) 3% 15% scroll no-repeat;
}
.not-front .view-chrisrock-tweets .views-field-created-time{
  color: #4f4f4f;
  padding: 0 30px 30px 30px;
  background: url(../images/quote-right.png) 95% 0 scroll no-repeat;
}
.view-chrisrock-tweets .views-row{
  /* padding: 50px; */
}
.not-front .view-chrisrock-tweets .views-row{
  /* padding: 30px; */
}
.view-chrisrock-tweets .view-footer{
  background: url(../images/twitter-bottom.png) right top scroll no-repeat;
  padding-right: 180px;
  text-align: right;
  height: 33px;
  line-height: 33px;
}
.view-chrisrock-tweets .view-footer span,
.view-chrisrock-tweets .view-footer span a{
  font: bold italic 11px/11px Arial, Helvetica, sans-serif;
  vertical-align: bottom;
  background-color: black;
}
.view-chrisrock-tweets .view-footer span{
  color: #666666;
  padding-left: 10px;
}
.view-chrisrock-tweets .view-footer span a{
  padding: 0;
}

/* FRONT PANEL
-----------------------------------------------------------------*/
.front-video .video{
  height: 300px;
}
.more-link{
  display: block;
  line-height: 33px;
  height: 33px;
  background: url(../images/more-bg2.png) left bottom repeat-x scroll;
}
.more-link a{
  font: bold italic 11px/11px Arial, Helvetica, sans-serif;
  vertical-align: bottom;
  padding-left: 10px;
  background-color: black;
}

/* CALENDAR
-----------------------------------------------------------------*/
.view-event-list .views-field-field-event-links-url a{
  display: block;
  width: 107px;
  height: 18px;
  background: url(../images/fb-event-small.png) top left scroll no-repeat;
  text-indent: -9999px;
}
.view-event-list td.views-field-field-event-links-url{
  text-align: center;
}
.view-event-list td.views-field-field-date-value{
  text-align: center;
}
.page-tour h1 {
/*  background: url(../images/tour-page-bg.jpg) no-repeat;*/
  background: none;
  width: 570px;
  height: 286px;
  text-indent: -9999px;
  margin: 0 auto;
  display: none;
}
.page-tour .view-empty {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  margin: 0 auto;
  width: 560px;
}
.page-tour .view-empty #mc_embed_signup .signup-fieldset {
  background: none;
  margin: 20px 0;
  padding: 0px;
}
.page-tour .video-tour-block-inner {
  margin: 0 auto;
  width: 560px;
}
.page-tour #block-block-28 {
  background: url(../images/video-page-bg.png) top center no-repeat;
  margin: 0px auto;
  text-align: center;
  padding: 42px 0px 0px;
  height: 421px;
}


/* MEDIA PAGES
-----------------------------------------------------------------*/
.page-gallery #content-inner img {
  border: 1px solid #262626;
}
.page-gallery .views-field-title {
  padding-top:12px;
}
.page-gallery .views-field-field-images-fid {
  height: 340px;
}
#block-block-28 {
  padding: 42px 0px;
}


/* HEADER SOCIAL
-----------------------------------------------------------------*/
ul.social{
  margin-left: 60px;
  margin-top: -4px;
  padding-top: 0;
}
.social li{
  display: block;
  width: 45px;
  height: 48px;
  float: left;
  padding:0;
  margin:0;
}
.social a{
  display: block;
  width: 44px;
  height: 48px;
  text-indent: -9999px;
  padding: 0;
  margin: 0;
}
.social .fb{
  background: url(../images/social2.png) -10px 0 no-repeat;
}
.social .twitter{
  background: url(../images/social2.png) -54px 0 no-repeat;
}
.social .youtube{
  background: url(../images/social2.png) -98px 0 no-repeat;
}
.social .amazon{
  background: url(../images/social2.png) -142px 0  no-repeat;
}
.social .itunes{
  background: url(../images/social2.png) -186px 0 no-repeat;
}
.social .whosay{
  background: url(../images/social2.png) -230px 0 no-repeat;
}c
#block-block-24 {
  width: 330px;
}
#block-block-21 {
  bottom: 10px;
  float: none;
  font-size: 9px;
  position: absolute;
}

/* LINKS PAGE
-----------------------------------------------------------------*/
.view-link-list td {
  text-align: center;
}

/* PHOTOS CAROUSEL
-----------------------------------------------------------------*/

#uicarousel-chrisrock-photogalleries-page-2 {
  padding-top: 30px;
  padding-left: 50p
}
#uicarousel-chrisrock-photogalleries-page-2 .ui-carousel-clip {
  width: 668px !important;
  height: 668px !important;
}
#uicarousel-chrisrock-photogalleries-page-2 .ui-carousel-item {
  width: 658px !important;
  height: 668px !important;
}
#uicarousel-chrisrock-photogalleries-page-2 .views-field-field-images-fid {
  text-align: center;
  height: auto;
}
#uicarousel-chrisrock-photogalleries-page-2 .views-field-title {
  text-align: center;
  padding-top:10px;
}
.ui-carousel-prev {
  background: url(../images/carousel-pager-back.png) no-repeat;
  display: block;
  height: 139px;
  width: 117px;
  text-indent: -9999px;
  margin-top: 96px;
}
.ui-carousel-next {
  background: url(../images/carousel-pager-next.png) no-repeat;
  display: block;
  height: 139px;
  width: 117px;
  text-indent: -9999px;
  margin-top: 96px;
}
.view-chrisrock-photogalleries .views-field-sharethislink {
  text-align: right;
  margin-right: 50px;
  margin-top: 4px;
}

/* Chris/Favorites Pages
-----------------------------------------------------------------*/

.view-favorites .ui-carousel-prev {
  background: url(../images/carousel-pager-back-sm.png) no-repeat;
  display: block;
  height: 71px;
  width: 45px;
  text-indent: -9999px;
  margin-top: 60px;
}
.view-favorites .ui-carousel-next {
  background: url(../images/carousel-pager-next-sm.png) no-repeat;
  display: block;
  height: 71px;
  width: 45px;
  text-indent: -9999px;
  margin-top: 60px;
}
.view-favorites .ui-state-disabled {
  background: none;
}
body.page-chris #sidebar-first {
  width: 435px;
}
body.page-chris #sidebar-first #sidebar-first-inner .block {
  width: 435px;
}
body.page-chris #main-group {
  width: 520px;
}
body.page-chris #content-group {
  width: 520px;
}
#sidebar-first-inner .inner {
  margin-left: 0px;
}
.block #content-inner-inner {
  margin-left: 10px;
  margin-right: 7px;
}
body.page-chris .ui-carousel-clip {
  margin-left: -12px;
  width: 332px !important;
}

body.page-chris .ui-carousel-item {
  padding-right: 26px;
  width: 290px !important;
}
.view-favorites .views-field-title {
  width: 100%;
  text-align: center;
}
.view-favorites .view-header,
.view-blog .views-field-title {
  font: 23px GreyscaleBasicBoldItalic, sans-serif;
  font-weight: normal;
}
.view-favorites .view-header {
  padding-bottom: 10px;
}
.view-favorites .views-field-title {
  color: #FFF;
  font: 14px GreyscaleBasicBoldItalic, sans-serif;
}
ul.links li.blog_usernames_blog {
  display: none;
}
.view-favorites .views-field-field-image-fid {
  padding-bottom: 10px;
  text-align: center;
}
.view-favorites,
.view-favorites .view-content {
  overflow: hidden;
  padding-bottom: 20px;
}
#uicarousel-favorites-block-watching {
  overflow: hidden;
}
.view-blog-films {
  padding-left:50px;
}
.view-blog-films table {
  width: 273px;
}
.view-blog-films .view-footer {
  padding: 10px 0px 0px 36px;
}
#uicarousel-favorites-block-watching .views-field-body {
  height: 160px;
}
body.page-chris #uicarousel-favorites-attachment-1 .ui-carousel-item {
  height: 522px !important;
}
#block-views-blog_films-block_1,
.view-display-id-attachment_3 {
  padding-bottom: 50px;
}
.view-display-id-attachment_2 {
  padding-bottom: 81px;
}
.view-display-id-attachment_5 .views-field-body {
  height: 100px;
}
.view-display-id-attachment_1 .view-content {
  padding-bottom: 0;
}

/* VIDEOS PAGE
-----------------------------------------------------------------*/

.page-videos {
  background: #000 url(../images/front-bg.jpg) center 300px scroll no-repeat;
}
.view-video-site-display.view-display-id-attachment_1 {
  background: url(../images/video-page-bg.png) top center no-repeat;
  margin: 0px auto;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 30px;
  height: 421px;
}
#uicarousel-video-site-display-page-1 .views-field-field-video-site-embed img {
  border: 1px solid #444444;
}
#uicarousel-video-site-display-page-1 {
  padding-left: 35px;
  padding-bottom: 50px;
  height: 165px;
}
#uicarousel-video-site-display-page-1 .ui-carousel-prev,
#uicarousel-video-site-display-page-1 .ui-carousel-next {
  margin-top: 50px;
}
#uicarousel-video-site-display-page-1.views-field-title {
  padding: 4px 0;
}
#uicarousel-video-site-display-page-1 .views-field-title {
  font-weight: bold;
}
#uicarousel-video-site-display-page-1 .ui-carousel-clip {
  width: 620px !important;
}
#uicarousel-video-site-display-page-1 .ui-carousel-item {
}
#uicarousel-video-site-display-page-1 .views-field-field-video-site-embed {
  padding: 0 2px;
}
.view-video-site-display.view-display-id-attachment_1 .views-field-nid.more-link {
  height: 20px;
  line-height: 20px;
  margin: 0px auto;
  width: 550px;
}
.page-videos .views-field-field-video-site-embed {
  padding-top: 0px;
  padding-bottom: 0px;
}
.page-videos .views-field-field-video-site-embed img {
  border: 1px solid #505050;
}

/* DISCO
-----------------------------------------------------------------*/
#pid-discography H2.views-field-title,
#pid-discography-dvd H2.views-field-title {
  padding-top:20px;
}
#pid-discography .views-field-field-cover-fid,
#pid-discography-dvd .views-field-field-cover-fid {
  height: 200px;
}
#pid-discography .grid-disco td{
  width:200px;
  padding:5px 50px;
}

/* SIGN UP
-----------------------------------------------------------------*/
#mc_embed_signup h4 {
  font-size: 14px;
  padding-bottom: 7px;
}
#mc_embed_signup .signup-fieldset {
  background: url('../images/twitter-bg.png') no-repeat scroll center center #191919;
  border:none;
  color: #fff;
  text-align: left;
  font-size:13px;
  font-weight: normal;
  margin: 0px;
  padding: 8px;
}
.mc-field-group {
  margin:8px !important;
}
