@font-face {
	font-family: 'cmglogo';
	src:url('/fonts/cmglogo.eot');
	src:url('/fonts/cmglogo.eot?#iefix') format('embedded-opentype'),
		url('/fonts/cmglogo.woff') format('woff'),
		url('/fonts/cmglogo.ttf') format('truetype'),
		url('/fonts/cmglogo.svg#cmglogo') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'cmglogo';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-logocmg {
	font-family: 'cmglogo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-logocmg:before {
	content: "\e000";
}

html, body, br, hr,
div, span, a, button,
object, iframe, header, article,
aside, section,
ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6,
p, blockquote, q, address,
small, big, cite, dfn, ins, del,
i, em, b, strong, sup, sub, strike,
pre, code, samp, kbd, var, tt,
form, fieldset, legend, label,
input, textarea, option, .nobox{
	background-color: transparent;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

blockquote, q{ quotes: none; }		/* removes browser generated quotes */
br{ height: 0; }					/* removes height from break tag */
a img{ border: 0; }					/* removes border from linked images */
button:active, a:active{ outline: none; }

.clear{
	clear: both;
}
.clearfix::after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	margin: 0;
}
a{
	color: #0077c1;
	text-decoration: none;
}

html,body{
	height: 100%;
	min-height: 750px;
}
body{
	background-color: #fff;
	color: #555;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 13px;
	margin: 0;
	min-width: 1000px;
	-webkit-font-smoothing: antialiased;
}
body > header{
	background: #fff;
	border-bottom: 1px solid #d9d9d9;
	height: 107px;
	left: 0;
	outline: 1px solid #fff;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 92;
}
.wrapper{
	margin: 0 auto;
	width: 940px;
}

#logo{ float: left; }
#logo a{
	font-size: 131px;
	text-decoration: none;
	color: #0077c1;
	line-height: 0.85;
}
#site-links{
	float: right;
	margin-top: 17px;
}
#site-links a{
	background:url(/images/header_links.png) no-repeat;
	display: inline-block;
	opacity: 0.5;
	width: 30px;
	height: 30px;
}
#site-links a:hover{ opacity: 1; }
#site-links a.link2{
	background-position: -30px 0;
	width: 35px;
}
#site-links a.link3{
	background-position: -65px 0;
	width: 40px;
}
#site-links a.link4{
	background-position: -105px 0;
	width: 47px;
}
#site-links a.link5{
	background-position: -152px 0;
}
#menu{
	clear: right;
	float: right;
	margin-top: 19px;
	font-size: 15px;
	font-weight: bold;
margin-right: -5px;
}
#menu a{
	color: #888;
	padding: 5px;
	text-decoration: none;
}
#menu a:hover{
	color: #0077c1;
}
#banner{
	border-bottom: 1px solid #fff;
	margin-top: 108px;
	height: 365px;
	overflow: hidden;
}
h1{
	color: #0077c1;
	font-size: 24px;
	font-weight: bold;
}

.view-more{ text-align: center; }
.view-more a{
	background: #0077c1;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 40px 10px 40px;
	margin:20px auto;
	position: relative;
}
.view-more a:hover{ opacity: 0.9; }
.view-more a:before{
	content:'';
	display: block;
	background: url(/images/site-sprite.png) no-repeat;
	background-position: -107px -53px;
	position: absolute;
	height: 14px;
	width: 9px;
	top: 13px;
	left: 15px;
}
.view-more a:after{
	content:'';
	display: block;
	background: url(/images/site-sprite.png) no-repeat;
	background-position: -107px -53px;
	position: absolute;
	height: 14px;
	width: 9px;
	top: 13px;
	right: 15px;
}
#news, #contact{ padding: 30px 0; }
#artists, #about{
	background: #e7e7e7;
	padding: 30px 0;
}
#artists{ padding-bottom: 0; }
.artist .txt{ margin: 5px 0 8px; }
#artists .fb-like{
	width: 50px;
	height: 20px;
	float: left;
	margin-right: 5px;
	overflow: hidden;
	display: block;
	z-index: 1;
}
#news .space{ margin-top: -4px; }
.fb-link, .fb-pic, #news .fb-like,.fb-link-name,.fb-link-desc{ margin-bottom: 5px; }
#news .fb-like{ margin-top: 10px; }
.fb-link img{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	max-width: 250px;
}
.fb-link-name{ font-weight: bold; }
.fb-pic img{
	max-width: 540px;
}
.fb_iframe_widget{
	z-index: 1;
}
.hr{
	background: #d9d9d9;
	display: block;
	height: 1px;
	font-size: 0;
	line-height: 0;
	margin: 8px 0 15px;
}
.artist{
	color: #555;
	float: left;
	width: 140px;
	font-weight: bold;
	font-size: 12px;
	margin-left: 20px;
	line-height: 1.4;
	height: 198px;
}

