/* DocCovington.net */

@import url(font.css);

* { margin: 0; padding: 0; }

html {height: 100%;}

body {
	height: 100%;
	color: #FFF; font-family: BebasNeueRegular, sans-serif;
	background-color: #425267; background-image: url(../img/bg_bubbles.jpg); background-repeat: no-repeat; background-size: cover;
	-moz-text-size-adjust: 100%; -o-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -khtml-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
	overflow-x: hidden;
}

p {margin-bottom: 20px;}
p:last-child {margin-bottom: 0;}
/* #main p a:before {content: "» "} */
h1, h2, h3, h4 {font-family: BebasNeueRegular, sans-serif; font-weight: 100;}
h1 {color: #FFF; font-size: 145%; letter-spacing: 0.1ex; text-shadow: 0 0 2px #CCD; margin-bottom: 20px;}
h1.space {margin-top: 35px;}
h2 {color: #AAC; font-size: 135%; letter-spacing: 0.2ex; text-shadow: 0 0 2px #AAB; border-bottom: 2px solid #AAC; margin-bottom: 20px;}
h3 {color: #999; font-size: 125%; letter-spacing: 0.1ex; line-height: 1.5em; margin-bottom: 15px;}
a, audio {color: #AAC; text-decoration: none; outline: none; margin: 0; padding: 0;}
#vmenu a, #hmenu a {color: #FFF;}
a:focus, a:hover, object {-moz-outline-style: none; outline: none;}
ul, li {list-style-type: none; list-style-position: inside; border-collapse: collapse; border: none;}
img {border: none;}
table {border-collapse: collapse; border: none;}
form {margin-top: 20px;}
input, textarea {
	color: #FFF; background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border: 1px solid #999;
	-moz-box-shadow: inset #999 0 0 5px -1px;
	-o-box-shadow: inset #999 0 0 5px -1px;
	-webkit-box-shadow: inset #999 0 0 5px -1px;
	-khtml-box-shadow: inset #999 0 0 5px -1px;
	-ms-box-shadow: inset #999 0 0 5px -1px;
	box-shadow: inset #999 0 0 5px -1px;
	padding: 4px;
}
input:focus, textarea:focus, select:focus, input:hover, textarea:hover, select:hover {border-color: #CCF;}
input#clear {float: left;}
input#send {float: right;}
input#clear, input#send {
	background-color: #555;
	color: #FFF;
	border: 1px solid #999;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: inset rgba(0,0,0,.5) 0 0 15px -1px;
	-o-box-shadow: inset rgba(0,0,0,.5) 0 0 15px -1px;
	-webkit-box-shadow: inset rgba(0,0,0,.5) 0 0 15px -1px;
	-khtml-box-shadow: inset rgba(0,0,0,.5) 0 0 15px -1px;
	-ms-box-shadow: inset rgba(0,0,0,.5) 0 0 15px -1px;
	box-shadow: inset rgba(0,0,0,.5) 0 0 15px -1px;
	padding: 4px 10px; margin-left: 5px;
}
input#clear:hover, input#send:hover {background-color: #38399D; cursor: pointer;}
#recaptcha_respone_field {color: #FFF;}
#recaptcha_widget_div {background-color: transparent;}
form td {vertical-align: middle; padding-bottom: 13px;}

header {width: 100%; min-width: 900px; font-style: italic; text-align: center; z-index: 0;}
header li {color: #FFF; cursor: pointer;}
header #open {float: left; width: 100px; text-align: left; z-index: 0;}
header #open img {padding: 20px 20px 0; cursor: pointer;}
header #doc {float: right; width: 100px; text-align: right; z-index: 0;}
header #doc img {
	width: 51px; height: 51px; margin: 11px 20px 0;
	-moz-border-radius: 25px; -o-border-radius: 25px; -webkit-border-radius: 25x; -khtml-border-radius: 25px; -ms-border-radius: 25px;
	border-radius: 25px; cursor: pointer;
}
header #doc span a:hover {color: #FFF;}

header #vmenu {
	clear: both; display: none; position: absolute; background-color: rgba(0,0,0,.33); text-align: left; font-size: 110%; letter-spacing: 4px; line-height: 1.4em;
	padding: 10px 0 10px 0; cursor: pointer; z-index: 2;
}
header #vmenu li {padding: 0 10px 0 20px;}
header #open:hover #vmenu {display: block;}
header #vmenu li.dropdown ul {z-index: 2;}
header #vmenu li.dropdown li {background-color: transparent; font-size: 80%; padding-left: 20px;}
header #vmenu li:hover {background-color: rgba(75,75,175,.75);}

header #lang {
	clear: both;
	display: none; position: absolute; right: 25px; top: 51px;
	background-color: rgba(0,0,0,.33); border-radius: 80px;
	text-align: center; vertical-align: middle; font-size: 90%; line-height: 1.4em;
	margin-right: 0; padding: 15px; z-index: 3;
}
header #doc:hover img {opacity: 0.75;}
header #doc:hover #lang {display: block;}

#wrapper {clear: both; max-width: 800px; position: relative; background-color: rgba(0,0,0,.4); padding: 50px;	border-radius: 25px; margin: 7.5% auto 25px;}

@media (max-width: 1112px) {
	header #lang div {width: 40px; margin: 15px auto 0;}
	header, header #hmenu {font-size: 13px;}
	header #hmenu {width: 815px;}
	header #hmenu li, header #hmenu li.dropdown {min-width: 90px;}
	header #hmenu ul ul {
		display: none; position: absolute; top: -8px; left: -4px; min-width: 75px;
		background-color: transparent; z-index: 1;
	}
	header #lang {width: 60px; height: 60px; padding-top: 5px; z-index: 1;}
	#main {max-height: 350px; font-size: 50%;}
	#main #designs {clear: both; font-size: 350%; margin: 50px auto 0;}
	#main #by {clear: both; font-size: normal; margin: 0 auto;}
	#recaptcha_challenge_image {width: 200px;}
	.recaptchatable #recaptcha_image {margin: 0 !important;	width: 200px !important;}
}
@media (max-height:600px) {
	header #lang div {width: 40px; margin: 15px auto 0;}
	header, header #hmenu {font-size: 13px;}
	header #hmenu {width: 815px;}
	header #hmenu li, header #hmenu li.dropdown {min-width: 90px;}
	header #lang {width: 60px; height: 60px; padding-top: 5px;}
	#main {max-height: 350px; font-size: 80%; max-height: 260px;}
	#main #designs {clear: both;font-size: 350%; margin-left: auto; margin-right: auto;}
	#main #by {clear: both; font-size: normal; margin: 0 auto;}
	#recaptcha_challenge_image {width: 200px;}
	.recaptchatable #recaptcha_image {margin: 0 !important;	width: 200px !important;}
}
@media (min-width:1112px) and (min-height:600px) {
	header #lang div {width: 65px; margin: 15px auto 0;}
	header, header #hmenu {font-size: 19px;}
	header #hmenu {width: 875px;}
	header #hmenu li, header #hmenu li.dropdown {min-width: 140px;}
	header #lang {width: 80px; height: 80px; padding-top: 10px;}
	#main {max-height: 500px; font-size: 80%; max-height: 410px;}
	#main #designs {clear: both; font-size: 600%; margin: 125px auto 0;}
	#main #by {clear: both; font-size: 135%; margin: 0 auto;}
	#recaptcha_challenge_image {position: relative; left: -50px;}
	.recaptchatable #recaptcha_image {margin: 0 !important;	width: 200px !important;}
}

header #hmenu {
	text-align: center; vertical-align: middle; letter-spacing: 4px;
	margin: 0 auto;
}
header #hmenu ul {padding-top: 26px; z-index: 1;}
header #hmenu ul li {
	position: relative; background-color: transparent;
	display: inline-block;
	text-align: center;
}
header #hmenu ul li:hover {background-color: rgba(75,75,175,.75);} /* background: #05E linear-gradient(top, #03C 0%, #06F 100%); */
header #hmenu ul li.dropdown:hover ul, header #hmenu ul li.dropdown:focus ul {display: block;}
header #hmenu li.dropdown li {background-color: transparent;}
header #hmenu ul ul {line-height: normal;}
header #hmenu ul ul li {
	display: block; height: min-height: 21px; padding-top: 12px; letter-spacing: 0.1ex;
	font-size: 80%; white-space: nowrap; border-collapse: collapse; border: none; margin: 6px 0; padding: 0;
}

