/* Custom Styles v 2.0*/
/*	TIA Tullio Inglese Architects
    Permission to use this code is granted only on http://www.tiaarchitects.com and http://www.nacul.com
    © XHTML/CSS by Jan De Wilde
	VERSION 1.0
    
    - - - - - - - - - - - - - - - - - - - - - - - - -
	
	CONTENTS 
    
    	0. Framework extension
	
	   	1.Body
	   	2.Default styling
	   	3.Headings
	   	4.Links
	   	5.Images
	   	6.Layout
	   	7.Branding/Masthead
	   	8.Navigation
		9.Footer
		10.Global elements
			10.1 Captioned image
			10.2 Elevation 
            10.3 #admin (rvm_if_priviledged)
            10.4 .edit (rvm_if_priviledged)
		11.Homepage
			11.1 Slideshow
   			11.2 Updates
            11.3 Aside
            11.4 .category-tree / .nacul-nav
        12. Principles    
	   
	- - - - - - - - - - - - - - - - - - - - - - - - - 
    
    COLOURS 
    
		TIA red #FF4040
        Nacul green #00B370
        
	- - - - - - - - - - - - - - - - - - - - - - - - - 

	
*/
/* 0. Framework extension 
- - - - - - - - - - - - - - - - - - - - - - - - - */
/* move up */
.up-1, .up-2, .up-3, .up-4, .up-5, .up-6, .up-7, .up-8, .up-9, .up-10, .down-1, .down-2, .down-3, .down-4, .down-5, .down-6, .down-7, .down-8, .down-9, .down-10 { position: relative; }

.up-1 { top: -1em }

.up-2 { top: -2em }

.up-3 { top: -3em }

.up-4 { top: -4em }

.up-5 { top: -5em }

.up-6 { top: -6em }

.up-7 { top: -7em }

.up-8 { top: -8em }

.up-9 { top: -9em }

.up-10 { top: -10em }

.down-1 { top: 1em }

.down-2 { top: 2em }

.down-3 { top: 3em }

.down-4 { top: 4em }

.down-5 { top: 5em }

.down-6 { top: 6em }

.down-7 { top: 7em }

.down-8 { top: 8em }

.down-9 { top: 9em }

.down-10 { top: 10em }

.pull-2 { margin-right: 20px; }

.gutter-right {margin-left:20px;}



/* 1. Body 
- - - - - - - - - - - - - - - - - - - - - - - - - */
body {
	font: 15px/1.25 Georgia, Serif;
  background: url(../images/site/cubes.png);
  /*background:#F6F6F6;*/
  color:#444; /* the H&FJ way */
} 

ul#nav-access {
	left: -9999px;
	position: absolute;
	top: -9999px; }
   
#wrapper {
 -moz-border-radius:0 0 15px 15px;
 -webkit-border-radius:0 0 15px 15px;
 border-radius: 0 0 15px 15px;
 -moz-box-shadow:0 0 8px #CCCCCC;
 -webkit-box-shadow: 0 0 8px #CCCCCC;
 box-shadow: 0 0 8px #CCCCCC;
 background:#FFF;
 width:1030px;
 margin: 0 auto 20px;
 padding-bottom:80px;
 }

  

/* accessibility links */
/* 2. Default styling
- - - - - - - - - - - - - - - - - - - - - - - - - */
p { line-height: 1.4; }

ul+p { margin-top: 1.7142857142857142em; }

blockquote {
	background: url(../images/site/blockquote-quote.png) no-repeat 0 0;
	font-size: 18px;
	padding-left: 30px;
 	margin: 20px 20px 20px 0;
 }

	blockquote cite:before { content: "– "; }

	blockquote cite {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 13px;
		font-size: 13px;
		font-style: normal;
		font-weight: bold;
		letter-spacing: 0.2em;
		text-transform: uppercase; }

	blockquote span {
		font-size: 13px;
		font-style: normal; }

		blockquote span.title { font-style: italic; }

