body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, div, img { margin: 0; padding: 0; }

body { background: #000 url(http://www.anneliolander.com/images/pattern.jpg) fixed; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 21px; }

h1 { color: #8b2c42; font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; font-weight: normal; line-height: 21px; margin: 5px 0 10px 0; }
h2 { color: #07a0a6; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight: normal; line-height: 21px; margin-bottom: 21px; }
h3 { color: #444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }

p { padding-bottom: 21px; }
a { outline: none; }
a img { border: none; }
strong { font-weight: bold; }
em { font-style: italic; }

blockquote { background: transparent url(http://www.anneliolander.com/images/quote.gif) 0 0 no-repeat; font-style: italic; margin: 21px 0 42px 20px; padding: 0 50px; }

/* Listor */

/* Länkar */

a, a:visited { color: #07a0a6; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

/* Sektioner */

#container { width: 960px; background-color: #fff; padding-bottom: 30px; }

#header { }

#navigation { margin: 25px 30px 50px; }

#logo { position: absolute; left: 40px; top: 280px; width: 131px; height: 120px; }

#mainMenu ul { list-style: none; float: right; } 
#mainMenu ul li { float: left; color: #999; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; line-height: 21px; text-transform: lowercase; margin: 0 7px; }
#mainMenu ul li a, #mainMenu ul li a:visited { color: #999; text-decoration: none; }
#mainMenu ul li a:hover { color: #07a0a6; text-decoration: none; padding: 3px 0; border-bottom: 1px solid #07a0a6; border-top: 1px solid #07a0a6; }
#mainMenu ul li a.active { color: #07a0a6; text-decoration: none; }

#subMenu ul { list-style: none; float: right; margin-right: -3px; } 
#subMenu ul li { float: left; color: #07a0a6; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; line-height: 21px; }
#subMenu ul li a, #subMenu ul li a:visited { color: #07a0a6; text-decoration: none; }

#subMenu ul li a:hover { color: #07a0a6; text-decoration: underline; }
#subMenu ul li a.active { color: #07a0a6; text-decoration: underline; }



#mainContent { float: left; width: 699px; margin: 0; padding: 0 30px 30px 0; border-right: 1px solid #ddd; }

#sidebar { float: right; width: 170px; margin: 0 0 0 30px; padding-right: 30px; }
#sidebar p { font-size: 10px; line-height: 14px; margin-bottom: 14px; padding: 0; }
#sidebar ul { list-style: none; padding: 0; margin: 0; }
#sidebar ul li { font-size: 10px; line-height: 14px; margin: 0; padding: 0; }
#sidebar .entry_links { list-style: circle; }
#sidebar .entry_links li { margin-bottom: 7px; }

#sidebar img { margin-bottom: 14px; }
	
#footer { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#footer p { margin: 5px 0 0 200px; padding: 0; }

/* Klasser */

.left, .siteby { float: left; }
.right { float: right; }
.clear { clear: both; height: 0px; font-size: 1px; line-height: 0px; }
.attention { color: #07a0a6; }
.entry { margin-bottom: 56px; margin: 0 29px 0 200px; }

.portfolio_entry { margin-bottom: 56px; margin: 0 0 0 200px; }

.thumbnail { float: left; margin: 25px 25px 0 0; padding: 6px; border: 1px solid #dedede; }
.thumbnail_end { float: left; margin: 25px 0 0 0; padding: 6px; border: 1px solid #dedede; }
.thumbnail:hover, .thumbnail_end:hover { background-color: #07a0a6; }

.byline { color: #888; font-style: italic; }

/* Kommentarer */

.send-comment { background-color: #fff; padding: 0 0 0 200px; margin-top: 70px; width: 471px; }

.send-comment input { background-color: #f7f7f7; border: 1px dotted #ccc; padding: 3px 3px 4px 3px; }
.send-comment textarea { background-color: #f7f7f7; border: 1px dotted #ccc; width: 463px; height: 200px; padding: 3px 3px 4px 3px; } 

.send-comment .submit { float: right; background: url(http://www.anneliolander.com/images/submit.gif) 0 2px no-repeat; color: #fff; border: none; width: 81px; height: 24px; margin-bottom: 30px; }
.send-comment .submit:hover { cursor: pointer; background: url(http://www.anneliolander.com/images/submit-over.gif) 0 2px no-repeat; }

.comment-field-long { float: none; margin: 0 0 14px 0; }
.comment-field-long input { width: 463px; }

.comment-field-left { float: left; margin: 0 25px 14px 0; }
.comment-field-left input { width: 215px; }

.comment-field-right { float: left; margin: 0 0 14px 0; }
.comment-field-right input { width: 215px; }

.comment { float: left; width: 450px; }
.comment p { padding-bottom: 14px; }

.comment-header { color: #07a0a6; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight: normal; line-height: 21px; margin-bottom: 5px; }
.comment-nr { float: left; width: 60px; color: #8b2c42; font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; line-height: 36px; font-weight: normal; text-align: right; padding-right: 21px; }

.comment-header-box { padding: 0 0 0 200px; margin: 0 0 28px 0;}
.comment-box, .comment-box-alt, .comment-box-me { padding: 10px 21px 10px 119px; margin: 0 28px 10px 0; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc;}

.comment-box { background-color: #dedede; }
.comment-box-alt { background-color: #f7f7f7; }

.comment-box-me { background-color: #07a7a6; }
.comment-box-me, .comment-box-me .comment-header { color: #fff; }
.comment-box-me .byline, .comment-box-me .comment-nr { color: #9cd9db; }
.comment-box-me .comment-header a { color: #fff; }


.test { color: #444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }