* { margin: 0; padding: 0; text-decoration: none; font-size: 100%; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address { font-style: normal; }
th, b, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1em; background: white; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear {clear:both;height:1px;line-height:1px;}body {
	background:#000;	
	color:#9c9c9c;
}
.clear {
	height:1px;
	line-height:1px;
	clear:both;
}
#titles {
	padding:27px 0 5px;
}
#wrapper {
	clear:both;
	width:999px;
	margin:0 auto 0;
}
#content {
	clear:both;
	padding:20px 0;
}
#leftCol {
	float:left;
	border-right:1px solid #888;
	margin-right:-1px;
	width:7em;
	min-height:42em;
}
#rightCol {
	border-left:1px solid #888;	
	float:left;
	width:76em;
	text-align:center;
}
.thumb {
	display:block;
	height:42px;
	width:55px;
	margin:0 2px 0;
	background-position:50% 50%;
	border:1px solid #000;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}
#thumbs {
	margin:0 auto;
}
#thumbContainer {
	width:392px;
	height:44px;
	padding:8px 19px 0px;
	float:right;
}
#imageWrapper {
	padding-bottom:12px;
	background:url('../graphics/loader.gif') 50% 50% no-repeat;
}
#faderWrapper {
	position:relative;
	width:100%;
}
.faderPic {
	position:relative;
	top:0;
	right:0;
	left:0;
	margin:0 auto;
	display:block;
}
.faderCaption {
	position:relative;
	top:0;
	right:0;
	left:0;
	padding-top:8px;
	padding-bottom:40px;
	margin:0 auto;
	display:block;
}
.next {
    z-index: 100;
    display: block;
	background:url('../graphics/next.gif') bottom left;
	width:19px;
	height:44px;
	float:right;
	cursor:pointer;
	position:absolute;
	top:8px;
	right:0;
	cursor:pointer;
}
.next:hover {
	background:url('../graphics/next.gif') 0 -1px;
}
.prev {
    z-index: 100;
	float:left;
	cursor:pointer;
    display: block;
	background:url('../graphics/prev.gif') bottom left;
	width:19px;
	height:44px;
	position:absolute;
	top:8px;
	left:0;
	cursor:pointer;
}
.prev:hover {
	background:url('../graphics/prev.gif') 0 -1px;
}
#phototropic {
	float:right;
}
#footer {
	border-top:2px solid #919191;
	padding:10px 0 0;
	font-size:10px;
	line-height:24px;
}
#startConvo {
	position:absolute;
	top:20px;
	right:20px;
}.blogDate {
	margin-top:0;
	background:#232323;
	padding:3px 5px;
	
}
.commentBy {
	font-family:georgia;
}
.comments li {
	background:#232323;
	padding:3px 5px 0;
	
}
.comments li.author {
	background:#ECEAE6;
	color:#000;
}
.comments li.author a {
	color:#232323;
}
.blogAuthor {
	background:#232323;
	padding:3px 5px;
}
.blogAuthor strong {
	font-size:13px;
}
.rightImage {
	float:right;
	margin:0 0 1.5em 2em;
	clear:right;
}
.leftImage {
	float:left;
	margin:0 2em 1.5em 0;
	clear:left;
}
.event {
	background:#BABABA;
	color:#000;
	margin:0 -3px;
	text-align:left;
	padding:3px;
	font-size:10px;
	border-top:1px solid #000;
}
.calTable .current {
	background:#444;
}
#sidebar {
	float:left;
	width:130px;
	border-left:1px solid #919191;
	padding:0 0 0 2em;
	position:relative;
	left:-1px;
}
#blogContent {
	border-right:1px solid #919191;	
	float:left;
	clear:left;
	width:820px;
	padding-right:20px;
}
#next_month {
	width:24px;
	height:24px;
	background:url('../graphics/nextMonth.gif') top;
	float:right;
}
#next_month:active {
	background:url('../graphics/nextMonth.gif') bottom;
}
#prev_month {
	width:24px;
	height:24px;
	background:url('../graphics/prevMonth.gif') top;
	float:left;
}
#prev_month:active {
	background:url('../graphics/prevMonth.gif') bottom;
}
#blog_next_month {
	width:14px;
	height:14px;
	background:url('../graphics/nextMonthSmall.gif') top;
	float:right;
}
#blog_next_month:active {
	background:url('../graphics/nextMonthSmall.gif') bottom;
}
#blog_prev_month {
	width:14px;
	height:14px;
	background:url('../graphics/prevMonthSmall.gif') top;
	float:left;
}
#blog_prev_month:active {
	background:url('../graphics/prevMonthSmall.gif') bottom;
}
.calTable {
	width:650px;
}
.calTable,.calTableBlog {
	border-collapse:collapse;
}
.calTable th, .calTableBlog th {
	text-align:center;
	font-weight:normal;
}
.calTable td, .calTableBlog td {
	border:1px solid #919191;
	height:43px;
	background:#000;
	text-align:right;
	padding:2px 3px 0;
	width:75px;
}
.calTableBlog th {
	color:#7F7F7F;
}
.calTableBlog td  {
	height:auto;
	font-size:10px;
	color:#7F7F7F;
	padding:2px 1px;
}
.calTableBlog a {
	font-weight:bold;
}
.fade {
	color:#595959;
}
h1#calMonth {
	text-align:center;
	margin:0 auto 20px;
	font-size:20px;
	width:220px;
	float:none;
}
p#blogCalMonth {
	width:100%;
	margin-top:0;
	text-align:center;
	margin-bottom:0;
}
.calTable a {
	color:#000;
}
#cal {
	clear:both;
}

