/* @override 
	http://www.chrisbesett.com/staging/starfish/wp-content/themes/WPA-Parade/style.css
	http://starfishonebyone.org/wordpress/wp-content/themes/WPA-Parade/style.css
	http://starfishonebyone.org/wordpress/wp-content/themes/WPA-Parade-1.4/style.css
*/

/*======================================
Theme Name: WPA Parade
Theme URI: http://www.wordpressart.com/
Description: A custom theme developed by George Ortiz and Matt Jones of <a href="http://wordpressart.com">WordPressArt</a>.
Version: 1.3
Author: WordPressArt
Author URI: http://wordpressart.com
======================================*/

html, body
{
    margin:0px auto;
	padding:0px;
	background:url("images/bkg_body.png") repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:1.5;
	color: #594f37;
}
/*---------------------------------------------------------*/
/*----------------------------Top--------------------------*/
/*---------------------------------------------------------*/
#top
{
    margin:0px auto;
	width:100%;
	height: 10px;
}
#top_border
{
    background:url("images/bkg_top_border.png") repeat-x;
	width:100%;
	height:12px;
	position:relative;
	z-index:1;
}
#top_content_container
{
    margin:0px auto;
	width:900px;
	height:26px;
}
#top_tab
{
    background:url("images/bkg_tab.png") no-repeat;
	width:232px;
	height:26px;
	position:relative;
	z-index:2;
	left:650px;
}
#top_tab p
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#b5a689;
	font-size:11px;
	text-decoration:none;
	text-align:center;
	margin: 0;
	padding-top: 0;
}

#top_tab a
{
    font-family:Arial, Helvetica, sans-serif;
	color:#b5a689;
	font-size:11px;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}
#top_tab a:hover
{
    color:#6e624b;
	text-decoration:underline;
}
/*---------------------------------------------------------*/
/*-----------------------Backgrounds-----------------------*/
/*---------------------------------------------------------*/
#bkg_paper
{
    background:url("images/bkg_paper.png") repeat;
	margin-top:-5px;
}
#bkg_page
{
    background:url("images/bkg_page.png") repeat-y;
	width:1101px;
	margin:0px auto;
}

#bkg_starfish {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	    background: url("http://starfishonebyone.org/wordpress/wp-content/uploads/2010/07/page_header.gif") no-repeat;

}
/*---------------------------------------------------------*/
/*--------------------------Logo---------------------------*/
/*---------------------------------------------------------*/
#main_logo_spacer
{
    margin:0px auto;
	width:1000px;
	height:15px;
}
#main_logo
{
	width:300px;
	height:auto;
	float:left;
	margin-left: 15px;
}
/*---------------------------------------------------------*/
/*-----------------------Navigation------------------------*/
/*---------------------------------------------------------*/


#nav {float:right; width:auto; height:45px; margin-top: 69px; position:relative; z-index:12;
	margin-right: 41px;
}

#nav ul, #nav ul li, #nav li {padding:0; margin:0; list-style-type:none; float:left; line-height: 1;}

#nav ul li a {display:block; max-height:36px; text-align:left; font-size: 15px; padding: 10px; margin:0px;  color:#794400; text-decoration:none;}

#nav ul li a:hover {color:#da5e18;}

#nav ul li ul li a:hover, #nav ul li ul li ul li a:hover, #nav ul li.sfhover ul li a:hover, #nav ul li ul li.sfhover ul li a:hover {background:#f3e9df; color:#5a452a;}

#nav li ul, #nav li ul li:hover ul li ul, #nav li ul li.sfhover ul li ul {position: absolute; width: 150px; left: -999em;}

#nav li ul li { background:#d5c3ac; width:150px;}

#nav li ul li a {background:none; color:#fff; font-size:12px;}

#nav li:hover ul, #nav li.sfhover ul {left: auto; margin-top:-1px; padding-top:5px; }

#nav li ul li:hover ul, #nav li ul li.sfhover ul, #nav li ul li ul li:hover ul, #nav li ul li ul li.sfhover ul {left:-150px; margin-top:-37px;}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}






/*---------------------------------------------------------*/
/*--------------------------Banner-------------------------*/
/*---------------------------------------------------------*/
#ribbon_container 
{
	height:375px; margin:120px auto 0; position:relative; z-index:10;
}


