digital shades: css and html

*I added a button and the relevant macro/command to roll
+ corrected typo

Digital Shades/sheet.css

@@ -5,7 +5,7 @@
 	margin-bottom: 10px;
 	border-style: solid;
 	border-width: 20px;
-	border-image: url(http://i.imgur.com/OQK1BCo.png) 30 stretch;
+	border-image: url('http://f.cl.ly/items/3Z1m431a1c020K3F0i2Q/digital_frame_box.png') 30 stretch;
 	text-align: center;
 }
 .sheet-auto-style4 {
@@ -18,7 +18,7 @@
 	margin-bottom: 10px;
 	border-style: solid;
 	border-width: 20px;
-	border-image: url(http://i.imgur.com/OQK1BCo.png) 185 stretch;
+	border-image: url(http://f.cl.ly/items/3Z1m431a1c020K3F0i2Q/digital_frame_box.png) 185 stretch;
 	border-image-slice: 30;
 }
 .sheet-text-left {
@@ -63,3 +63,48 @@
 	text-align: center;
 	font-family: "Courier New", Courier, monospace;
 }
+/*----Sheet Skill Button----*/
+.sheet-button {
+    display: inline-block;
+    text-align: center;
+    vertical-align: middle;
+    padding: 6px 5px;
+    border: 3px solid #6ba7bd;
+    border-radius: 22px;
+    background: #f2f6fa;
+    background: -webkit-gradient(linear, left top, left bottom, from(#f2f6fa), to(#265099));
+    background: -moz-linear-gradient(top, #f2f6fa, #265099);
+    background: linear-gradient(to bottom, #f2f6fa, #265099);
+    font: normal normal bold 23px courier new;
+    color: #ffffff;
+    text-decoration: none;
+}
+.sheet-button:hover,
+.sheet-button:focus {
+    border: 3px solid #7bc0d9;
+    background: #ffffff;
+    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#2e60b8));
+    background: -moz-linear-gradient(top, #ffffff, #2e60b8);
+    background: linear-gradient(to bottom, #ffffff, #2e60b8);
+    color: #ffffff;
+    text-decoration: none;
+}
+.sheet-button:active {
+    background: #919496;
+    background: -webkit-gradient(linear, left top, left bottom, from(#919496), to(#265099));
+    background: -moz-linear-gradient(top, #919496, #265099);
+    background: linear-gradient(to bottom, #919496, #265099);
+}
+.sheet-button:before{
+    content:  "\0000a0";
+    display: inline-block;
+    height: 24px;
+    width: 24px;
+    line-height: 24px;
+    margin: 0 4px -6px -4px;
+    position: relative;
+    top: -4px;
+    left: 1px;
+    background: url("http://i.imgur.com/749fGcz.png") no-repeat left center transparent;
+    background-size: 100% 100%;
+}