/* CSS Document */
body {
margin: 0 auto;  
padding: 0;
background-color: #CCCC99;
}

h1, h2, h3 {
font-family: georgia, times new roman, times, serif;
letter-spacing: 0.09em;
}

h4 {
font-family: lucida grande, verdana, arial, helvetica, sans-serif;
margin-bottom: 4px;
}

p {
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
}

.center {
text-align: center;
}

blockquote {
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
}

ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 1em;
padding-left: 1em;
}

li {
font-size: 100%;
font-family: georgia, times new roman, times, serif;
}

img {
margin: 0;
padding: 0;
border: 0;
}

a:link { background-color: transparent; text-decoration: none; color: #663300; }
a:hover { background-color: #transparent; text-decoration: underline; color: #663300; }
a:visited { background-color: transparent; text-decoration: none; color: #663300; }

#wrapper {
margin: 0px auto;
padding-bottom: 10px;
width: 740px;
border-top: 7px solid #9DB7A7;
border-right: 1px solid #aaa;
border-bottom: 20px solid #9DB7A7;
border-left: 1px solid #aaa;
background: #eee;
color: #333;
}

#header {
margin-bottom: 10px;
padding: 5px 10px 5px 20px;
border-bottom: 1px solid #ccc;
background: #fff;
color: #003300;
font-variant: small-caps;
}

#blogtitle {
float: left;
margin: 0;
padding: 0;
width: 350px;
text-align: left;
}

#blogtitle h1 {
margin: 0;
padding: 0;
font-size: 160%;
letter-spacing: 0.1em;
text-align: left;
}

#nav {
float: left;
margin: 0;
padding: 0;
width: 350px;
text-align: right;
background: transparent;
color: #333;
font-size: 70%;
font-variant: small-caps;
letter-spacing: 0.09em;
}

#content {
float: left;
margin-bottom: 10px;
padding: 0 10px;
}

#blog {
float: left;
margin-right: 5px;
padding: 10px;
border: 1px solid #ccc;
width: 440px;
background: #fff;
color: #333;
font-size: 80%;
text-align: left;
}

#sidebar {
float: left;
margin-left: 5px;
padding: 10px;
border: 1px solid #ccc;
width: 225px;
background: #fff;
color: #333;
text-align: left;
font-size: 70%;
}

#footer {
margin: 0;
padding: 5px 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #fff;
color: #333;
font-size: 70%;
font-variant: small-caps;
letter-spacing: 0.09em;
}

.date {
font-size: 100%;
background: transparent;
color: #000;
}

.title {
font-size: 130%;
font-weight: normal;
background: transparent;
color: #336600;
border-bottom: 1px solid #ddd;
}

.posted {
margin-bottom: 30px;
font: 10px lucida grande, verdana, arial, helvetica, sans-serif;
background: transparent;
color: #666;
} 

.sidetitle {
margin: 10px 0;
font-size: 115%;
letter-spacing: 0.09em;
font-weight: normal;
background: transparent;
color: #666600;
// border-bottom: 1px dotted #ccc;
}

.spacer {
clear: both;
}

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;  
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;  
}

.calendarBG {
 background-color: #000; 
}

.calendarBlank { 
 background-color: #9DB7A7;
}

.calendarHeader { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #000; 
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #663300; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
} 

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         10px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         11px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}  

.topp {
	background-image: url(http://hampusmedia.se/css_delar/topp.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.botten {
	background-image: url(http://hampusmedia.se/css_delar/botten.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 10px;
	
}
.mitt {
	background-image: url(http://hampusmedia.se/css_delar/mitt.gif);
	background-repeat: repeat-y;
	background-position: center;
}

    
	
.liten_topp {
	background-image: url(http://hampusmedia.se/css_delar/liten_topp.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.liten_botten {
	background-image: url(http://hampusmedia.se/css_delar/liten_botten.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;

}
.liten_mitt {
	background-image: url(http://hampusmedia.se/css_delar/liten_mitt.gif);
	background-repeat: repeat-y;
	background-position: center;
}    
	
.mellan_topp {
	background-image: url(http://hampusmedia.se/css_delar/mellan_topp.gif);
	background-repeat: no-repeat;
	background-position: center top;
	
}
.mellan_botten {
	background-image: url(http://hampusmedia.se/css_delar/mellan_botten.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	
}
.mellan_mitt {
	background-image: url(http://hampusmedia.se/css_delar/mellan_mitt.gif);
	background-repeat: repeat-y;
	background-position: center;
	
}

    
.breadtext, .breadtext a:link, .breadtext a:active, .breadtext a:visited, .breadtext a:hover {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	line-height: 140%;

}

.breadtext a:link    { color:  #663300; text-decoration: underline; font-weight: normal;}

.breadtext a:visited { color:  #663300; text-decoration: underline; font-weight: normal;}

.breadtext a:active  { color:  #663300; text-decoration: underline; font-weight: bold;}

.breadtext a:hover   { color:  #663300; text-decoration: underline; font-weight: normal;}

.headertext, .headertext a:link, .headertext a:active, .headertext a:visited, .headertext a:hover {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	line-height: 120%;
	
}

.headertext a:link    { color:  #663300; text-decoration: underline; font-weight: normal;}

.headertext a:visited { color:  #663300; text-decoration: underline; font-weight: normal;}

.headertext a:active  { color:  #663300; text-decoration: underline; font-weight: bold;}

.headertext a:hover   { color:  #663300; text-decoration: underline; font-weight: normal;}



.leftrow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px dotted #666666;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-top: 3px;
}
.rubrik {
	font-family: georgia, times new roman, times, serif;
	font-size: 26px;
	font-weight: bolder;
	color: #663300;
}

.mellanrubbe, .mellanrubbe a:visited, .mellanrubbe a:active, .mellanrubbe a:hover, .mellanrubbe a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #663300;
	margin-bottom: 0px;
}

.mellanrubbe a:visited { background-color: transparent; color:  #663300; text-decoration: none;}

.mellanrubbe a:active { background-color: transparent; color:  #663300; text-decoration: underline;}

.mellanrubbe a:hover { background-color: transparent; color:  #663300; text-decoration: underline;}

.mellanrubbe a:link { background-color: transparent; color:  #663300; text-decoration: none;}


/*.mellanrubbe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #663300;
	margin-bottom: 0px;
}*/

.relatedLink {
  line-height: 2em;
  } 

.ingress {
	font-weight: bold;
	
}