/**************************** 
			General 
****************************/
html, body
{
    height: 100%;
    font-family: Trebuchet MS, Trebuchet;
}

body
{
	background-color: #fff;
	background: #fff url(/pics/bak3.gif) repeat-y top right;
	font-size: 11px;
	margin: 0;
}

h1 
{
	font-size: 15px;
	letter-spacing: 1px;
}

h2 
{
	font-size: 13px;
}

a 
{
	text-decoration: none;
	/*color: #5C80B1;*/
	color: #00aeef;
	font-weight: bold;
	outline: none;
}

a:hover 
{
	text-decoration: none;
	color: #939598;
}

img 
{
	border: none;
}

.blue
{
    color: #00aeef;
}

.clear
{
	clear: both;
	margin: 0;
	padding: 0;
}

form.body
{
    min-height: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}

/**************************** 
			Layout 
****************************/
#wrapper
{
	width: 900px;
	margin: 0 auto;
    min-height: 100%;
    text-align: left;
}

/******** Content *********/
#contentHolder
{
	background: #939598;
	width: 650px;
	float: right;
	display: inline;
	height: 100%;
}

/******** MainContent *********/
#content
{
    
    background: #fff;
	padding: 50px 20px 15px 20px;
	width: 450px;
	float: left;
	display: inline;
	min-height: 1050px;
	_height: 1050px;
}

#content img
{


}
/**************************** 
			Header 
****************************/

#header 
{
	text-align: left;
	margin-bottom: 30px;
	width: 100%;
}

#header h1 
{
	text-indent: -9999px;
	height: 130px;
	background: transparent url(/pics/kollo/header.gif) no-repeat 0 0;
	width: 420px;
}

#header h1 a
{
	height: 130px;
    display: block;
    width: 420px;
}

#header p 
{
	font-weight: normal;
	margin: 0px;
	font-size: 24px;
}

#header a 
{
	text-decoration: none;
	color: #231f20;
}



#content h1, #content h2
{
	padding-right: 20px;	
}

/******** sidepanel *********/
#sidepanel
{
    padding-top: 80px;
	width: 160px;
	display: inline;
	float: right;
	background-color: #939598;
}

/******** Left *********/
#left
{
	width: 250px;
	float: left;
	padding-top: 80px;
	padding-bottom: 20px;
}

/**************************** 
			Twitter 
****************************/
#twitter { margin-top: 100px; width: 250px; clear: both; overflow: hidden;}
#twitter .entry { background: transparent url(/pics/kollo/twitter/face.gif) no-repeat 0 bottom; } 
#twitter .bubble { width: 173px; margin-left: 73px; }
#twitter .top { height: 12px; background: transparent url(/pics/kollo/twitter/bubble-top.gif) no-repeat 0 0; }
#twitter .bottom { height: 55px; margin:0; border: none; background: transparent url(/pics/kollo/twitter/bubble-bottom.gif) no-repeat 0 0; }
#twitter p { margin: 0; padding: 0 3px 0 30px; font-size: 1.1em; color: #fff; background: transparent url(/pics/kollo/twitter/bubble-body.gif) repeat-y 0 0;}

/******** Footer *********/
#footer
{
	clear: both;
}

/**************************** 
			Widgets 
****************************/

div#widgetzone
{
	 margin: 0 0 0 20px; 
}

div#widgetzone .clear{
	clear: left;
}

div.widget
{
	/* float: left; */
    /* width: 105px; */
	min-width: 1px;
	margin-bottom: 25px;
}

div.widget .content
{
	line-height: 16px;
	color: #666666;
}

div.widget h4
{
    text-transform:uppercase;
	font-size: 1.1em;
	border-bottom: 1px dotted #fff;
	padding-bottom: 5px;
	margin: 0;
	margin-bottom: 5px;
	z-index: 0;
	width: 120px;
	color: #fff;
	/*color: #0670ba;*/
	/* letter-spacing: 1px; */
}

div.widget a.edit
{
	font-weight: normal;
	float: right;
	z-index: 1;
}

div.widget a.delete
{
	font-weight: bold;
	color: #fff;
	float: right;
	margin-left: 5px;
	z-index: 1;
	text-decoration: none;
}

div.widget a.delete:hover
{
	color: black;
}

#sidepanel ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 120px;
}


#widgetzone .widget ul 
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#widgetzone .widget ul li 
{
	margin-bottom: 3px;
}

#widgetzone .widget ul li a
{
    color: #dadada;
    display: block;
    font-size: 1.1em;
    border-bottom: dotted 1px #a9aaad;
}

#widgetzone .widget ul li a:hover
{
    color: #fff;
    background-color: #00aeef;
    font-size: 1.1em;
    /*border-bottom: dotted 1px #00aeef;*/
    border-bottom: dotted 1px #fff;
    text-decoration: none;
}

#widgetzone .widget a, #widgetzone .widget p
{
	color: #fff
}