.artist.row{ margin-left: 0; }
.artist a, .artist > span{
	display: inline-block;
	height: 98px;
	width: 140px;
}
.artist a span{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	display: none;
}
.artist a:hover{
    background: rgba(0,0,0,0.5);
    margin-bottom: 4px;
}
.artist a:hover span{
	background: #fff;
	border-radius: 3px;
	color: #0077c1;
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
	padding: 2px 9px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	margin-top: 40px;
	margin-left: 30px;
}

.activity-row{
	border-bottom: 1px dashed #d9d9d9;
	clear: both;
	color: #555;
	font-size: 13px;
	line-height: 1.3;
	margin-top: 20px;
	min-height: 39px;
	padding-bottom: 20px;
}
.activity-row:first-of-type{ margin-top: 0; }
.activity-row .txt{
	float: right;
	margin-left: 14px;
	line-height: 1.4;
	padding-top: 4px;
	width: 860px;
}
.activity-row .news-row{ float: right;
	width: 860px; }
.activity-row .date .dt{ color: #9f9f9f; }
.activity-row .date{
	background: url(/images/site-sprite.png) no-repeat;
	background-position: 0 -40px;
	float: left;
	font-size: 10px;
	height: 31px;
	line-height: 1.2;
	padding: 8px 0 0 9px;
	position: relative;
	width: 57px;
}
.activity-row h2{
	font-size: 15px;
	font-weight: bold;
}

#about{
	color: #999;
	font-size: 14px;
	font-weight: 500;
}

#contact{
	color: #555;
	font-size: 14px;
	line-height: 1.8;
	padding-bottom: 50px;
}
#contact .col1{
	float: left;
	width: 275px;
}
#contact .col2{
	float: left;
	margin-left: 210px;
	width: 260px;
}
#contact a{

	text-decoration: none;
}
#contact a:hover{ color: #0077c1; }
#contact h2, #about h2{
	color: #999;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: -14px;
}
#about h2.title{ margin-bottom: 10px; }
#contact h2.subtitle, #about h2.subtitle{
	color: #555;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	margin: 20px 0;
}
.space{ margin-top: 5px; margin-bottom: 20px; }
.ytbody > div{
	width: 540px !important;
}
.ytbody > div > table > tbody > tr:first-of-type > td:first-of-type{ display:none !important; }
.img{
	float: left;
	margin: 5px 15px 5px 0;
}

.pword .inst{ text-align: center; }
.pword .url{
	color: #555;
	font-weight: bold;
	margin-top: 5px;
	text-align: center;
}
.pword .error{
	color: #ff0000;
	float: right;
	font-style: italic;
	font-size: 12px;
}
.pword form{
	background: #fefefe;
	border: 1px solid #c0d3da;
	border-radius: 4px;
	box-shadow: 0 2px 2px #ccc;
	color: #444;
	font-size: 14px;
	font-weight: normal;
	width: 340px;
	margin: 20px auto;
}
.pword form > div{
	border-bottom: 1px solid #dde0e8;
	padding: 20px 25px;
}
.pword .frmTxt{
	border: 1px solid #b7d4ea;
	border-radius: 2px;
	box-shadow: inset 0 0 8px #ccc, 0 0 8px #b7d4ea;
	clear: both;
	margin: 8px 0;
	padding: 9px 4%;
	width: 92%;
}
.pword form .frmSubmit{
	background: #f0f5f7;
	border: 1px solid #fff;
	padding: 17px 0;
	text-align: center;
}
.pword form .frmSubmit input{
	background: #0077c1;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	height: 39px;
	margin: 0 auto;
	text-align: center;
	width: 150px;
}
.pword form .frmSubmit input:hover{ opacity: 0.8; }
footer{
	background: #939598;
	color: #fff;
	clear: both;
	padding-top: 45px;
	height: 183px;
}
#footer-logo a{
	color: #fff;
	font-size: 75px;
	line-height: 0.7;
	text-decoration: none;
}
#footer-logo{
	float: left;
	width: 165px;
}
#follow-us, #newsletter{
	float: left;
	width: 320px;
}
#follow-us a{
	background: url(/images/site-sprite.png) no-repeat;
	display: inline-block;
	height: 35px;
	width: 35px;
}
#follow-us .arrow{
	background: url(/images/site-sprite.png) no-repeat;
	display: inline-block;
	height: 35px;
	width: 42px;
}
#follow-us .links{ margin-top: 10px; }
#follow-us a:hover{ opacity: 0.8; }
#follow-us a.twit{
background-position: -49px 0px;
}
#follow-us a.fb{
background-position: -88px 0px;
}
#follow-us a.youtube{
background-position: -127px 0px;
}
#newsletter-header h2{
	color: #a9a9a9;
	font-size: 13px;
	display: inline;
	position: absolute;
