/****** Stylesheet for Edge  ******

Version 2.5 by Jon.
    Modified to include rss feed styles via Magpie.
	Note that I didn't branch IE7 for News styles, since they are called from within the iframe page.
	So IE7 currently crosses both edg.css and edg_ie7.css stylesheets.

EDGE COLORS

1   Perversion Green 
    color: rgb(0, 179, 113) ;
    color: rgb(177, 232, 212) ; #b1e8d4

2   Arrest Yellow 
    color: rgb(255, 200, 23) ;
    color: rgb(255, 224, 128) ; #ffe080

3   Revelation Orange 
    color: rgb(255, 133, 34) ;
    color: rgb(255, 212, 161) ; #ffd4a1

4   Execution Red 
    color: rgb(172, 49, 41) ;
    color: rgb(232, 170, 150) ; #e8aa96

5   Recognition Violet 
    color: rgb(244, 99, 176) ;
    color: rgb(245, 204, 228) ; #f5cce4

6   Perseverance Blue 
    color: rgb(22, 192, 225) ;
    color: rgb(189, 234, 243) ; #bdeaf3

Some highlights
	color: olive

**************************************/

/* ________ Main Page Styles________ */
body {
    background-color:  white ; /* backgroundblue */
}
body, div {
    font-family: Verdana, sans-serif ;
    font-size: 14px;
    color: dimgray ; /* body color */
}
a { /* Unused: , a:link, a:visited*/
	color: black ;
	text-decoration: none ;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a img {
    border: none ;
}
h2 {
    margin-top: 0px ;
}
dt {
    margin-left: 20px ;
    margin-top: 10px ;
    letter-spacing: .25em ;
}
ul {
    margin: .5em 0em .5em 0em ;
}
li {
    margin: .5em 0em .5em -2em ;
    _margin: .5em 0em .5em 2em ;
}
sup {
    font-size: 8px ;
}
/* ________ Edge colored content. ________ */
/* Layout. */
#content-menulink-fun-1,
#content-menulink-genre-1,
#content-menulink-fun-2,
#content-menulink-genre-2,
#content-menulink-fun-3,
#content-menulink-genre-3,
#content-menulink-fun-4,
#content-menulink-genre-4,
#content-menulink-fun-5,
#content-menulink-genre-5,
#content-menulink-fun-6,
#content-menulink-genre-6 {
	width: 90% !important ;
}
/* Colored margins. */
#menulink-fun-1,
#menulink-genre-1,
.gloss-1 { /* Perversion Green */
    background-color: rgb(177, 232, 212) ;
    /* color: rgb(0, 179, 113) ; */
}
#menulink-fun-2,
#menulink-genre-2,
.gloss-2 { /* Arrest Yellow */
    background-color: rgb(255, 224, 128) ;
    /* color: rgb(255, 200, 23) ; */
}
#menulink-fun-3,
#menulink-genre-3,
.gloss-3 { /* Revelation Orange */
    background-color: rgb(255, 212, 161) ;
    /* color: rgb(255, 133, 34) ; */
}
#menulink-fun-4,
#menulink-genre-4,
.gloss-4 { /* Execution Red */
    background-color: rgb(232, 170, 150) ;
    /* color: rgb(172, 49, 41) ; */
}
#menulink-fun-5,
#menulink-genre-5,
.gloss-5 { /* Recognition Violet */
    background-color: rgb(245, 204, 228) ;
    /* color: rgb(244, 99, 176) ; */
}
#menulink-fun-6,
#menulink-genre-6,
.gloss-6 { /* Perseverance Blue */
    background-color: rgb(189, 234, 243) ;
    /* color: rgb(22, 192, 225) ; */
}
#content-menulink-genre-1,
#content-menulink-fun-1 {
    border: solid rgb(177, 232, 212) ;
    border-width: 2px 2px 2px 50px ;
}
#content-menulink-genre-2,
#content-menulink-fun-2 {
    border: solid rgb(255, 224, 128) ;
    border-width: 2px 2px 2px 50px ;
}
#content-menulink-genre-3,
#content-menulink-fun-3 {
    border: solid rgb(255, 212, 161) ;
    border-width: 2px 2px 2px 50px ;
}
#content-menulink-genre-4,
#content-menulink-fun-4 {
    border: solid rgb(232, 170, 150) ;
    border-width: 2px 2px 2px 50px ;
}
#content-menulink-genre-5,
#content-menulink-fun-5 {
    border: solid rgb(245, 204, 228) ;
    border-width: 2px 2px 2px 50px ;
}
#content-menulink-genre-6,
#content-menulink-fun-6 {
    border: solid rgb(189, 234, 243) ;
    border-width: 2px 2px 2px 50px ;
}
/* __________ Watermark  _________*/
#splash-header {
    position: relative ;
    width: 700px ;
    top: 10px ;
    left: 0px ;
}
    #sign {
        position: relative ;
        float: left ;
        display: block ;
        width: 75px ;
    }
    .logo {
        position: relative ;
        float: left ;
        width: 500px ;
        top: 0px ;
        left: 10px ;
        height: 75px ;
        /* line-height: 30px ;*/
        
        font-family: verdana ; 
        font-size: 50px;
        color: rgb(60%,60%,60%) ; /* logo */
        font-weight: normal ;
        font-weight: bold ;
        /* letter-spacing: .20em ; */
    }
    #version {
        position: absolute ;
        top: 10px ;
        left: 350px ;
        color: rgb(10%, 40%, 60%) ; /* logo shadow */
        z-index: 20 ;
    }
