/* Kitamoto.dk */
/* Tao Kitamoto */
/* 2008-2010 */


/* ********************** */
/* *** GENERAL LAYOUT *** */
/* ********************** */

body {
	text-align: center;
	background-color: white;
	color: #000;
	font: 12px Verdana;
	margin-bottom: 25px;}
	
#menu {
	margin: -5px auto auto auto;
	padding: 10px 20px 0px 20px;
	height: 25px;
	width: 700px;
	/*border: 0px solid red*/}
	
#menu ul {list-style-type: none; margin: 0px; padding: 0px}
#menu ul li {display: inline; margin: 3px}
#menu ul a:link,#menu ul a:visited {color: black; text-decoration: none}
#menu ul a:hover,#menu ul a:active {color: black; text-decoration: underline}

#container {
	width: 700px;
	height: auto;
	margin: 60px auto;
	/*border: solid 1px green;*/
	text-align: left;}
	
.clearfix:after { /*float fixer*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}


/* ** SINGLE ELEMENTS * **/

a:link,a:visited {color: black; text-decoration: underline}
a:hover,a:active {color: #999; text-decoration: none}

img {border: 0px;}

img#logo {
position: absolute;
top: 35%;
left: 20%;}

img.right {float: right;}

h2 {font-size: 16px; font-weight: normal;}

p {font-size: 12px;}
p#h2 {font-size: 16px; font-weight: normal;}
p.text {line-height: 150%}





/* ********************** */
/* ***** SITES SHIT ***** */
/* ********************** */


/* INDEX SITE ONLY */
#index { 
	width: 700px;
	margin: 65px auto auto auto;
	padding: auto auto auto auto;
	background-color: #fff;
	/*border: solid 1px red*/;
	color: #000;
	text-align: center;}

/*********************/
/** KERAMIK GALLERY **/
#gallery {
	width: 700px;
	height: auto;
	margin: 60px auto;
	/*border: solid 1px yellow;*/
	text-align: center;}

#gallery ul {list-style-type: none; margin: 0px; line-height: 30px}
#gallery ul li {display: inline; padding: 5px;}
#gallery ul li a:link img,#gallery ul li a:visited img {border: 1px solid white; padding: 5px;}
#gallery ul li a:hover img,#gallery ul li a:active img {border: 1px solid #bbb; padding: 5px;}
/*********************/



/*********************/
/***** SHOP SHIT *****/

.shop { /* container */
	width: 700px;
	height: auto;
	margin: 60px auto 0 auto;
	border: solid 0px white;
	text-align: left;}
	
img#shop {
	float:left;
	margin-right: 20px;}

#biocontainer {
	width: 700px;
	text-align: left;
	border-top: 1px solid black;
	line-height: 150%;
	margin: 40px auto;
	padding-top: 10px;}

#biocontainer p {width: 400px; float:left;}
#biocontainer img {margin-top:15px}
/*********************/


/*********************/
/******* LINKZ *******/
ul.links {list-style-type: none; margin: 0px; line-height: 180%}

/*********************/




.title {
	position: absolute;
	top: 43%;
	left: 25%;}

.h4 {font-size;14px}

.popup {text-align: left}






img#salg {
	position: absolute;
	top: 33%;
	left: 30px;
	}