
@mixin border-radius($radius) {
  -webkit-border-radius: $radius;
     -moz-border-radius: $radius;
      -ms-border-radius: $radius;
          border-radius: $radius;
}

$font-stack:    Helvetica, sans-serif;
$primary-color: #333;

div.widget
{
  font: 100% $font-stack;
  color: $primary-color;

  a
  {
    color: #00c;
  }
	
  a:hover
  {
    color: #ffc;
    text-decoration: none;
  }
}

.message {
  border: 1px solid #ccc;
  padding: 10px;
  color: #333;
}

.success {
  @extend .message;
  border-color: green;
}

.error {
  @extend .message;
  border-color: red;
}

.warning {
  @extend .message;
  border-color: yellow;
}

.box { 
	@include border-radius(10px); 
}