#widgetzone div.search
{
	background: none;
	border: none;
}

#widgetzone img.rssButton 
{
	margin-right: 3px;
}

/********************************************************
	KolloPageChildren & KolloPageContent & KolloPageLink & Sommarkollo
********************************************************/
.kollopagechildren, .kollopagecontent, .kollopagelink, .sommarkollo
{
    /* width: 105px; */
    display: inline;
    float: left;
}

.kollopagelink
{
    margin-top: -20px;
}

.sommarkollo
{
    height: 126px;
	width: 130px;	
	background: transparent url(/pics/kollo/sommarkollo.gif) no-repeat 0 0;
}

.sommarkollo .content a
{
    position: relative;
    display: block;
    top: 25px;
    text-align: center;
    font-size: 1.1em;
}

/**************************** 
			Search
****************************/

#searchbox 
{

}

#searchbox input 
{

}

#searchbox #searchbutton 
{
    float: right;
}

#searchbox #searchfield 
{
    float: left;
	width: 170px;
}

/**************************** 
		    Posts 
****************************/
div.postHeader
{
    /* margin: 0 0 0 35px; */
}

div.postHeader img
{
    position: relative;
    left: -10px;
    float:left;
}

.postHeaderText
{
    margin: 0;
    padding: 0;
    float:left;
    position: relative;
}

div.postHeader h2
{
    margin: 0;
    padding: 0;
}

div.postHeader h2 a
{    
    display: block;
    color: #000;
}

div.post .pubDate 
{
	color: #00aeef;
	text-transform:uppercase;
	font-size: 0.8em;
	font-weight: bold;
}

div.post, .mceContentBody
{
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    line-height: 17px;
    
	/*padding: 3px 10px;*/
	/*margin-bottom: 20px;*/
}

div.post .Body
{   
    margin: 0;
    padding: 0; 
}

div.post h2, .mceContentBody h2 
{
	/*margin: 5px 0 0 0;*/
}

div.post .author 
{
	color: #666666;
	float: left;
	text-transform: capitalize;
}

div.post .text 
{
    margin-top: 12px;
	/*margin-top: 30px;*/
}


div.post .bottom , .bottom
{
    border-bottom: dotted 1px #939598;
    margin-top: 15px;
	margin-bottom: 20px;
}

div.post .bottom a.flickrRss, .bottom a.flickrRss
{
    border-top: dotted 1px #939598;
    display: block;
    font-size: 13px;
    height: 30px;
    padding-top: 9px;
    padding-left: 50px;
    background: transparent url(/pics/kollo/moreImages.gif) no-repeat 0 center;
}

div.post .categories {
	margin-bottom: 5px;
	float: right;
}

div.post .tags {
	float: left;
	margin-bottom: 5px;
}

div.post .text a[href^="http:"] {
	background: url(../../pics/remote.gif) right top no-repeat;
	padding-right: 10px;
    white-space: nowrap;
}

/**************************** 
			Page 
****************************/

#page 
{
    font-size: 1.2em;
	margin-bottom: 20px;
	line-height: 17px;
}

#page h1 
{
	margin: 3px 0 10px 0;
}

#page img
{
    margin-top: 15px;
}

#page p.imageText
{
    padding: 0 4px 0 4px;
    color: #333;
	font-size: 0.9em;
	font-style: italic;
	/* border-bottom: dotted 1px #939598; */
}

#page #admin 
{

}


/* SmuMug : Bubble
**************************************/

.imageBubble
{
    position: absolute;
    right: -200px;
    bottom: 25px;
    width: 271px;
    color: Black;
    font-weight: normal;
    font-size: 12px;
}

.imageBubble div
{
    height: 55px;
    background: transparent url(/pics/kollo/bubble-bottom.png) no-repeat 2px 0;
}

.imageBubble div.divImageText
{
    background: transparent url(/pics/kollo/bubble-top.png) no-repeat top right;
    margin: 0;
    padding: 15px 10px 0px 55px;
    height: auto;
}

/* SmuMug : thumbnail list
**************************************/

.imgHolder
{
    display: inline-block;
    position: relative;
    margin: 0 0 10px 0;
}

.imgHolder img
{
    border: 5px solid #fff;
}


a.jqmClose
{
    position: absolute;
    top: 0;
    right: 0;
    border: 3px solid #fff;
    background: transparent url(/pics/kollo/close.gif) no-repeat center center;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

ul.ulThumbnails
{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 600px;
}

ul.ulThumbnails li
{
    display: inline;

}

ul.ulThumbnails li img
{
    border: 3px solid #fff;
    margin: 0 5px 5px 0;
    height: 75px;
}
    
        .trigger
    {
        border-top: dotted 1px #939598;
        display: block;
        font-size: 13px;
        height: 30px;
        padding-top: 9px;
        padding-left: 50px;
        background: transparent url(/pics/kollo/moreImages.gif) no-repeat 0 center;
    }