left: 10px;
top: 16px;
}
#newsletter-header{
	background: #e7e7e7;
	float:right;
	height: 49px;
	margin-left: 14px;
	width: 354px;
	position: relative;
}
#newsletter-header > div{
	position: absolute;
top: -4px;
left: 143px;
}
#newsletter a, #newsletter-header a{ margin-top: 10px; display: inline-block;}
#newsletter .txt, #newsletter-header .txt{
	background: #fff;
	color: #666;
	cursor: text;
	display: inline-block;
	float: left;
	margin-right: 10px;
	width: 140px;
	font-style: italic;
	font-size: 11px;
	text-decoration: none;
	padding: 11px 10px;
}
#newsletter .button, #newsletter-header .button{
	background: url(/images/site-sprite.png) no-repeat;
	background-position: -67px -42px;
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 35px;
	width: 35px;
}
#newsletter-header .button{
	opacity: 0.4;
	}
#newsletter .button:hover{ opacity: 0.8; }
#newsletter-header .button:hover{ opacity: 0.3; }


#newsletter form, #newsletter-header form{ margin-top: 10px; display: inline-block;}
#newsletter #email, #newsletter-header #email{
	background: #fff;
	color: #666;
	cursor: text;
	display: inline-block;
	float: left;
	margin-right: 10px;
	width: 140px;
	font-size: 11px;
	padding: 11px 10px;
}
::-webkit-input-placeholder { font-style: italic; color: #999; font-size: 11px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
::-moz-placeholder { font-style: italic; color: #999; font-size: 11px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* firefox 19+ */
:-ms-input-placeholder { font-style: italic; color: #999; font-size: 11px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* ie */
#newsletter .button, #newsletter-header .button{
	background: url(/images/site-sprite.png) no-repeat;
	background-position: -67px -42px;
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 35px;
	width: 35px;
}
#newsletter-header .button{
	opacity: 0.4;
	}
#newsletter .button:hover{ opacity: 0.8; }
#newsletter-header .button:hover{ opacity: 0.3; }


#legal{
	float: left;
	width: 135px;
}
#legal{ font-size: 11px; }
#legal a{ color: #666; text-decoration: underline; }
footer h2{
	font-size: 13px;
}
/*
	AnythingSlider v1.8+ Default theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID & dimensions to match your slider */
#banner-slider {
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: hidden;
	overflow-x: auto;
}

#banner-slider a{
	text-decoration: none;
	display: inline-block;
}
a.banner-link{
	display: block;
	height: 100%;
	width: 100%;
}
#banner-slider .panel{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	  -moz-transition: all 0.5s ease;
	  -ms-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  transition: all 0.5s ease;
	  pointer-events: none;
}
#banner-slider .panel.activePage{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	  pointer-events: all;
}
/******************
  SET STYLING HERE
 ******************
 =================================
 Default state (no keyboard focus)
 ==================================*/
/* Overall Wrapper */
.anythingSlider-default {
	height:784px;
	margin: 0 auto;
	/* 45px right & left padding for the arrows, 28px @ bottom for navigation */
}
/* slider window - top & bottom borders, default state */
.anythingSlider-default .anythingWindow {

}
/* Navigation buttons + start/stop button, default state */
.anythingSlider-default .anythingControls a {
	/* top shadow */
text-decoration: none !important;
}
/* Make sure navigation text is visible */
.anythingSlider-default .anythingControls a span {
	visibility: visible;
}
/* Navigation current button, default state */
.anythingSlider-default .anythingControls a.cur {
	background: #888;
	color: #000;
}

