/****** Stylesheet for longgreenhouse Web site  ******

Version 1.6, modified by Jon to add showcase.
Still includes dead wood.

NEW COLORS
	color: rgb(40%,60%,60%) ; /* Medium moss. *
    color: rgb(60%,90%,90%) ; /* Pale moss. *
	color: rgb(10%,15%,15%) ; /* Bottle green. *
    color: #8FBF60 ; /*  pea
    color: rgb(60%,80%,30%) ; /* Pea enhanced 
    color: #006A80 ; /* santorini 
	color: rgb(25%, 25%, 25%) ; /* Tarski gray 
	color: rgb(80%,90%,90%) ; /* Mossy white 

OLD COLORS
    color: rgb(25%,35%,40%); /* rock blue 
    color: rgb(70%,70%,65%); /* ghost wheat 
    color: background-color:  rgb(40, 49, 41) ; /* moss 
    
    color: rgb(50%, 70%, 50%) ; /* sage 
    color: rgb(51, 124, 81) ; /* UNUSED pine
 */

/* ________ Main Page Styles________ */
body {
    background-color: rgb(40%,60%,60%) ; /* Medium moss. */
    margin: 50px ;
}
body, div {
    font-family: Verdana ;
    font-size: 12px; /* WAS 16px;*/
    color: rgb(10%,15%,15%) ; /* Bottle green. */
	font-weight: /* bold ;*/
}
a { /* Unused: , a:link, a:visited*/
    color: rgb(50%, 70%, 50%) ; /* sage */
    font-weight: bold;
    text-decoration: none;
    color: rgb(60%,80%,30%) ; /* Pea enhanced */
}
a:hover {
    text-decoration: underline;
}
dt {
    margin-left: 20px ;
    margin-top: 10px ;
    letter-spacing: .25em ;
}
/* ________MENU ITEM HIGHLIGHTS________ */
.nav-menu-block {
    position: relative;
    float: left ;
    width: 22% ;
    font-size: 15px ;
    margin-bottom: 20px;
    margin-top: 10px ;
    margin-left: 2% ;
    color: paleturquoise; /* ghost wheat CHANGED */
    background-color: darkslategray ;
    z-index: 100 ;
    opacity: .50 ;
    filter: alpha(opacity=50) ;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	padding: 6px 2px 6px 4px ;
}
#navMenu0 {
    margin-left: 0px ;
}
.menulink-bachelor-unselected,
.menulink-bachelor-selected,
.menulink-parent-collapsed-unselected,
.menulink-parent-collapsed-selected,
.menulink-parent-expanded-unselected,
.menulink-parent-expanded-selected,
.menulink-child-selected,
.menulink-child-unselected {
    margin-bottom: 2px ;
    border: 2px solid darkslategray ;
}
.menulink-bachelor-unselected,
.menulink-bachelor-selected,
.menulink-parent-collapsed-unselected,
.menulink-parent-collapsed-selected,
.menulink-parent-expanded-unselected,
.menulink-parent-expanded-selected {
    /* background-color: rgb(25%,35%,40%); rock blue */
}
.menulink-bachelor-unselected,
.menulink-parent-collapsed-unselected,
.menulink-parent-expanded-unselected {
    color:  white ;
    font-weight: bold ;
}   
.menulink-bachelor-selected,
.menulink-parent-collapsed-selected,
.menulink-parent-expanded-selected {
    color:  white ;
    font-weight: bold ;
} 
    .menulink-child-unselected {
        margin-left: 20px ;
        font-weight: bold ;
        color:  white ;
    } 
    .menulink-child-selected {
        margin-left: 20px ;
        font-weight: bold ;
    }