/* ________MENU ITEM HIGHLIGHTS________ */
/* Currently all rollover styles are handled in calls to JS constructor */
.nav-menu-block {
    position: relative;
    float: left ;
	width: 14% ;
    font-size: 18px ;
    margin-bottom: 20px;
	margin-right: 0 ;
    top: 50px ;
    _top: 0px ;
    margin-left: 20px ;
    font-variant: small-caps ;
    font-weight: normal ;
    color: dimgray ;
	/* color: rgb(6, 37, 80) ; */
	text-decoration: none ;
    /* background-color: transparent ; */
    z-index: 100 ;
}
/* All 8 menulink types */
.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 ;
    padding: 2px ;
    border: white solid 1px ;
}
/* Bachelor and Parent menu links */
.menulink-bachelor-unselected,
.menulink-bachelor-selected,
.menulink-parent-collapsed-unselected,
.menulink-parent-collapsed-selected,
.menulink-parent-expanded-unselected,
.menulink-parent-expanded-selected {
    border: white solid 1px ;
    font-size: 16px ;
}
/* Unselected links */
.menulink-bachelor-unselected,
.menulink-parent-collapsed-unselected,
.menulink-parent-expanded-unselected,
.menulink-child-unselected {
    /* font-weight: bold ; */
}   
/* Selected links */
.menulink-bachelor-selected,
.menulink-parent-collapsed-selected,
.menulink-parent-expanded-selected,
.menulink-child-selected {
    color: black ; /* linkblack */
    border: black solid 1px ;
}
/* Child menu links */
    .menulink-child-unselected,
    .menulink-child-selected {
        margin-left: 20px ;
    } 
/* ________Content Styles________ */
#content-container, #loading-message {
    position: relative ;
    float: left ;
/*    left: 10% ;*/
    top: 50px ;
    _top: 0px ;
    width: 80% ;
    z-index: 10 ;
    display: none ;
	margin: 0;
	margin-left: 2% ;
}
#loading-message {
    font-size: 50px ;
    display: block ;
}
.teaser-link {
    text-align: right; 
    font-size: 9px ;
}
    #splash-content, 
	#description-container {
		position: relative;
		float: left;
/*		width: 420px; */
        top: 0px ;
        left: 0px ;
/*        height: 400px ;*/
        /* padding: .5em ; */
    }
	/* UNNEC?
	#description-container {
		width: 100% ;
	}
	*/
	#content-home {
		position: relative;
		float: left;
		width: 100% ;
	}
		#splash-container {
			position: relative;
			float: left;
			width: 420px ;
		}
        #strapline {
            position: absolute ;
            font-size: 12px ;
			left:-150px;
			top:360px;
			width:100px;
			z-index:10;
        }
        #news {
            position: absolute ;
            top: -120px ;
            left: 340px ;
            /* width: 250px ; */
            width: 40% ;
            font-size: 10px ;
            padding-left: .5em ;
            border-left: dimgray solid 1px ;
			display: none ; /* Till you figure out whether to use this. */
        }
            #news em {
                font-size: 12px ;
            }
        .gloss-1,
        .gloss-2,
        .gloss-3,
        .gloss-4,
        .gloss-5,
        .gloss-6 {
            position: absolute ;
            top: 0px ;
            left: 0px ;
            width: 252px ;
            height: 405px ;
            padding: .5em ;
            display: block ;
            z-index: 100 ;
        }
        .gloss-1,
        .gloss-5 {
            left: 136px ;
        }
        .gloss-6 {
            top: 116px ;
            width: 400px ;
            height: 252px ;
        }
		.gloss-title {
			margin: 0 auto ;
		}
        #splash-content li {
            font-size: 12px ;        
        }
        #splash-content .content-block {
            margin: .5em 0em .5em 1.5em ; 
            font-size: 12px ;
        }
        #content-orient div {
            /* Enforce display for splash content. */
            /* 'block' because inherit isn't working in IE */
            display: block ;
        }
            .sponsors {
                position: relative ;
                margin-left: 28% ;
                margin-top: 30px ;
                font-size: 12px ;
                line-height: 14px ;
                padding: .5em ;
            }
        .content-a, .content-b, .content-c {
            font-size: 11px ;
            display: none ;
            width: 100% ;
            height: 100% ;
        }
        .content-b {
            padding: .5em ;
        }
			.content-b .callout {
				color: olive ;
				font-weight: bold ;
			}
            .content-caption, 
			.content-caption-b { /* currently the caption style */
                position: relative;
                margin: 10px 0px 0px 0px;
                font-style: italic ;
                display: block;
                font-size: 10px;
            }
            .content-caption-b { /* .content-caption { */
                width: 90% ;
                height: auto ;
                margin-left: auto ;
                margin-right: auto ;
                margin-bottom: 2em ;
                padding: .5em ;
                border: dimgray solid 1px ; /* body color */
            }
                .content-caption-b .venue,
 				.content-caption-b .venue-over {
                    color: olive ; 
                    font-style: normal; 
                    font-weight: bold; 
                    font-size: 12px ;
                    margin: 0px 0px 5px 0px ;
                }
                .content-caption-b .title {
                    margin: 5px 0px ;
                    font-style: normal; 
                    font-size: 12px ;
                }
			.content-expanded { /* Used in expandable events iframe. */
				font-size: 12px ;
			}
            .content-caption-c { /* Used for praise captions. */
                margin: 5px 0px 20px 10px ;
                font-size: 12px ;
            }
            .navigation {
                text-align: right ;
                font-size: 10px ;
            }
                .navigation a {
                    font-weight: normal ;
                    font-variant: small-caps ;
                    font-size: 14px ;
                }
            .illustration {
                position: relative ;
                float: left ;
                width: 25% ;
                /* height: 25% ; */
            }
            .content-b em {
                font-weight: bold ;
            }
            .content-b strong {
                font-size: 16px ;
                font-weight: normal ;
            }
            .content-c em {
                font-weight: bold ;
            }
            .spread {
                position: relative ;
                float: left ;
                border: solid dimgray 1px ;
                margin: 10px 0px 10px 10px ;
                width: 200px ;
            }
            .thumbnail {
                float: left ;
                margin: 0px 3px -3px 0px ;
                width: 40% ;
            }
        .content-logo img {
            float: left ;
            padding: 5px ;
        }
