﻿/* yui css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/* my undo additions */
acronym { font-style:normal;}  /* opera capitalizes acronyms */
abbr,acronym,blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,textarea,td,th,ul { font-weight:normal; font-size: 1em;}

/* global element styles */
body { font-family: verdana, helvetica, sans-serif; color: #281801; background: white url(big-bold-rays.jpg) 50% 0 no-repeat; }
a,  a:link,  a:visited,  a:hover, a:active { text-decoration: none; color: #281801; }
p { margin-bottom: 1.825em; }
em { font-family: lucida grande, lucida sans, lucida bright, officina sans, tahoma, sans-serif; font-style: italic; }
strong { font-weight: bold; font-family: tahoma; font-size: 95%; }
#pagewrapper {  background-color: #fff; margin: 0 auto; width:970px; }
#pagewrapper.grid { background: transparent url(grid.png) 10px 0; }
.separator { clear:both; height:1px; }

/* 
orange: #CA7805
brown:  #3C2401
yellow: #FFE34F

*/

/* logo */
h1#masthead { width: 200px; height: 140px; float:left; }

/* donate box */
#donatebox { float:right; margin: -40px 50px 0 0; text-align: center; width: 150px; }
#donatebox a { background:#FFE34F url("menu-hilite.gif") 0 100% repeat-x; color: #222; display:block; font-family: Myriad Roman, Myriad, Candara, Corbel, Arial;  font-size: 18px; letter-spacing: 0.5px; padding: 3px;}
#donatebox a:hover { background: #CA7805; color: #f4f4f4;  }

/* top navigation */
ul.section  { background-color: #3C2401; float: left; margin-left: 10px; width: 950px; }
ul.section li  { float:left; } 
ul.section li.sectionactive,
ul.section li a { color: #ddd; display:block;font-size: 12px; letter-spacing: 0.5px;  padding: 18px 10px;text-transform: uppercase;  width: 100px;}
ul.section a:hover, ul.section a:focus { background:#FFE34F url("menu-hilite.gif") 0 100% repeat-x; color: #222; }


/* carousel */
#vtCarousel { height: 306px; margin: 0 0 36px 0; overflow: hidden; width: 950px; }
#vtCarousel {  }
#vtCarousel ul { list-style: none; margin: 0; padding: 0; width: 95000px; }
#vtCarousel li.promogroup { height: 306px; float: left; list-style:none; margin: 0; padding: 0; width: 980px; }    
#vtAdvance { background:transparent url(carousel-arrows.png) no-repeat scroll -240px 0; float: right; height: 306px; margin: 0 0 0 870px; position: absolute; width: 80px; z-index: 5;}
#vtAdvance:hover { cursor: pointer; background-position: -80px 0; }
#vtReverse { background:transparent url(carousel-arrows.png) no-repeat scroll -160px 0; float: right; height: 306px; margin: 0 0 0 0; position: absolute; width: 80px; z-index: 5;}
#vtReverse:hover { cursor: pointer; background-position: 0 0; }
#promolist { float: left; margin: 0; padding:0; }
.promogroup { background: #ca7805 url(../../files/promo-bg.jpg) repeat-y; background: linear-gradient(left, #ca7805 0%,#e39806 100%); }
.promogroup ol { font-size: 14px; line-height: 18px; list-style: none; margin-left: 95px; }
.promogroup ol li { margin:0; padding: 0; list-style:none; overflow: visible; }
.promogroup ol li a { display: inline; }
.promogroup .title {color:#eee; font-family:Corbel; font-size: 36px; letter-spacing: -1.5px; line-height:27px; margin: 62px 0 0 0; text-decoration: none; }
.title span { color: #b9b9b9; font-family: consolas, candara, arial, helvetica, sans-serif; font-size: 27px; letter-spacing:0; margin-left: -46px; }
.promogroup .tagline { color: #3C2401; font-size: 14px; font-weight: bold; letter-spacing: -0.75px; margin-top: 16px; text-transform: uppercase; }
.promogroup .remark { color: #eee; font-family: segoe ui; margin-top: 18px; width: 545px; }
#content .promogroup .remark a { border-bottom: 1px dotted #3C2401; color: #FFE34F; }
#content .promogroup .remark a:hover { border: 0;	color: #3C2401; }
.promogroup .customimg { float:right; margin: -61px 27px 0 0; }

/* carousel visibility */
#vtCarousel, #vtAdvance, #vtReverse, body.home .articlediv {display: none;}
body.home #vtCarousel, 
body.home #vtAdvance, 
body.home #vtReverse  { display: block; }

/* search bar */
#searchwrapper { float: right; font-size: 12px; padding:20px 10px 0 10px; }
#submitfind  { text-transform:uppercase; width: 50px; }
#findbox { width: 155px; padding-left: 5px; }

/* search results */
body.srch #subnav_header { visibility: hidden; }
#content h1.searchresults { font-size: 183.75%; font-weight: normal; }
#content h4.searchresults { border-top: 1px dotted #ccc; clear:left; padding-top: 1em; margin-top: 3em; }
#content ul.searchresults { list-style:none; margin-left: 0; padding-left: 0; }
#content ul.searchresults li { margin-left: 0; }
ul.searchstats li.totalarthits { float: none; }
ul.searchstats li { display: block; float: left; padding-left: 5px; }

/* three-column wrapper */
#contentwrapper { float: left; margin: 0 0 1.5em 0; font-size: 85%; }

/* subnavigation */
div#navwrapper { padding-top: 44px; float:left; margin-bottom: 36px; } 
ul.nav { width: 215px; font-size: 85%; text-transform: lowercase; border-top: 1px dotted #ca9f05; }
ul.nav li { line-height: 2.75; border-bottom: 1px dotted #ca9f05; } 
ul.nav li a { display: block; padding-left: 10px; }
ul.nav a:hover, ul.nav a:focus { background: #ffe34f url(menu-hilite.gif) 0 100% repeat-x; }
#subnav_header  { width: 215px; text-transform: uppercase; font-family: candara; font-size: 114%; font-weight: bold; padding: 25px 0; text-indent: 10px;}

/* home page only adjustments */
body.home h2#subnav_header { visibility: hidden; } 
body.home #navwrapper { display: none; }
#homeaside { float:left; width: 270px; display:none; }
#intro { color: #777; font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; font-style: italic; 
         font-size: 14px; float:left; letter-spacing: -0.5px; line-height: 27px; margin: 24px 0 0 40px; padding: 10px; width:425px; } 
#intro span { font-weight: bold; letter-spacing: 0px; text-transform: uppercase; }
#bigpromo { display: none; }
body.home #intro, body.home #bigpromo, body.home #content h2#news-intro, body.home #homeaside { display: block; }
#content h2#news-intro { background: transparent url(news.png) no-repeat 40px 100%; display:none; float:right; font-size: 150%; font-weight:normal; height: 36px; margin:0; text-indent: -999em; text-transform:uppercase; width: 640px; }

/* content column */
#content { float: left; line-height: 1.825; margin: 0 10px; overflow: hidden; padding-top: 36px; width: 670px; }
.home #content { width: auto; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-family: candara; font-size: 114%; font-weight: bold; margin: 1.825em 0; color: #ca7805; }
#content ul { list-style-type: square; }
#content ol { list-style-type: lower-roman; }
.articlediv li { margin-left: 2em; }
#content a, #content a:link, #content a:visited, #content a:active { border-bottom: 1px solid #ca7805; }
#content p a img { background-color: white; padding: 5px; margin: 0 0 -5px -5px; border: 1px solid white; }
#content p a img:hover { border: 1px dotted #aaa; }
#content a:hover, #content a:focus { border-bottom: 1px solid white; background: #ffe34f url(menu-hilite.gif) 0 100% repeat-x; }
#content em, #content strong { color: #ca7805; }
.articletext, .articlestats { padding: 0 3.22em 0 3.22em; }
#content h2.articletitle  { clear: both; text-transform: uppercase; padding-left: 3em; margin-bottom: 0; padding-bottom: 1.825em; background: transparent url(olive-branch.jpg) 0 0px no-repeat; }
#content ul.articlestats { text-align: right; font-size: 85%; margin: 3em 0; list-style-type: none; font-style: italic; }
.articlediv { float:left; margin-left: 65px; }
.articlemore { display:none; }

/* image column */
#imagewrapper { clear:both; color: #555; font-size: 83.625%; }
#imagewrapper a  { display:block; margin-bottom: 27px; }
#imagewrapper .infobox {
	float:left;
	padding: 18px 0 0 0;
	width: 320px;
}
#imagewrapper .infobox .boxlink,
#imagewrapper .infobox .sidebar-copy {
	padding: 0 57px;
}
#imagewrapper .fblike {
	float:left;
	margin: 10px 0 0 43px;
}

#newsletter-promo {
background: #fcfcfc url(morning-coffee.png) 100% 100% no-repeat;
	border: 1px dotted #777;
	clear:both;
	margin: 0 10px 31px 10px;
	padding: 36px 40px;
}
.home #newsletter-promo {
	display:block;
}

#newsletter-promo h2 {
	background: transparent url(samaritimes.png) no-repeat;
	margin-top: 0;
	color: #333;
	font-size: 27px;
	padding-bottom: 22px;
	text-indent: -999em;
}
#newsletter-promo h2, #newsletter-promo h3 {
	margin: 0 0 0 10px;
}



#newsletter-promo .current-issue {
	float:left;
	margin: 0 0 0 10px;
}
#newsletter-promo .sign-up {
	float:left;
	margin-left: 107px;
}

#newsletter-promo .sign-up h3 span {
	color:#CA7805;
	font-family: Georgia, serif;
    font-size: 16px;
    font-style: italic;
}

#newsletter-promo iframe { border: 0; float:left; height: 260px; margin: 0 0 0 0; width: 530px; }
#newsletter-promo a { background: transparent url(samaritimes-promo.png) no-repeat; border:0;  display:block; height: 256px; margin: 0 0 0 10px; padding: 0; width: 185px; } 

/* sidebar-copy */ 
div.sidebar-copy { line-height: 15px; margin-bottom: 27px; }
.sidebar-copy img { float: right; }
#imagewrapper .sidebar-copy a { display: inline; margin-bottom: 0; border-bottom: 1px solid #ca7805; }

/* second section */
#section2 { background: #ca7805 url(dove-rays.jpg) 50% 100% no-repeat; width:100%; float: left; }
#section2separator  {  color: white; height: 30px; background: #3c2401 url(chocolate-gradient.gif) 0 100% repeat-x;  text-transform: uppercase; padding: 8px 0 0 2.5em; font-size: 114%; font-family: candara; font-weight: bold; }
h2#galleryheading { background: transparent url(via-flickr.png) no-repeat 150px 45%; width: 890px; margin: 0 auto; padding-left: 15px; } 
#gallerywrapper { margin: 0 auto; width: 890px; } 
.flickrgallery { float: left; width: 220px; color: white; }
.gallerygroup { float:left; margin: 25px; } 
h2.gallerytitle { clear:left; padding: 25px 0; text-transform:uppercase; font-family: candara; font-weight: bold; }
.gallerydescription { color: white; font-size: 77%; line-height: 1.4; }
.flickrphotorow img { float: left; padding: 1px; }
.flickrphotorow a { float: left; border: 1px solid #ccc; margin: 1px; }
#morephotosets ul { border-top: 1px dotted silver; margin-top: 3px; }
#morephotosets li { border-bottom: 1px dotted silver; }
#morephotosets .gallerydescription a { color: white; display: block; padding: 9px 0 9px 12px; }
#morephotosets li a:hover { background: #ce8206 url(orange-slice.jpg) repeat-x 0 100%; }
#morephotosets .gallerydescription p { margin-top: 36px; }
div#map { border: 1px solid #ccc; }
#footer { float: left; padding: 20px 0 6px 0; text-align: right; width: 100%; }
.copyright { padding-top: 2em; color: white; font-size: 77%; float: right; width: 100%; } 
.copyright a { color: white; }
.copyright a:hover { color: #fad03b; }

/* login panel */
#frmlogin  { border: 1px solid #ccc; background-color: #f0f0f0; padding: 3em; margin-bottom: 3em;}
#frmlogin li { display: inline; }
.logform { width: 20em; }

/* admin panel */
#frmadmincontent  { border: 1px solid #ccc; background-color: #f0f0f0; padding: 1em; margin: 3em 0; clear: both; }
#frmadmincontent li { display:inline; }
#frmadmincontent input { font-size: 122%; font-family: verdana; }
#frmadmincontent textarea { width: 100%; height: 35em; font-family: verdana; font-size: 122%; }

