/*===============================================================================================*/
/* Resources */
/*===============================================================================================*/

@font-face {
	font-family: clean;
	src: url(../resources/Cabin-Regular.ttf);
}
@font-face {
	font-family: big;
	src: url(../resources/Molot.otf);
	font-weight: 100;
}
@font-face {
	font-family: content;
	src: url(../resources/OpenSans-Semibold.ttf);
}

/*===============================================================================================*/
/* Common CSS */
/*===============================================================================================*/

.common_nav_hbar_general {
	background-color: white;
	padding-top: 10px;
	padding-bottom: 10px;

	padding-left: 60px;
	padding-right: 60px;
}
.common_nav_text_general {
	font-size: 1.1em;
	text-shadow: 0px 2px 1px rgba(0,0,0,0.2);
	line-height: 130%;
}
.common_nav_underconstruction {
	font-size: 0.7em;
	text-align: center;
	padding-bottom: 10px;
}

.common_choices
{
	color: rgba(192,192,192,1);
	text-align: center;

	font-size: 1.4em;
	font-variant: small-caps;
    font-family: big;
}

.common_choice_container
{
	display:inline-block;
	letter-spacing: +1px;
}

.common_choices a
{
    padding-left: 0.2em;
    padding-right: 0.2em;

    color: #C00;
    text-decoration: none;

    /* Set up the duct-tap panning */
    background: linear-gradient(to right, black 50%, rgba(0,0,0,0) 50%);
    background-size: 210% 100%;
    background-position:99% bottom;

    transition:
        color 0.4s ease-in-out,
        background-position 0.2s ease-in;
}
.common_choices a:hover
{
    color: #FFF;

    /* Set up the duct-tap panning */
    background-position:1% bottom;

    transition:
        color 0.4s ease-in-out,
        background-position 0.2s ease-in;
}

.common_selection
{
	color:rgba(0,0,0,1);
	font-weight: bold;
	font-size: 1.2em;

	text-shadow: 0px -2px 1px rgba(0,0,0,0.3);
}