/*
Theme Name: Intersection for the Arts Theme
Theme URI: http://theintersection.org
Description: Custom theme for Intersection for the Arts, San Francisco.
Author: Donald Hanson 3
Author URI: http://gridwalklabs.com
*/

/*------ BASIC STRUCTURE -----*/

body{
width:100%;
left:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background-color:#ECF0F0;
z-index:-100;
line-height:135%;
}

body a{
color:#930;
text-decoration:none;
}

img{
border-style:none;
}

body a:hover{
color:#c30;
text-decoration:underline;
}

#container{
width:980px;
margin:0 auto;
padding:0px 20px 10px 20px;
background-color:#FFF;
display:block;
background-image:url(images/insistonit.gif);
background-position:right bottom;
background-repeat:no-repeat;
    box-shadow: 0px 5px 19px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 5px 19px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0px 5px 19px rgba(0, 0, 0, 0.10);
}

#hidden-data{
display:none;
}

.bottom-description{
position:relative;
font-style:italic;
color:#999999;
max-width:700px;
}

.bottom-description p{
margin:0px;
}

#sub-container{
display:inline-block;
margin-bottom:20px;
}

.aligncenter{
margin:auto;
}

/*------ HEADER ------*/

#header{
width:978px;
height:80px;
float:left;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
background-color:#FFFFFF;
line-height:normal;
}

#top-logo{
width:500px;
height:55px;
float:left;
background:#CFD7D7 url('images/logobanner.gif') no-repeat bottom right;
border-right:1px solid #CCCCCC
}

#header-top{	
display: inline-block;
width: 100%;
}

#searchform{
width: 225px;
float: right;
margin:15px 7px 0px;
}

.screen-reader-text{
display:none;
}

/*-------DROPDOWN NAVIGATION------*/

#device-nav{
display:none;
}

#top-nav{
width:978px;
height:25px;
/*background:url('images/CCC_pixel.gif') repeat-x top;*/
margin-top:-3px;
border-bottom:1px solid #ccc;
position:relative;
z-index:101;
}

/*Targets just Opera to prevent the nav from appearing 3 pixels up*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
#top-nav{
margin-top:0px;
}
}

#top-nav a{
color:#630;
font-size:12px;
text-decoration:none;
}

#top-nav > div{ /*top level items excluding home*/
float:right;
}

.nav-button{
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
height:24px;
}

#nav-home:hover, .nav-button:hover{
background-position:0px 24px;
}

.nav-container{
background-color:#FFF;
border:1px solid #CCC;
border-top:none;
position:relative;
height:25px;
overflow:hidden;
z-index:100;
}

.sublist{
list-style:none;
margin:0px;
padding-left:0px;
}

.sublist li{
margin:0px;
padding:3px 0px 3px 10px;
text-transform:lowercase;
}

.sublist li:hover{
background-color:#e0e0e0;
}


#nav-home{
width:133px;
height:24px;
background-image:url(images/nav_home.png);
border:1px solid #ccc;
border-left:none;
}

#nav-about-container{
width:233px;
left:5px;
}

.nav-container:hover div{
background-position:0px 24px;
}

#nav-about{
width:233px;
background-image:url(images/nav_about.png);
}

#nav-visit-container{
width:118px;
left:4px;
}

#nav-visit{
width:118px;
background-image:url(images/nav_visit.png);
}


#nav-programs-container{
width:163px;
left:3px;
}

#nav-programs{
width:163px;
background-image:url(images/nav_programs.png);
}


#nav-support-container{
width:147px;
left:2px;
}

#nav-support{
width:147px;
background-image:url(images/nav_support.png);
}


#nav-5m-container{
width:179px;
left:1px;
}

#nav-5m{
width:179px;
background-image:url(images/nav_5m.png);
}

#device-intro{
display:none;
}

/*---------BANNER-------------*/

.edit-button{
width:16px;
height:16px;
background-image:url(images/edit.gif);
position:absolute;
z-index:200;	
}		

#banner-container{
width:978px;
height:400px;
border:1px solid #ccc;
float:left;
z-index:0;
}

