/*-----------------------------------------------------------------------------
Kadampa Communications
nktcommunications@kadampa.org

Some global style resets and classes common to all themes

-----------------------------------------------------------------------------*/

/* --------------------------------------------------------------
   Typography
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff;}

a img { border: none; }

body { font-size: 75%; }

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Arial, Helvetica, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.9em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

strong { font-weight: bold; }
em { font-style: italic; }

p.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
p.quiet { color: #999; }

.hidden { display: none; margin: 0; }
p.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

.caps { letter-spacing: 0.1em;}
.clear { clear:both; }

.right { float:right; }
.left { float:left; }
.textright {text-align:right;}

img.right { margin: 5px 0 10px 10px; padding: 5px; border: 1px solid #eee;}
img.left, img.framed { margin: 5px 10px 10px 0; padding: 5px; border: 1px solid #eee;}


hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}


/* --------------------------------------------------------------
   Reset
-------------------------------------------------------------- */

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }


/* --------------------------------------------------------------
   Tabs
-------------------------------------------------------------- */

ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }

/* Grid - Global
----------------------------------------------------------------------------------------------------*/



.grid_10,
.grid_11,
.grid_12 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/



.container .grid_10 {
	width: 390px;
}

.container .grid_11 {
	width: 430px;
}

.container .grid_12 {
	width: 470px;
}




.container .push_10 {
	left: 400px;
}

.container .push_11 {
	left: 440px;
}

	@font-face {
		font-family: 'JournalRegular';
		src: url('/embed/fonts/journal-webfont.eot');
		src: local('☺'), url('/embed/fonts/journal-webfont.woff') format('woff'), url('/embed/fonts/journal-webfont.ttf') format('truetype'), url('/embed/fonts/journal-webfont.svg#webfont') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	html, body {
		margin:0;
		padding:0;
	}
	
	body {
		font-family:'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, Verdana, sans-serif;	
		font-size:13px;	
	} 
	

	
	.section {
		height:1000px;
		position:relative;
		width:100%;
		border-bottom:3px solid #fff;
	}
	
	h1 {
		font: 40px "JournalRegular";
	}
	
	h1 b {	
		margin-right:15px;
		font-size:36px;
		text-transform:uppercase;
		
	}
	
	h2 {
		font: 30px "JournalRegular";
	}

	h3 {
		font: 25px "JournalRegular";
		letter-spacing:1px;
	}
		
	/* NAVIGATION */
	#nav {
		position:fixed;
		bottom:0;
		height:40px;
		width:100%;
		background-color:rgba(197, 237, 178, 0.95);
		background:url(/images/diaries/spring-2010/nav.jpg) repeat-x;
		z-index:10;
		font-weight:bold;
		font-size:12px;
		border-top:3px solid #fff;
	}
	
	#nav ul {
		width: 980px;
		margin:0 auto;
	}
	
	#nav li {
		font-family: georgia, sans-serif;
		font-style:italic;
	}
	
	#nav li.skip {
		font: 25px "JournalRegular";	
		margin: 0 4px 0 0;
		padding:1px 25px;	
		color:#AE0940;
	}
	
	#nav li	a:focus {
		outline: none;
	}
	
	#nav li	a.active {
		background-color:#07904E;
		color:#fff;
		outline:none;
	}
	
	#nav li	a:hover {
		xbackground-color:#FFF;
		color:#07904E;
	} 	
	