.article-body blockquote p { width: 100%; margin:0; }

.long-quote {
background:none;
border-left:2px solid #EEE;
font-size:15px;
padding-left:1em;
}

.long-quote * {
 border:0;
 padding-left:0;
}


ol,ul {
	list-style-position: inside;
	margin: 0;
 }
 
.line-up {list-style-position:outside; margin-left:1em;}

ol li ,ul li { padding: .35em 0; }

/* tables */
table { margin: 1em 0; }

tr:nth-child(2n) { background: #F5F5F5; }

tr:nth-child(2n+1) { background: #FFF; }

caption {
	background: transparent;
	border-bottom: 1px solid #CCC;
	font-family: Georgia, "Times New Roman", Times, serif; /* palatino kerning sucks  */
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .2em;
	text-transform: uppercase; }
  
  
abbr, acronym {
 padding-bottom:1px;
}

/* 3. headings
- - - - - - - - - - - - - - - - - - - - - - - - - */
#main-header {
	-moz-box-shadow: 0 1px 3px #AAA;
	-webkit-box-shadow: 0 1px 3px #AAA;
	background: #FF4040; /* ::TODO:: nacul #00B370 */
	background: url(../images/site/main-header-background.png);
	margin: 0 auto 40px;
	padding: 0 5px;
	width: 1020px; }

	#main-header.nacul { background: url(../images/site/nacul-main-header-background-2.png); }

	#main-header h1 {
		padding: 21px 66px;
		text-shadow: 1px 1px 1px #666; }

h1 {
	color: #FFF;
	font-size: 2.1875em;
	line-height: normal;
	margin-bottom: 0;
	padding: 21px; }

h2 { font-size: 1.25em; }

h3 { font-size: 1.3em; }

h3 img {vertical-align:middle;} /* icons on large calendar */

h4 { font-size: 1.2em; }

h5 { font-size: 1em; }

h6 { font-size: 1em; }

/* 4. Links
- - - - - - - - - - - - - - - - - - - - - - - - - */
a {border-bottom:1px solid; padding-bottom:1px; text-decoration:none; color:#444;}

	a:link {  }

	a:visited {  }

	a:hover, a:focus {  }

	a:active {  }
  
a.image {border-bottom:0} /*remove border from linked images (e.g. project category pages) */

/* 6.Layout
- - - - - - - - - - - - - - - - - - - - - - - - - */
.container { /* margin: 0 0 0 100px;*/}

/* 7. Branding / Masthead
- - - - - - - - - - - - - - - - - - - - - - - - - */
#header-logo a {
	background: url(../images/site/main-header.png) no-repeat 0 0;
  border-bottom:0;
	display: block;
	height: 48px;
	overflow: hidden;
	text-indent: -9999em;
	width: 250px; }

	#header-logo a:hover, #header-logo a:focus { background: url(../images/site/main-header.png) no-repeat 0 center; }

	#header-logo a:active { background: url(../images/site/main-header.png) no-repeat 0 bottom; }

#header { height: 110px; }

	#header > * { margin-top: 20px }

/* 8. Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - */
#nav {
	background: url(../images/site/nav-borders.png) no-repeat 96% 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	height: 45px;
	margin-left: 0; }

	#nav li {
		float: left;
		line-height: 1.5;
		list-style-type: none;
		margin-right: 20px;
		padding: 0 0 4px 0;
		text-align: left;
		text-transform: capitalize;
		width: 80px; }

		#nav li.last { margin-right: 0; }

		#nav li a { text-decoration: none; border-bottom:0; }

		#nav li.active a {
			color: #000; /* color:#ff4040; */
			font-weight: bold;
			margin-left: -.6em; }

			#nav li.active a:before { content: ">"; }

/* 8.5 Content 
- - - - - - - - - - - - - - - - - - - - - - - - - */

