+@font-face {
+ font-family: 'InconsolataMedium';
+ src: url('/font/inconsolata-webfont.eot');
+ src: url('/font/inconsolata-webfont.eot?#iefix') format('embedded-opentype'),
+ url('/font/inconsolata-webfont.woff') format('woff'),
+ url('/font/inconsolata-webfont.ttf') format('truetype'),
+ url('/font/inconsolata-webfont.svg#InconsolataMedium') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'MuseoSlab500';
+ src: url('/font/museo_slab_500-webfont.eot');
+ src: url('/font/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
+ url('/font/museo_slab_500-webfont.woff') format('woff'),
+ url('/font/museo_slab_500-webfont.ttf') format('truetype'),
+ url('/font/museo_slab_500-webfont.svg#MuseoSlab500') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
* {
- padding: 0;
- margin: 0;
- }
+margin:0;
+padding:0;
+}
+
+body {
+ background-image: url('../images/gray_jean.png');
+}
h3 {
- margin-top:15px;
- font-family:sans-serif;
+margin-top:15px;
+font-family:MuseoSlab500;
}
-h1, h2 {
- font-family:sans-serif;
- font-size:150%;
+h1,h2 {
+font-size:150%;
+font-family:MuseoSlab500;
}
a {
- text-decoration:none;
+text-decoration:none;
}
li {
- list-style:none;
- display:block;
+list-style:none;
+display:block;
}
#structure {
- width:960px;
- margin: 0 auto;
- margin-top: 30px;
+width:960px;
+margin:30px auto 0;
}
#banner {
- float:right;
- margin-right:15px;
+margin-left:15px;
}
#content {
- float:right;
- width:725px;
- min-height:300px;
- margin-bottom: 20px;
- margin-right:15px;
- padding:5px;
- padding-left:20px;
- padding-bottom:25px;
- text-align:right;
+width:725px;
+min-height:300px;
+margin-bottom:20px;
+margin-right:15px;
+text-align:left;
+padding:5px 5px 25px 20px;
}
#portfolio {
- float:right;
- width:350px;
+float:left;
+width:350px;
}
-#portfolio li{
- font-family:sans-serif;
+#portfolio li {
+font-family:InconsolataMedium;
}
#exhibit {
- float:right;
- margin-left:17px;
+float:right;
+margin-left:17px;
+font-family:InconsolataMedium;
}
#exhibit h1 {
- margin-bottom:15px;
+margin-bottom:15px;
}
.exhibit {
- width:300px;
- min-height:600px;
- border:1px solid black;
- padding:10px;
- display:none;
- text-align:left;
+width:300px;
+min-height:475px;
+border:1px solid #000;
+display:none;
+text-align:left;
+padding:10px;
}
.shownDiv {
- border:1px solid black;
+border:1px solid #000;
}
#contact_me {
- margin-top:100px;
- font-family:sans-serif;
- text-align:right;
- clear:both;
-}
-
-/* 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";
+margin-top:100px;
+text-align:left;
+clear:both;
}
-#peepshow_entry {
- font:1.4em "lucida console";
-}
-
-/* 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, #note {
- text-align:right;
- margin-top:20px;
+#notes,#note {
+text-align:left;
+margin-top:20px;
+font-family:InconsolataMedium;
}
#notes h1 {
- margin-bottom:10px;
+margin-bottom:10px;
}
-
.date {
- color:grey;
+color:grey;
}
#comment_link {
- font-size:80%;
+font-size:80%;
}
.note {
- margin-bottom:40px;
+margin-bottom:40px;
+font-family:InconsolataMedium;
}
p {
- margin-top:15px;
+margin-top:15px;
}
pre {
- margin-top:20px;
- margin-bottom:20px;
+margin-top:20px;
+margin-bottom:20px;
+width:100%;
+overflow:auto;
}
#navigation {
- text-align:right;
- font-family:sans-serif;
+text-align:left;
}
#comments {
- border-right:1px solid black;
- padding-right:15px;
+margin-top:30px;
+border-left:1px solid #000;
+padding-left:15px;
}
.comment {
- margin-bottom:30px;
+margin-bottom:30px;
}
#comment {
- padding-right:15px;
- border-right:1px solid black;
- margin-top:15px;
- text-align:right;
+padding-left:15px;
+border-left:1px solid #000;
+margin-top:15px;
+text-align:left;
}
-#comment input {
- border:1px solid grey;
+#comment .submit {
+border:none;
+color:blue;
+cursor:pointer;
+font-size:120%;
+font-weight:700;
+margin-top:20px;
}
-#comment textarea {
- border:1px solid grey;
+#recaptcha_widget {
+position:relative;
+display:none;
}
-#comment .submit {
- background:#FFF;
- border:1px solid white;
- color:blue;
- cursor:pointer;
- font-size:120%;
- font-weight:bold;
+#recaptcha_image {
+top:0;
+right:0;
+float:left;
+position:relative;
+width:100px;
}
-#recaptcha_widget {
- position:relative;
+.recaptcha_help {
+font-family:MuseoSlab500;
+font-size:80%;
}
-#recaptcha_image {
- position:absolute;
- top:0px;
- right:0px;
+#drawcss_title,#drawcss_entry,#youtube_backup_title,#i_like_pandora_title,#fvlc_title,#irssi-notify_title {
+font-size:1.6em;
}
-#recaptcha_widget {
- display:none;
+#youtube_backup_entry,#i_like_pandora_entry,#matrixnullspace_entry,#fvlc_entry,#irssi-notify_entry,#dylansserver_entry,#metadata_writer_entry {
+font-size:1.4em;
}
-#not_human {
- display:none;
- font-weight:bold;
- font-family:sans-serif;
- color:red;
- margin-top:15px;
- margin-bottom:15px;
+#comment input,#comment textarea {
+border:1px solid grey;
+font-family:InconsolataMedium;
}
-#blank_comment { display:none;
- font-weight:bold;
- font-family:sans-serif;
- color:red;
- margin-top:15px;
- margin-bottom:15px;
+#not_human,#blank_comment {
+color:red;
+display:none;
+font-weight:700;
+margin-bottom:15px;
+margin-top:15px;
}