/*
-----------------------
Mojito.se stylesheet v 1.3
Datum: 2006-07-11
Stefan Tynell
-----------------------
*/




/* Hela sidan 
----------------------- */
html,body,p {font: normal 12px Georgia, Palatino, Palatino Linotype, serif; color: #97957B;}
img {margin: 0; border:0px;}

body {
	margin: 0;
	padding: 0px;
	background: #DDDDDD url(../bilder/bg_1600px_center.gif) repeat-y 50% 0;
	}

/* Länkstuff
----------------------- 
a:link,a:active {color: #B30000; text-decoration: none;}
a:visited {color: #97957B; text-decoration: none; border-bottom: 1px dotted #97957B;}	
a:hover {color: #777666;}
a img {border-width: 0; border-style: none; text-decoration: none;}
*/
a:link,
a:active {color: #B30000; text-decoration: none;}
a:visited {color: #97957B; border-bottom: 1px dotted #97957B; text-decoration: none;}
a:hover {color: #777666; text-decoration: none;}



/* Siduppbyggnad
----------------------- */
#sida {width: 737px; margin: 0 auto; position: relative;}

#sida_topp {
	position: absolute;
	top: 0;
	left: 0;
	width: 737px;
	height: 135px;
	background: url(../bilder/bg_top_center.gif) no-repeat;
	}
	#sida_topp a {
	border-width: 0; border-style: none;
	}

#sida_foto_info {
	position:absolute;
	top: 135px;
	left: 0;
	width: 737px;
	height: 400px;
}

#sida_sektioner_meny {
	position: absolute;
	top: 535px;
	left: 0;
	width: 737px;
	height: 150px;
	}
	#sida_sektioner_meny a {
	border-width: 0; 
	border-style: none;
	}
	#sida_sektioner_meny img {
	margin: 0 0 0 40px;
	}
	
#sida_blogjournal {
	width: 688px;
	background: url(../bilder/blj_mellan.gif);
	position: absolute;
	top: 720px; 
	left: 24px;
	z-index: 2;
}

#sida_blogjournal_arkiv {
	width: 688px;
	background: url(../bilder/blj_mellan.gif);
	position: absolute;
	top: 235px; 
	left: 24px;
	z-index: 2;
}

#sida_fot {
	padding-top: 20px;
	background: #E2ECCF;
	height: 50px;
	text-align: center;
}
#sida_fot_foto {
	padding-top: 20px;
	height: 50px;
	text-align: center;
}

/* Toppen
----------------------- */

#logo {
	float: left;
	width: 350px;
	height: 135px;
	padding: 16px 0 0 32px;
	voice-family: "\"}\""; 
 	voice-family:inherit;
 	width: 318px;
	height: 119px;
}

#huvudmeny {
	float: left;
	width: 387px;
	height: 135px;
	text-align: center;
}
#tagline {
	margin-top: 55px;
}

/* Sektioner
----------------------- */

#sektioner_miniatyr {
	position:absolute;
	z-index: 4;
	top: 150px;
	left: 514px;
	width: 202px;
	height: 74px;
}

#sida_sektioner_snartklart {
	position:absolute;
	z-index: 1;
	top: 530px;
	left: 122px;
	width: 352px;
	height: 87px;
}
#sida_sektioner_snartklart img{
	border: 0;
}

/* Foto + Upplysningar
----------------------- */

#foto {
	position: absolute;
	top: 145px;
	left: 15px;
	background: url(../bilder/fotografi.gif) no-repeat;
	padding: 31px 0 0 32px;
	width: 465px;
	height: 365px;
	voice-family: "\"}\""; 
 	voice-family:inherit;
 	width: 434px;
	height: 333px;
}

#upplysningar {
	position: absolute;
	top: 152px;
	left: 495px;
	background: url(../bilder/upplysningar.gif) no-repeat;
	padding: 100px 25px 70px 25px;
	width: 222px;
	height: 350px;
	voice-family: "\"}\""; 
 	voice-family:inherit;
 	width: 172px;
	height: 180px;
	}
	#upplysningar p {
	margin: 0;
	line-height: 1.65em;
	}

/* Blog + Journal + Länkar
----------------------- */

#blogjournal {width: 385px; margin: 10px 0 0 25px;}
	#blogjournal p {font: normal 12px Georgia, Palatino, Palatino Linotype, serif; color: #97957B; text-indent: 25px; line-height: 1.65em;}
	#blogjournal h1 {font: normal 18px Georgia, Palatino, Palatino Linotype, serif; color: #B30000; margin: 0;}
	#blogjournal h2 {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #BBBBBB; margin: 0;}
	#blogjournal h3 {font: normal 12px Georgia, Palatino, Palatino Linotype, serif; color: #97957B; line-height: 1.65em;}
	#blogjournal h4 {font: normal 14px Georgia, Palatino, Palatino Linotype, serif; color: #97957B; line-height: 1.65em; font-style:italic;}
	#blogjournal h6 {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #BBBBBB; margin: 0;}
	#blogjournal ul {margin-left: 25px; padding-left: 0px;}
	#blogjournal li {margin: 5px 0; list-style-type: circle; line-height: 1.65em; list-style-image:url(../bilder/bullet_star.gif);}
	