/* 9. footer
- - - - - - - - - - - - - - - - - - - - - - - - - */
#footer {
	color: #666;
	font-size: 14px; /*margin-top:30px;*/
	margin-top: 60px;
	margin: 0 auto;
	padding-bottom: 20px; /*border-top:1px solid #ccc; */
	width: 1060px;
 }

	#footer a { color: #666; }

		#footer a:hover { color: #FF4040; }

		#footer a:active { color: #0CC; }

#footer-logo, #whereabouts, #search {
	height: 120px;
	line-height: 1.5;
	margin-right: 19px; /*border-left:1px solid #d7d7d7;*/ /* 20px column - 1px border-left */
	padding: 20px 0 30px; }

/*#whereabouts > div, #whereabouts > p, #search p { padding-left:20px; } /* universal style child selector faked in IE6 stylesheet */
#footer-logo {
	border: 0;
	padding-top: 20px; }

	#footer-logo a {
		background: url(../images/site/footer-logo.png) no-repeat 0 0;
    border-bottom:0;
		display: block;
		height: 48px;
		overflow: hidden;
		text-indent: -9999em;
		width: 255px; }

	#footer-logo div.org { text-indent: -9999em; }

	#footer-logo a:hover, #footer-logo a:focus { background-position: 0 bottom; }

#search { margin-right: -1px; }

	#search fieldset {
		border: 0;
		margin: 0;
		padding: 0; }

	#search p { margin: 0; }

#global-search-input {
	border-right-width: 0;
	border: 1px solid #CCC;
	font-size: 15px; /*margin-left:20px;*/
	height: 23px;
	vertical-align: middle;
	width: 220px; }

#search input[type="text"]:focus { background: #FFA; }

#global-search-submit {
	font-size: 20px;
	margin: 0 0 0 -4px;
	padding: 0;
	vertical-align: middle; }

/* 10. Global Elements
- - - - - - - - - - - - - - - - - - - - - - - - - */
div.notice p {
	margin: 0;
	padding: 10px; /*weird things happens without this padding: first line of text centers in FF3.6*/ }

.breadcrumbs {
	color: #999;
	font-size: 11px; }

/* 10.1 Captioned Image
- - - - - - - - - - - - - - - - - - - - - - - - - */
/* captioned image */
/* ::TODO:: img.captioned + p would be a better selector */
.captioned p {
	font-size: 12px;
	font-style: italic;
	margin-bottom: 20px; }

	.captioned p.right { text-align: right; }

	.captioned p.left { text-align: left; }

/* 10.2 Special classes
- - - - - - - - - - - - - - - - - - - - - - - - - */
.deck {
	font-size: 19px;
	line-height: 140%; }

div.left {
	float: left;
	margin-right: 20px; }

div.right {
	float: right;
	margin-left: 20px; }

/*.caps { font-variant: small-caps; letter-spacing:0.05em; text-transform: lowercase; }*/

.button {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #00BF78;
	color: #FFF;
	display: block;
	padding: 5px; }

/* 10.3 #admin (rvm_if_priviledged) 
- - - - - - - - - - - - - - - - - - - - - - - - - */
#admin {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #000;
	color: white;
	font-size: 11px;
	line-height: 16px;
	opacity: 0.7;
	padding: 3px 7px;
	position: fixed;
	right: 30px;
	top: 40px;
	z-index: 100; }

	#admin p { margin: .5em; }

	#admin a { color: #fff; }

/* 10.4 .edit (rvm_if_priviledged) 
- - - - - - - - - - - - - - - - - - - - - - - - - */
a.edit {
	-moz-border-radius: 2px;
	background: #CCC;
	border-radius: 2px;
	color: white;
	display: inline;
	float: right;
	font-family: verdana;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;
	line-height: 1;
	margin: 7px 19px 1px;
	padding: .1em .4em .3em;
 }

#TIA-nacul #content {position:relative; margin-bottom: 20px;}

#TIA-nacul a.edit {margin-top: -20px;z-index:2;position:absolute;right:0;}

