/*

*= require_self
*= require admin/forms

*= require admin/general




*/

@import "compass";
@import "compass/reset"; 




#browser_update{
	display:none;
	background: url('/assets/admin/backgrounds/bg-white.jpg');
	@include box-shadow(rgba(0, 0, 0, 0.7) 0 0px 10px inset);
	padding:20px;
	margin-top:20px;
	
	
	
	h2{
	
		
		
		font-family:georgia;
	
		margin-top:-15px;
		margin-right:-20px;
		margin-left:-20px;
		padding:20px;
		font-size:2em;
	
	}
	
	.browser{
		display:inline-block;
		text-align:center;
		
		
		
		img{
			width:120px;
			display:block;
			margin:auto;
			padding:10px;
			
			
			
			
		}
		
		
		&:hover{
		
			img{
			
				width:140px;
				padding:0px;
			}
		
		}
	
	}
	

}




body {
  background: url('/assets/admin/backgrounds/white_oak.png');
  font-family: verdana;
padding:0px;
margin:0px;
 
  font-size: 13px;
  font-family: "Lucida Grande", arial, helvetica, sans-serif; 

	p{

		margin-top:1em;
		margin-bottom:1em;
	}

	#title {
	    width: 520px;
	    margin: auto;
	    margin-top: 10%;
	    color: white;
	    @include text-shadow(0 1px 1px rgba(0, 0, 0, 0.7));
	    padding: 0px;
	    text-transform: uppercase;
	
		font-size:2.2em;
		font-weight:bold;
	 }


	#main {
	    background: white;
	    width: 500px;
	    padding: 10px;
	    margin: auto;
	    
	position:relative;
 }

 h1{
	 color:white;
	 font-size:1em;
 }
	 



#main:before,
#main:after {
   content:"";
   position:absolute;
   z-index:-1;
   bottom:15px;
   left:10px;
   width:50%;
   height:20%;
   max-width:300px;
  
	@include box-shadow(rgba(0, 0, 0, 0.7) 0 15px 10px );
 	@include transform(rotate(-3deg));
}

#main:after{
   right:10px;
   left:auto;
   @include transform(rotate(3deg));
 }

}
form{
	button{
		color: white;
		padding: 6px 10px;

	}
	

}



