/* $Id: grid16-960.css,v 1.1.2.4 2009/12/02 00:47:46 sociotech Exp $ */

/* Layout - 16 column grid, 960px fixed width, 20px gutters
-------------------------------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);

.white-bg .shadow-bottom-right, .title-bg .shadow-bottom-right{
z-index:-1;
}

.email{
background-image:none;
}

body{
 -webkit-backface-visibility: hidden;
}

.info {
    background-image: none;
}


/* grid widths */
.grid16-1 {width: 60px;}
.grid16-2 {width: 120px;}
.grid16-3 {width: 180px;}
.grid16-4 {width: 240px;}
.grid16-5 {width: 300px;}
.grid16-6 {width: 360px;}
.grid16-7 {width: 420px;}
.grid16-8 {width: 480px;}
.grid16-9 {width: 540px;}
.grid16-10 {width: 600px;}
.grid16-11 {width: 660px;}
.grid16-12 {width: 720px;}
.grid16-13 {width: 780px;}
.grid16-14 {width: 840px;}
.grid16-15 {width: 900px;}
.grid16-16 {width: 960px;}

/* block indents */
.grid16-indent-1 {margin-left: 60px;}
.grid16-indent-2 {margin-left: 120px;}
.grid16-indent-3 {margin-left: 180px;}
.grid16-indent-4 {margin-left: 240px;}
.grid16-indent-5 {margin-left: 300px;}
.grid16-indent-6 {margin-left: 360px;}
.grid16-indent-7 {margin-left: 420px;}
.grid16-indent-8 {margin-left: 480px;}
.grid16-indent-9 {margin-left: 540px;}
.grid16-indent-10 {margin-left: 600px;}
.grid16-indent-11 {margin-left: 660px;}
.grid16-indent-12 {margin-left: 720px;}
.grid16-indent-13 {margin-left: 780px;}
.grid16-indent-14 {margin-left: 840px;}
.grid16-indent-15 {margin-left: 900px;}

/* gutters (2 x margin) */
.block .inner {
  margin-left: 10px;
  margin-right: 10px;
}

/* hack to fix node-top & node-bottom being off-grid */
#content-content .node .first .inner {
    margin-right: 20px;
}

body,
div.full-width {
  min-width: 960px;
}



.view-event-reviews .imagecache.imagecache-artist_image {
    height: 104px;
    width: 149px;
}

.views-field-field-artistswebsites-value{
display:none;
}

.grid_8.horiz.s a {
    color: #FFFFFF;
    text-decoration: none;
}

.grid_8.horiz.s .moreinfo a {
    color: #111111;
}


.doc-link{
clear:both;
}

.doc-icon-l{
float:left; 
padding-right:8px;
}

.doc-desc.r{
float:right;
}

.doc-desc.l{
float:left;
}

.doc-icon-r{
float:right; 
padding-left:8px;
}

.doc-icon-l{
float:left; 
padding-right:8px;
}

.doc-desc p{
line-height:0px;
font-weight:bold;
}

.doc-desc span{
color:#8C8C8C; line-height:1px; font-size:12px;
font-weight:normal;
}

.doc-desc.r span{
color:#8C8C8C; line-height:1px; font-size:12px;
font-weight:normal;
text-align:right;

}

.doc .white-bg h2.block-title span {
    background: url("../../../clean_design/images/dots-horizontal.gif") repeat-x scroll left bottom transparent;
    display: block;
    margin: 0 10px;
    padding: 3px 0 7px;
}


.doc .title.block-title.r{
text-align:right;
}

.white-bg .doc h2.block-title{
padding-bottom:12px;
}

.white-bg .doc h2.block-title span{
margin:0;
}

.doc-desc.r{
text-align:right;
}
.doc.r{
font-family:tahoma;
}
.doc-link {
    padding: 5px 0;
}

.doc-desc {
    margin-top: -6px;
}


.row-live span2 {
    color: #FFFFFF;
}


.insta {
    height: 360px;
    margin-left: 14px;
    margin-top: 24px;
}

#block-block-137,#block-block-141{
display:none;
}

#pid-programs-short-story-contest-2013-winners h1{
text-align:right;
}

#pid-programs-short-story-contest-2013-winners strong{
font-weight:bold;
font-family:tahoma;
}

#pid-programs-short-story-contest-2013-winners #main-content .content.clearfix p{
font-size:13px;
font-family:tahoma;
}


#map{
     height:460px;
}


/** heading for list with bottom border **/

h3.bborder {
    border-bottom: 1px solid rgb(204, 204, 204);
    clear: both;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 10px 30px 5px 35px;
    padding-bottom: 7px;
    padding-left: 0;
    padding-right: 35px;
    text-transform: uppercase;
	color:#444;
}

p.wmargin{
margin: 10px 30px 5px 35px; 
}




/**
 * Tooltips!
 */

/* Base styles for the element that has a tooltip */

[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}

.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}