.slideshow-caption{
padding:10px 20px;
max-width:530px;
background-color:#FFFFFF;
border:1px solid #CCC;
-webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.23);
-moz-box-shadow:    2px 2px 2px rgba(50, 50, 50, 0.23);
box-shadow:         2px 2px 2px rgba(50, 50, 50, 0.23);
}

.slideshow-caption-title{
font-family: 'Open Sans', sans-serif;
font-weight:700;
font-size:24px;
color:#C30;
text-shadow: 0 1px 0 white;
}

.slideshow-caption-body{
font-weight:500;
}

.slide-overlay{
width:980px;
position:absolute;
bottom:3px;
background-color:#333333;
width: 100%;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity:.0;
-khtml-opacity: .0;
opacity: .0;
border-top:1px solid #111;
}

.slide-arrows{
width:173px;
float:right;
height:100%;
min-height:70px;
border-left:1px solid #000;
}

.slide-arrows>div:hover{
background-color:#999999;
cursor:pointer;
}

.left-arrow{
width:85px;
background-image:url(images/arrow_left.gif);
background-position:bottom;
background-repeat:no-repeat;
height:100%;
float:right;
border-right:1px solid #000;
border-left:1px solid #666;
}

.right-arrow{
width:85px;
background-image:url(images/arrow_right.gif);
background-position:bottom;
background-repeat:no-repeat;
height:100%;
float:right;
border-left:1px solid #666;
}


#hybrid-slideshow li>span{
position:absolute;
bottom:20px;
left:10px;
}

#hybrid-slideshow {
	overflow: hidden !important;
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
}
#hybrid-slideshow li {
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	list-style-type: none !important;
	top: 0 !important;
	left: 0 !important;
}


/*-------------TRIFOLD-----------------*/

#signup{
color:#630;
text-decoration:underline;
cursor:pointer;
}

#signup-cancel{
position:relative;
top:-10px;
left:-5px;
color:#630;
text-decoration:underline;
cursor:pointer;
}

#mail-box div{
width:250px;
float:left;
height:0px;
margin-right:15px;
border-bottom:1px solid #ccc;
}


#trifolds{
width:100%;
height:150px;
float:left;
background-image: linear-gradient(bottom, rgb(224,224,224) 19%, rgb(255,255,255) 100%);
background-image: -o-linear-gradient(bottom, rgb(224,224,224) 19%, rgb(255,255,255) 100%);
background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 19%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 19%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 19%, rgb(255,255,255) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.19, rgb(224,224,224)),
	color-stop(1, rgb(255,255,255))
);
}


#trifold-a{
width:40%;
}

#trifold-b{
width:31%;
}

#trifold-a, #trifold-b{
height:100%;
float:left;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

#trifold-b table{
background-color:#fff;
position:relative;
top:-3px;
}

#trifolds em{
font-style: normal;
font-size:18px;
font-family: 'Open Sans', sans-serif;
font-weight:700;
display:block;
position:relative;
top:-5px;
}

#trifold-b em{
font-size:15px;
}

#trifold-b table td:last-child{
float:right;
}

#trifold-a span>div{
width:345px;
}

#trifold-b span>div{
width:265px;
}

#trifold-a span>div,#trifold-b span>div{
background-color:#fff;
color:#333333;
margin:10px 10px;
padding:10px 10px;
font-size:13px;
border:1px solid #ccc;
height:105px;
overflow:hidden;
}

#trifold-a span>div>div{
width:328px;
position:relative;
margin-top:10px;

}

#trifolds p{
margin: 0px 0px;
padding: 0px 0px;
}

#trifold-c{
width:28.5%;
height:100%;
border:1px solid #CCCCCC;
border-top:none;
float:left;
}

#trifold-c span p{
background-color:#fff;
color:#333333;
margin:0px 10px;
padding:10px 10px;
font-size:13px;
border:1px solid #ccc;
padding-left:40px;
}

#trifold-c span a:last-child p{
border-top:none;
}

#ticket-button{
margin-top:10px!important;
padding-top:10px!important;
height:33px;
background-image:url(images/tickets.png);
background-position:8px -6px;
background-repeat:no-repeat;
}