#bkg_banner
{
	width: 951px;
	height:375px;
	margin:0px auto;
	background: url(images/bkg_banner.png) no-repeat center;
	z-index: 10;
}
#banner_container
{
    margin:0px auto;
	width:876px;
	height:306px;
	position:relative;
	top:34px;
	left:3px;
	background:#333;

}
/*---------------------------------------------------------*/
/*-------------------------Content-------------------------*/
/*---------------------------------------------------------*/
#content_container
{
	clear:both;
    margin:0px auto;
	width:900px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
}
#content_header_left
{
    float:left;
	width:600px;
	height:15px;
}
#content_header_left p
{
    color:#4d4138;
	font-size:16px;
	font-weight:bold;
	padding-left:20px;
	padding-top:0px;
	margin-top:5px;
}
#content_header_left_hr
{
    float:left;
	width:600px;
	background:url("images/main_homes_hr.png") no-repeat;
	height:6px;
	margin-top:-15px;
}
.content_header_right
{
    float:left;
	width:300px;
	height:15px;
}
#content_header_right p
{
    color:#4d4138;
	font-size:12px;
	font-weight:bold;
	padding-left:30px;
	padding-top:0px;
	margin-top:5px;
}
#content_header_right_hr
{
    float:left;
	width:300px;
	background:url("images/main_side_hr.png") no-repeat;
	height:6px;
	margin-top:-15px;
}
.main_homes
{
    float:left;
	width:200px;
	height:auto;
	padding-top:25px;
}
#main_homes h3
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3e3e3e;
	padding-left:8px;
	margin-top:5px;
}
#main_homes p
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c43;
	padding-left:8px;
	line-height:1.5em;
	margin-top:-9px;
}
#main_sidebar_right
{
    float:left;
	width:300px;
	height:auto;
	margin-left:0px;
	padding-top:0px;
}
#main_sidebar_right h3
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#3e3e3e;
	padding-left:30px;
}
.main_sidebar_right_red
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#8a1d04;
	padding-bottom:0px;
}
#main_sidebar_right p
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#584c43;
	padding-left:30px;
	line-height:1.5em;
	margin-top:-19px;
}
/*---------------------------------------------------------*/
/*-------------------------Footer--------------------------*/
/*---------------------------------------------------------*/
#sponsors
{
    background:url("images/sponsors_footer.png") no-repeat;
	width:900px;
	height:74px;
	margin:0px auto;
}
#footer_spacer
{
    margin:0px auto;
	width:900px;
	height:15px;
}
/*---------------------------------------------------------*/
/*---------------------------Meta--------------------------*/
/*---------------------------------------------------------*/
#meta_border
{
    float:left;
	background:url("images/bkg_meta_border.png") repeat-x;
	width:100%;
	height:14px;
	margin-top:-8px;
}
.meta_spacer
{
    float:left;
	width:100%;
	height:10px;
}
#meta
{
    margin:0px auto;
	width:1000px;
	height:35px;
}
#meta p
{
    font-family:Arial, Helvetica, sans-serif;
	color:#b5a689;
	font-size:11px;
	text-align:right;
	padding-right:10px;
}
#meta a
{
    font-family:Arial, Helvetica, sans-serif;
	color:#b5a689;
	font-size:11px;
	text-decoration:none;
}
#meta a:hover
{
    color:#6e624b;
	text-decoration:underline;
}

/*----------------------------------------------------------------------------*/
/*---------------------------Extra code added by Matt-------------------------*/
/*----------------------------------------------------------------------------*/

