/*-----------------------------------------------------------------------------
KMC Default

author:    		webdevelopment@kadampa.net
site:                   nkt-kmc.org
last updated: 	        2 December 2007
-----------------------------------------------------------------------------*/

/* This style sheet contains all the positioning and sizing of 
   pages elements. It is recommended that you only edit this if 
   you know what you are doing. All colors, images and type
   information is kept in kmc-branding stylesheet */
	
	
/* =global
-----------------------------------------------------------------------------*/
* {
	padding:0; margin:0;
} 

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin:1em 5%;
}

li, dd {
	margin-left:5%;
} 

fieldset {
	padding: .5em;
}

body {
	min-width: 750px;
	max-width: 100%;
	font-size: small; /* changing this changes this size of the whole layout */
	line-height: 1.7;
}

#container {
	width: 57.69em;
	margin: 30px auto;
        position: relative;
}

.l10n_lang_list {position:absolute; top: -40px; right:-30px;}
.l10n_lang_list li {list-style-type:none; float:left; margin-left:20px;}

.caps {
	letter-spacing: 0.1em;
}

.hidden {
	display: none;
	margin: 0;
}

.clear {clear:both;}

/* accessibility */
#nav_access, 
#nav_main h2, 
#nav_main h3 {
	left:-9999px; 
	position:absolute; 
	width:0px; 
	margin:0px;
}


/* =branding
-----------------------------------------------------------------------------*/
#branding {
	width: 100%; 
	height:177px; 
	clear:both;
}

.default #branding, 
.home #branding {
	height:237px;
}

#branding h1 {
	margin: 0 ; 
	padding-left: 13%;
	width:87%;
	height:54px;	
}

#branding a:link, 
#branding a:active, 
#branding a:visited {
	text-decoration: none;
}

#branding h2 {
	display:none;
    
}

.default #branding h2 {
        display:block;
	margin: 5px 0 0 12px;
        text-align: center;
}

#branding em {
	clear:both; 
	display:block;
}


/* =main navigation
-----------------------------------------------------------------------------*/
#nav_main {
	width: 100%; 
	clear:both; 
	height: 40px; 
	padding: 10px 0;
}

ul#nav_sections {
	margin: 0px auto;
}
	
#nav_sections li {
	list-style-type: none; 
	float: left; 
	display: block; 
	margin: 0 1px; 
	padding: 0 12px;
	border-right: 1px solid #999;
	text-align: center;
}

#nav_sections a:link, 
#nav_sections a:visited {
	text-decoration: none;
}

ul.start li#nav-home,
ul.kurse li#nav-courses,
ul.kurse_anmeldung li#nav-courses,
ul.tempel li#nav-temple,
ul.tradition li#nav-tradition,
ul.zentrum li#nav-center,
ul.buecher li#nav-books,
ul.service li#nav-service,
ul.information li#nav-information {
	font-weight: bold;
}





/* =content
-----------------------------------------------------------------------------*/

#content {clear:both;}
#content h1 {margin-top:0px;}
#content h2 {}
#content img {border: none;}

/* --------- =content primary --------- */

#content_primary {
	width: 70%;
	float: left;
	min-height: 500px; 
	margin-bottom: 60px;
}

#content_primary img {
	border: 1px solid #7792AB;
	padding: 6px;
}

#content_primary ul {
	list-style-type: circle;
}

#scrolldiv {
	width: 486px; 
	height:400px; 
	overflow:auto; 
	margin: 0 0 0 25px;
}

hr {width: 450px;}

.floatLeft {
	float:left; 
	margin: 0 10px 10px 0;
}

.floatRight {
	float:right; 
	margin: 0 0 10px 10px;
}

.center .odd, 
.center .even {
	clear:both; 
	height: 154px; 
	margin-bottom: 25px;
}

.center .odd img {
	float:right; 
	margin-left: 5px;
}

.center .even img {
	float:left; 
	margin-right: 5px;
}

/* --------- =content secondary --------- */

#content_secondary {
	min-height: 200px;
	width: 28%;
	float: right;
}

h4 {
	margin-left: 0px; 
	padding: 0 5px;
}

/* ------ =sub navigation ------ */

ul.nav_sub {
	list-style-type: none; 
	margin: 0 10px 0 0; 
	line-height: 12px;
}

.nav_sub li {
	margin: 0 0 12px 0;
}

.nav_sub a:link, 
.nav_sub a:visited {
	text-decoration: none; 
}



/* --------- =content features --------- */

#content_features {
	width: 28%;
	float: right;
	min-height: 200px;
}

#content_features h4 {
	margin-bottom: 2px;
}

#content_features li {
	padding-left:5px;
	list-style-type:none; 
	margin-left: 0px;
}
	
#daily fieldset, 
.item {
	width: 184px; 
	padding: 2px; 
	margin: 10px auto;
}

.item img {
	border: none;
}

.service #content #content_features img {
	border: 1px solid #7792AB;
	padding: 6px;
}



/* --- =program sections 3rd column --- */
.kurse_anmeldung #content_primary, .kurse #content_primary {
	width: 50%;
}

.kurse_anmeldung #content_secondary, .kurse #content_secondary {
	width: 24%; 
	float: left; 
	margin-left: 5px;
}

.kurse_anmeldung #content_features, .kurse #content_features {
	width: 24%; 
	float: right;
}


/* =site map
-----------------------------------------------------------------------------*/
#sitemap {
clear:both;
margin-left: 10px;
}

#sitemap a:hover {}
#sitemap a {text-decoration:none;}
#sitemap li {list-style: none; margin: 0 0 3px 0; padding: 2px 0;}
#sitemap fieldset {
        margin: 13px 0 5px 13px;
        padding: 0;
        width: 16em;
        float:left;
        border: 1px solid #eee;
}

/* =site info
-----------------------------------------------------------------------------*/
#site_info {
	width: 100%; 
	clear: both; 
	text-align: center;
}

#site_info h5 {
	display:inline;
}


/* =KEM
-----------------------------------------------------------------------------*/

.kemWeekTitle {
	padding-left: 5%;
}

.kemWeekClear {
	clear: both;
}

.kemWeekDay {
    width: 90%;
	margin: 1em 0 1em 5%;
}

.kemWeekDate {
	width: 15%;
	float: left;
	padding: 4px;

}

.kemWeekEvent {
width: 80%;
float: left;
}

.kemWeekRowOdd {
	width: 100%;
	padding: 4px;
}

.kemUpcomingEventsShortText {
    padding: 0 5px;
}

.kemWeekRowEven {
	width: 100%;
	padding: 4px;
}

#contentInner ul#next {
	list-style-type: none;
	border: 0;
	padding: 0;
}

#contentInner ul#next li a {
	display: block;
	background: none;
	padding: 0;
}

ul#next .left {
	float: left;
	margin-left:0px;
}

ul#next .right {
	float: right;
	margin-left:0px;
}

#daily {
	list-style: none;
	border: 0;
	padding: 0;
    cursor: pointer;
    margin: 0 0 10px 0;
}

#daily legend {margin-left: 8px;}

#daily ul {list-style: none; margin: 0 0 0 5px;}

/*** Year at a glance ****/

.kemYearBox {
	padding: 2px;
margin: 10px 0 0 15px;
width:90%;
}

.kemYearDate {
	width: 25%;
	float: left;
	padding: 4px;

}

.kemYearMonth {
	padding: 4px;
}

.kemYearClear {
	clear:both;
}