#ticket-button:hover{
background-position:8px -85px;
}

#ticket-button:active{
background-position:8px -164px;
}

#donate-button{
border-bottom:1px solid #ccc;
height:51px;
background-position:8px -6px;
background-repeat:no-repeat;
}

#donate-button:hover{
background-position:8px -85px;
}

#donate-button:active{
background-position:8px -164px;
}

.donate-red{
background-image:url(images/donate-red.png);
}

.donate-orange{
background-image:url(images/donate-orange.png);
}

.donate-yellow{
background-image:url(images/donate-yellow.png);
}

.donate-lime{
background-image:url(images/donate-lime.png);
}

.donate-green{
background-image:url(images/donate-green.png);
}

.donate-turquoise{
background-image:url(images/donate-turquoise.png);
}

.donate-bright-blue{
background-image:url(images/donate-bright-blue.png);
}

.donate-dark-blue{
background-image:url(images/donate-dark-blue.png);
}

.donate-indigo{
background-image:url(images/donate-indigo.png);
}

.donate-dark-purple{
background-image:url(images/donate-dark-purple.png);
}

.donate-light-purple{
background-image:url(images/donate-light-purple.png);
}

.donate-pink{
background-image:url(images/donate-pink.png);
}

.donate-silver{
background-image:url(images/donate-silver.png);
}

/*--------------TABBED BLOGS---------*/

#blog-box{
width:700px;
float:left;
position:relative;
}

#blog-tabs{
width:980px;
height:35px;
float:left;
position:relative;
margin-top:10px;
}

.blog-tab{
height:25px;
padding:10px 14px 0px;
float:left;
margin-right:10px;
background-color:#F0F0F0;
border:1px solid #CCC;
border-bottom:none;
font-size: 16px;
font-weight: bold;
text-transform: lowercase;
font-family:Arial, Helvetica, sans-serif;
color: #666;
position:relative;
}

.blog-tab a{
color:#666;
text-decoration:none;
}

.blog-tab:hover{
cursor:pointer;
background-color:#FFF;
}

.blog-tab-active{
background-color:#FFF;
z-index:100;
}


#blog-tabs a:hover{
text-decoration:underline;
color:#666;
}

.blog-tab-active:hover{
cursor:auto;
}

#blogs-content-box{
width:699px;
border:1px solid #CCC;
float:left;
background-color:#FFFFFF;
position:relative;
z-index:0;
}

#blogs-content-box>div:first-child{
display:inline;
position:relative;
}

.blog-content{
display:none;

}

.blog-content h3 a{
font-family: Arial Narrow, Arial, Helvetica, sans-serif;
/*font-family:'Open Sans', sans-serif;*/
color:#930;
text-decoration:none;
}

.blog-content a:hover{
text-decoration:underline;
color:#C30;
}

.blog-item{
display:inline-block;
width:680px;
padding:20px 10px 10px 10px;
border-bottom:1px solid #CCC;
float:left;
}

.blog-item:first-child{
border-top:1px solid #fff;
}

.blog-item>a:first-child img{
float:left;
border:1px solid #ccc;
-webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.23);
-moz-box-shadow:    2px 2px 2px rgba(50, 50, 50, 0.23);
box-shadow:         2px 2px 2px rgba(50, 50, 50, 0.23);
}

.blog-event-data{
position:relative;
top:-15px;
float:right;
width:360px;
}


.blog-event-data h3, .event-details{
margin:10px 0px 5px;
padding:0;
clear:both;
}

.event-details{
font-size:13px;
background-color:#f5f5f5;
padding:2px 4px;
border:1px solid #e0e0e0;
line-height:20px;
}

.event-details p{
margin:0px 0px;
padding:0px 0px;
}

.blog-item-excerpt{
margin-top:0px;
font-size:12px;
color:#666666;
}

#archive-link-box{
height:38px;
width:100%;
border-top:1px solid #ccc;
font-weight: bold;
text-transform: lowercase;
font-family:Arial, Helvetica, sans-serif;
color: #666;
}

#archive-link-box a{
float:right;
color: #666;
background-color:#F0F0F0;
padding:10px 10px 8px 10px;
margin:0px;
border-left:1px solid #ccc;
text-decoration:none;
font-size: 16px;
}

