body{
background: #aaa;
margin:0px;
padding: 10px;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
color: #444;
}

.container{
text-align: left;
margin: 0 auto;
text-align:left;
width:530px;
background: #ddd;
}

.menu{
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
background: #ddd;
}

.menu a{
color: #333;
padding-left:5px;
padding-right:5px;
text-decoration: none;
font-size: 16px;
font-weight: normal;
}


.menu a:hover{
background: #eee;

}

.body{
margin: 10px;
color: #333;
}



.body a{
color: #444;
text-decoration: none;
}

h1, h2, h3{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing: -1px;
	margin:0;

}

.header{
width:500px;
border: 15px solid #fff;
}


.footer{
margin: 10px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-bottom: 10px;
text-align: center;

}

.footer a{
color: #000;
text-decoration: none;
}


.recentblog{
margin-top:10px;
}

.recentblogs{
border-top: 1px solid #777;
margin-top:20px;
padding-top: 10px;
}

.recentphotos{
text-align: center;
}
.recentphotos img{
border: 1px solid;
background #ddd;
}

.recentlinks{
font-size: 11px;
}
.recentlinks ul{

}

.contactmethods{
list-style: none;
font-size: 12px;

}

input, textarea{
border: 1px solid #000;
}

.emailform{
font-size: 12px;
}
.emailform textarea{
width: 300px;
height: 100px;
}
.emailform input{
}

.bookslist{
font-size: 10px;
position: relative;
text-align: center;
}

.book{
float: left;
text-align: center;
width: 100px;
padding: 10px;
height: 200px;
}


.book img{
border: 1px solid;
background: #aaa;

}

.quotations{
font-size: 12px;
}

.quotation{
border-top: 1px solid #aaa;
margin-bottom: 10px;
padding-top: 10px;
margin-top: 10px;
}
.quotation .q{

}
.quotation .author{
font-size: 11px;
font-style: italic;
}

.sites{
font-size: 12px;

}
.sites a{
font-weight: bold;
}

.bookinfo{
background: #eee;
}

.recentblog{
}

.recentblog a{
text-decoration: underline;
color: #666;
}

.recentblog blockquote
{
font-size: 11px;
border: 1px solid #ddd; 
background: #eee;
padding: 10px;

}

.recentblog blockquote p
{
padding: 5px;
margin: 0px;
}

.recentblog .details{
font-weight: bold;
}

.cloud{
padding-left: 5px;
padding-right: 5px;

}

a.link{
text-decoration: underline;
}


.activity{
    font-size: 12px;
}

.activity .twitter_text{
    background: url('/imgs/twitter.gif') no-repeat; 
    padding-left: 16px;
}

.activity .twitter_meta, .activity .twitter_meta a{
    font-size: 10px;
    color: #999;
}

.activity .foursquare_meta{
    background: url('/imgs/foursquare.png') no-repeat; 
    padding-left: 16px;
}

.activity .googlereader_meta{
    background: url('/imgs/googlereader.png') no-repeat; 
    padding-left: 16px;
}

.activity .flickr_meta{
    background: url('/imgs/flickr.gif') no-repeat; 
    padding-left: 16px;
}

.twitter_username{
color: #111;
}
ul.activity{
    padding: 0px;
    margin-left: 10px;
    margin-right: 10px;

}

.activity li { 
    list-style-type: none;
    margin: 0.5em 0 0 0;
    padding-left: 20px; /* or whatever you need for you image */
    background-image: url(/imgs/bullet_yellow.png);
    background-position: left top; /* or replace 'top' with the appropriate
    em value */
    background-repeat: no-repeat;
}

.bottom_nav{
    padding: 20px;
position: relative;
text-align: center;
}

.bottom_nav .right{
float: right;
border: 1px solid #aaa;
padding: 2px;
font-size: 10px ;
background: #eee;
}
.bottom_nav .left{
float: left;
border: 1px solid #aaa;
padding: 2px;
font-size: 10px ;
background: #eee; 

}
.bottom_nav .left a, .bottom_nav .right a{

    color:#999;
}
li.day_icon{
    background-image: url(/imgs/sun.png);
}

li.night_icon{
    background-image: url(/imgs/moon.png);
}

/*-------------chat stuff-----*/
 #chat-frame-wrapper { height:220px; width:300px; position:fixed; bottom:10px; right:20px; background:#e9f1ff; border:1px solid #ccc; }
#chat-frame-wrapper .close { margin:4px 4px 0 0; z-index:1000; }
#chat-frame { border:none; width:300px; height:200px; z-index:1;}
.close { float:right; width:16px; height:16px; background:url(/imgs/close2.png) no-repeat;}


.error{
color: red;
}



a{
    font-weight: bold;

}