/****************************************************************
CSS for zenbuddhistiska samfundet.
*****************************************************************/


/****************************************************************
THE VERY MAIN-PAGE THING WHERE ALL THE ACTION IS
*****************************************************************/
#page
{
	width:820px; /* 900-40-40 */ 
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 40px;
	background-image:url(images/whitebg.png);	
	margin-left: auto;
	margin-right:auto;
}
#topborder
{
	background-image:url(images/whitebg_top.png);
	height:11px;
	width:887px;
	margin-left: auto;
	margin-right:auto;
}
#bottomborder
{
	background-image:url(images/whitebg_btn.png);
	height:11px;
	width:884px;
	margin-left: auto;
	margin-right:auto;
}
/****************************************************************
TOP WITH LOGO, PRESENTATION AND PICTURE
*****************************************************************/
#langsel
{
text-align:right;
}
#top{}
#topimg
{
	float:left;
	padding-left: 40px;
	padding-top: 13px;
}
#toptext
{
	float:left;
	width:534px;
}
#toptext p
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11pt;
	line-height:160%;
	text-align:left;
	margin: 0px 0px 10px 0px;
}
#top ul 
{
	float:left;
	list-style:none;
	margin-top:20px; /* skjuter ner menyn dit den ska vara */
	margin-bottom:30px;
	padding-left:0px; /* så att menyn alignar med texten "zengården" */
}

#top li
{
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	background-image:url(images/menu/spacer.gif);
	background-position: right;
	overflow:hidden;
	background-repeat:no-repeat;
}
#menu li.first
{
	padding-left:0px;
}
#menu li.last
{
	padding-right: 0px;
	background-image:none;
}

#menu a
{
	font-family: Georgia;
	font-size: 14px;
	font-weight: none;
	text-decoration: none;
	letter-spacing: 1pt;
}

#menu a.sel
{
	color: #ff0000;
}
/****************************************************************
MAIN (the three linkdivs on index.html)
CONTENT (text on about.html and shop)
*****************************************************************/

#content{clear:both;}

#content p
{
	text-align: left;
	font-family: Arial, Tahoma, Geneva, sans-serif;
	font-size: 11pt;
	line-height:140%;
	margin: 0px 0px 12px 0px;
}
#content li
{
	text-align: left;
	font-family: Arial, Tahoma, Geneva, sans-serif;
	font-size: 11pt;
	/*line-height:100%;*/
	margin: 0px 0px 8px 0px;
}
#content h1
{
	text-align: left;
	font-family: Georgia;
	font-size: 20pt;
	font-weight:normal;
	line-height:100%;
	letter-spacing: 2pt;
	margin: 0px 0px 10px 0px;
	color: #658f00;
	background-image:url(images/3pel.png);
	background-position: left;
	background-repeat:no-repeat;
	padding-left:30px; /*så att 3pel.png ska synas */
}

#content h2
{
	text-align: left;
	font-family: Georgia;
	font-size: 16pt;
	font-weight:bold;
	line-height:100%;
	letter-spacing:1pt;
	margin: 30px 0px 6px 0px;
	color: #658f00;
}

#content h3
{
	text-align: left;
	font-family: Georgia;
	font-size: 14pt;
	font-weight:bold;
	line-height:100%;
	letter-spacing:1pt;
	margin: 15px 0px 6px 0px;
	color: #658f00;
}

.photo
{
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:16px;
	text-align: center;
}


/****************************************************************
BOTTOM
*****************************************************************/
#bottom
{
	clear:both;
	background-color: #eeeeee;
	padding-left: 40px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-top: 40px;
}

#bottom p
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9pt;
	line-height:160%;
	text-align:center;
}


/****************************************************************
VARIOUS HTML-ELEMENTS
*****************************************************************/
body
{
	background-color: #9AB656;
	margin:24px;
	background-image:url('images/zenbackground.jpg');
}
img{border: 0px none;}

a:link{color:#ff8d00;}
a:visited{color:#ff8d00;}
a:hover{color:#cc0000;}
a:active{color:#cc0000;}

input[type="submit"]
{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd866), color-stop(1, #fff8a7) );
	background:-moz-linear-gradient( center top, #ffd866 5%, #fff8a7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd866', endColorstr='#fff8a7');
	background-color:#fff8a7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ff6300;
	display:inline-block;
	color:#ff6300;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0 -1px 0 #fff;
}
input[type="submit"]:hover, input[type="submit"]:focus {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff8a7), color-stop(1, #ffd866) );
	background:-moz-linear-gradient( center top, #fff8a7 5%, #ffd866 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8a7', endColorstr='#ffd866');
	background-color:#ffd866;
}
input[type="submit"]:focus {
	/*outline: thin dotted #333;*/
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 99, 0, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 99, 0, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 99, 0, 0.6);
}
input[type="submit"]:active {
	position:relative;
	top:1px;
}