#archive-link-box a:hover{
text-decoration:none;
background-color:#fff;
}

.priority{
float:right;
color:#999999;
font-size:12px;
}

.priority form{
display:inline;
}

/*------------------POST, PAGE, 404 CONTENT------------------*/

#post-container{
width:700px;
float:left;
position:relative;
border:1px solid #ccc;
background-color:#FFFFFF;
}

#post-picture{
border-bottom:1px solid #ccc;
margin-bottom:10px;
width:100%;
text-align:center;
}

.post h2#title{
font-family: Arial Narrow, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
color:#666;
border-bottom:2px solid #666;
padding-bottom:10px;
width:660px;
margin-left:20px;}

.event-details-holder{
padding:0px 20px;
}

.entry-text{
padding:0px 20px;
}

.entry-text ul{
padding: 0px 40px; 
}

.post-edit-link{
float:right;
margin-right:5px;
}

#edit-button{
float:right;
padding:0px 5px 5px 0px;
}

#edit-post{
position:relative;
top:-25px;
left:-15px;
}

.entry-text .alignleft{
float:left;
margin:10px 10px 10px 0px;
}

.entry-text .alignright{
float:right;
margin:10px 0px 10px 10px;
}

.wp-caption-text{
background-color: #f5f5f5;
padding: 5px 0px 5px 5px;
margin: 10px 0px;
color: #555;
border: 1px solid #D9D9D9;
}

.post-date{
color: #666;
font-size:12px;
position:relative;
top:-10px;
}

/*------------------COMMENTS-----------*/

#comment-area{
background-color:#f5f5f5;
border-top:1px solid #ccc;
margin:0px 0px;
padding:10px;
}

#comment-area ul{
list-style:none;
margin:0px 0px;
padding: 0px 0px;
}

#comment-area ul li{
border-bottom:1px solid #ccc;
padding-bottom:5px;
margin-top:10px;
}

#comment-area ul li p{
padding-left: 9px;
border-left: 2px dotted #ccc;
font-size: 13px;
color:#333333;
}

.comment-author{
font-size:14px;
color:#930;
margin-right:4px;
}

.comment-meta{
color:#666666;
font-size: 11px;
background-color: #fff;
padding: 4px 10px;
border: 1px solid #ccc;
}

.comment-body{
max-width:600px;
}

.comment-avatar{
float:right;
width:50px;
height:50px;
padding:5px;
position:relative;
top:-5px;
}


/*------------------SIDEBAR-----------*/

#sidebar-home{
width:278px;
float:left;
margin-top:45px;
border:1px solid #CCC;
background-color:#FFFFFF;
position:relative;
z-index:99;
}

#sidebar-home>div{
background-color:#fff;
width:250px;
margin:10px auto;
}

#sidebar-home .sidebar-feature img{
border:1px solid #ccc;
margin-top:5px;
}

.sidebar-feature{
font-size: 13px;
color: #333;
}


#sidebar-non-home .sidebar-feature{
padding:0px 0px!important;
}

.sidebar-feature ul{
list-style-type:circle;
padding:0px 10px 10px 30px;
}

#sidebar-non-home .sidebar-feature p{
padding:0px 10px!important;
}

#sidebar-home #social div{
margin-top:0px!important;
}

#facebook{
margin:10px 15px 0px;
}

#sidebar-non-home{
width:275px;
padding:10px 0px;
float:left;
border:1px solid #CCC;
background-color:#f5f5f5;
position:relative;
z-index:99;
}

#sidebar-non-home>div{
background-color:#fff;
width:241px;
margin:10px auto;
padding:10px 0px;
border:1px solid #ccc;
}

.sidebar-ticket-button{
height:42px!important;
margin-left:10px;
}

.sidebar-donate-button{
height:67px!important;
margin-left:10px;
border-bottom:none!important;
}

#sidebar-newsletter{
height:205px;
}

#sidebar-newsletter>div{
margin:0px 10px;
}

#sidebar-non-home .headline{
color:#666;
font-family: 'Open Sans', sans-serif;
font-size:14px;
}

