Looks okay, gotta decide on a cms
[dylansserver.git] / includes / style.css
index a370571..5e993a4 100644 (file)
        margin: 0;
        }
 
+h3 {
+       margin-top:15px;
+}
+
+a {
+       text-decoration:none;
+}
+
+li {
+       list-style:none;
+       display:block;
+}
+
 #structure {
-       padding-top:1px;
-       background-color:#fff;
        width:960px;
        margin: 0 auto;
        margin-top: 30px;
-       text-align: left;
-       border: 10px solid #fff;
-       }
-
-#logo_box {
-       background-image:url('../images/logo.png');
-       margin-top:25px;
-       margin-left:25px;
-       width:150px;
-       min-height:150px;
 }
 
-#about_bar {
-       background-image:url('../images/logo.png');
-       margin-top:25px;
-       margin-left:25px;
-       width:150px;
-       min-height:500px;
+#banner {
+       float:right;
+       margin-right:15px;
 }
 
-#banner {
+#content {
        float:right;
-       margin-top:25px;
+       width:725px;
+       min-height:300px;
+       margin-bottom: 20px;
        margin-right:15px;
+       padding:5px;
+       padding-left:20px;
+       padding-bottom:25px;
 }
 
-#nav_bar {
+#portfolio {
        float:right;
-       width:750px;
-       margin-top:25px;
+       width:350px;
        margin-right:17px;
 }
 
-#nav_bar ul.tabs {
-       width:750px;
-       border-left: 1px solid black;
-       border-bottom: 1px solid black;
-       height:40px;
-       text-align:center;
+#portfolio li{
+       font-family:sans-serif;
 }
 
-#nav_bar li {
-       text-align:center;
-       float:left;
-       border-top: 1px solid black;
-       border-right: 1px solid black;
-       list-style:none;
-       line-height: 40px;
-       height: 39px;
-       margin-bottom: -1px;
+#exhibit {
+       float:right;
 }
 
-#nav_bar a {
-       display:block;
-       padding-left:3px;
-       padding-right:3px;
-       margin-left:1px;
-       margin-right:1px;
-       text-decoration:none;
-       color:black;
+#exhibit h1 {
+       margin-bottom:15px;
 }
 
-#nav_bar ul.tabs li.active {
-       border-bottom: 1px solid #fff;
+.exhibit {
+       width:300px;
+       min-height:600px;
+       border:1px solid black;
+       padding:10px;
 }
 
-#nav_bar ul.tabs li.active a {
-       font-weight:bold;
+.shownDiv {
+       border:1px solid black;
 }
 
-#content {
+#contact_me {
+       margin-top:100px;
+}
+
+/* reprap */
+#reprap_entry {
+       font: 1.5em georgia, times;
+       text-decoration: none;
+       display: block;
+}
+
+/* peepshow */
+#peepshow_ {
+       font-style:italic;
+}
+#peepshow_title_1 {
+       font-style:italic;
+       margin-top:0px;
+}
+
+#peephow_title_2 {
+       font-size:3em;
+}
+
+#peepshow_entry {
+       font:1.4em "lucida console";
+}
+
+/* readoo */
+#readoo_title {
+       font:1.6em arial;
+}
+
+#readoo_entry {
+       font:1.6em arial;
+}
+
+/* drawcss */
+#drawcss_title {
+       font:1.6em "lucida console";
+}
+
+#drawcss_entry {
+       font:1.6em "lucida console";
+ }
+
+/* youtube_backup */
+#youtube_backup_title {
+       font:1.6em "lucida console";
+}
+
+#youtube_backup_entry {
+       font:1.4em "lucida console";
+}
+
+/* i_like_pandora */
+#i_like_pandora_title {
+       font:1.6em "lucida console";
+}
+
+#i_like_pandora_entry {
+       font:1.4em "lucida console";
+}
+
+/* notes */
+#notes {
        float:right;
-       width:725px;
-       min-height:300px;
-       margin-bottom: 20px;
-       margin-right:15px;
-       padding:5px;
-       padding-left:20px;
-       padding-top:25px;
-       padding-bottom:25px;
+       text-align:right;
+       margin-top:20px;
+}
+
+#notes h2 {
+       margin-bottom:10px;
+}
+
+.note {
+       margin-bottom:40px;
+}
+
+.note p {
+       margin-bottom:5px;
 }