/* 11. Homepage
- - - - - - - - - - - - - - - - - - - - - - - - - */
#TIA-default .image-slider-nav + h1 {
	color: #000;
	font-size: 40px;
	margin-bottom: 0px;
	margin-top: 20px;
	padding: 15px 0 10px 0;
	text-align: left; }

#TIA-default h3 { margin-bottom: 5px; }

/* 11.1 Slideshow
- - - - - - - - - - - - - - - - - - - - - - - - - */
/* image slider */
.image-slider {
	-moz-box-shadow: #999 0px 2px 5px;
	-webkit-box-shadow: #999 0px 2px 5px;
	cursor: pointer;
	height: 616px;
	list-style-type: none;
	margin: 0 0 40px !important;
	overflow: hidden;
	position: relative;
	width: 880px; }

	.image-slider.nojs {
		overflow: scroll;
		width: 900px; }

	/*.image-slider h1 { z-index:3; float:right; padding: 21px 0; }
.image-slider #main-header { width:100%; background:#FF4040; background:rgba(255, 0, 0, .75); position: absolute; z-index:2;}*/
.image-slider li {
		padding: 0;
		/*position: relative;*/ }

	/* this lets captions overlap the right list-item when js is disabled in browser */
.image-slider p {
		background: #FFF;
		background: rgba(255, 255, 255, .87);
		color: #000;
		font-family: Helvetica,Arial,sans-serif;
		font-size: 18px;
		padding: 20px;
		position: absolute;
		bottom: -18px;
  	left: 10px;
		width: 340px; }

		.image-slider p a { color: rgb(0, 167, 105); }

	.image-slider img { z-index: 1; }

/* image-slider-nav */
.image-slider-nav {
	display: none;
	height: 41px;
	position: absolute;
	position: absolute;
	top: 110px;
	width: 880px;
	z-index: 10; }

/* image-slider-control */
.image-slider-control {
	background: url(../images/site/image-slider-sprites_trans.png) 0px top;
	cursor: pointer;
	display: block;
	float: left;
	height: 41px;
	text-indent: -9999em;
	width: 117px; }

	.image-slider-control p {
		height: 100%;
		margin: 0; }

	.image-slider-control.paused { background-position: 0 center; }

.image-slider-nav-slides {
	display: inline;
	float: right;
 	background: #000;
	background: rgba(0, 0, 0, .8);
  border-radius: 0 0 0 15px;
  -moz-border-radius: 0 0 0 15px;
  -webkit-border-radius: 0 0 0 15px;
	padding: 0 22px; /* IE double float*/ }

	.image-slider-nav-slides a {
		display: block;
		float: left;
		height: 41px;
		overflow: hidden; /* will restrict focus, so that it doesn't go back -9999em*/
		text-indent: -9999em;
		width: 33px;
    border:1px solid #000; /* so that :focus doesn't strech the box */
    border:1px solid rgba(0,0,0,0); /* rgba for fancier browsers */
  
  }

		/* Numbered slider navigation image sprites */
.image-slider-nav-slides a:focus {
			border: 1px dotted #FFF; /*border-color:#FFF;color:#FFF;*/
			margin-top: -1px; }

#slide-nav-1 { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -552px top; }

#slide-nav-2 { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -585px top; }

#slide-nav-3 { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -618px top; }

#slide-nav-4 { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -651px top; }

#slide-nav-5 { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -684px top; }

#slide-nav-6 { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -717px top; }

#slide-nav-7 { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -750px top; }

#slide-nav-8 { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -783px top; }

#slide-nav-9 { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -816px top; }

#slide-nav-1.activeSlide { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -552px center; }

#slide-nav-2.activeSlide { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -585px center; }

#slide-nav-3.activeSlide { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -618px center; }

#slide-nav-4.activeSlide { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -651px center; }

#slide-nav-5.activeSlide { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -684px center; }

#slide-nav-6.activeSlide { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -717px center; }