#main {
	max-width: max-width: 750px;
	overflow-x: hidden; overflow-y: auto;
	font-family: Arial, Helvetica, sans-serif; font-size: 80%;
	scrollbar-face-color: #555;  
  scrollbar-shadow-color: #333;  
  scrollbar-highlight-color:#555;  
  scrollbar-3dlight-color: #777;  
  scrollbar-darkshadow-color: #333;  
  scrollbar-track-color: #111;  
  scrollbar-arrow-color: #555;
}
#main::-webkit-scrollbar {background-color: #111; width: 16px;  border-radius: 2px;}
#main::-webkit-scrollbar-button {background-color: #333; border-radius: 2px;}
#main::-webkit-scrollbar-track {background-color: #000; border-radius: 2px;}
#main::-webkit-scrollbar-track-piece {background-color: #111; border-radius: 2px;}
#main::-webkit-scrollbar-thumb {
	background-color: #555; border-radius: 5px;
	-moz-box-shadow: inset #333 0 0 5px -1px;
	-o-box-shadow: inset #333 0 0 5px -1px;
	-webkit-box-shadow: inset #333 0 0 5px -1px;
	-khtml-box-shadow: inset #333 0 0 5px -1px;
	-ms-box-shadow: inset #333 0 0 5px -1px;
	box-shadow: inset #333 0 0 5px -1px;
}
#main::-webkit-scrollbar-thumb:hover {
	background-color: #777;
	-moz-box-shadow: inset #333 0 0 5px -1px;
	-o-box-shadow: inset #333 0 0 5px -1px;
	-webkit-box-shadow: inset #333 0 0 5px -1px;
	-khtml-box-shadow: inset #333 0 0 5px -1px;
	-ms-box-shadow: inset #333 0 0 5px -1px;
	box-shadow: inset #333 0 0 5px -1px;
}
#main::-webkit-scrollbar-corner {background-color: #555; border-radius: 2px;}
#main::-webkit-resizer {background-color: #555;}
#main #designs {
	display: table;
	text-align: center; vertical-align: middle; text-shadow: 0 0 6px #444;
	font-family: GoodFootRegular, serif; font-weight: normal;
	color: #FFF; line-height: 1.2em;
	-moz-transform:rotate(-1deg);
	-webkit-transform:rotate(-1deg);
	-o-transform:rotate(-1deg);
	-ms-transform:rotate(-1deg);
	transform:rotate(-1deg);
	overflow: hidden;
}
#main #by {
	display: table; padding-top: 50px;
	text-align: center; vertical-align: middle; text-shadow: 0 0 6px #444;
	font-family: BebasNeueRegular, serif;
	color: #FFF; font-weight: 100; letter-spacing: 0.3em;
	overflow: hidden;
}
#main #designs span, #main #by span {display: table-cell; text-align: center; vertical-align: middle;}