--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/css/dottes.css	Fri Feb 15 20:32:21 2013 +0000
@@ -0,0 +1,97 @@
+body {
+    background-color: #9900cc;
+    background-image: url('../img/purple-fabric-background.jpg');
+    color: #000000;
+    font-size: 16px;
+    height: auto;
+    padding-top: 0px;
+    padding-bottom: 20px;
+    font-family: 'Oswald', serif;
+}
+
+h1 {
+    background: white;
+    font-weight: normal;
+    text-align: center;
+    font-size: 25px;
+    font-weight: bold;
+}
+
+p
+{
+    background: white;
+    margin: 20px;
+}
+
+div.clear
+{
+    padding: 5px;
+}
+
+div.banner h1
+{
+    background-color: #9900cc;
+    text-align: left;
+    font-size: 50px;
+    font-weight: bold;
+    color: #000000;
+    height: 136px;
+    font-family: 'Pirata One', sans-serif;
+    background-image: url('../img/buzzard.jpg');
+    background-repeat: no-repeat;
+    background-position: right center;
+}
+
+div.dottes-body
+{
+    background-color: white;
+    -webkit-border-top-left-radius: 5px;
+    -webkit-border-top-right-radius: 5px;
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-topright: 5px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+
+    -webkit-border-bottom-left-radius: 5px;
+    -webkit-border-bottom-right-radius: 5px;
+    -moz-border-radius-bottomleft: 5px;
+    -moz-border-radius-bottomright: 5px;
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+}
+
+div.dottes-body h1
+{
+    padding: 10px;
+    margin: 10px;
+    text-align: left;
+}
+
+div.dottes-container
+{
+    border: 2px solid grey;
+    margin: 5px;
+}
+
+div.dottes-transpose-instrument
+{
+}
+
+div.dottes-transpose-how
+{
+}
+
+div.dottes-transpose-tunes
+{
+}
+
+ul.tune-type-list
+{
+    list-style-type: none;
+    margin: 20px;
+}
+
+ul.tune-type-list li
+{
+    display: inline;
+}