#slide-nav-7.activeSlide { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -750px center; }

#slide-nav-8.activeSlide { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -783px center; }

#slide-nav-9.activeSlide { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -816px center; }

#slide-nav-1:hover, #slide-nav-1:focus { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -552px bottom; }

#slide-nav-2:hover, #slide-nav-2:focus { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -585px bottom; }

#slide-nav-3:hover, #slide-nav-3:focus { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -618px bottom; }

#slide-nav-4:hover, #slide-nav-4:focus { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -651px bottom; }

#slide-nav-5:hover, #slide-nav-5:focus { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -684px bottom; }

#slide-nav-6:hover, #slide-nav-6:focus { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -717px bottom; }

#slide-nav-7:hover, #slide-nav-7:focus { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -750px bottom; }

#slide-nav-8:hover, #slide-nav-8:focus { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -783px bottom; }

#slide-nav-9:hover, #slide-nav-9:focus { background: url(../images/site/image-slider-sprites_trans.png) no-repeat -81px bottom; }

/* Individual Slide styles */
/* slide 1 */
/*#slide-1 #main-header { top:488px; display:none;}
#slide-1 h1 { margin-right:80px; text-indent:-9999em; background:url(../images/home-slideshow1-h1.png) no-repeat 30% 50%; height:56px; width:438px; }*/
#slide-1 p {  }

	#slide-1 p a {  }

/* slide 2 */
#slide-2 p {  }

	#slide-2 p a {  }

/* slide 3 */
#slide-3 p {  }

	#slide-3 p a {  }

/* 11.2 Updates
- - - - - - - - - - - - - - - - - - - - - - - - - */
#updates h2, .section-title {
	color: #FF4040;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .1em;
	margin-top: 0;
	padding: 1em 0 .25em;
	text-transform: uppercase; }

#updates h3 {
	font-size: 150%;
	margin-top: .5em;
	text-transform: capitalize; }

	#updates h3 a { text-decoration: none; border-bottom:0; }

		#updates h3 a:hover, #updates h3 a:active, #updates h3 a:focus { border-bottom: 1px solid; }

/* #updates p {}*/
#updates ul {
	list-style-type: none;
	margin: 0;
	padding: 0; }

#updates li { padding: .5em 0; }

	#updates li:first-child { border: none; }