/* ________Content Styles________ */
/* _______Main body.________ */
#main {
	position: absolute ;
    top: 150px ;
	width: 100% ;
	min-width: 970px;
}
#content-column{
    position: relative ;
	float: left ;
    width: 43% ;
}
#news-column {
    position: relative ;
	float: left ;
    width: 43% ;
}
#content-column {
	min-width: 470px ;	/* Width of the rotating image; blog can shrink instead. */
}
#news-column {
	float: right ;
	margin-right: 8% ;
}
/* Content column contains watermark block and description block. */
	#logo {
		top: 10px;
		left: 50px ;
		position: absolute;
		width: 380px ; /* Image width. */
	}
		#logo img {
			width: 100% ;
		}
	#watermark-photos {
		width: 471px ;
		height: 252px ;
		overflow: hidden ;
	}
		#watermark-photos img {
			position: absolute ;
			width: 100% ;
			opacity: 0 ;
		}
		#watermark-overlay,
		#watermark-photos {
			position: absolute ;
		}
	#strapline {
		position: absolute ;
		top: 170px ;
		width: 100% ;
		opacity: 0.5;
		-moz-opacity: 0.5;
		filter:alpha(opacity=50);
	}
	#strapline div {
		font-family: Century Gothic ;
		font-family: HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",helvetica,arial ;
		position: absolute ;
		font-size: 32px ;
		font-weight: bold ;		
	}
		.strapline-perma {
			left: 10px ;
			top: 80px ;
			color: lime ;
			color: rgb(60%,80%,30%) ; /* Pea enhanced */
		}
		.strapline-meets {
			left: 180px ;
			top: 110px ;
			color: powderblue ;
			color: lightskyblue ;
		}
		.strapline-native {
			left: 250px ;
			top: 140px ;
			color: khaki ;
			color: #006A80 ; /* santorini */			
		}
		
		.strapline-news {
			position: absolute ;
			top: 200px ;
			/*color: rgb(80%,90%,90%) ;*/
			color: rgb(10%,15%,15%) ;
			font-size: 18px !important ;
		}
	#description-container {
		position: absolute ;
		top: 270px ;
	}
        #description-container>div {
            display: none;	
		    color: rgb(10%,15%,15%) ; /* Bottle green. */
        }
	        #description-container h2,
	        #description-container h3,
	        #description-container h4 {
	            color: rgb(80%,90%,90%) ; /* Mossy white */
	        }
            #sign {
                position: absolute ;
                width: 98% ;
                margin-left: 1% ;
                margin-right: 1% ;
                margin-top: 10% ;
                opacity: .15 ;
                filter: alpha(opacity=15) ;
            }
           #description-container #logo {
                position: relative ;
                display: block ;
                width: 100% ;
                /* height: 100% ; */
                overflow: none ;
            }
            .description-container div .image-prominent {
                width: 80% ;
                float: right ;
            }
            .description-container div .image-double {
                float: left ;
                margin: 0px 5px 10px 0px ;
            }
            .description-container div .image-small {
                width: 200px ;
                height: 200px ;
            }
            .description-container div .list-prominent {
                font-size: 28px ;
            }
            .content-column {
                position: relative ;
                float: left ;
                width: 40% ;
            }
        .description-container div .heading {
            font-size: 14px;
            margin-bottom: 10px;
        }
.label {
    padding: 5px;
    margin-top: 10px;
    background-color: rgb(98%,100%,70%); 
    font-size: 12px;
}
.bibl-item {
    position: relative;
    font-size: 11px;
    margin-bottom: 10px;
}
.bibl-gloss {
    position: relative;
    margin-top: -3px;
    margin-left: 15px;
    margin-bottom: 10px;
    border: solid 1px slategrey;
    padding: 2px;
    font-size: 11px;
}
.content-caption { /* currently the caption style */
    position: relative;
    margin-top: 20px;
    display: block;
    font-size: 12px;
}
/*_________ News column. __________ */
/* Contains showcase block and feed block. */
#showcase {
	margin: 0 0 20px 0 ;
}
.block-title {
    margin-bottom: 10px ;
	font-size: 14px ;
	color: rgb(60%,90%,90%) ; /* Pale moss. */S
}
.showcase-block {
	margin: 10px 0 10px 0;
	border-bottom: solid 2px rgb(60%,90%,90%) ; /* Pale moss. */
	min-height: 70px ;
}
	.showcase-block h3 {
		margin: 0 ;
		color: rgb(80%,90%,90%) ; /* Mossy white */		
	}
	.showcase-block p {
		margin: .2em 0 ;
	}
	.showcase-block img {
		float: left;
		margin: 0 1em .5em 0;
		width: 70px;
	}
#feed-container {
    position: relative ;
    float: left ;
    top: 0px ;
	width: 100% ;
}
	#feed {
	    position: relative ;
/*	    border: 1px dotted paleturquoise ;*/
/*	    height: 500px ;*/
	    overflow: auto ;
	    overflow: -moz-scrollbars-vertical; 
	    overflow-y:auto; 
	    overflow-x:hidden;
	    padding: 1em ;
		background-color: rgb(60%,90%,90%) ; /* Pale moss. */
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px;
	}
		.news-item-headline a {
			font-size: .9em ;
		    color: #006A80 !important ; /* santorini */
		}
		.news-item-story {
			color: rgb(25%, 25%, 25%) !important ; /* Tarski gray */
			font-size: .8em ;
			font-weight: normal !important ;
			margin-top: -1em ;
		}
/*__________ Special inline styles. __________*/	
.longhouse {
	font-family: HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",helvetica,arial ;
    color: #006A80 ; /* santorini */
	font-size: 18px;
}
.greenhouse {
	color: rgb(60%,80%,30%) ; /* Pea enhanced */
}