#nav li	a {
	margin: 0 6px 0 0;
	padding:1px 25px;
	-moz-box-shadow: 1px 1px 1px #7FD1AA;
	-webkit-box-shadow: 1px 1px 1px #7FD1AA;
	box-shadow: 1px 1px 1px #7FD1AA;
	height:30px;
	text-decoration:none;
	color:#035D32;
	text-align:center;
	background-color:#E4F8AD;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	line-height:2.8;
	text-shadow:0px 2px 2px #fff;
	
}

	
	li#nav-welcome a {background-color:#F0FAEB; }
	li#nav-day1 a {background-color:#F5DAE3;}
	li#nav-day2 a {background-color:#FFEBE7;}
	li#nav-day3 a {background-color:#E0F2FA;}
	li#nav-day4 a {background-color:#F8FCCA;} 
	li#nav-future a {background-color:#E2F6DB;}

	.home {
		-webkit-box-shadow: 3px 3px #ffc;
		background-color:rgba(255, 255, 255, 0.80);
		width:500px;
		padding:2px 20px 20px 400px;
		position:absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		top:100px;
		border-radius:15px;
		-webkit-border-radius:15px;
		-moz-border-radius:15px;
		height: 480px		
	}
	
	.container {
		width:980px;
		position:absolute;
		top:50px;		
		left: 50%;
		margin-left: -490px;		
		min-height: 300px;
	}
	
	ul.nav_day {
		width:256px;
		height:35px;
		background: url(/images/diaries/spring-2010/nav_day.png) no-repeat;
		float: right;
		margin-top:20px;
		
	}
	
	.next a:hover {	background: url(/images/diaries/spring-2010/nav_day.png) no-repeat bottom right;}
	.prev a:hover {	background: url(/images/diaries/spring-2010/nav_day.png) no-repeat bottom left;}
	
	
	.nav_day a:focus {
		outline:none;
	}
	
	.next a,
	.prev a {
		height:35px;
		width:126px;
		text-decoration:none;
		text-indent:-9999px;
		overflow:hidden;
	}
	
	/*  WELCOME - SECTION 1  */
	

	
	/* #tara {
		background: url(/images/diaries/spring-2010/tara-full.png) no-repeat top left;
		width: 923px;
		height:493px;
		position:absolute;
		top: 90px;		
		margin-left:-430px;
		left: 50%;
		display:none;
	}	*/
	
	#welcome {
	background: #335115 url(/images/diaries/spring-2010/Welcome2.jpg) no-repeat top center;
		z-index:1000;
		font-family: "JournalRegular";		
		}

	
	#welcome .container {
		top:100px;
	}
		
	#welcome h1 {
		font-size:65px;
		color:#E1316B;
		position:absolute;
		top:10px;
		right:48px;
		letter-spacing:.4px;
		text-shadow:2px 2px 2px #FFEEEE; 
	}	
	
	#welcome h2 {
		font-size:28px;
		color:#F78C01;
		width:380px;
		font-family: "JournalRegular";	
		position:absolute;
		top:95px;
		right:50px;
		text-align:right;
		font-weight:normal;
		letter-spacing:.5px;
	}		
	
	#welcome ul {
		list-style-type:none; 
		font-size:26px;
		font-family: "JournalRegular";	
		position:absolute;
		top:190px;
		right: 40px;	
		width: 420px;	
		margin:0;
		height:220px;
		
	}


	#welcome li.select {
		padding: 0 20px;
		border-radius:15px;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		color:#07904E;
		font-size:28px;
	}
	
	
	#welcome li.first {
		background-color:#C9FFB1;
	} 
	
	#welcome li.last a {
		font-size:22px;
		text-align:right;
		padding:0 10px;
		color:#DE87A4;
		float:right;
		display:inline;
		position:absolute;
		bottom:-8px;
		right:0;
		
	}	
	
	#welcome a:hover {
		background-color:#fff;
		
	}
	#welcome a {
		text-decoration:none;
		color:#3B6200;
		display:block;
		padding: 0 30px;
		border-radius:15px;
		-moz-border-radius:15px;	
		-webkit--border-radius:15px;	
	}
	
	#welcome li a i {
		color:#07904E;
		letter-spacing:2px;
		font-style:normal;
		
	}
	

	
	p.date {
		position:absolute;
		top:-30px;
		right:0;
		font-size:17px;
		font-family:verdana, sans-serif;
		letter-spacing:3px;
		padding:0 10px;
		font-style:italic;
	}
	
	/*  DAY 1  - SECTION 2 */
	
	#day-1 {
		background: #F0FAEB url(/images/diaries/spring-2010/Day_1.jpg) no-repeat top center;
		color:#214F09;	
	}
	
	#day-1 p.date {color:#B3D3A2;}
	#day-1 b {color:#6B9827;}
	
	/* DAY 2  - SECTION 3 */
	
	#day-2 {
		background: #F6E7E0 url(/images/diaries/spring-2010/Day_2.jpg) no-repeat top center;
		color:#9C3000;
	}	
	
	#day-2 p.date {color:#D2A894;}
	#day-2 b {color:#D7ACC0;}
	
	/* DAY 3  - SECTION 4 */
	
	#day-3 {
		background: #F2F9FD url(/images/diaries/spring-2010/Day_3.jpg) no-repeat top center;
		color:#1F566C;
	}	
	
	
	#day-3 p.date {color:#BCD3DF;}
	#day-3 b {color:#ACBBC9;}
	
	/* DAY 4  - SECTION 5 */
	
	#day-4 {
		background: #F8FBCA url(/images/diaries/spring-2010/Day_4.jpg) no-repeat top center;
		color:#035D32;
	}	
	
	#day-4 p.date {color:#DADD9D;}
	#day-4 b {color:#66A386;}
	
	/* DAY 5  - SECTION 6 */
	
	#future {
		color:#7D3B48;	
		background: #E3F7DB url(/images/diaries/spring-2010/Future.jpg) no-repeat top center;
	}	
	
	#future ul.nav_day {
		margin-left:220px;
		
	}
	
	.box {
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		background-color:rgb(255, 255, 255);	
		border-radius:15px;		
		padding:20px; 
	}	
	
	#siteinfo {
		height:80px;
		position:relative;
		width:100%;
		border-bottom:3px solid #fff;	
		background-color:#F0FAEB;
		
	}	
	
	#siteinfo p {
		position:absolute;
		top:10px;
		left:0px;
		right:0px;
		color:#000;
		margin-left:auto;
		margin-right:auto;
		width:980px;	
	}


	
	.grid_12 a {
		color:#DE6900;
		
	}