.galleryThumb {
	width:140px;
	height:140px;
	border:1px solid #919191;
	margin:-1px -1px 0px 0;
	float:left;
	position:relative;
	background:#f6ffef;
}
.galleryThumb {
    overflow: hidden;
	position: relative;
	display: table;
}
.galleryThumb a:hover img{
	border:1px solid #fff;
}
.thumbInner {
    display: table-cell;
    vertical-align: middle;
	text-align:center;
}
#form {
	width:404px;
	margin:0 auto;
}

.label {
	text-align:left;
	display:block;
	font-weight:bold;
}
.input,.textarea {
	margin:2px 2px 1.5em 0;
	display:block;
	padding:2px;
	width:400px;
	border:1px solid #919191;
	background:#252525;
	color:#fff;
}
.select {
	margin-bottom:1.5em;
}
.checkbox {
	float:left;
	margin:2px 5px 2px 0;
}
.input:focus,.textarea:focus {
	background:#000;
}
#calWrapper {
	width:650px;
	margin:0 auto;
	padding:18px 0;
}
.error {
	position:relative;
	background:#FF0C00;
}
#emailIncorrect {
	border:2px dashed #FF0C00;
	padding:0 5px;
	width:394px;
}
#success {
	clear:both;
	border:2px dashed #76FF00;
	padding:0 5px;
	width:394px;
	
}
p#status {
	border:1px solid #919191;
	padding:4px 10px;
	background:#1C1C1C;
	margin-top:0;
}
#playlist {
	float:right;
	margin-left:15px;
}
#blog_playlist, .blog_playlist {
	float:right;
}
#paginate {
	border:1px solid #B0D478;
	padding:4px 10px;
	background:#E1F7BB;
	text-align:center;
}
.hidden {
	visibility:hidden;
}
.prevLink {
	float:left;
}
.nextLink {
	float:right;
}body {
	font-size: 75%;
	font-family:"Myriad Pro","Century Gothic",Verdana;
}
html>body {
font-size: 12px;
}
p {
	line-height: 20px;
	font-size:14px;
	margin-top: 18px;
	margin-bottom: 18px;
}
h1 {
	float:right;
	font-size:28px;
	width:300px;
	line-height:28px;
	text-align:right;
	font-weight:normal;
}
h2 a,h1 a {
	color:#9c9c9c;
}

#content h1 {
	float:none;
	font-weight:normal;
	font-size:14px;
}
#titles h2 {
	font-size:28px;
	float:left;
	width:300px;
	line-height:28px;
	font-weight:normal;
}
h2 {
	font-size:28px;
	line-height:28px;
	font-weight:normal;
}
#content h2 {
	font-size:16px;
	margin:18px 0;
}
ul {
	font-size:12px;
	line-height:18px;
	list-style: disc outside;
}
.nest {
	margin-top:-18px;
}
li {
	margin:0 0 0 0;
}
a{
	color:#fff;
}
a:hover {
	color:#fff;
}
.caption {
	width:280px;
	text-align:left;
	margin:0;
	padding:8px 0 0;
	float:left;
	font-size:18px;	
}
.faderCaption {
	font-size:11px;
	line-height:13px;
}
#mainNav {
	float:right;
	padding:0px 0 0 ;
	list-style:none;
	width:540px;
	margin:0;
}
#mainNav li {
	float:right;
	font-size:18px;
	font-weight:normal;
	padding:0 0 0 20px;
}
#mainNav a, #galleries a {
	color:#9c9c9c;
}
#mainNav a:hover, #galleries a:hover {
	color:#fff;
}
#galleries {
	list-style:none;
	width:459px;
	margin:0;
	float:right;
	padding:0px 0 0;
}
#mainNav .current a,#galleries .current a {
	color:#fff;
}
#galleries li {
	float:left;
	letter-spacing:1px;
	font-size:18px;
	font-weight:normal;
	padding:0 20px 0 0;
}/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px;}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display: block;
}
#lightbox-nav-btnPrev { 
	background:url('../images/lightbox-btn-prev.gif');
	width:63px;
	height:32px;
	position:absolute;
	left:-63px;
	top:50%;
	margin-top:-16px;
	display:none;
}
#lightbox-nav-btnNext { 
	background:url('../images/lightbox-btn-next.gif');
	width:63px;
	height:32px;
	position:absolute;
	right:-63px;
	top:50%;
	margin-top:-16px;
	display:none;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 0px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	float: left; 
	text-align: left; 
	padding-bottom:20px;
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	position:absolute;
	top:-22px;
	left:0;
}
a#lightbox-secNav-btnClose { 
	background:none;
}/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}