diff --git a/styles/blogthon.css b/styles/blogthon.css index 6061978..66a1e49 100644 --- a/styles/blogthon.css +++ b/styles/blogthon.css @@ -6,7 +6,7 @@ body { font-family: Verdana, Times New Roman, Courier New; font-size: 12px; margin: 0px; - padding: 0px; + min-width: 800px; } img { @@ -39,7 +39,7 @@ div.header { a.header_link { text-decoration: none; - color: #395434; + color: #AA4444; font-weight: bold; font-style: italic; } @@ -49,7 +49,7 @@ div.rss { height: 25px; position: absolute; top: 15px; - right: 41px; + right: 50px; } a.rss_link { @@ -117,18 +117,34 @@ div.pages { div.months { - float: right; - width: 100px; + float: left; + width: 25%; + text-align: right; + margin-top: 10px; + margin-left: -25%; + margin-bottom: 40px; + position: relative; + right: -100%; } div.months_title { + text-align: center; color: #999999; font-weight: bold; font-size: 14px; letter-spacing: 1px; + border-bottom: 2px solid #AA4444; + width: 150px; + margin-left: auto; + margin-right: auto; } div.months_list { + border-top: 2px solid #DFDFDF; + border-bottom: 2px solid #AA4444; + width: 140px; + margin-left: auto; + margin-right: auto; } ul.months_list { @@ -136,8 +152,7 @@ div.months { list-style-type: none; margin-top: 0px; margin-bottom: 0px; - padding: 0px; - margin-left: -40px; + margin-left: -30px; } li.months_list_entry { @@ -153,33 +168,50 @@ div.months { } div.months_footer { + margin-left: 900px; float: none; } div.linklist { - float: right; - width: 100px; + clear: left; + float: left; + margin-top: 10px; + width: 25%; + text-align: right; + margin-left: -25%; + position: relative; + right: -100%; } div.linklist_title { + text-align: center; color: #999999; font-weight: bold; font-size: 14px; letter-spacing: 1px; + border-bottom: 2px solid #AA4444; + width: 150px; + margin-left: auto; + margin-right: auto; } div.linklist_list { + border-top: 2px solid #DFDFDF; + border-bottom: 2px solid #AA4444; + width: 140px; + margin-left: auto; + margin-right: auto; } ul.linklist_list { + margin-left: 900px; text-align: center; list-style-type: none; margin-top: 0px; margin-bottom: 0px; - padding: 0px; - margin-left: -40px; + margin-left: -30px; } li.linklist_list_entry { @@ -191,25 +223,24 @@ div.linklist { text-decoration: none; font-size: 12px; font-style: italic; - } div.linklist_footer { - float: none; } div.entries { - width: 600px; - min-height: 400px; - margin-left: 5px; + width: 75%; + margin-left: 25px; padding: 3px; } div.entry { margin-top: 10px; margin-bottom: 30px; + padding-left: 15px; + border-left: 10px dotted #AA4444; } div.entry_title { @@ -223,6 +254,10 @@ div.entries { color: #AA4444; } + a.entry_title:hover { + color: #CC6666; + } + div.entry_date { font-size: 10px; display: inline; @@ -245,3 +280,5 @@ div.entries { color: #AAAAAA; } + div.entry_border_bottom { + }