.published {
	color: #999;
	font-size: 10px;
	letter-spacing: .1em;
	margin: .5em 0 0;
	text-transform: uppercase; }

	.published a { color: #FF4040; }

.date {
	color: #000;
	font-style: italic }

/* 11.3 Aside ::TODO:: currently not in use
- - - - - - - - - - - - - - - - - - - - - - - - - */
.aside {
	background: #FF4040;
	padding-bottom: 2em; }

	.aside h2 {
		background: #555;
		color: #FFF;
		font-size: 12px;
		letter-spacing: .1em;
		margin: 0;
		padding: 1em;
		text-transform: uppercase; }

	/*::TODO:: should some of these and #updates h2 be generalized? */
.aside h3 { margin: 1em; }

		.aside h3 a { color: #FFF; }

	.aside * { margin: 0 1.5em; }

		.aside * * { margin: 0; }

	.aside p { margin-right: 2em; }

/* 11.4 .category-tree, .nacul-nav
- - - - - - - - - - - - - - - - - - - - - - - - - */
.category-tree, .nacul-nav {
	background: #FAFAFA; /*padding: .25em .5em*/
	margin: 0 20px 20px 0; }

.category-tree li, .nacul-nav li {
	border-top: 1px solid #E5E5E5;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	list-style-type: none;
	padding: .75em 0 .5em 0;
	text-transform: uppercase; }
  
.category-tree li:hover, .nacul-nav li:hover { 
	background:#F4F4F4;
}

.category-tree li:first-child, .nacul-nav li:first-child { border-top: 0; }

.category-tree a, .nacul-nav li a {
	background: url(/images/site/side_nav_angle_bracket.png) no-repeat scroll 95% 0%;
	color: #999;
	display: block;
	font-weight: bold;
	height: 20px;
	padding: 0 1.5em;
	text-decoration: none;
  border-bottom:0;
	vertical-align: middle; }

.category-tree a:hover, .nacul-nav li a:hover {
	background-position: 95% 50%;
	color: #000; }

.category-tree a:active, .nacul-nav li a:active {
	background-position: 95% 100%;
	color: #FF4040; }
	
.category-tree li.active {
	background:#555; 
}	

.category-tree li.active a {color:#FFF;}

/* 12. Principles
- - - - - - - - - - - - - - - - - - - - - - - - - */
/* 12.1 Collapsable list 
- - - - - - - - - - - - - - - - - - - - - - - - - */
.collapse-list blockquote p {
	color: #777;
	font-size: 18px;
	font-style: italic;
	padding: 0;
	width: 400px; }

.collapse-list {
	list-style-type: none;
	margin-left: 0; }

	.collapse-list li {
		border-top: 1px dotted #CCC;
		padding: 10px 0px 10px 0px; /* image is 26px * 26px */ }

		.collapse-list li:first-child { border-top: 0; }

		.collapse-list li p { margin-right: 100px; }

		/*.collapse-list li > *:not(img) { margin-right:100px; } /* not in IE6 */
.collapse-list li h2 {
			margin: 0;
			padding: 0; /*text-indent:41px; */ /* better than padding, keeps plus sign clickable */ }

			.collapse-list li h2 a {
				color: #000;
				text-decoration: none;
        border-bottom: 0;
       }

				.collapse-list li h2 a:hover {
					color: #00CCCC;
					cursor: pointer;
					display: block; }

			.collapse-list li h2.hover {
				color: #00CCCC;
				cursor: pointer;
				display: block; }

			.collapse-list li h2.expanded { background: url(../images/site/collapse-list-minus.png) no-repeat 5px 50% !important; /*overrule inline jquery styles*/ }
     

/* 13 Article
- - - - - - - - - - - - - - - - - - - - - - - - - */
#TIA-article .deck {  }

.note {
	clear: both;
	display: inline; /*double float bug IE6*/
	float: right;
	font-size: 10px;
	line-height: 1.3em;
	margin-left: -100px;
	margin-left: 20px;
	position: relative;
	text-align: left;
	width: 80px; }

.deck:first-letter {
	color: #555;
	float: left;
	font-size: 60px;
	font-weight: bold;
	line-height: 62%;
	margin: 11px 4px 0 0;
	padding: 0; }

/* MULTI COLUMNS */
div.three-col {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px; }

/* Should I go more minimal ? */
/*body {background:none; padding-top:10px; border-top:5px solid #000;}
#footer{width:100%; background: #000; margin-top:40px;}
#loading {position:relative;}
.image-slider-nav {top:700px;}*/
/* gallery */
#gallery-wrapper {
	/*height: 430px;*/ /*360px + 70px generated thumbs*/
	margin-bottom: 20px;
	width: 480px; }

	#gallery-wrapper + p.deck { margin-top: 20px; }

	#gallery-wrapper.nojs {
		height: 380px;
		overflow: scroll;
		width: 500px; }

	#gallery-wrapper p { margin: 0 }

	#gallery-wrapper li { list-style: none }

; 
#gallery-nav { width: 480px; }

#gallery-nav  li {
	float: left;
	margin: 10px 20px 0 0px;
	padding: 0;
	width: 80px; }

	#gallery-nav  li.lastchild { margin-right: 0; }

#gallery-nav  a {
	display: block;
	width: 80px;
  border-bottom:0;
 }

	#gallery-nav  a.activeSlide { background: #88f }

	#gallery-nav  a:focus { outline: 2px solid #0CC; }

#gallery-nav  img { border: none; display: block }

.article-body p, .article-body ul, .article-body ol {width:680px;}
 
 #gallery p {width:480px;} /* jquery cycle takes the width from this */
 
/* vevent - hcalendar */
.vcalendar {
	overflow: visible;
	padding-bottom: 30px; }

.dtstart {
	font-size: 18px;
 	margin-top:20px;
	overflow: visible;
	white-space: nowrap; }

.dtend { font-size: 11px; }

.vevent h3 {
	font-size: 12px;
	letter-spacing: 1px;
  line-height: 1.5;
	text-decoration: none; /*margin-top:30px;*/
	text-transform: uppercase; }

.dtstart, .dtend {
	border: 0;
	color: #999;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	margin-bottom: 5px; }

.dtstart strong, .dtend strong {
	color: #000;
	font-weight: normal; }

 /*.event-image { margin-bottom: 20px; } */

.vevent {
	border-top: 1px solid #CCC;
	margin-top: 20px;
	padding: 20px 0; }

	.vevent:first-child {
		border-top: 0;
		padding-top: 0; }
    
  .vevent .captioned p {margin-bottom:0} /* gets added to .event-image already */
  

/* google calendar link */
.gcal, .ical, .button {
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	background: #FF4040;
	border-radius: 5px; /* Opera 10.5, IE 9 */
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right: 10px;
	margin: 10px 0 0 5px;
	padding: 5px 10px;
	text-decoration: none;
  border-bottom:0;
  display:block; /* IE */
  display:inline-block; /*others*/
 }

/* ampersand */
span.amp {
	font-family: Baskerville, Palatino, "Book Antiqua", serif;
	font-style: italic; }

/*sidebar item*/
.sidebar-item {
	;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding-right: 20px; }


.newspaper {
border-bottom:1px solid black;
border-top:3px solid black;
margin-bottom:20px !important;
padding:10px 0;
} 

.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
  
  

.right { float: right; }

.left { float: left; }

/* search page */
#TIA-search h3 { margin-bottom: 0; }

/* fonttest (typekit?) */
#fonttest { display: none; }

/* #sitemap */
#sitemap { 
	font-size:11px; 
  overflow: auto;
  background-color: #FFFFFF;
  background-image: -moz-linear-gradient(top, #FFFFFF, #EEE); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #EEE)); /* Saf4+, Chrome */
  width:955px;
  margin-bottom:-80px;
	-moz-border-radius:0 0 15px 15px;
  -webkit-border-radius:0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  position:relative;
  left:-75px;
  padding: 0 0 50px 75px;

}

	#sitemap ul { list-style: none; }

	#sitemap li { font-family: Verdana, Geneva, sans-serif; line-height:1.4; }

	#sitemap h2 { display: none; }

	#sitemap h3 {
		font-weight: bold;
		margin: 15px 0 0; }

/* .prev-next */
.prev-next { margin: 10px 0; }


/* events */
.description {margin-top:20px;}

#TIA-projects h2 {margin-bottom:0;}

/* #large-cal */

#large-cal {font:11px Verdana, Geneva, sans-serif; line-height:1.3; border-collapse: collapse; margin: 0 0 40px;}
#large-cal tr:nth-child(2n) {background:none;}
#large-cal td {height:100px; width:125px; overflow:hidden; border:1px solid #EEE; vertical-align: top;}
#large-cal th {background:#FFF;}
#large-cal h4 {margin:0;padding:3px 5px;}

/*
.smd_cal_event, .smd_cal_today {-moz-border-radius: 12px; 
-webkit-border-radius: 12px; 
border-radius: 12px;
}
*/
.smd_cal_event {background:#FFFFDE;}

.smd_cal_event a {color: #FF4040;}
.smd_cal_event h4 {color: #FF4040;}


.smd_cal_today {background:#F6F6F6;}


#large-cal .smd_cal_navrow {font-size:20px; font-family:Arial, Helvetica, sans-serif;}
#smd_cal_large-cal-nav {text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
.smd_cal_navnext {float:right;} /*::TODO:: i'd rather see the prev/next controls together rather than on opposite ends */
.smd_cal_navprev {}

.smd_cal_navrow {
height:80px;
}

/* .smd_cal_multifirst a, .smd_cal_multi a, .smd_cal_multilast a, .smd_cal_multifirst h4, .smd_cal_multi h4, .smd_cal_multilast h4 {color:#01CA8D;} */

.smd_cal_event span {
display:block;
margin-bottom:5px;
}


#TIA-projects .category_list {
font-size:20px;
list-style:none outside none;
}

.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    background-color:#dedede;
    padding:5px;
    border:1px solid #fff;
    width:250px;
}

.tooltip p{
    margin:0;
    padding:0;
    color:#444;
    background-color:#EEE;
    padding:2px 7px;
}

.nacul-article-list {list-style:none;}
.nacul-article-list li {margin:5px 0 0; border-top: 1px dotted #999; padding-top:10px;}
.nacul-article-list li:first-child {border:0; margin-top:0; padding-top:0;}

/* small calendar */
#small-cal th, #small-cal tr td {text-align: center;}
.smd_cal_navrow {height:auto;}
#small-cal tr:nth-child(2n) {background:none;}
#small-cal .smd_cal_event {background:#FFFFE6;}

/* nacul */

#content ul, ol {margin-bottom:20px;}
.paypal {margin-bottom:20px;}

#TIA-nacul .readmore {float:right; line-height:1.3}

small, .microcopy {font: 9px/1.3 Verdana, Geneva, sans-serif;}

.donate-panel {width:260px; height:356px; background:url(/images/site/donate-panel.jpg) no-repeat scroll 0 0; position: relative; margin: 20px 0;}
.donate-panel p {color:#555; font-family:Georgia, "Times New Roman", Times, serif; font-size: 15px; padding: 15px; top:70px; position:absolute; width:230px;}
.donate-panel input{margin:0 auto;position:absolute;
  bottom: 50px;
  left:80px;}

.donate-panel input, .donate {
  background-color: #9F163D;
  background-image: -moz-linear-gradient(top, #CD2054, #9F163D); 
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #CD2054),color-stop(1, #9F163D)); 
  border:0 none;
	display:block;
	padding:10px 15px;
  color:#FFF;
  font: bold 18px Arial, Helvetica, sans-serif;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  vertical-align:middle;
}



.no-bullet {list-style:none; margin-left:0;}


.donate-panel input:hover, .donate:hover {color: #FF4040; cursor: pointer;}


/* support nacul */

#support-wrapper {border-bottom: 1px solid #DDD;background:url("/images/site/nacul-support-church.png") no-repeat scroll 0 0;margin:20px 0; padding-top:25px;}
#support {margin-top:34px; background:#F9F9F9;}
#support h2 {height:24px; width:262px; text-indent:-9999em; background: url(/images/site/nacul-support.png) no-repeat scroll 0 0; left:-37px;
position:relative; margin-bottom:12px;}
#support p {font: 15px/1.3 Georgia, "Times New Roman", Times, serif; color:#535353;} 
#support .donate {margin-top:40px;}
.event-listing h3 { text-transform: capitalize; margin-bottom: -10px; font-size:19px; letter-spacing: 0; line-height:1.2;}
.event-listing h3 a {border-bottom:0;}
.event-listing h3 a:hover {border-bottom:1px solid;}
.event-listing .dtstart {font-size:12px; margin-top:25px;}
.nacul-calendar-view {width:260px; height:69px; background:url(/images/site/nacul-calendar-view.png) no-repeat scroll 0 0;}
.nacul-calendar-view a {
border:0 none;
color:#92C0DE;
display:block;
font-weight:bold;
height:42px;
padding:27px 0 0 37%;
}

/* projects ul ul */

#TIA-projects ul ul {
margin:6px 0 0 6px;
}