.project-img {
    background: #161412;
}
.overflow-auto {
    overflow: auto;
}

/* #Header
================================================== */
#header {
	margin-bottom: 0;
}

/* Top Header */
.header-top {
	background: #2e3438 url(../images/pattern-alt.gif);
	color: #666;
	/*border-bottom: 3px solid #eb593c;*/
	padding: 4px 0 2px 0;
}	
	.header-top a {
		color: #666;
	}

	/* Top Menu */
	.header-top-menu {
		float: left;
		padding-top: 5px;
	}
    .header-top-menu li {
        float: left;
        overflow: hidden;
        font-style: italic;
        font-size: 11px;
        font-family: Georgia, "Times New Roman", Times, serif;
        line-height: 16px;
    }
    .header-top-menu a {
        text-decoration: none;
        border-left: 1px solid #666;
        padding: 0 11px;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }
    .header-top-menu a:hover {
        color: #fafafa;
    }
    .header-top-menu li:first-child a {
        padding-left: 0;
        border-left: none;
    }

/* Main Header */
.header-main {
	margin-top: 15px;
	text-align: center;
}
	.header-main .hr-bottom {
		border-bottom: 3px solid #bdd4c1;
		position: relative;
	}
	.header-main .hr-bottom:after {
		content:"";
		display: block;
		position: absolute;
		right: 0;
		left: 0;
		bottom: -6px;
		height: 1px;
		background: #bdd4c1;
	}

/* navigation in masthead */
.navbar {
    position: absolute; top: 0.66rem; right: 0;
}

    #navbarNavDropdown {

    }

.search-form-container {
    white-space: nowrap;
}

iframe { /*width: 70%; min-height: 387px; margin-left: 15%;*/ }

.content-wrapper h1 { color: #434241; margin-bottom: 22px; }

.view-all-images {
    /*width: 125px; display: inline; position: absolute; left: 808px; top: -42px; margin: 0; text-align: center; text-transform: none; font-weight: normal; white-space: nowrap;*/
    position: absolute;
    top: .1em;
    right: -20px;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.33);
}
.view-all-images i {
    font-size: 1.23em;
}
.reload-flashcards, .exercise-flashcards {
    position: absolute; right: -23px; top: 3px;
}
.reload-flashcards {
    top: 45px;
}
.reload-flashcards:hover, .exercise-flashcards:hover { cursor: pointer; }
.reload-flashcards img {
    width: 27px;
}
.exercise-flashcards img {
    width: 24px;
}
.exercise-flashcards {
    top: 89px; right: -22px;
}

/*--- PAGE DISPLAY DEFINITIONS ---*/
.white-bg {
    background: #fff;
}

.content-wrapper {
    height: 90%;
}
.container {
    height: 91%;
}
.species {
    height: 91%; overflow: auto;
}
.div-height-auto {
    height: auto !important;
}

.extra-padding {
    padding: 2.5em;
}

.fw318-species-detail, .fw318-image-detail {
    font-size: 1.2em;
    /*overflow: hidden;*/
}
.species-image-box {
    background: #080808; width: 101.25%;
    overflow: auto;
}
.species-image-box-100-percent {
    width: 100%;
}
.species-img-shift-left {
    margin-left: -30%;
}
.fw318-species-detail-overlay {
    position: absolute; top: 4px; left: 7px; z-index: 5; background-color: rgba(60,60,60,0.67);
}
.fw318-species-detail {
    margin-left: 187px;
}
    .fw318-species-detail label, .fw318-image-detail label {
        clear: both;
        display: inline;
        width: 175px;
        left: 5px;
        text-align: right;
        color: #606877;
        font-size: .89em;
        margin-left:-100px;
    }
    .fw318-image-detail-text {
        margin-left: 137px;
    }
    .fw318-image-detail label {
        width: 125px;
    }
    .fw318-image-detail img {
        position: relative; left: -8px; width: auto !important; max-width: none; height: 500px;
    }

#photostream {}

    .photostream-container {
        background: rgba(0, 0, 0, 0.25);
        padding-top: 1em;
        min-height: 135px;
    }
    .photostream-controls {
        position: relative;
    }
    .photostream-controls label {
        /*background: linear-gradient(to bottom, #909090 33%, #404040 80%); !* W3C *! color: #f7f5f3;*/
        /*font-family: Oswald; font-size: .9em; letter-spacing: .09em;*/ text-transform: uppercase; /*text-shadow: 1px 1px 1px #888;*/
        /*padding: .2em 0 .2em .9em;
        border-radius: 4px 4px 0 0;*/
    }
    .photostream-controls select {
        width: 299px;
    }
    .photostream-controls input[type="button"] {
        position: absolute; right: -59px; top: 23px;
    }

#videopage { }

    #videopage .fw318-video { font-size: 0.7em; }

    #videopage .fw318-video a { font-size: 1.3em; }

    #videopage .fw318-video a span { white-space: nowrap; }

    #videopage .fw318-video img { max-width: 190px; }

    #videopage .fw318-video h2 { }

    #videopage .listview { float: right; position: relative; right: -4px; top: -5px; z-index: 2; }
    #videopage .listview:hover { cursor: pointer; }

    #videopage .fw318-videolist { width: 96%; padding: 1em; margin-top: 2.4em; margin-left: auto; margin-right: auto; z-index: 1; background: #fff; border-radius: 4px; }

    #videopage .video-settings-label { position: absolute; left: 43px; top: 0.6em; color: slategray; font-size: 0.9em; font-weight: 500; z-index: 1; }

    #videopage .video-settings { position: absolute; top: auto; left: 34px; background: #dde3e7; white-space: nowrap; z-index: 2; }

    #videopage .video-settings button span { font-size: 0.8em; }

    #video_wrapper { margin-bottom: 49px !important; }

    #video { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 3px 3px 6px #999; }

    /* ---- table-like ---- */
    .table-like {
        max-width: 1280px;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .table-like__lighter {
        background: #f3f2f1 !important;
    }
    .table-like__darker {
        background: #777573 !important; font-size: 0.75em; font-weight: 500; color: #fff; text-transform: uppercase; margin-bottom: 10px;
    }
    /* clear fix */
    .table-like:after {
        content: '';
        display: block;
        clear: both;
    }
    /* ---- vertical table-like ---- */
    .table-like__item {
        background: #dedddc;
        width: 100%;
        clear: both;
        border-top: 1px solid #bbb;
    }
    .table-like__item > * {
        display: inline-block;
        padding: 14px 4px;
    }
    .table-like__item .title { width: 79%; }
    .table-like__item .week { width: 7%; text-align: center; }
    .table-like__item .duration { width: 10%; }
    .table-like__item .ranking { width: 5%; text-align: center; }

form {}
    select:disabled {
        background-color: #ccc;
        color: #aaa;
    }

.tinySpacer {
    margin-bottom:10px;
}