/* start-stop button, stopped, default state */
.anythingSlider-default .anythingControls a.start-stop {
	background-color: #040;
	color: #ddd;
}
/* start-stop button, playing, default state */
.anythingSlider-default .anythingControls a.start-stop.playing {
	background-color: #800;
}

/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
.anythingSlider-default .anythingControls a.start-stop:hover,
.anythingSlider-default .anythingControls a.start-stop.hover,
.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
	background-image: none;
	color: #ddd;
}

/*
 =================================
 Active State (has keyboard focus)
 =================================
*/
/* slider window - top & bottom borders, active state */
.anythingSlider-default.activeSlider .anythingWindow {
	border-color: #91908d;
}
/* Navigation buttons, active state */
.anythingSlider-default.activeSlider .anythingControls a {
	/* background image = top shadow */
}
/* Navigation current & hovered button, active state */
.anythingSlider-default.activeSlider .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a:hover {
	/* background image removed */
	border-color:#91908d !important;
	color: #f4f1e9;
}

/* start-stop button, stopped, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop {
	background-color: #080;
	color: #fff;
}
/* start-stop button, playing, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
	background-color: #d00;
	color: #fff;
}
/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-default.activeSlider .start-stop:hover,
.anythingSlider-default.activeSlider .start-stop.hover {
	color: #fff;
}

/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows */
.anythingSlider-default .arrow {
	top: 50%;
	position: absolute;
	display: block;
	text-decoration: none;
	z-index: 10;
}
.anythingSlider-default .arrow.back{ left: -25px; }
.anythingSlider-default .arrow.back a {
	display: block;
	width: 20px;
	height: 25px;
	background: url(/images/site-sprite.png) no-repeat;
	background-position: -122px -47px;
	margin: -12px 0 0 0; /* half height of image */
	text-align: center;
	outline: 0;
	text-decoration: none;

}
.anythingSlider-default .arrow.forward{ right: -25px; }
.anythingSlider-default .arrow.forward a {
	display: block;
	width: 20px;
	height: 25px;
	background: url(/images/site-sprite.png) no-repeat;
	background-position: -143px -47px;
	margin: -12px 0 0 0; /* half height of image */
	text-align: center;
	outline: 0;
	text-decoration: none;

}
.anythingSlider-default .arrow a:hover { opacity: 0.6; }



/* Navigation Links */
.anythingSlider-default .anythingControls { outline: 0; display: none; position: absolute; right: -44px; top: 0; }
.anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; list-style:none; }
.anythingSlider-default .anythingControls ul li {  }
.anythingSlider-default .anythingControls li.first a { border-top:1px solid; }
.anythingSlider-default .anythingControls ul a {
	border:1px solid;
	border-top:0;
	border-left:0;
	text-decoration:none;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:24px;
	color:#91908d;
	display: inline-block;
	text-decoration: none;
	line-height:1em;
	height: 23px;
	width:33px;
	padding-top:3px;
	padding-bottom:5px;
	text-align: center;
	outline: 0;
}

/* navigationSize window */
.anythingSlider-default .anythingControls .anythingNavWindow {
	overflow: hidden;
	float: left;
}

/* Autoplay Start/Stop button */
.anythingSlider-default .anythingControls .start-stop {
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 10;
	outline: 0;
}

/***********************
  IE8 AND OLDER STYLING
 ***********************/

/* Navigation Arrows */
.as-oldie .anythingSlider-default .arrow {
	top: 30%;
}
.as-oldie .anythingSlider-default .arrow a {
	margin: 0;
}

/* margin between nav buttons just looks better */
.as-oldie .anythingSlider-default .anythingControls li {
	margin-left: 3px;
}

/* When using the navigationSize option, the side margins need to be zero
	None of the navigation panels look good in IE7 now =( */
.as-oldie .anythingSlider-default .anythingControls a {
	margin: 0;
}
.as-oldie .anythingSlider-default .anythingNavWindow {
	margin: 0 2px;
}
.as-oldie .anythingSlider-default .anythingNavWindow li {
	padding: 3px 0 0 0;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
	display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
	float: none;
}
/* fade mode */
.anythingSlider .fade .panel {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
	z-index: 1;
}

/***********************
  RTL STYLING
 ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */
.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}

/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  /*width: auto;
  height: auto;*/
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

body > header{ position: absolute; }
}