@import url("core.css");
@import url("decor.css");
@import url("lightbox.css");


/* general
---------------------- */

#container			{ width: 820px; margin: 0 auto; }

#intro,
#galleri,
#cv,
#kontakt			{ padding: 100px 0; }

#intro				{ padding-top: 200px; }

li					{ margin-bottom: 8px; }

.separator			{ padding: 300px; }

/* intro
---------------------- */

.intro img			{
					float: left;
					height: 300px;
					margin-right: 30px;
					}


.intro div			{ float: left; width: 110px; }
					
.intro ul			{ margin-top: 150px; margin-bottom: 0; }					

#intro li			{ margin-bottom: 12px; }


#other				{ margin-left: 6em; }


/* galleri
---------------------- */

#galleri h3			{ margin-top: 10px; margin-bottom: 12px; }

#galleri li			{
					float: left;
					display: block;
					height: 194px;
					margin: 0 38px 36px 0;
					}

#galleri img		{ height: 194px; }

#galleri li.last	{ margin-right: 0; }


/* CV
---------------------- */

#cv div				{ width: 380px; }

dl					{ margin-bottom: 4em; }

#cv ul				{ margin-bottom: 3em; }

dt					{ float: left; width: 280px; margin-bottom: 8px; }

dd					{ float: right; width: 80px; margin: 0; }

#cv .right			{ margin-right: 40px; }

#cv .right a		{
					display: block;
					width: 10em; 
					padding: 1em;
					margin-top: 3em;
					}
					

/* kontakt
---------------------- */

#kontakt			{ padding-bottom: 30em; }

#kontakt img		{ float: left; height: 300px; }

#kontakt div		{
					width: 400px;
					margin-top: 20px;
					margin-left: 140px;
					}

#kontakt div p		{ text-align: center; }


/* extra
---------------------- */

.clear				{ clear: both; }

#html .last			{ margin: 0; }

#home				{
					position: fixed;
					right: 0;
					bottom: 60px;
					padding: 1em;
					}