/* --------- /stylesheets/reset.css --------- */ 
/* -------------------------------------------------------------- 
  
   Boilerplate reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }
/* --------- /stylesheets/themes/sj09/typography.css --------- */ 
/* -------------------------------------------------------------- 
   
   Boilerplate typography.css
   * Sets up some sensible default typography.
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%; color:#353a42; }


/* Default fonts and colors. */
body { font-family: Helvetica, Arial, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.25em; }
h2 { font-size: 2em; line-height: 1.125em; margin-bottom: 0.375em; }
h3 { font-size: 1.5em; line-height: 1em; margin-bottom: .5em; }
h4 { color:#84A3A3; font-size:1.5em; margin-bottom:.5em; border-top:1px solid; padding-top:.5em; line-height:1.3em; }
h5 { color:#abd9ce; font-size:1.166em; margin-bottom:.857em; padding-top:.857em; }
h6 { color:#89AF4C; font-weight:bold; line-height:1.7em;}


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a {color:#e40853; text-decoration:none; border-bottom:1px dotted #e40853;}
a:link, a:visited {}
a:hover, a:active {background-color:#ffecf2; color:#980537;}

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #FFF; }
.highlight { background: #ffc; }



/* GLOBAL CLASSES
================================================ */
a.bullet {padding-left:20px; background:url(/images/icons/bullet.gif) no-repeat left center;}
/* --------- /stylesheets/themes/sj09/layout.css --------- */ 
/* CONTAINERS
-------------------------------------------------------------- */
#Wrap {width:1122px; margin:0 auto; padding-top:110px; background:url(/images/backgrounds/shell.jpg) no-repeat 50% top;}
#Content {width:859px; padding:30px; margin-left:80px; min-height:647px; background:#9ed4ba url(/images/backgrounds/inside.jpg) no-repeat 0 top;}



/* MASTHEAD
-------------------------------------------------------------- */
#Masthead img {display:block;}
#Masthead div {margin-bottom:10px;}



/* CONTENT AREA
-------------------------------------------------------------- */
#Sidebar {width:236px; padding:15px; float:left; background:url(/images/backgrounds/shade2.png) repeat; color:#FFF;}
#Sidebar a:link, #Sidebar a:visited {color:#bbf4ef; border-bottom:1px dotted #bbf4ef;}
#Sidebar a:hover, #Sidebar a:active {color:#400116; background-color:inherit; border-bottom:1px dotted #400116;}

#Main {margin-left:296px; padding:15px; background:url(/images/backgrounds/shade.png) repeat;}
#Column1, #Column2 {margin-left:30px; width:236px; padding:15px; float:left; background:url(/images/backgrounds/shade.png) repeat;}



/* FOOTER
-------------------------------------------------------------- */
#Footer {font-family:Georgia, serif;width:919px; margin:0 80px; height:75px; background:#9ed4ba url(/images/backgrounds/hill.gif) no-repeat 50% bottom; padding-bottom:70px;}
#FooterNav {padding-top:20px;}
#FooterNav ul {margin:0 30px; padding:10px; background:url(/images/backgrounds/shade.png) repeat; text-align:center;}
#FooterNav li {display:inline; padding:0 1em;}
#FooterNav a {color:#353a42;}/* --------- /stylesheets/themes/sj09/nav.css --------- */ 
#Nav .tabs a
{
display:block;
margin:1px;
border:0;
background-color: #f5faf8;
color: #180d12;
padding: .4em 1em;
font-weight:bold;
font-size:1.1em;
}


#Nav, #Footer {
  text-transform: uppercase;
}/* --------- /stylesheets/themes/default/blog.css --------- */ 
/* ENTRY LIST
-------------------------------------------------------------- */
ul.blog_list {list-style:none; margin-left:0;}
ul.blog_list li {margin-bottom:2em;}
.blog_list .title {font-size:1.5em; font-weight:bold; display:block;}
.blog_list .date {color:#333;}
.blog_list .author {font-weight:bold; color:#777; margin-left:1em;}
.blog_list .content {display:block; margin:1em 0;}
.blog_list .comments {font-size:.8em; text-transform:uppercase; color:#999; margin-left:1em;}



/* SINGLE ENTRY
-------------------------------------------------------------- */
div.blog_entry {}
.blog_entry .date {color:#333;}
.blog_entry .author {font-weight:bold; color:#777; margin-left:1em;}
.blog_entry .comments {font-size:.8em; text-transform:uppercase; color:#333; margin-left:1em;}
.blog_entry .content {display:block; margin:2em 0 4em;}




/* COMMENT LIST
-------------------------------------------------------------- */
div.blog_comments {}
.blog_comments .comment_count {background-color:#EEE; padding:.5em;}
.blog_comments ul.comment_list {list-style:none; margin-left:0;}
.blog_comments ul.comment_list li {margin:1em 0; border-bottom:2px solid #EEE;}
.blog_comments .closed {color:#999;}
.blog_comments .comment_head {color:#777;}
.blog_comments .comment_body {}
.blog_comments textarea {height:10em; width:340px;}
.blog_comments input[type="text"] {width:340px;}
.blog_comments input[type="submit"] {margin-left:10em;}


/* COMMENT FORM
-------------------------------------------------------------- */


/* RSS LINKS
-------------------------------------------------------------- */
#rss_link {background:url(/images/layout/rss.gif) no-repeat left center; padding-left:20px;}
/* --------- /stylesheets/themes/default/events.css --------- */ 
/* EVENT LIST
================================================*/
ul.eventList, ul.eventList ul {list-style-type:none; margin:0;}
ul.eventList abbr {border:0;}
ul.eventList img {float:left; margin:0 20px 10px 0;}
ul.eventList > li {overflow:hidden; margin-bottom:2em;}
ul.eventList h3 {margin-top:0;}/* --------- /stylesheets/themes/default/galleries.css --------- */ 

/* Gallery Lists
-------------------------------------------------------------- */
/* layout */
ul.gallery_list {margin:2em 0 0; overflow:hidden; margin-bottom:30px;}
ul.gallery_list img {float:left;}
ul.gallery_list li {margin-bottom:2em;}
ul.gallery_list .gallery_info {margin-left:95px;}
/* typography */
ul.gallery_list {list-style:none;}
ul.gallery_list h2 {margin:0;}



/* Gallery Display
-------------------------------------------------------------- */
/* layout */
ul.gallery_display {margin:2em 0 0; overflow:hidden;}
ul.gallery_display li {float:left; margin:0 20px 20px 0;}
/* typography */
ul.gallery_display {list-style:none;}/* --------- /stylesheets/helpers/forms.css --------- */ 
/* SIMPLE FORM
-------------------------------------------------------------- */
/* layout */
ul.simpleForm {margin:0; padding:0; }
ul.simpleForm fieldset, ul.simpleForm li {margin:0; padding:0;}
ul.simpleForm fieldset {}
ul.simpleForm li {overflow:hidden; padding:10px 1px; border-top:4px solid #EEF0F1; }
ul.simpleForm > li > label {display:block; width:120px; float:left; margin-right:30px;}
ul.simpleForm label.fullWidth {width:auto; float:none; margin:0 0 6px;}
ul.simpleForm fieldset {border:0;}

ul.simpleForm fieldset li {clear:none; overflow:hidden; float:left; padding:0 0 1em 0; margin: 0 2em 0 0; border:0; height:3em;}
ul.simpleForm fieldset li.checkbox {height:auto;}
ul.simpleForm fieldset label {display:inline; float:none; margin:0;}
ul.simpleForm fieldset ul {margin-left:0; overflow:hidden; margin-bottom:0;}
ul.simpleForm li.new_row {clear:left; width:100%;}
ul.simpleForm button {display:inline;}
/* typography */
ul.simpleForm {list-style-type:none;}
ul.simpleForm fieldset li {list-style-type:none;}
ul.simpleForm fieldset label {font-weight:normal; color:#777; font-size:.85em;}

.simpleForm #progress {padding-left:150px;}

.simpleForm input.full {width:96%;}
.simpleForm input.long {width:30em;}
.simpleForm input.medium {width:15em;}
.simpleForm input.short {width:10em;}
.simpleForm input.tiny {width:3em;}
.simpleForm textarea.full {width:96%; height:10em;}
.simpleForm textarea.standard {width:30em; height:6em;}
/* typography */
.simpleForm label {font-size:.857em; font-weight:bold; color:#444;}


.simpleForm li.submit {padding-left:150px;}

fieldset.quick_form {border:1px solid #CCC; padding:10px; margin-bottom:2em;}
.quick_form ul {list-style:none;}
.quick_form li {margin:.5em 0;}
.quick_form label {float:left; display:block; width:8em;}
.quick_form input {margin-left:10px;}
.quick_form textarea {margin-left:10px;}
.quick_form hr {margin:1em 0;}
.quick_form legend {font-weight:bold; font-size:1.25em;}/* --------- /stylesheets/helpers/tabs.css --------- */ 
/* -------------------------------------------------------------- 
   
   Tabs
   * A basic ruleset for beginning tabs
   
-------------------------------------------------------------- */

ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }/* --------- /stylesheets/helpers/rails-notifications.css --------- */ 

/* FLASH NOTICE
================================================*/
/* layout */
#FlashNotice {padding:10px; margin-bottom:15px;}
/* color */
#FlashNotice {background-color:#B8EC22;}



/* FLASH ERROR
================================================*/
/* layout */
#FlashError {padding:10px; margin-bottom:15px;}
/* color */
#FlashError {background-color:#DF291B; color:#FFF;}



/* ERROR EXPLANATION
================================================*/
/* layout */
.errorExplanation h2 {padding:5px 10px;}
.errorExplanation p {padding:10px 10px 0;}
.errorExplanation ul {padding:0 10px 1.5em 30px;}
/* type */
.errorExplanation h2 {font-family:'Lucida Grande', Verdana, sans-serif; font-size:1em; font-weight:bold; letter-spacing:2px; line-height:1.5em; text-transform:uppercase;}
.errorExplanation li {list-style-type:disc;}
/* color */
.errorExplanation {background-color:#f1ffb6; color:#333;}
.errorExplanation h2 {background-color:#d6ff2f; color:#9F1D13;}


.fieldWithErrors {padding-left:25px; background:url(/images/admin/icons/small/error.png) no-repeat left top;}/* --------- /stylesheets/lightbox/lightbox.css --------- */ 
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(/stylesheets/lightbox/data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/stylesheets/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/stylesheets/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }