@charset "UTF-8";
/*
	Theme Name: dot something
	Author: Jeff Starr @ Monzilla Media
	Author URI: https://monzillamedia.com/
	Description: custom theme for htaccessbook.com
	Version: 2015
	License: Copyright 2015 Monzilla Media
*/

html { background-color: #000; }
html, body { margin: 0; padding: 0; }
body { color: #333; font-family: 'Open Sans', sans-serif; text-align: center; -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, blockquote, .pagination li a { font-family: 'Bree Serif', serif; -moz-osx-font-smoothing: grayscale; }

a, footer p, footer ul { -webkit-font-smoothing: subpixel-antialiased; }
.logo h1 a, .wrap h1 a { -webkit-font-smoothing: antialiased; }

img { display: inline-block; max-width: 100%; height: auto; }

sup, .sup { color: #777; }

nav { position: fixed; top: 0; z-index: 9999; width: 100%; height: 32px; line-height: 32px; font-size: 13px; background-color: #000; background-color: rgba(0,0,0,0.7); }
nav ul { height: 100%; margin: 0; padding: 0; }
nav li { height: 100%; display: inline-block; margin: 0; padding: 0; }
nav a  { height: 100%; display: inline-block; padding: 0 10px; color: #eee; text-decoration: none; }
nav a:hover, nav .current { background-color: #222; background-color: rgba(255,255,255,0.1); }
nav a:active { background-color: #3399cc; }

.content { position: relative; z-index: 999; box-shadow: 0 0 16px 0 rgba(0,0,0,0.9); padding: 20px 0; background-color: #fff; }

.wrap { max-width: 940px; margin: 0 auto; padding: 20px 10px; }
.wrap a, .sep a { color: #3399cc; text-decoration: none; }
.wrap a:hover, .sep a:hover { text-decoration: underline; }

.htaccess .button-wrap { width: 100%; overflow: hidden; margin: 20px 0; padding: 30px 0; }
.htaccess .button { position: relative; margin-top: 20px; padding: 20px 40px; font-size: 14px; color: #fff; background-color: #3399cc; text-decoration: none; box-shadow: 0 0 7px rgba(0,0,0,0.3); }
.htaccess .button:hover { opacity: 0.8; text-decoration: none; }
.htaccess .button:active { position: relative; top: 2px; }

footer { padding: 40px 0 0 0; font-size: 14px; color: #eee; background: url(img/bg.png) repeat 0 0 fixed; }
footer h5 { margin: 20px 0; font-size: 20px; }
footer ul { display: inline-block; margin: 0; text-align: left; line-height: 1.5; }
footer p { line-height: 1.5; }
footer .social { display: inline-block; margin: 5px; vertical-align: top; }
footer .social a { display: inline-block; text-indent: -9999em; vertical-align: top; }
footer .cols { width: 100%; overflow: hidden; margin: 20px 0; }
footer .col { display: inline-block; width: 30%; min-width: 250px; margin: 0 10px; vertical-align: top; }
footer .col-2 { display: inline-block; width: 45%; min-width: 350px; margin: 0 10px; vertical-align: top; }
footer .rebel span { display: inline-block; width: 28px; height: 28px; line-height: 28px; font-size: 24px; text-align: center; }
footer .credits p { font-size: 12px; vertical-align: middle; }
footer .star { font-size: 10px; }

@media (max-width: 850px) {
	footer { background-attachment: scroll; }
	footer .col-2:first-child { margin-bottom: 40px; }
}
@media (max-width: 500px) {
	footer .col, footer .col-2 { width: 100%; margin: 0; }
}

/* newsletter */

.mc-signup { max-width: 300px; margin: 0 auto; padding: 10px 0 20px 0; }
.mc-signup h5 { margin-top: 5px; }
.mc-field-group { margin: 0 auto; }
.mc-field-group label { display: none; }
.mc-field-group input { display: block; width: 100%; box-sizing: border-box; margin: 10px 0 0 0; padding: 10px; font-size: 14px; }
.mc-signup div.response { margin: 10px 5px 5px 5px; font-size: 12px; }
div#mc_embed_signup div.mce_inline_error { margin: 0 !important; padding: 10px !important; font-size: 12px; }
div#mce-error-response { color: #ff9999; }
div#mce-success-response { color: #99cc99; }
.htaccess-members div#mce-error-response { color: #993333; }
.htaccess-members div#mce-success-response { color: #336633; }
.htaccess .mc-signup .button { margin: 10px 0 0 0; padding: 10px 40px; border: 0; }
.htaccess-members .mc-signup { padding: 0 10px 20px 10px; }
.htaccess-members .mc-signup h3 { margin: 0 0 20px 0; }
@media only screen and (max-width: 820px) {
	.htaccess-members .mc-signup { margin: 0; }
}



.top { position: fixed; z-index: 999; bottom: 10px; right: 10px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; font-size: 36px; text-align: center; color: #000; background-color: #fff; opacity: 0.3; cursor: pointer; }
.top:hover { opacity: 1.0; }

.animated.seen { -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.fadeInUp.seen    { -webkit-animation-name: fadeInUp;    animation-name: fadeInUp; }
.fadeInLeft.seen  { -webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft; }
.fadeInRight.seen { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
.fadeInDown.seen  { -webkit-animation-name: fadeInDown;  animation-name: fadeInDown; }

@-webkit-keyframes fadeInUp {
	0%   { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp {
	0%   { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@-webkit-keyframes fadeInLeft {
	0%   { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
	100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInLeft {
	0%   { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
	100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@-webkit-keyframes fadeInRight {
	0%   { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
	100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInRight {
	0%   { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
	100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
	100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
	100% { opacity: 1; -webkit-transform: none; transform: none; }
}

/* FIX CHROME IDIOCY */
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button { border-radius: 0 !important; }

/* ALL YOUR CODE ARE BELONG TO POETRY */