/*_________ temporary content styles  __________ */
            .bio {
                float: left ;
                padding-right: 5px ;
                padding-bottom: 5px ;
                width: 25% ;
            }
/*_________ image zooming  __________ */
.div-to-expand {
    position: absolute ;
    z-index: 20 ;
}
    .div-to-expand img {
        width: 100% ;
    }
    .shadow {
        border-width: 4px ;
        width: 50px ;
        height: 35px ;
        position: absolute ;
        z-index: 10 ;
        top: 0px ;
        left: 0px ;
    }
    #shadow-wattenberg {
        border: solid rgb(177, 232, 212) ;    
    }
    #shadow-finalfantasy {
        border: solid rgb(255, 224, 128) ;
    }
    #shadow-norton {
        border: solid rgb(255, 212, 161) ;
    }
    #shadow-rsg {
        border: solid rgb(232, 170, 150) ;
    }
    #shadow-lovejoy {
        border: solid rgb(245, 204, 228) ;
    }
    #shadow-davis {
        border: solid rgb(189, 234, 243) ;
    }
    #div-to-expand-wattenberg img {
        border: rgb(177, 232, 212) solid 4px ;
    }
    #div-to-expand-finalfantasy img {
        border: rgb(255, 224, 128) solid 4px ;
    }
    #div-to-expand-norton img {
        border: rgb(255, 212, 161) solid 4px ;
    }
    #div-to-expand-rsg img {
        border: rgb(232, 170, 150) solid 4px ;
    }
    #div-to-expand-lovejoy img {
        border: rgb(245, 204, 228) solid 4px ;
    }
    #div-to-expand-davis img {
        border: rgb(189, 234, 243) solid 4px ;
    }
.zoom-trigger {
    background-color: teal ;
    opacity: .01 ;
    filter: alpha(opacity = 01) ;
}
/*__________ News feed from RSS. __________*/
#feed-container {
	position: relative ;
	float: left;
	margin-left: 16px;
	width: 30%;
	height: 400px;
}
	#feed-container h4 {
		font-size: 1em ;
		color: maroon ;
		font-weight: normal ;
		margin: 0 0 .2em 0 ;
	}
	.news-item-headline {
		font-size: .8em ;
		margin: 0 0 -2px 0 ;
	}
	.news-item-story {
		font-size: .7em ;
		margin: -2px 0 0 0 ;
	}
/*_________ News feeds from iframe__________ */
        .news-frame {
            width: 100% ;
            height: 350px ;
        }
        .news-body {
            font-size: 10px ;
        }
        .feed-title {
            margin-bottom: 10px ;
        }
        .feed {
            position: relative ;
            margin-top: 0px ;
            margin-bottom: 30px ;
            border: 1px dotted paleturquoise ;
            height: 250px ;
            overflow: auto ;
            overflow: -moz-scrollbars-vertical; 
            overflow-y:auto; 
            overflow-x:hidden;
            padding: 5px ;
        }
           #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% ;
            }
            .unused {
                display: none ;
            }
        .description-container div .heading {
            font-size: 14px;
            margin-bottom: 10px;
        }
/*_________ debug __________ */
.debug { /* Simulates 800x600 window */
    position: absolute ;
    width: 800px ;
    height: 470px ;
    border: darkgray dashed 2px ;
    margin: 0px ;
    z-index: 0 ;
    display: none ;
}
#wrapper-for_div-to-expand-rsg {
    /* border: solid red ; */
}