/*	
	#blogjournal a:link, 
	#blogjournal a:active{ color: #97957B; background: #E2ECCF; text-decoration: none; border-bottom: 1px dotted #97957B;}
	#blogjournal a:visited, 
	#blogjournal a:hover  {color: #97957B; text-decoration: none; border-bottom: 1px dotted #97957B;}
	#blogjournal acronym {font-style:italic; cursor:help; border-bottom: 1px dotted #97957B;}
*/

#blogjournal a:link,
#blogjournal a:active {color: #B30000; text-decoration: none;}
#blogjournal a:visited {color: #97957B; border-bottom: 1px dotted #97957B; text-decoration: none;}
#blogjournal a:hover {color: #777666; text-decoration: none;}
	
#blogjournal_ram {float: left; width: 429px;}

/* Spalten
----------------------- */

#blogjournal_spalt {float: left; width: 210px; margin: 10px 0 0 25px; font-size: 11px; line-height: 1.65em;}
	#blogjournal_spalt p {font-size: 11px; line-height: 1.65em;}

#blogjournal_spalt a:link,
#blogjournal_spalt a:active {color: #B30000; text-decoration: none;}
#blogjournal_spalt a:visited {color: #97957B; border-bottom: 1px dotted #97957B; text-decoration: none;}
#blogjournal_spalt a:hover {color: #777666; text-decoration: none;}

/* Länkstuff
----------------------- 
a:link,a:active {color: #B30000; text-decoration: none;}
a:visited {color: #97957B; text-decoration: none; border-bottom: 1px dotted #97957B;}	
a:hover {color: #777666;}
a img {border-width: 0; border-style: none; text-decoration: none;}
*/


#blogjournal_botten {clear: both; height: 22px; background: url(../bilder/blj_botten.gif); height: 240px;}

#blogjournal_etc {
	float: left;
	margin: 75px 20px 0 20px;
	width: 385px;
}

#blogjournal_spalt_etc {
	float: left;
	margin: 75px 0 0 20px;
	width: 220px;
}

.blogjournal_delare {
	border-top: 1px #E2ECCF dotted;
	margin: 35px 0 35px 0;
}

.blogjournal_kommentarer {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #BBBBBB; margin: 0;
	margin: 35px 0 35px 0;
	background-color: #FFFFFF;
	}
	
.blogjournal_kommentarer a:link,
.blogjournal_kommentarer a:active {border-bottom: 1px dotted #97957B;}

/* Just nu
----------------------- */
#justnu {}

.cover {
	border: 1px solid #C9D2B8;
	margin-bottom: 15px;
}

#justnu p {
	margin: 0;
}

#justnu_film {
/*	border-bottom: 1px solid #C9D2B8;
	margin-bottom: 15px; */
}
#justnu_film_cover {
	float: left;
	width: 110px;
}
#justnu_film_text {
	float: left;
	width: 100px;
}
#justnu_bok {
/*	border-bottom: 1px solid #C9D2B8;
	margin-bottom: 15px; */
}
#justnu_bok_cover {
	float: left;
	width: 110px;
}
#justnu_bok_text {
	float: left;
	width: 100px;
}
#justnu_musik {
	margin-bottom: 35px;
}
.justnu_musik_cover {
	float: left;
	width: 80px;
}
.justnu_musik_text {
	float: left;
	width: 130px;
}
.spalt_delare {
	border-top: 1px #E2ECCF solid;
	clear:both;
	line-height: 1px;
	font-size:1px;
	height: 15px;
}

#annonser {margin-top:5px; margin-bottom:25px;}

/* Arkivet
----------------------- */

#arkivet_top {
	position:absolute;
	z-index: 3;
	top: 150px;
	left: 75px;
	width: 326px;
	height: 68px;
	background-image: url(../bilder/tittel_arkiverat.gif);
}

/* Arkivet
----------------------- */

#byggblog_top {
	position:absolute;
	z-index: 3;
	top: 148px;
	left: 24px;
	width: 400px;
	height: 75px;
	background-image: url(../bilder/titel_byggblog.gif);
}


/* Foto
----------------------- */
#sida_foto_info h1 {font: normal 18px Georgia, Palatino, Palatino Linotype, serif; color: #97957B; margin: 0;}
#fotoalbum {
	margin: 25px 0;
}
.foto_horisont {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	background:  url(../bilder/fotografi_liggande.gif) no-repeat;
	height: 365px;
	width: 465px;
}
.foto_horisont_bred {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	background:  url(../bilder/fotografi_liggande_bred.gif) no-repeat;
	height: 335px;
	width: 465px;
}
.foto_holder_horisont {
	margin-left: 31px;
	margin-top: 32px;
}
.foto_vertikal {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	background:  url(../bilder/fotografi_vertikal.gif) no-repeat;
	height: 465px;
	width: 358px;
}
.foto_vertikal_2 {
	float: left;
	margin-left: 0px;
	margin-top: 10px;
	background:  url(../bilder/fotografi_vertikal.gif) no-repeat;
	height: 465px;
	width: 358px;
}
.foto_holder_vertikal {
	margin-left: 32px;
	margin-top: 34px;
}
.bildtext {
	float: left;
	margin: 17px 0 0 15px;
	background: #FFFFFF url(../bilder/information.gif) no-repeat;
	width: 222px;
	height: 350px;
}
.bildtext_holder {
	margin: 100px 25px 70px 25px;
}
.bildtext p{
	margin: 0;
	line-height: 1.65em;
}
.clearer {
	clear:both;
	line-height: 1px;
	font-size:1px;
}

/* Om Mojito
----------------------- */

dl {
	line-height: 1.65em;
}