/*  
Theme Name: TINA10
Description: This is Not Art 2010 by <a href="http://element-80.com/" title="Element-80 Productions">Element-80 Productions</a>.
Version: 1.0
Author: Melody Fassino
Author URI: http://element-80.com/
*/



img{border:0;}
form, fieldset{
	margin: 0; 
	padding: 0; 
	border: 0;
}
input,select,textarea {vertical-align: middle;}
body{
	background:url(images/bg-body.jpg);
	margin:0;
	font:11px/18px "Lucida Sans Unicode","Lucida Grande", sans-serif;
	color:#656e6e;
}
a{
	color:#670804;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
	color:#285155;
}
#wrapper{
	width:980px;
	margin:0 auto;
	overflow:hidden;
	position:relative;;
}
#header{
	height:442px;
	position:relative;
	width:100%;
	background:url(images/logo.jpg) no-repeat;
}
#header h1{margin:0;}
.logo {
	height:141px;
	width:574px;
	position:absolute;
	top:0px;
	left:0px;
}
.logo a{
	display:block;
	text-indent:-9999px;
	height:118px;
	width:574px;
} 
#main{
	overflow:hidden;
	background:url(images/bg-main.jpg);
	width:980px;
}
.holder{
	background:url(images/bg-content.gif) repeat-x;
	width:100%;
	overflow:hidden;
	padding: 0 38px 25px 23px;
}
.main-menu{
	background:url(images/bg-main-menu.gif) no-repeat;
	height:43px;
	width:918px;
	overflow:hidden;
}
.main-menu ul{
	margin:0;
	padding:14px 0 0;
	list-style:none;
	overflow:hidden;
	height:16px;
}
.main-menu ul li{
	float:left;
	height:16px;
	background:url(images/separator2.gif) no-repeat 0 1px;
	padding:0 10px 0 11px;
	margin:0 10px 0 -10px;
}

.main-menu ul li a{
	background-repeat: no-repeat;
	display:block;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
}

.main-menu ul li a:hover,
.main-menu ul li.current_page_item a,
.main-menu ul li.section a{
	background-position: 0 -16px;
	}

#nav-home{width:31px; background-image:url(images/nav-home.gif);}
#nav-about{width:37px; background-image:url(images/nav-about.gif);}
#nav-proposals{width:117px; background-image:url(images/nav-program.gif);}
#nav-participants{width:78px; background-image:url(images/nav-participants.gif);}
#nav-join{width:41px; background-image:url(images/nav-join.gif);}
#nav-venues{width:44px; background-image:url(images/nav-venues.gif);}
#nav-travel{width:143px; background-image:url(images/nav-travel.gif);}
#nav-supporters{width:71px; background-image:url(images/nav-supporters.gif);}
#nav-media{width:35px; background-image:url(images/nav-media.gif);}
#nav-news{width:34px; background-image:url(images/nav-news.gif);}
#nav-contact{width:49px; background-image:url(images/nav-contact.gif);}



.sidebar{
	float:left;
	width:241px;
	margin: 24px 0 0;
	padding:0 0 0 15px;
}
.sidebar h2{
	background:url(images/bg-h2.gif) no-repeat 0 100%;
	margin:0 0 14px;
	padding:0 0 7px;
	font-size:29px;
}
.sidebar h3{
	background:url(images/bg-h2.gif) no-repeat 0 100%;
	margin:17px 0 19px;
	padding:0 0 10px;
	text-transform: uppercase;
}
.sidebar p{margin:0 18px 0 0;}
.join {margin:0 0 28px;}
.join ul,
.program ul{
	margin:16px 0 0 10px;
	padding:0;
	list-style:none;
}
.join ul li,
.browse ul li,
.program ul li{
	background:url(images/bullet.gif) no-repeat 0 4px;
	padding:0 0 0 16px;
	margin-bottom:12px;
}

ul#Menu2{
	margin:16px 0 0 10px;
	padding:0;
	list-style:none;
	text-transform:uppercase;
}
ul#Menu2 li{
	background:url(images/bullet.gif) no-repeat 0 4px;
	line-height:1.2em;
	padding:0 0 0 16px;
	margin-bottom:10px;
}

ul#Menu2 li.current_page_item a{
	color:#000;
	}

ul#Menu2 li ul{
	margin-top:8px;
}

ul#Menu2 li ul li{
	background:none;
	line-height:1.2em;
	padding:0 0 0 16px;
	margin-bottom:10px;
}

ul#Menu2 li.current_page_item ul li a{
	color:#670804;
	}


.join ul li a, .browse ul li a{color:#670804;}
.join ul li a:hover, .browse ul li a:hover{color:#670804;}
fieldset{width:223px;}
.subscribe{margin:0 0 26px;}
.subscribe h2{ margin:0 0 11px;}
.subscribe p{ margin:0 0 3px;}

#Form_SubscribeForm_EmailAddress {
	background:url(images/bg-email.gif) no-repeat;
	margin:6px 0 0;
	overflow:hidden;
	width:223px;
	border:none;
	color:#FFFFFF;
	padding:8px;
	height:22px;
}

.txt-input input{
	background:none;
	width:211px;
	border:0;
	padding:10px 4px 10px 8px;
	color:#eaeae9;
	font:11px "Lucida Sans Unicode","Lucida Grande", sans-serif;
}
.button{
	width:51px;
	height:11px;
	margin:10px 0 0 11px;
}
.program{margin:0 0 60px;}
.content{
	float:left;
	margin:26px 0 0 29px;
	width:300px;
}
.content-inner{
	float:left;
	margin:26px 0 0 29px;
	width:600px;
}

.article-list{
	margin:0 0 15px 0;
	background:url(images/bg-events.gif) repeat-x 0 100%;
	padding-bottom:8px;
	}
	
.event-holder{
	margin:0 0 15px 0;
	background:url(images/bg-events.gif) repeat-x 0 100%;
	padding-bottom:8px;
	}
	
.content h2, .content-inner h2, .column-right h2{
	font-size:29px;
	background:url(images/bg-h2-data.gif) repeat-x 0 100%;
	margin:0 0 17px;
	padding:0 0 5px;
}
.content h3, .column-right li h3{
	margin:0;
	font-size:12px;
	color:#b1d2d5;
	text-transform: uppercase;
	font-weight:normal;
}

.content-inner h3{
	text-transform:uppercase;
	font-size:1.3em;
	color:#617672;
	}

.content p, .column-right p{margin:0;}
.content .more, .column-right .more{
	color:#935133;
	font-size:12px;
}
.content .more:hover, .column-right .more:hover{color:#935133;}
.events{
	background:url(images/bg-events.gif) repeat-x 0 100%;
	margin:0 0 10px;
	padding:0 0 13px;
	width:100%;
}
.events a, .column-right ul li a{color:#285155;}
.events a:hover, .column-right ul li a:hover{color:#285155;}
.events img{
	display:block;
	border:1px solid #443739;
	margin:0 0 19px;
}
.column-right{
	float:left;
	height:1%;
	margin: 24px 5px 0 30px;
	overflow:hidden;
	width:300px;
}
.column-right ul{
	margin:0;
	padding:0;
	list-style:none;
}
.column-right ul li{
	background:url(images/bg-events.gif) repeat-x 0 100%;
	margin:0 0 17px;
	padding:0 0 13px;
	width:100%;
}
.column-right .more{
	margin:-4px 0 0;
	float:left;
}
#footer{
	background:url(images/bg-main.jpg);
	width:100%;
	text-align: center;
	font-color:#fff;
	padding:7px 0;
	border-top: 52px solid #000;
}
#footer span.data{
	display:block;
	font-size:1px;
	font-color:#ffffff;
	margin:0 0 0 77px;
	letter-spacing:1px;
}
#footer ul{
	margin:6px 0 0;
	padding:0;
	list-style:none;
}
#footer ul li{
	display: inline;
	font:11px "Lucida Grande", sans-serif;
	font-color:#fff;
	background:url(images/separator.gif) no-repeat 0 2px;
	padding: 0 0 0 14px;
	margin: 0 5px 0 0;
}
#footer ul li:first-child {
	padding: 0;
	background: none;
}
#footer ul li a{
	color:#2c2a17;
	line-height:21px;
}
#footer a{
	text-decoration: underline;
}
#footer span.design {
	font:10px "Lucida Grande", sans-serif;
	display:block;
	color:#000;
}
#footer span.design a{color:#000;}

#footer span.design .element {
	display: inline-block;
	overflow: hidden;
	width: 115px;
	text-indent: -91px;
}

#header-inner{
	height:285px;
	position:relative;
	width:100%;
	background:url(images/logo-inner.jpg) no-repeat;
}
#header-inner h1{margin:0;}
#header-inner .logo {
	height:141px;
	width:489px;
	position:absolute;
	top:0px;
	left:0px;
}
#header-inner .logo a{
	display:block;
	text-indent:-9999px;
	height:100px;
	width:489px;
} 
.holder-inner{
	background:url(images/bg-content.gif) repeat-x;
	width:100%;
	overflow:hidden;
	padding: 0 38px 40px 23px;
}
.holder-inner .sidebar{ margin:20px 0 0;}
.browse {margin:0 0 60px;}
.browse ul{
	margin:0;
	padding:0;
	list-style:none;
}
.browse h3{
	margin:17px 0 11px;
	font-size:16px;
	padding:0 0 7px;
}
.browse ul li{
	background:url(images/bullet.gif) no-repeat 0 50%;
	line-height:20px;
}
.holder-inner .events{margin:15px 0 10px;}
.holder-inner .content{margin:24px 0 17px 29px;}
.holder-inner .content .events img{margin:0 0 16px;}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h2 span{
	visibility: hidden;
	font-size: 29px;
	letter-spacing:-6px;
}
.sIFR-hasFlash .browse h3 span{
	visibility: hidden;
	font-size: 16px;
	letter-spacing:-4px;
}
.sIFR-hasFlash #footer .data span{
	visibility: hidden;
	line-height: 33px;
	font-size: 30px;
	letter-spacing:-4px;
}

/* YOUTUBE VIDEOS */
ul.youtubevideos {
	list-style:none;
	width:100%;
	}
	.youtubevideos li{
	margin:10px 5px;
	width:620px;
	clear:both;
}
.youtubevideos li img{
	border:none;
	padding: 2pt;
}
.youtubevideos li .still{
	float:left;
	width: 150px;
}
.typography .youtubevideos li .info{
	float: left;
	width: 430px;
	margin:0 5px;
	font-size:150%;
}
.info h6{
	margin:2px 0;
	font-size:16px;!important
}
.typography .youtubevideos li .info{
	font-size: 100%;
}