/* Index stylesheet for Lites of Heaven */
/* This is the CSS stylesheet for your index page ONLY */
/* This first part specificies the general appearance of your index page */
body {
	margin: 0;
	padding: 0;
	background-color: #000000;
	background-image: url("image/gateway2.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	color: #CEC7BD;
	line-height: 120%;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-family: sans-serif;
	font-weight: normal;
	text-align: center;
}
/* This part sets the parameters for the top section where your logo goes */
#topsection {
	height: 260px;
/*Height of top section*/
	background-image: url("image/indextitle.gif");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
/* This section sets up a wrapper that holds all of your page content securely */
#contentwrapper {
	float: left;
	width: 100%;
}
/* This section sets the size for your main content column where you put most of your information */
#contentcolumn {
	margin: 0 8% 0 8%;
/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
/* This part makes the link to your gateway page on the index page look special */
p.entry a {
	text-decoration: none;
	font-size: 26px;
	font-family: "palatino linotype", "book antiqua", palatino, sans-serif;
	color: #CEC7BD;
	font-variant: small-caps;
	word-spacing: 0px;
	letter-spacing: 3px;
}
/* This part determines the basic size and look of your left hand column which you do not see or use on your index page but it is there */
#leftcolumn {
	float: left;
	width: 8%;
/*Width of left column in percentage*/
	margin-left: -100%;
	background: #000000;
}
/* This part determines the basic size and look of your right hand column which you do not see or use on your index page but it is there */
#rightcolumn {
	float: left;
	width: 8%;
/*Width of right column in pixels*/
	margin-left: -8%;
/*Set margin to that of -(RightColumnWidth)*/
	background: #000000;
}
/* This section set the paramaeters for the footer area at the bottom of your index page */
#footer {
	clear: left;
	width: 100%;
	background: #000000;
	color: #CEC7BD;
	text-align: center;
	padding: 40px 0;
}
/* This sets the link color used in your footer area */
#footer a {
	color: #CEC7BD;
}
/* This is called innertube because it is a division within a division that is used to add additional stability to your CSS design. It also adds 10 pixels of space around the outside of the content. */
.innertube {
	margin: 10px;
/*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}
/* This is a general setting that keeps borders from appearing around any images you use */
img {
	border: none;
}