basic html design roughed in, django project run and admin started

TODO: ie testing (ugh, fuck that)
TODO: get photos section working
TODO: ... etc

2 files changed, 85 insertions, 9 deletions

diff --git a/static/img/orange_small.jpg b/static/img/orange_small.jpg
new file mode 100644
index 0000000..6ec36d5
--- /dev/null
+++ b/static/img/orange_small.jpg
diff --git a/static/style/default.css b/static/style/default.css
index 871e072..f18911e 100644
--- a/static/style/default.css
+++ b/static/style/default.css
@@ -7,6 +7,7 @@ body {
     font-family: serif;
     margin: 0px;
     padding: 0px;
+    background-color: #EEEEEE;
 }
 
 a {
@@ -14,15 +15,51 @@ a {
 }
 
 h1 {
+    font-size: 16pt;
+    font-weight: bold;
     text-align: center;
 }
 
+h3 {
+    margin: 0px;
+    padding-top: 8px;
+    padding-bottom: 4px;
+    padding-left: 30px;
+    padding-right: 30px;
+}
+
+p {
+    margin: 0px;
+}
+
 hr {
-    height: 2px;
+    height: 12px;
+    padding: 2px;
     background-color: black;
     padding: 0px;
     width: 100%;
     border: none; 
+    margin: 0px;
+    border-top: 5px solid #FFFFFF;
+    border-bottom: 5px solid #FFFFFF;
+    border-left: 55px solid #FFFFFF;
+    border-right: 55px solid #FFFFFF;
+}
+
+dt {
+    font-weight: bold;
+}
+
+dd {
+    position: relative;
+    left: 25px;
+}
+
+.path {
+    font-family: courier;
+    font-size: smaller;
+    color: #555555;
+    margin-left: 8px;
 }
 
 .righty_content {
@@ -33,10 +70,25 @@ hr {
 }
 
 .lefty_content {
-    margin: 3px;
+    text-align: center;
+    margin-right: 5px; 
     padding: 1px;
     float: left;
     width: 30%;
+    overflow: hidden;
+}
+
+.lefty_content img {
+    border: 1px solid black;
+    width: 90%;
+}
+
+.content_caption {
+    text-align: center;
+    font-style: italic;
+    width: 100%;
+    font-size: smaller;
+    font-family: courier;
 }
 
 .lefty {
@@ -48,21 +100,42 @@ hr {
 }
 
 .content {
+    background-color: #FFFFFF;
     margin-left: 4%;
-    width: 700px;
+    width: 680px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+    padding-left: 5px;
+    padding-right: 5px;
+    padding-bottom: 5px;
 }
 
 .content_footer {
     margin-left: 4%;
-    width: 700px;
+    width: 685px;
     font-size: small;
     font-style: italic;
     font-family: courier;
     text-align: center;
-    width: 700px;
+    width: 680px;
     margin-bottom: 5px;
     margin-top: 0px;
-    padding-top: 0px;
+    border-top: 2px solid #000000;
+    padding-top: 6px;
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+.right_stuff {
+    font-size: small;
+    margin-left: 4px;
+    width: 190px;
+    height: 0px;
+    overflow: visible;
+    float: right;
+    position: relative;
+    left: 206px;
+    top: -11px;
 }
 
 #top_bar {
@@ -79,10 +152,12 @@ hr {
     font-size: smaller;
     color: #EEEEEE;
     float: center;
-    width: 700px;
-    margin-left: 4%;
+    width: 684px;
     padding-top: 2px;
     padding-bottom: 0px;
+    padding-left: 3px;
+    padding-right: 3px;
+    margin-left: 4%;
     margin-bottom: 0px;
     margin-top:0px;
 }
@@ -93,5 +168,6 @@ hr {
     text-decoration: none;
 }
 
-#main_content {
+#main_title {
+    border-top: 5px solid #FFFFFF;
 }