body, p, ol, ul, td, input, textarea { margin: 0px; padding: 0px; font-family: georgia; color: #222; font-size: 19px; }
ol, ul { list-style-type: none }
th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0px;}
img { border: none; }

body { background-color: #fff; }
a { color: #d00; text-decoration: none; }
a:hover { text-decoration: underline; }


div.post, div.microblog, div.special { padding: 0 0 30px 0; line-height: 1.5em; display: block; }
div.post-content { width: 670px; }
div.post div.post-content { padding-top: 5px; }

div.date { margin: 0px 0px 26px; font-size: 18px; font-style: italic; text-align: center; }

a.comment-count { padding-left: 5px; border-left: 1px solid #bbb; }

h1, h2, h3 { font-weight: normal; line-height: 1.3em;}
h1, h2 { font-size: 50px; margin: 0; text-align: center; }
h3 { font-size: 32px; margin: 0 0 15px 0; text-align: center; }
h4 { font-size: 20px; margin: 10px 0 0 0; font-weight: bold; }
div#byline div h3 { font-size: 22px; margin: 10px 0 0 0; font-weight: bold; }

h1 a, h2 a, h3 a, h4 a { text-decoration: none; color: #111; }
h1 a:hover, h2 a:hover { text-decoration: none; }

h1.very-short, h2.very-short { font-size: 70px; }
h1.short, h2.short { font-size: 60px; }


blockquote { margin-left: 0px; padding-left: 40px; display: block; font-style:italic; background:url(/images/quote.png) left 0 no-repeat; }

div#boxes { float: left; padding: 0px; margin: 0 0 0 50px; text-align: center; width: 230px; }
div.box { clear: left; margin: 0 0 20px 0; font-size: 18px; line-height: 1.6em; }
div.box h3 {margin: 0 0 10px 0; font-size: 20px; font-weight: bold;}
div.box-content { }

div.box#byline { padding-top: 40px; background:url(/images/crown-small.png) center 5px no-repeat;}
div.box#follow { font-size: 17px; }

div#header { margin: 0; }
#header h2, #header h1 { background:url(/images/london-silhouette.png) 20px 20px no-repeat; }  
#header h2 a, #header h1 a {height: 200px; margin-top: 40px; color: #000; text-decoration: none; display: block; background:url(/images/magnus-londonblogg-logo.png) left center no-repeat; overflow: hidden; text-indent: -5000px; }

#footer-wrapper {  }
#footer { padding: 30px 0; }

#footer a { font-size: 20px;  }
#footer a:hover {  }

#footer .next, #footer .previous { font-size: 22px; line-height: 42px; height: 42px; } 
#footer .next { float: right; text-align: right; padding-right: 90px; background:url(/images/point-right.png) top right no-repeat; }
#footer .previous { line-height: 42px; height: 42px; padding-left: 90px; float: left; background:url(/images/point-left.png) no-repeat; }


div#content-wrapper { text-align: left; margin: 0 auto; padding-bottom: 25px; width: 1040px;}
div#main-nav { clear: both; background-color: #000; color: #fff; margin: 0; padding: 14px; }
div.video { padding-top: 12px; clear: both; }
div.flash { text-align: center; }

div#admin { padding: 5px 5px 0 5px; font-size: 12px;}
div#admin ul { display: inline; }
div#admin li { display: inline; padding-left: 6px; border-left: 1px solid #000; font-size: 17px;}
div#admin li.familjen { float: right; border: none;}
div#admin li.first { border: none;}
div#login { float: right; }
div#login a { color: #fff; }
div#admin-main-div { background-color: #fff; padding: 20px; }
div#admin-main-div a { color: #09c; }
div#admin-main-div table { margin-top: 20px; }
div#admin-main-div table th, div#admin-main-div table td { padding: 5px 3px; vertical-align: top; }
div#admin-main-div td { border-top: 1px solid #ccc; }
div#admin-main-div input, div#admin-main-div select, div#admin-main-div textarea { border: 1px solid #ccc; padding: 3px; }
div#admin-main-div dt {float: left; clear: both; margin: 5px 10px 10px 0; padding: 0;}
div#admin-main-div dd {float: left; margin: 0; padding: 6px 0 0 0;}

td.url, th.url { width: 150px; }
td.text, th.text { width: 300px; }
td.name, th.name { width: 100px; }
td.date, th.date { width: 150px; }
td.approve, th.approve { width: 80px; text-align: center;}
td.delete, th.delete { width: 80px; text-align: center;}


div#admin a.site { font-weight: bold; border: none; text-decoration: none; text-transform: uppercase; }
div#admin a.site:hover { text-decoration: underline; }


#bottom-nav, #top-nav { font-size: 11px; text-transform: uppercase; padding: 7px; }
#top-nav { float: right;  }
#bottom-nav { clear: both; float: right;}

ul.nav li {display: inline;}
ul.nav li.previous {border-right: 1px solid #666; padding-right: 3px;}

div#byline div h3 a { color: #000; }
div#byline div h3 a:hover { text-decoration: none; }


div#description, div#twitter_div { padding-top: 10px; font-size: 13px; width: 130px; line-height: 1.3em; }
div#description { padding-left: 7px; }

img.photo { padding: 0px; }
img.icon { float: left; margin-right: 4px; }

img.flickr { padding: 10px; border-top: 1px solid #e2e2e2; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #cacaca;}
object.youtube-video2 {padding: 6px; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 12px 0 12px 0; display: block;}
object.youtube-video {margin: 12px 0 12px 0; display: block;}

span.photo-shadow-outer { background:url(/images/photo-shadow-right.png) bottom right no-repeat; line-height: 1em; float: left; display: block;}
span.photo-shadow-inner { background:url(/images/photo-shadow-left.png) bottom left no-repeat; padding-bottom: 4px; line-height: 1em; display: block;}
	
object.vimeo { margin: 12px 0; }

span.comment-message {  }

div#post-list { width: 665px; min-height: 350px; float: left; padding: 0; margin-top: -15px; margin-left: 45px; }
div.post, div.microblog { padding-bottom: 40px; background:url(/images/ornament.gif) bottom center no-repeat; margin-bottom: 25px;}
div.post .tools, div.microblog .tools, div.comment .tools { clear: both; position: absolute; left: 750px; padding-top: 3px; display: block;}
.computer div.post .tools, .computer div.microblog .tools, .computer div.comment .tools { display: none; }
div.post:hover .tools, div.microblog:hover .tools, div.comment:hover .tools { display: block;}
div.post p { margin-bottom: 13px; }
div.microblog { margin: 0; font-size: 26px; text-align: center;}
div.post ul li { margin-bottom: 10px; list-style: square outside; margin-left: 30px; }
div.post ol li { margin-bottom: 10px; list-style: decimal; margin-left: 30px; }
div.post ul { margin-bottom: 20px; }
div.post h3 { font-size: 18px; margin-bottom: 10px;}

div.post table { width: 100%; }
div.post th { border-bottom: 2px solid black; padding: 10px 8px; }
div.post td { padding: 10px 8px 0 8px;}

span.likes-wrapper a {  margin: 0 5px 0 0; }
span.likes-wrapper { border-right: 1px solid #bbb; padding-right: 5px; margin-right: 5px; }

div.post-footer { margin-top: 15px; font-size: 17px; padding-bottom: 10px; text-align: center;}


ul.last-fm { margin: 15px 0 0 0; text-align: center;}
ul.last-fm li { list-style-type: none; padding: 5px; margin: 0; line-height: 1.6em;}
ul.last-fm li span.time { font-weight: normal; font-size: 12px; color: #666; border: none; padding: 0; }
span.song { font-size: 34px;  }


a.external { }
a.more { }

a.listen { float: right; background: url(/images/headphones.png) 0px 2px no-repeat; padding-left: 25px; font-size: 12px;}

div.comment { font-size: 19px; margin-bottom: 30px; line-height: 1.5em; font-style:italic; }
div.comment-by-magnus span.name, div.comment-by-user span.name, div.comment-by-guest {}
div.comment-byline { margin-bottom: 10px; }
div.comment-byline img { float: left; margin-right: 15px; padding: 14px 13px; background: url(/images/square-frame.png) 0px 0px no-repeat;} 
div.comment-byline .name { padding-top: 3px; }

div.comment-byline span.name { display: block;  font-weight: bold;}
div.comment-byline span.time { display: block; font-size: 17px; line-height: 1.1em; font-style:normal;}

div.comment div.content { float: left; width: 580px; margin-bottom: 20px;} 

form.comment input, form.comment textarea { padding: 4px; border: 1px solid #666; background: #fff; line-height:1.2em; }
form.comment #commenttext { width: 492px; height: 100px; padding: 4px; margin-bottom: 10px;}
form.comment #submit{ height: 42px; cursor: pointer; border:none; background: none; font-size: 20px; color: #d00; padding-left: 90px; background:url(/images/point-right.png) top left no-repeat;  }
form.comment #submit:hover { text-decoration: underline; }
form.comment label { display: block; margin-top: 13px; padding-bottom: 5px;}
form.comment { display: block; }
input#commentname { width: 300px; }
input#commentemail { width: 300px; }
.explanation { font-size: 15px;}

div.visible { display: block; }
.hidden { display: none; }

.tag-wrapper { line-height: 34px;}

a.tag-size-1 { font-size: 14px; padding: 5px;}
a.tag-size-2 { font-size: 18px; padding: 5px;}
a.tag-size-3 { font-size: 24px; padding: 5px;}
a.tag-size-4 { font-size: 30px; padding: 5px; }

ul.comments { display: block; font-size: 12px; clear: left; }
.comment-link { float: right; font-size: 12px; padding-right: 20px; background: url(/images/icon-edit.gif) no-repeat right 3px; }

div.today { margin-top: 11px; margin-bottom: 7px; font-size: 12px; line-height: 1.3em; }
div.today h3 { font-size: 12px; font-weight: bold; padding: 2px 0 0 0; margin: 0; }

div.rating { font-weight: bold; }
div.rating span { font-weight: normal; }
div.rating .filled-star { color: #d00; }
div.rating .empty-star { color: #ddd; }


span.heart { display: inline-block; background: url(/images/heart.png) no-repeat 0 3px; width: 37px; height:37px; overflow: hidden; text-indent: -5000px; }

.info { color: #090; margin-bottom: 3px;}
.error { color: #b00; margin-bottom: 3px;}

div#user-info { padding: 7px; font-size: 13px; color: #666; text-align: right; line-height: 1.5em;}
div#user-info { float: right; }
div#user-info a { }

div.clearer, span.clearer { clear: both; height: 0px; margin: 0; padding: 0; display: block;}

div.tracking { clear: both; text-align: right; }

.small {font-size: 10px; }

h4 a { background: url(/images/icon-expand.gif) no-repeat right 8px; padding-right: 12px;  }
h4.ui-state-active a { background: none; padding-right: 12px; }
.ui-state-focus{ outline: none; }

ul.sub-navigation { margin: 0px; padding: 0px; text-align: center; }
ul.sub-navigation li { display: inline; list-style-type:none; border-left: 1px solid #bbb; padding: 3px 5px;}
ul.sub-navigation li.first { border: none; }

.special h1 { margin-top: 20px; margin-bottom: 15px;}
.special p { margin-bottom: 15px;}

.ui-state-focus{ outline: none; }

h5 {margin: 0; padding: 0; font-weight: normal; font-size: 19px; }

ul.image-list { margin: 0px; padding: 0px; width: 685px;}
ul.image-list li { list-style-type:none; clear: both; margin-bottom: 20px; font-size: 18px; line-height: 1.2em; height: 100px;}

table.image-list { margin-left:auto; margin-right:auto; }
#admin-main-div table.image-list { margin: none; }

.image_list_element { font-size: 19px; padding-bottom: 20px; }
.image_list_element span.name { display: block; font-size: 28px; padding-bottom: 6px; }
.image_list_element span.description { }
.image_list_element span.number {  }
.image_list_element.list-image, .image_list_element.list-image-with-tooltip { display: block; width: 100px; margin: 0 20px 0 0; float: left; text-align: center; }
.image_list_element a { font-size: 16px; }
.image_list_element_image { padding: 5px 20px 15px 20px; }
.image_list_element_image img { max-width: 100px; max-height: 100px; }
.image_list_element_number { font-size: 48px; vertical-align: top; }


tbody.ui-sortable tr { cursor: move; }


ul.image-list#image-list-admin li {  }

div.image-list-tools { float: right; }
div.image-list-tools a { width: 16px; height: 16px; margin-right: 10px; display: inline-block; overflow: hidden; text-indent: -5000px;}
a.edit-icon { background: url(/images/icons/without-shadows/page-pencil-16-ns.png) no-repeat 0 0; }
a.delete-icon { background: url(/images/icons/without-shadows/cross-16-ns.png) no-repeat 0 0; }

a.new-icon { background: url(/images/icons/without-shadows/plus-16-ns.png) no-repeat 0 2px; padding-left: 20px; }

.tooltip {
	display:none;
	background-color: white;
	padding: 8px;
	-moz-box-shadow: 2px 2px 11px #666;
	-webkit-box-shadow: 2px 2px 11px #666;
	border: 1px solid #bbb;
}

.tooltip img { max-width: 240px; max-height: 240px; }

ul.sub-navigation { margin: 0px; padding: 0px; }
ul.sub-navigation li { display: inline; list-style-type:none; border-left: 1px solid #bbb; padding: 3px 5px; }
ul.sub-navigation li.first { border: none; }

div#add-image-list-item { width: 685px; border: 1px solid #bbb; padding: 15px; margin-top: 20px;}
form.image-list-item { margin: 15px 0 0 0; }
form.image-list-item label { display: inline-block; width: 200px; text-align: right;}

form.image-list-item input.text { font-family: georgia; font-size: 19px; width: 380px; padding: 4px; border: 1px solid #bbb;}
form.image-list-item input.submit { font-family: georgia; font-size: 19px; border: none;}

a.ok { display: inline-block; background: url(/images/icons/without-shadows/badge-circle-check-24-ns.png) no-repeat 0 0; padding: 3px 0 0 28px; margin-left: 15px; margin-top: 15px; }
a.cancel { display: inline-block; background: url(/images/icons/without-shadows/badge-circle-cross-24-ns.png) no-repeat 0 0; padding: 3px 0 0 28px; margin-left: 15px; margin-top: 15px;  }

table.lastfm-top-list { width: 100%; margin-top: 25px; }
table.lastfm-top-list tr { border-bottom: 1px solid #bbb; }
table.lastfm-top-list tr td { padding-top: 10px; padding-bottom: 10px; vertical-align: top;}
table.lastfm-top-list tr td.rank { font-size: 40px; padding-right: 20px; text-align: right; width: 80px; }
table.lastfm-top-list tr td.artist { font-size: 24px; }
table.lastfm-top-list tr td.image { width: 95px; }
table.lastfm-top-list tr td img { width: 80px; height: 80px; display: block;}

td.trend-up { background: url(/images/arrow-up.gif) no-repeat 10px right; }
td.trend-down { background: url(/images/arrow-down.gif) no-repeat 10px right; }

.special ul { list-style-type: none;) }
.special ul li { margin-bottom: 20px; margin-left: 10px; padding-left: 50px; background: url(/images/point-right-small.png) no-repeat 7px left;}
.special ul { margin-bottom: 20px; }