/* Style Functions */

.box-shadow (@x:2px, @y:2px, @z:4px, @c:rgba(0,0,0,0.4)) {
  /* useful if you don't want a bg color from leaking outside the border: */        
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 

  -webkit-box-shadow: @x @y @z @c; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: @x @y @z @c; /* FF3.5 - 3.6 */
          box-shadow: @x @y @z @c; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

.rounded-corners (@radius:5px) {
      -webkit-border-radius: @radius; /* Saf3-4, iOS 1-3.2, Android <1.6 */
     -moz-border-radius: @radius; /* FF1-3.6 */
          border-radius: @radius; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */        
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}

.shadow(@x:1px, @y:1px, @z:3px, @c:#9f9f9f) {
	text-shadow: @x @y @z @c; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
}

/* for buttons-anything for depressed feel gradient background */
.gradient-reverse () {
	background: #1E5799; /* Old browsers */
	background: -moz-linear-gradient(top, #1E5799 0%, #207cca 26%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1E5799), color-stop(26%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1E5799 0%,#207cca 26%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1E5799 0%,#207cca 26%,#7db9e8 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1E5799 0%,#207cca 26%,#7db9e8 100%); /* IE10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1E5799', endColorstr='#7db9e8',GradientType=0 );*/ /* IE6-9 */
	filter: e("progid:DXImageTransform.Microsoft.gradient( startColorstr='#1E5799', endColorstr='#7db9e8',GradientType=0 ); /* ie */");
	background: linear-gradient(top, #1E5799 0%,#207cca 26%,#7db9e8 100%); /* W3C */
}

.gradient (@starting:#7db9e8, @middle:#207cca, @ending:#1E5799) {
	background: @starting; /* Old browsers */
	background: -moz-linear-gradient(top, @starting 0%, @middle 26%, @ending 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@starting), color-stop(26%,@middle), color-stop(100%,@ending)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, @starting 0%,@middle 26%,@ending 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, @starting 0%,@middle 26%,@ending 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, @starting 0%,@middle 26%,@ending 100%); /* IE10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@starting', endColorstr='@ending',GradientType=0 );*/ /* IE6-9 */
	filter: e("progid:DXImageTransform.Microsoft.gradient( startColorstr='@starting', endColorstr='@ending',GradientType=0 ); /* ie */");
	background: linear-gradient(top, @starting 0%,@middle 26%,@ending 100%); /* W3C */
}

.rotate (@degree:7.5) {
	     -moz-transform: rotate(@degree);  /* FF3.5+  */
	       -o-transform: rotate(@degree);  /* Opera 10.5 */
	  -webkit-transform: rotate(@degree);  /* Saf3.1+, Chrome */ 
	      -ms-transform: rotate(@degree);  /* IE9 */
	          transform: rotate(@degree);  
	               zoom: 1;
}

.transition (@t:0.3) {
	  -webkit-transition: all @t ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all @t ease-out;  /* FF4+ */
      -ms-transition: all @t ease-out;  /* IE10? */
       -o-transition: all @t ease-out;  /* Opera 10.5+ */
          transition: all @t ease-out;
}





/* real styles */

  html {
    background-color:#e4e1d8;
  }
  body {
    font-family: 'Droid Sans Mono', sans-serif;
    color:#252424;
    .shadow();
 }
  #card {
    margin:40px auto;
    width:400px;

    padding:15px;

    background-image:url('../img/roughcloth.png');

    .rounded-corners(4px);
    .box-shadow(0,0,12px,#c2bbbb);
    border:1px solid #c2bbbb;
  }

  #siteurl {
    text-align:center;
    font-size:23px;
    margin:10px 0 35px 0;
  }

  ul#ze-list {
    list-style-type:none;
  }
  ul#ze-list li {
    margin:15px;
  }
  ul#ze-list li a {
    padding:3px 7px;
    text-decoration:none;
    color:#252424;
  }
  ul#ze-list li a:hover {
    color:#960b20;
  }
  ul#ze-list li a:active {
  }
  ul#ze-list li a.active {}