/* $Id: layout-fixed.css,v 1.17 2009/11/05 12:09:53 johnalbin Exp $ */

/**
 * @file
 * Layout Styling (DIV Positioning)
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/*
 * Body
 */
body {
font-family: Cabin;
}


a:link {
	color: #DC381F;
	text-decoration: none;
	font-weight:bold;
}
a:visited {
	color: #DC381F;
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	color: #FBA80A;
	text-decoration: none;
	font-weight:bold;
}
a:active {
	color: #DC381F;
	text-decoration: none;
	font-weight:bold;
}

#page-wrapper,
.region-page-closure {
  /*
   * If you want to make the page a fixed width and centered in the viewport,
   * this is the standards-compliant way to do that. See also the ie6.css file
   * for the necessary IE5/IE6quirks hack to center a div.
   */
  margin-left: auto;
  margin-right: auto;
  width: 960px;
 
}

#page {
}

/*
 * Header
 */
#header {
}

#header .section {
}

#search-box {
}

.region-header {
  clear: both; /* Clear the logo */
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
  position: relative;
}

#main {
}

/*
 * Content
 */
#content,
.no-sidebars #content {
  float: left; /* LTR */
  width: 860px;
  margin-left: 60px; /* LTR */
  margin-right: -860px; /* LTR */ /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
}

.sidebar-first #content {
  width: 615px;
  margin-left: 30px; /* LTR */ /* The width of .region-sidebar-first. */
  margin-right: -660px; /* LTR */ /* Negative value of #content's width + left margin. */
  background: url(http://www.jayfarrar.net/images/left-back.png);
  background-repeat:repeat-y;
  padding-left:15px;
  padding-right:30px;
  margin-top:10px;
  min-height:762px;

}

.sidebar-second #content {
  width: 760px;
  margin-left: 0; /* LTR */
  margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
}

.two-sidebars #content {
  width: 560px;
  margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first */
  margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
}

#content .section {
  margin: 0;
  padding: 0;
}

/*
 * Navigation
 */
#navigation {
  float: left; /* LTR */
  width: 100%;
  margin-left: 0; /* LTR */
  margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
  height: 2.3em; /* The navigation can have any arbritrary height. We picked one
                    that is the line-height plus 1em: 1.3 + 1 = 2.3
                    Set this to the same value as the margin-top below. */
}

.with-navigation #content,
.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second {
  margin-top: 2.3em; /* Set this to the same value as the navigation height above. */
}

#navigation .section {
}

#navigation ul /* Primary and secondary links */ {
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

#navigation li /* A simple method to get navigation links to appear in one line. */ {
  float: left; /* LTR */
  padding: 0 10px 0 0; /* LTR */
}

/*
 * First sidebar
 */
.region-sidebar-first {
  float: right; /* LTR */
  width: 287px;
  margin-left: 0; /* LTR */
  margin-bottom: -4000px;
  padding-bottom: 4000px;
  overflow:hidden;
  margin-right: 25px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
  margin-top:-0px;
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
  background: url(http://www.jayfarrar.net/images/right-back2.png);
  border-bottom:thin solid #CECEC9;
  
}

.region-sidebar-first .section {
  margin: 0 20px 0 0; /* LTR */
  padding: 0;
}

/*
 * Second sidebar
 */
.region-sidebar-second {
  float: left; /* LTR */
  width: 200px;
  margin-left: 760px; /* LTR */ /* Width of content + sidebar-first. */
  margin-right: -960px; /* LTR */ /* Negative value of .region-sidebar-second's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
}

.region-sidebar-second .section {
  margin: 0 0 0 20px; /* LTR */
  padding: 0;
}

/*
 * Footer
 */
#footer {
}

#footer .section {
}

/*
 * Closure
 */
.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {
}

/*
 * Prevent overflowing content
 */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer,
.region-page-closure {
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}

#footer-message {
  visibility:hidden;
  max-height: 0px;
}

#navigation {
  overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
}

/*
 * If a div.clearfix doesn't have any content after it and its bottom edge
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
 * place several pixels worth of space between the bottom of the div and the
 * bottom of the viewport. Uncomment this CSS property to fix this.
 * Note: with some over-large content, this property might cause scrollbars
 * to appear on the #page-wrapper div.
 */
/*
#page-wrapper {
  overflow-y: hidden;
}
*/


#jayfnav {
position: relative;
width: 990px;
height: 136px;
background: url(http://www.jayfarrar.net/images/nav02.png) no-repeat;
margin: .5em auto;
padding: 0;
}

#jayfnav li {
	display:block;
	position:absolute;
	list-style:none;
	margin:0;
	padding:0;
}

#jayfnav a {
display:block;
text-indent:-9999px;
text-decoration:none;
outline:none;
cursor:default;
}

/* DO NOT EDIT ABOVE THIS LINE */
/* --------------------------- */


/* THE AREA BELOW SPECIFIES THE IMAGE MAP */

