/* tag reset */

html, body, form, img, iframe { margin:0; border:0; padding:0; }
body { background-color:white; }
body, th, td { font-family:helvetica,arial,sans-serif; font-size:small;
    color:#333; line-height:1.3em; }

/* default links */

a:link { color:#09f; }
a:visited { color:#06c; }
a:hover { color:#09f; background-color:#eee; }
a:active { color:#06c; background-color:#eee; }

/* content typography */

h1, h2, h3, h4, h5, h6 { font-weight:bold; font-style:normal;
    margin-top:1.5em; }
h1 { font-size:1.5em; line-height:1.2em; }
h2 { font-size:1.2em; line-height:1em; }
h3 { font-size:1.1em; line-height:1em; }
h4 { font-size:1em; line-height:1em; }
h5, h6 { font-size:1em; line-height:1em; font-weight:normal;
    font-style:italic; }
p { padding:0; margin:1em 0; }
li { margin-bottom:0.7em; }
ul li { list-style-type:square; }
dt { font-weight:bold; margin-top:0.7em; }

/* tables */

table { width:100%; border:1px solid #ccc; border-collapse:collapse; }
th, td { padding:0.25em; vertical-align:top; text-align:left;
    border:1px solid #ccc; border-width:0 0 1px 0; }
th { border-width:1px 0; background-color:#eee; }

/* misc styles */

.headnote { font-size:x-small; color:gray; font-weight:normal; }
.highlight { background-color:#fffacd; padding:2px; }
.cl { clear:both; }

a.quiet { text-decoration:none; color:#333; }
a.quiet:hover { text-decoration:underline; color:#09f; background-color:#eee; }
a.quiet:active { text-decoration:underline; color:#06c; background-color:#eee; }

/* layout */

.page { width:940px; margin:0 auto; }
.content { float:left; width:470px; }
.widecontent { float:left; width:720px; }
.sidebar { float:left; width:210px; }
.nav { float:right; width:180px; }
.content, .widecontent, .sidebar { padding-right:40px; }
.content, .widecontent, .verywidecontent, .sidebar, .nav
    { padding-bottom:4em; background-color:white; }
.footer { clear:both; border-top:1px solid #eee; padding:1.5em 1em 2em;
    text-align:center; color:#666; }

/* header */

.header { padding:20px 0 8px; position:relative; border-bottom:3px solid #eee; }
.topnav ul { color:#666; font-weight:bold; }
.topnav ul { margin:0; padding:0; position:absolute; left:50px; top:40px; }
.topnav li { display:inline; margin:0 0.5em; padding:0; }
.user-info { position:absolute; top:40px; right:0; text-align:right; }
.logout { font-size:x-small; }

.site-messages { margin-top:2em; font-weight:bold; }
.site-messages ul { margin:0; padding:0.5em 0 0.5em 2em; }
.site-messages ul.notices { background-color:#fffacd; }
.site-messages ul.errors { background-color:#fcc; }
.site-messages ul li { margin:0; padding:0; }

/* nav sidebar */

.nav ul { margin:0; padding:0 0 0 1.9em; }
.nav li { margin:0 0 0.3em 0; padding:0; }

/* site list */

.site-name { font-weight:bold; }
.site-desc { margin-bottom:1em; }

/* service icons */

#services { margin:0; padding:0; }
#services li { list-style:none; clear:both; }
#services li .icon { height:16px; width:16px;
    background:white url("/media/ben/img/icons.png") 0 0 no-repeat;
    float:left; margin-right:8px; }
li#service-amazon .icon { background-position:0 0; }
li#service-brightkite .icon { background-position:0 -16px; }
li#service-dandelife .icon { background-position:0 -32px; }
li#service-delicious .icon { background-position:0 -48px; }
li#service-djangopeople .icon { background-position:0 -64px; }
li#service-facebook .icon { background-position:0 -80px; }
li#service-flickr .icon { background-position:0 -96px; }
li#service-foursquare .icon { background-position:0 -240px; }
li#service-friendfeed .icon { background-position:0 -112px; }
li#service-lastfm .icon { background-position:0 -128px; }
li#service-librarything .icon { background-position:0 -144px; }
li#service-linkedin .icon { background-position:0 -160px; }
li#service-moblog .icon { background-position:0 -176px; }
li#service-plancast .icon { background-position:0 -256px; }
li#service-twitter .icon { background-position:0 -192px; }
li#service-upcoming .icon { background-position:0 -208px; }
li#service-youtube .icon { background-position:0 -224px; }

/* footer */

.footer p { margin:0 0 0.5em; font-weight:bold; }
.footer ul { margin:0; padding:0; font-size:x-small; }
.footer li { display:inline; margin:0 0.5em; padding:0; }

/* ajax */

#ajaxload { display:none; position:fixed; z-index:1000; top:10px; right:10px; }
#ajaxload span { background-color:red; color:white; padding:2px; }

/* blog */

.permalink { font-size:medium; }
.metadata { color:gray; margin-top:-0.7em; }

ul.archive { margin:3em 0 0; padding:0; }
ul.archive li { display:inline; margin:0; padding:0; list-style:none; }
ul.archive li a { border:1px solid #09f; padding:5px; font-weight:bold; }

pre { padding:1em; margin:0 2em; background-color: #f9f9f9; }

.addthis { margin:2em 0 0; }

/* comments */

.blogcomment-outer { background:white url("/media/ben/img/comment-bg.png")
    left top repeat; }
.blogcomment, #comment-form { margin-top:1.5em; position:relative;
    background-color:white; border-left:3px solid #eee; padding-left:60px; }
.gravatar { position:absolute; top:0; left:10px; }

.blogcomment h2.author { margin-top:0; }
.blogcomment ul { padding:0; margin:1em 0 0; }
.blogcomment ul li { display:inline; padding:0; margin:0 0.5em 0 0; }

a.comment-link { display:none; }
#comment-form { position:relative; }
.reply { margin-left:23px; }
#comment-form h2, h2.add-comment { margin-top:1.5em; }
.cancel-edit, .edit-submit { display:none; }
#id_body, .comment-edit-area { width:400px; height:150px; }
#comment-preview-outer { display:none; }
#comment-preview-text { border:3px solid #fcc; padding:0 10px; }
#comment-preview { border-left:3px solid #eee; padding-left:10px;
    margin-bottom:1em; width:454px; }

/* log in/openid (currently for comments only) */

.jqmWindow { display:none; position:fixed; top:40%; left:50%; width:300px;
    margin-left:-165px; background-color:#fefefe; border:5px solid #ccc;
    padding:10px; }
.jqmOverlay { background-color:black; }

#id_openid_url { width:280px; background:white url("/media/img/login-bg.gif")
    0 50% no-repeat; padding-left:18px; }
.login-field { width:190px; }

/* forms */

.form-field { margin-top:1em; }
.compact { margin-top:0.3em; }
label { display:block; font-weight:bold; color:black; }
label.horiz { display:inline; float:left; width:8em; margin-top:4px; }
label.checkbox { display:inline; }
.reqicon { color:red; }
.form-help { color:gray; }

.form-field ul.errorlist { margin:0; padding:0; }
.form-field ul.errorlist li { color:red; margin:0; padding:0;
    list-style:none; }

.form-submit { margin-top:1em; }

/* feed */

.feed .cluster { margin-bottom:1.75em; }
.feed .cluster .icon { float:left; }
.feed .cluster .body { margin-left:23px; }
.feed .cluster .summary a.friend, .feed .cluster .summary a.room { font-weight:bold; }
.feed .entry, .feed .more, .feed .deleted { margin-top:0.6em; }
.feed .entry .info { margin-top:1px; color:gray; }
.feed .entry .info .lock { width:8px; height:10px; vertical-align:middle; padding-right:4px; padding-bottom:3px; }
.feed .entry .info a.via, .feed .entry .comments a.via { text-decoration:none; color:gray; }
.feed .entry .info a.via:hover, .feed .entry .comments a.via:hover { text-decoration:underline; }
.feed .entry .commentexpander { font-style:italic; margin-top:0.6em; color:gray; padding-left:16px; }
.feed .entry .hiddencomments { display:none; }
.feed .entry .comments .comment, .feed .entry .likes { margin-top:0.6em; color:gray; padding-left:32px; }
.feed .entry .comments .comment { background:url("http://friendfeed.com/static/images/quote2.png?v=2") 14px 2px no-repeat; }
.feed .entry .comments .comment.friendcomment { background:url("http://friendfeed.com/static/images/fquote2.png?v=2") 14px 2px no-repeat; }
.feed .entry .comments .comment.deleted { font-style:italic; }
.feed .entry .likes { background:url("http://friendfeed.com/static/images/smile.png?v=2") 12px 0px no-repeat; }
.feed .entry .longlikes { display:none; }
.feed .entry .comments .comment img.loading { margin-left:4px; vertical-align:middle; }
.feed .entry .comments .comment a.friend { font-style:normal; }
.feed .entry .comments textarea { color:gray; width:35em; }
.feed .entry .media { margin-top:5px; white-space:nowrap; }
.feed .entry .media td { padding-right:10px; vertical-align:middle; text-align:center; }
.feed .entry .media img { padding:3px; border:1px solid #d0d0d0; }
.feed .entry .media td.more img { padding:0; border:0; width:18px; height:18px; }
.feed .deleted { color:gray; }
.feed .l_options { background:url("http://friendfeed.com/static/images/menut.png?v=1") no-repeat right; padding-right:8px; }

/* content */

.content-year { margin-bottom:2em; }
.content-year h2 { margin-top:0; }

.content-item { width:273px; padding:0 40px 10px 0; display:inline; float:left; }
.content-item img { border:3px solid #eee; float:left; margin:0 10px 10px 0; }
.content-item h3 { margin:0; font-size:small; }
.content-item p { margin:0.5em 0 0; font-size:0.9em; }

/* photos */

.photos-intro { font-size:2em; text-align:center; padding:1em;
    background-color:#f9f9f9; margin-bottom:1em; font-weight:bold; }
.photos-intro .flick { color:#0063dc; }
.photos-intro .r { color:#ff0084; }
.photos-intro p { margin:0; padding:0; }

/* code highlighting */

pre .constant { color: #f20884; }
pre .include { color: #099; }
pre .comment { color: #666; }
pre .keyword { color: #0000d4; }
pre .identifier { color: #909; }
pre .special, .statement, .type { color: #008000; }
pre .preproc { color: #a020f0; }

/* error pages */

.dont-panic { font-size:5em; font-weight:bold; }
.dont-panic span { background-color:red; color:white; padding:15px; }

/* add this */

.addthis_toolbox a { float:left; }
a.addthis_button_tweet { margin-top:-2px; }
.addthis_button_compact .at15t_compact { margin-right:4px; float:left; }