/*  
Theme Name: MochM
Theme URI: http://tdhedengren.com/
Description: WordPress-tema f&ouml;r M&M. <a href="http://tdhedengren.com/">Made by TDH</a> @ <a href="http://cylinderlabs.com">CLAB</a>
Version: 1.0
Author: Thord Daniel Hedengren
Author URI: http://tdhedengren.com/
*/


/* MAIN DECLARATIONS */

body { margin: 0; padding: 0; background: #ff0 url(img/body-bg.gif) center repeat-y; color: #222; font-family: Georgia, Times, "Times New Roman", serif; }

.clear { width: 100%; height: 0 !important; clear: both; }
.down { padding-bottom: 20px; }
.up { padding-top: 20px; }

.pos { padding: 0 20px; } /* positioning for IE */

.right, .alingright { float:right; }
.left, .alignleft { float:left; }


/* ELEMENTS */

img { border:0; }
img.left, img.alignleft { margin: 0 15px 15px 0; }
img.right, img.alignright { margin: 0 0 15px 15px; }
img.frame { border: 1px solid #ddd; padding: 5px; }

blockquote { color: #555; }
blockquote.pullquote {}

ul, ol {}
li { margin-bottom: 5px; }

a { color: #c00; font-weight:bold;  text-decoration: underline; }
a:hover { color: #c00; text-decoration: none; }
a.more-link { font-family: "Gill Sans", Arial, sans-serif; font-size: 12px; text-transform: uppercase; text-decoration:none; font-weight:bold; padding-left: 8px; }

h1 { float:left; width: 250px; margin:0 0 10px 0; padding: 0; } /* for logo */



.embedded { text-align:center; margin: 0 0 12px 0; } /* for movies */


/* LAYOUT */

#site { width: 100%; text-align:center; background: url(img/site-bg.gif) center repeat-y; }

#wrap { width: 890px; margin: 0 auto; text-align: left; background: url(img/sidebar-top.gif) top no-repeat; }

#header { clear:both; margin: 30px 0 20px 0; font-family: "Gill Sans", Arial, sans-serif; color: #8b8378; }
#header .puff { float:right; width: 560px; padding: 0 0 10px 0; font-size: 12px; }
#header .puff a { color: #c00; text-decoration:none; }
#header .puff a:hover { color: #222; text-decoration:underline; }
#header .puff h2 { font-size: 10px; margin: 0 0 5px 0; padding: 0; }
#header .puff h2 a { color: #222; }
#header .menu { margin: 10px 0; width: 100%; background: #87cefa; font-size: 16px; color: #5d9dc5; clear:both; }
#header .menu p { padding: 10px; margin: 0; }
#header .menu p a { color: #135; text-decoration: none; padding: 0; }
#header .menu p a:hover { color: #fff; }

.column { width: 270px; } /* 310px max for 970px width */

#content { float: left; width: 560px; font-size: 16px; }
#content p { margin: 0 0 14px 0; padding:0; line-height: 24px; }
#content ul, ol { color: #555; }
#content h2 { margin: 0 0 8px 0; padding: 0; font-family: "Gill Sans", Arial, sans-serif; font-size: 36px; line-height: 36px; font-weight:normal; }
#content .single h2 {}
#content h2 a { color: #222; text-decoration: none !important; }
#content h2 a:hover { color: #c00; }
#content h3 { margin: 24px 0 10px 0; padding: 0; font-family: "Gill Sans", Arial, sans-serif; font-size: 12px; text-transform: uppercase; }
#content h4 { margin: 12px 0 8px 0; font-family: "Gill Sans", Arial, sans-serif; font-size: 12px; text-transform: uppercase; line-height: 12px; } 
#content .listhead { font-family: "Gill Sans", Arial, sans-serif; font-size: 12px; text-transform: uppercase; color: #555; margin-bottom: 30px; font-weight:bold; }
#content .listhead span { color: #222; }
#content .post { margin: 0 0 20px 0; }
#content .post .meta { color: #8b8378; font-size: 12px; line-height: 14px; margin-bottom: 14px; }
#content .post .meta a { color: #222; text-decoration: none; }
#content .post .meta a:hover { text-decoration: underline; }
#content .post .entry {}
#content .navigation { width: 100%; clear:both; padding: 0; font-family: "Gill Sans", Arial, sans-serif; font-size: 12px; text-transform: uppercase; }
#content .navigation a { text-decoration: none; color: #222; font-weight: bold; }
#content .navigation a:hover { color: #c00; }
#content .navigation .right { text-align:right; }
#content #searchform { margin: 0 0 12px 0; }
#content .tagcloud { text-align:center; padding: 20px; border: 1px solid #bbb; }
#content .tagcloud h2 { padding-bottom: 5px; border-color: #efefef; font-size: 18px; text-align:center; }
#content .tagcloud a { color: #111; }
#content .tagcloud a:hover { color:#555; }
#content .box { margin: 0 0 20px 0; padding: 0; float:left; background: #8b8378; color: #fff; font-family: "Gill Sans", Arial, sans-serif; font-size: 12px; }
#content .box .pos { padding: 20px; float:left; }
#content .box a { color: #ff0; text-decoration: none; }
#content .box a:hover { color: #87cefa; }
#content .box h3 { margin: 0 0 5px 0; }
#content .box .left, #content .box .right { width: 250px; margin-top: 15px; }
#content .box .left table { margin:0; padding: 0; overflow:hidden; border:0; }
#content .box .left table tr td { padding-bottom: 5px; text-align:right; }
#content .box .left table tr td span { background: #fff; padding: 2px; }
#content .moreposts { float:left; margin-right: -20px; font-size: 12px; }
#content .moreposts .post { width: 270px; margin: 0 20px 10px 0; padding: 8px 0 0 0; border: 1px solid #ddd; border-width: 1px 0 0 0; } 
#content .moreposts .post h3 { margin-top: 0; }
#content .moreposts .post h3 a { text-decoration: none; color: #222; }
#content .moreposts .post h3 a:hover { color: #c00; }
#content .moreposts .post p { line-height: 18px; }

/* comments */
#content #comments { color: #444; font-size: 14px; }
#content #comments h2 { margin: 30px 0 0 0; border:0; }
#content #comments h3 { margin: 0; }
#content #comments p.center { text-align:center; }
#content #comments ol, #content #comments ol.commentlist { margin: 0; padding: 20px; border: 3px solid #eee; }
#content #comments ol.respond { margin-top: 0px; }
#content #comments ol.respond p { margin: 5px 0; }
#content #comments ol li { height: 1%; color: #444; font-family: Georgia, Times, Times New Roman, serif; margin: 0 0 10px 0; padding: 20px; list-style: none; background: #efefef; }
#content #comments ol li p { margin: 0 0 12px 0; padding: 5px 0 0 0px; }
#content #comments ol li.alt { background: #e8f1f0; }
#content #comments ol li.rss { padding: 0; background: #fff; text-align:right; }
#content #comments ol li.trackbacks { padding: 0; background: #fff; text-align:center; font-size: 12px; }
#content #comments ol li p.commenter { font-size: 12px; line-height: 18px; color: #888; margin: 0; padding: 10px 0 0 0; border: 1px solid #aaa; border-width: 1px 0 0 0; font-style: italic; }
#content #comments ol li p.commenter .avatar { float:left; margin: 0 8px 0 0; }
#content #comments #author, #content #comments #email, #content #comments #url { width: 300px; }
#content #comments #commentarea { border: 1px solid #888; background: #efefef; color: #111; font-family: Georgia, serif; font-style: italic; font-size: 14px; padding: 10px; width: 572px; height: 150px; }
#content #comments .subscribetocomments { margin: 10px 0; padding: 3px 0; border: 1px solid #eee; border-width: 1px 0; text-align:right; }
#content #comments .subscribetocomments input { width: 14px; height: 14px; border: 0; }

#sidebar { float: right; font-family: "Gill Sans", Arial, sans-serif; font-size: 12px; color: #111;  }
#sidebar a { color: #111; font-weight:bold; text-decoration: none; }
#sidebar a:hover { color: #c00; text-decoration: none; }
#sidebar ul, #sidebar ol { margin: 0 0 20px 0; padding: 0; clear:left; }
#sidebar ul li, #sidebar ol li { list-style: none; }
#sidebar ul li h2, #sidebar ol li h2 { color: #8b8378; margin: 0 0 8px 0; padding: 0 0 2px 0; border: 1px solid #8b8378; border-width: 0 0 1px 0; font-size: 12px; text-transform: uppercase; }
#sidebar ul li.mail { padding-left: 20px; background: url(img/contact-mail.gif) left no-repeat; }
#sidebar ul li.tel { padding-left: 20px; background: url(img/sidebar-tel.gif) left no-repeat; }
#sidebar li.links a, #sidebar li.links a { font-weight:normal; }
#sidebar ul.omslag {}
#sidebar ul.omslag li {}
#sidebar ul.omslag div { float:right; width: 110px; overflow:hidden; margin: 0 0 10px 0; }
#sidebar ul.omslag div p, #sidebar ul.omslag div.left p { margin:0; padding:0; }
#sidebar ul.omslag div.left { float:left !important; margin: 0 0 10px 0 !important; }
#sidebar ul.omslag div img { width: 110px; height:auto; }
#sidebar .search { margin: 0 0 20px 0; padding: 10px; background: #8b8378; text-align:center; float:left; }

#footer { height: 1%; clear:both; margin: 0; padding: 10px 0 30px 0; border: 5px solid #87cefa; border-width: 5px 0 0 0; font-size: 12px; color: #555; }
#footer a { color: #222; }
#footer a:hover { color: #c00; }
#footer p { margin: 0 10px 10px 10px; line-height: 18px; }
#footer .content { width: 560px; float:left; }
#footer .right p { text-align:right; }