#home {left: 65px; top: 7px; width: 107px; height: 97px;}
#news {left: 179px; top: 63px; width: 46px; height: 13px;}
#tour {left: 231px; top: 63px; width: 42px; height: 13px;}
#store {left: 279px; top: 63px; width: 48px; height: 13px;}
#av {left: 333px; top: 63px; width: 30px; height: 13px;}
#photos {left: 370px; top: 63px; width: 58px; height: 13px;}
#disc {left: 434px; top: 63px; width: 102px; height: 13px;}
#press {left: 543px; top: 63px; width: 75px; height: 13px;}
#board {left: 625px; top: 63px; width: 120px; height: 13px;}
#contact {left: 752px; top: 63px; width: 75px; height: 13px;}
#links {left: 833px; top: 63px; width: 49px; height: 13px;}
#mailinglist {left: 887px; top: 63px; width: 104px; height: 13px;}
#radio {left: 887px; top: 0px; width: 107px; height: 30px;}


#fb {
	left: 773px;
	top: 8px;
	width: 32px;
	height: 32px;
}
#tw {
	left: 809px;
	top: 8px;
	width: 32px;
	height: 32px;
}
#fd {
	left: 845px;
	top: 8px;
	width: 32px;
	height: 32px;
}

/* THE AREA BELOW SPECIFIES THE LINK HEIGHT */

#home a {height: 97px;}
#news a {height: 13px;}
#tour a {height: 13px;}
#store a {height: 13px;}
#av a {height: 13px;}
#photos a {height: 13px;}
#disc a {height: 13px;}
#press a {height: 13px;}
#board a {height: 13px;}
#contact a {height: 13px;}
#links a {height: 13px;}
#mailinglist a {height: 13px;}
#radio a {height: 30px;}

#fb a {height: 32px;}
#tw a {height: 32px;}
#fd a {height: 32px;}


/* ADD EACH BAND BELOW IE:  #bandname a:hover, (IMPORTANT - no comma after the last band) */

#home a:hover, #news a:hover, #tour a:hover, #store a:hover, #av a:hover, #photos a:hover, #disc a:hover, #press a:hover, #board a:hover, #contact a:hover, #links a:hover, #mailinglist a:hover, #radio a:hover, #fb a:hover, #tw a:hover, #fd a:hover
{background: url(http://www.jayfarrar.net/images/nav02.png); background-repeat:no-repeat;}

/* THE AREA BELOW SPECIFIES THE LEFT AND TOP POSITION OF THE ROLLOVER (LOWER-HALF) OF THE IMAGE */

#home a:hover {background-position:-65px -143px;}
#news a:hover {background-position:-179px -199px;}
#tour a:hover {background-position:-231px -199px;}
#store a:hover {background-position:-279px -199px;}
#av a:hover {background-position:-333px -199px;}
#photos a:hover {background-position:-370px -199px;}
#disc a:hover {background-position:-434px -199px;}
#press a:hover {background-position:-543px -199px;}
#board a:hover {background-position:-625px -199px;}
#contact a:hover {background-position:-752px -199px;}
#links a:hover {background-position:-833px -199px;}
#mailinglist a:hover {background-position:-887px -199px;}
#radio a:hover {background-position:-887px -136px;}


#fb a:hover {background-position:-773px -144px;}
#tw a:hover {background-position:-809px -144px;}
#fd a:hover {background-position:-845px -144px;}

.home-left {
width: 600px;
margin-top: -18px;}

.left-style {
width: 600px;

}

.board {
margin-left: -65px;
margin-top: -65px;
border:#000000;
}

.col-1 {
vertical-align:top;
text-align:center;
}

.col-2 {
vertical-align:top;
margin-left:10px;
text-align:center;
}

.col-3 {
vertical-align:top;
margin-left:10px;
text-align:center;
}

.views-field.title {
font-size:14px;
color:#330000;
}

.views-field-title {
font-size:20px;
margin-bottom:5px;
}

td.views-field-title {
font-size:15px;
}

th.views-field-title {
font-size:15px;
}


.views-view-grid td {
padding:10px;

}

.view-message-board {
margin-left: -7px;
margin-top: -7px;
}


tr.even, tr.odd {
background-color: transparent;
background-image: url(http://www.jjgrey.com/images/dash2.png);
border-bottom:hidden;
}

td {
font-family: Cabin;
}

td.views-field-title {
width:250px;
height:75px;
}

td.views-field-field-event-venue-url {
width:250px;
height:75px;
}

td.views-field-field-event-city-value {
width:250px;
height:75px;
}


.image-attach-body {
margin-right:40px;
}

.fb_iframe_widget {
margin-top:25px;
float:
}

.image-thumbnail {
padding-left:15px;
float:right !important;

}

.views-field-image-attach-images {
padding-left:15px;
float:right !important;

}

.views-field-view-node {
margin-top:10px;
font-size:12px;
}


.ticket-link { 
	font-size:11px;
	background-color:#1D1709;
	padding:5px;
	
 }
 
 
td.views-field-field-event-ticketing-url { 
	min-width:85px;

 }
 
 .field-field-event-ticketing {
 	margin-top:20px;
	
	}
	
.field-field-discography-purchase {

	margin-top:15px;
	margin-bottom:15px;
}

.disc-purchase { 
	font-size:15px;
	background-color:#1D1709;
	padding:5px;
	
 }
 
 .comment_add {
 
 visibility:hidden;
 
 }