#social{
height:52px;
padding:0px 0px!important;
background-color:transparent!important;
border:none!important;
}

#social div{
background-color: #FFFFFF;
width: 77px;;
height: 42px;
border: 1px solid #ccc;
float: left;
text-align: center;
padding-top: 10px;
margin: 0px auto;
border-left: none;
}

#social a:first-child div{
border-left:1px solid #ccc;
width:81px;
}

#sidebar-home #social a:last-child div{
width:86px;
}

#social div:hover{
background-color:#f5f5f5;
}


/*-------------ARCHIVE PAGES--------------*/

#archive-navigation{
float:right;
height:38px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size: 18px;
font-weight: bold;
text-transform: lowercase;
font-family:Arial, Helvetica, sans-serif;
color: #666;
}

#pressbox{
padding: 0px 10px;
border-bottom: 1px solid #ccc;
}

#archive-navigation a{
color: #666;
background-color:#F0F0F0;
padding:10px 10px 8px 10px;
margin:0px;
position:relative;
top:10px;
border-left:1px solid #ccc;
border-right:1px solid #fff;
}

#archive-navigation a:first-child{
border-left:none;
}

#archive-navigation a:last-child{
border-right:none;
}

#archive-navigation a:hover{
text-decoration:none;
background-color:#fff;
}

#archive-spacer{
height:45px;
width:30px;
float:left;
}

/*------------------SEARCH RESULTS-----------*/

#search-results{
border-bottom:1px solid #ccc;
background-color:#f5f5f5;
font-size:16px;
font-weight:bold;
font-family: 'Open Sans', sans-serif;
padding:20px 10px;
}

/*------------------FOOTER-----------*/

#disable-mobile{
display:none;
}

#footer{
width:1055px;
margin:20px auto;
font-size:12px;
padding-left:30px;
height:200px;
line-height:normal;
}

#footer div{
float:left;
height: 100%;
border-left: 1px solid #CCC;
padding-left: 0px;
border-right: 1px solid white;
text-transform:lowercase;
}

#footer div:first-child{
padding:0px 25px 0px 0px;
border-left:none;
text-transform:none;
}

#footer div:last-child{
border-right:none;
}

a.login{
color:#999999;
text-decoration:none;
}


a.login:hover{
text-decoration:underline;
color:#666666;
}

#footer span{
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size:14px;
color:#803000;
}

#footer ul{
list-style:none;
margin: 0px 0px;
padding:0px 0px 0px 0px;
}


#footer li{
padding:3px 20px 2px 10px;
}

#footer ul a{
text-decoration:none;
color:#333333;
}

#footer li:hover a{
color:#803000;
}

#footer ul li:hover{
background-color:#fff;
}

/* New styles added for redesigned buttons 01/29/2014 */

#trifolds {height:170px;}
#trifold-a span>div,#trifold-b span>div{padding:22px 10px;}

#ticket-button{
margin-top:10px!important;
padding-top:5px!important;
border-bottom:none !important;
height:33px;
background-image:url(images/inx_cta_btn_tix.png);
background-position:8px -6px;
background-repeat:no-repeat;
}

#ticket-button:hover{
background-position:8px -85px;
}

#ticket-button:active{
background-position:8px -164px;
}

#donate-button{
background-image:url(images/inx_cta_btn_donate.png);
border-bottom:none !important;
border-top:none !important;
height:28px;
background-position:8px -6px;
background-repeat:no-repeat;
}

#donate-button:hover{
background-position:8px -85px;
}

#donate-button:active{
background-position:8px -164px;
}

#spnsrshp-button{
background-image:url(images/inx_cta_btns_spnsrshp.png);
border-bottom:none !important;
height:33px;
background-position:8px -6px;
background-repeat:no-repeat;
}

#spnsrshp-button:hover{
background-position:8px -85px;
}

#spnsrshp-button:active{
background-position:8px -164px;
}

#sidebar-non-home #ticket-button, 
#sidebar-non-home #donate-button,
#sidebar-non-home #spnsrshp-button {
	display:block;
	height:48px;
	padding:0;
	margin:0 0 0 10px;
}