a {color:#794400;}

a:hover {color:#794400;}

.clear {clear:both;}

.alignright {float:right; width:auto;}
.alignleft {float:left; width:auto;}

#myGallery p {text-align:center; color:#CDC4B5; margin-top:-25px; font-size:13px; font-weight:bold;}

.onecol {width: 260px; float:left; margin-bottom:15px;}

.twocol {width: 549px; float:left; margin-bottom:15px;
	margin-left: 39px;
}

.threecol {width:900px; float:left; margin-bottom:15px;}

.middle {margin:0px 25px;}

.leftmargin {margin-left:30px;}

.rightmargin {margin-right: 34px;}


h3 {font-size:18px;}

p {font-size: 13px;
	line-height: 20px;
	color: #5a452a;
}



div.textwidget p {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-right: 13px;
}

.post {border-bottom:1px dotted #877a70;}

.info {margin:0; padding:0; margin-top:-15px; margin-bottom:15px;font-style:italic;}

li.widget h2, #content_container h2 {margin-top:15px; padding-top:0;}

.nobannerspace {width:900px; margin:25px auto 0px; text-align:center; height:auto; background-position: top; padding:15px 0px 5px;
	background-repeat: no-repeat;
}

/*---------------------------Social Icons-------------------------*/

#socialicons {width:900px; margin:0 auto; text-align:center; height:auto; background:url(images/socialicons_border.png) no-repeat; background-position:top; padding:15px 0px 5px;}

.socialicon a {width:120px; height:50px; margin:0px 30px; display:block;}

.socialicon a:hover {background-position: 0px -50px;}

a.youtube {background:url(images/youtube_icon.png);}

a.myspace {background:url(images/myspace_icon.png);}

a.facebook {background:url(images/facebook_icon.png);}

a.linkedin {background:url(images/linkedin_icon.png);}

a.twitter {background:url(images/twitter_icon.png);}

a.flickr {background:url(images/flickr_icon.png);}

table#socialiconstable {margin:0 auto; width:auto; height:auto; padding:0; border:0;}

/*---------------------------Widgets-------------------------*/

.widget ul {list-style-type:none; margin:0; padding:0; padding-bottom:10px;}

.widget ul li a {display:block; padding:10px 0px; width:100%; border-bottom:1px dotted #877a70; text-decoration:none;}

.widget h2 {margin:0px; padding-bottom: 3px;
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: 1px dotted #c5c5bf;
	color: #9e7846;
}

a:hover {color:#da5e18;}

a {color:#da5e18;}

blockquote {font-style:italic; padding:10px; padding-left:60px; background:url(images/blockquote.png) no-repeat 0px 15px; font-family:Georgia, "Times New Roman", Times, serif; margin:0;}

.lighttan {color:#EEEBE6;}

.entry img {border:5px solid #CDC4B5; padding:3px; margin:5px;}

/*---------------------------Forms-------------------------*/

div#paypal-custom {
	float: right;
	display: inline;
}




#content_container textarea {width:75%;}

#content_container form.cform input.sendbutton, #content_container input#submit {background:#877a70; color:#fff;}

#content_container form.cform input.sendbutton:hover, #content_container input#submit:hover {background:#8a1d04; cursor: pointer; color:#fff;}

form.cform fieldset, form.cform label, p.linklove {display:none;}

form.cform ol, form.cform li, form.cform {list-style-type: none; margin:0; padding:0;}

.formBuilderError {color:#8a1d04; font-weight:bold;}

.formBuilderSuccess {color: #4e6e53; font-weight:bold;}

#usermessagea {color:#4e6e53; font-weight:bold;}

/*---------------------------125 Ads-------------------------*/

.wp125ad {float:left;}

.wp125ad img {border:5px solid #CDC4B5; padding:0px; margin:5px 0px 0px 5px; width:120px; height:120px;}





/*---------------------------Custom-------------------------*/


h2 { padding-bottom: 3px;
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: 1px dotted #c5c5bf;
	color: #5a452a;
}

#aboutUs {
	width: 252px;
	float: right;
}

#latestUpdates {
	width: 624px;
	float: left;
}

#aboutUs p {
	padding-right: 0px;
	font: 13px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 13px;
        color: #794400;
}


#latestUpdates div.newProgram {
	width: 195px;
	margin-right: 10px;
	float: left;
}

 h3 a {
	text-decoration: none;
	font: 18px Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	color: #5a452a;
}

#latestUpdates div.newProgram p {
	margin-top: 0;
	font: 13px/19px Arial, Verdana, "Sans Serif";
	color: #5a452a;
}

#latestUpdates div.newProgram h3 {
	margin-bottom: 4px;
	margin-top: 7px;
}

#content_container h2.headline {margin-top: 15px; padding-top:0;
	font: 21px Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	color: #da5e18;
}

div.content {
	padding-right: 30px;
}


/*---------------------------------------------------------*/
/*-----------------------GALLERY-----------------------*/
/*---------------------------------------------------------*/


#navi {
  clear:both;
  margin:0px 0px 0px 0px;
  padding:0px;
  color:#fff;
  height:40px;
  display:block;
  width:470px;
  overflow:hidden;
}
#navi ul {margin:0px;padding:0px;background:#000;
list-style:none;}
#navi li {float:left;
background:#000;
line-height:40px;
width:150px;
text-align:center;
}
#navi a {font-size:1.1em;font-weight:bold;font-family:Helvetica,Tahoma, Arial, sans-serif;text-decoration:none;color:#fff;}
#navi a:hover {text-decoration:none;color:#00a4ff;}
#navi a img {display:none;}

#box
{
	width:876px;
	height:306px;
	overflow:hidden;
}

#myGallery, #myGallerySet, #flickrGallery
{
	width:876px;
	height:306px;
	background-color: #FFFFFF;
	z-index:5;
}

#flickrGallery
{
	width: 500px;
	height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
        overflow:hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .imageElement
{
	background-color: #FFFFFF;
	padding: 1px;
}


.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 876px;
	margin: 0px;
	padding: 0px;
    bottom: 0;
	height: 40px;
	background: url(img/brownpixel.png);
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 1.1em;
	margin: 0;
	margin: 10px 10px 0px 10px;
	font-weight: bold;
	color: fff;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: .75em;
	margin: 5px 10px;
	color: #fff;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #000;
	color: #fff;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #000;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	z-index:10;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	display:none;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right;}

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=90); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	opacity: .8;
	-moz-opacity: .8;
	-khtml-opacity: 0.8;
	filter:alpha(opacity=80);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}

.jdGallery p {font-size:1.2em; }

.jdGallery a {color:#887E73; font-size:1.3em; margin:0; padding:0;}  /* #887E73; #C2BDB8 */

.jdGallery .slideInfoZone p {padding: 0; font-size: 1em; line-height: 1.5em; margin: 5px 10px; color: #fff;}

div#contact {
	text-align: left;
	padding-bottom: 25px;
	float: left;
	width: 427px;
	margin-left: 48px;
	margin-top: 7px;
}

#contact p {
	font-size: 11px;
	line-height: 16px;
        color: #5a4529;
}

div#homeVideo {
	float: left;
	margin-left: 86px;
	margin-top: 24px;
}

img.DonateNow-right {
	float: right;
	margin-left: 4px;
	margin-bottom: 4px;
}