@import url(style.widgets.css);

div#body.alt #header {
	background: #3b3b3b;
	background: -moz-linear-gradient(top, #3b3b3b 0%, #202020 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(100%,#202020));
	background: -webkit-linear-gradient(top, #3b3b3b 0%,#202020 100%);
	background: -o-linear-gradient(top, #3b3b3b 0%,#202020 100%);
	background: -ms-linear-gradient(top, #3b3b3b 0%,#202020 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#202020',GradientType=0 );
	background: linear-gradient(top, #3b3b3b 0%,#202020 100%);
}

div.site { width: 400px; margin: 100px auto; }
div.site.small { margin: 40px auto; }

div#body { margin: 16px 0; background: #fff; padding: 10px; border: 1px solid #E8E8E8; box-shadow: 0 2px 15px #E3E3E3; }
div#body.alt { box-shadow: 0 2px 15px #738594; padding: 0; border: none; }
div#body.alt #header h1 { border-top: 1px solid #6f6f6f; border-bottom: 1px solid #000; text-shadow: none; color: #fff; padding: 10px; font-size: 18px; font-weight: bold; }
div#body.alt #header h1 { background: url(../../../admin/themes/3.0/assets/logo.png) no-repeat center center; text-indent: -9999px; padding: 20px 10px; }
div#body.alt .styled { padding: 10px; }
div#body.alt h2 { padding: 0 10px; }
div#body.alt .pad { padding: 0 10px 10px; }

#footer { text-align: center; padding-bottom: 40px; font-size: 10px; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active, #footer .link { text-decoration: none; color: #ec8828; border-bottom: 1px solid #ed942f; cursor: pointer; text-transform: none; }
#footer a:active { font-style: italic; }
#footer a:hover { color: #efae40; border-bottom: 1px solid #efae40; }

/* Mobile-specific */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	div#body.alt { margin: 20px; }
	div.site { width: 100%; margin: 0; }
	form.styled input[type="text"], form.styled input[type="password"], form.styled input[type="email"] { width: 93%; }
}