/*
    Document   : custom-login
    Created on : June 8, 2012
    Author     : David Cramer
    Description:
       changes the login screen to a custom one.
*/
 
body.login{background: inherit;overflow: hidden;}
/*This is specific for the Responsive Theme, but you can point it to any bg/image you want*/
html{background:#7f7f7f url(icons/bg-pattern.jpg) repeat;}
#login form .submit input:active {background-color: #E6E6E6;background-image: none;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);color: rgba(0, 0, 0, 0.5);outline: 0 none;}
#login form .submit input:hover {color: #666 !important;}
.login #nav a, .login #backtoblog a{color: #9E7150 !important;}
.login #nav a:hover, .login #backtoblog a:hover{color: #5A402D;}
.login form {background: inherit;border: 0px solid #E5E5E5;box-shadow: none;font-weight: normal;margin-left: 8px;padding: 26px 24px 46px;}
#login {background-color: #FFFFFF;border-radius: 3px 3px 3px 3px;box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);margin: 31px auto;padding: 20px 30px 32px 22px;width: 320px;}
/*RenderHack for the logo so that it can use the logo thats set in your header.*/
h1 a{background: url('../../../?renderLoginImage=true') center center no-repeat !important; height: 150px !important;}
.login form {background: none;}


/* Update */
#login {
    background-image: linear-gradient(bottom, rgb(245,245,245) 9%, rgb(255,255,255) 34%);
    background-image: -o-linear-gradient(bottom, rgb(245,245,245) 9%, rgb(255,255,255) 34%);
    background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 9%, rgb(255,255,255) 34%);
    background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 9%, rgb(255,255,255) 34%);
    background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 9%, rgb(255,255,255) 34%);   
    
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-top-color: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 20px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
         
}
#login form {
    background: #fff;
    background-image: linear-gradient(bottom, rgb(238,238,238) 1%, rgb(255,255,255) 11%);
    background-image: -o-linear-gradient(bottom, rgb(238,238,238) 1%, rgb(255,255,255) 11%);
    background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 1%, rgb(255,255,255) 11%);
    background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 1%, rgb(255,255,255) 11%);
    background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 1%, rgb(255,255,255) 11%);    
}
#login #nav,
#login #backtoblog {
    background: rgba(255, 255, 255, 1);
    border-radius: 3px;
    clear: both;
    margin-top: 10px;
    padding: 10px;
    margin-left: 10px;
}
#login form .submit input {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color:#eaeaea;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea));
	background-image:-webkit-linear-gradient(top, #ffffff, #eaeaea);
	background-image:-moz-linear-gradient(top, #ffffff, #eaeaea);
	background-image:-ms-linear-gradient(top, #ffffff, #eaeaea);
	background-image:-o-linear-gradient(top, #ffffff, #eaeaea);
	background-image:linear-gradient(top, #ffffff, #eaeaea);
	box-shadow:0pt -1px 0pt rgba(0, 0, 0, 0.075) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.3) inset, 0pt 1px 2px rgba(0, 0, 0, 0.1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea);
	border:1px solid #ccc;
	border-bottom-color:#aaa;
	border-radius:2px;
	color:#555;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	font-weight:700;
	margin:0;
	text-decoration:none;
	text-shadow:0 1px 0 #fff;
	vertical-align:middle;
	white-space:nowrap;    
}
#login form .submit input:hover {
	background-color:#eaeaea;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#eaeaea));
	background-image:-webkit-linear-gradient(top, #eaeaea, #eaeaea);
	background-image:-moz-linear-gradient(top, #eaeaea, #eaeaea);
	background-image:-ms-linear-gradient(top, #eaeaea, #eaeaea);
	background-image:-o-linear-gradient(top, #eaeaea, #eaeaea);
	background-image:linear-gradient(top, #eaeaea, #eaeaea);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaeaea, endColorstr=#eaeaea);
	border:1px solid #bbb;
	border-bottom-color:#aaa;
	color:#555;
}