@font-face {
    font-family: 'Optima';
    src: url('fonts/Optima.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	background: none;
	color: rgba(0,0,0,.45);
	font-family: 'Avenir';
	margin: 0;
}

.title-font {
	font-family: 'Optima';
}
.title-font.text-uppercase {
	text-transform: lowercase;
	letter-spacing: normal;
	font-size: 2em;
	letter-spacing: 3px;
}

.text {
	color: rgba(0,0,0,.45);
}

h1 {
	font-family: 'Avenir';
}

strong {font-weight: normal;}

.feature-bar {color: rgba(0,0,0,.45);border: none;}

.macro-font {font-family: 'Avenir';}

.login-form input[type=text],.login-form input[type=password] {
color: rgba(0,0,0,.45);
}

.login-form input[type=submit],.login-form input.arrow-btn {
padding: 1px 8px 6px;
/*vertical-align: text-top;*/
vertical-align: -4px;
}

.login-form button, .login-form input {
	padding: 5px 14px;
}

.short_explanation {
    text-align: right;
    width: auto;
    margin-left: 0;
    margin-right: 6px;
    font-size: .9em;
}

#quotes {
	list-style: none;
	margin-bottom: 0;
    padding-left: 0;
}

.password-holder {
	display:inline-block;width: inherit;vertical-align: top;
}

.wide {
    width: 200px;
}

.short_explanation a {
	color: rgba(0,0,0,.45);
}

.login-internal {
    color: inherit;
}

.right-info.wider-home {
    max-width: 655px;
}

.login-form {
    /*padding: 8px 0 0;*/
    padding: 0;
}

.quote-div p {
    height: 80px;
}

#quotes li p{
    vertical-align: middle;
    height: 80px;
    line-height: initial;
    font-size: 1.2em;
    display: table-cell;
}