I was wondering if there was any way I would be able to improve my HTML/CSS. Would you mind reviewing the following and telling me what I should do?
CSS:
<style type="text/css">
body {
font-family:Georgia, Palatino, Times, 'Times New Roman', serif;
color:#333333;
font-size:10px;}
h1 {
display:inline;
color:#A8DBA8}
h2 {
display:inline;
color:#333333;
font-style:italic;}
h3 {
font-weight:bold;
margin-bottom:5px;}
li {
list-style-type:none;
margin:0;
padding:0;}
#portrait {
margin-left:auto;
margin-right:0px;
margin-bottom:10px;
-moz-border-radius: 64px;
-webkit-border-radius: 64px;
width: 64px;
height: 64px;
background-image:url({PortraitURL-64})}
#container {
margin-left:300px;
margin-top:10px;
width:500px;}
#tags, #notes {
margin-top:10px;}
.sidebar {
position:fixed;
width:200px;
margin-left:75px;
margin-top:275px;
text-align:right;}
.sidebar #description {
margin-bottom:10px;}
.sidebar #navigation {
margin-bottom:10px;}
.entry {
overflow:scroll;
margin-bottom:10px;}
.entry #tags {
color:#CCCCCC;}
.entry #quote_source {
float:right;}
.entry #audio {
width:100%;
height:100%;
background-color:#000000;}
#audio {
width:500px;
height:29px;
background-color:#000000;}
a:link, a:visited {
color:#333333;
text-decoration:none;}
a:hover {
color:#A8DBA8;}
a.tag:link, a.tag:visited {
color:#CCCCCC;
text-decoration:none;}
a.tag:hover {
color:#CCCCCC
text-decoration:underline;}
</style>
HTML:
<div class="sidebar">
<div id="portrait"></div>
<div id="description">
<h2>"{Description}"</h2>
</div>
<div id="navigation">
<a href="/">Home</a> |
<a href="/about">About</a> |
<a href="/ask">Message</a> |
<a href="/archive">Archive</a>
</div>
</div>
<div id="container">
{block:Posts}
{block:Text}
<div class="entry" id="text">
{block:IndexPage}
{/block:IndexPage}
{block:Title}
<h3>{Title}</h3>
{/block:Title}
{Body}
</div>
{/block:Text}
{block:Photo}
<div class="entry" id="photo">
{block:IndexPage}
<a href="{Permalink}"><img src="{PhotoURL-500}"></a>
{/block:IndexPage}
{block:PermalinkPage}
<a href="{LinkURL}"><img src="{PhotoURL-500}"></a>
{block:HasTags}
<li id="tags">
Tagged:
{block:Tags}
<a href="{TagURL}" class="tag">{Tag}</a>
{/block:Tags}
</li>
{/block:HasTags}
{/block:PermalinkPage}
</div>
{/block:Photo}
{block:Photoset}
<div class="entry" id="photoset">
{Photoset-500}
</div>
{/block:Photoset}
{block:Quote}
<div class="entry" id="quote">
<li id="quote_content">
{Quote}
</li>
<li class="entry" id="quote_source">
- {Source}
</li>
</div>
{/block:Quote}
{block:Link}
<div class="entry" id="link">
<li><a href="{URL}" target="_blank">{Name} »</a>
</ul>
{/block:Link}
{block:Chat}
<div class="entry" id="chat">
{block:Lines}
{block:Label}
{Label} {Line} <br />
{/block:Label}
{/block:Lines}
</div>
{/block:Chat}
{block:Audio}
<div class="entry" id="audio">
{AudioPlayerBlack}
{block:PermalinkPage}
<div id="audio_description">
{block:TrackName}
{TrackName}
{/block:TrackName}
by
{block:Artist}
{Artist}
{/block:Artist}
</div>
{/block:PermalinkPage}
</div>
{/block:Audio}
{block:Video}
<div class="entry" id="video">
{Video-500}
</div>
{/block:Video}
{block:Answer}
<div class="entry" id="answer">
<li id="answer_question">
{Asker}: “{Question}”
</li>
<li id="answer_response">
{Answer}
</li>
</div>
{/block:Answer}
{/block:Posts}
</div>