* {
   padding:0;
   margin:0;
}

html,body {height: 100%;}

body {background:#fff;
	margin			: 0;
	padding			: 0;
	text-align		: left;
	line-height:1.3;
font-family : "Didact Gothic", "HelveticaNeue-Light", Arial, sans-serif; 
font-size:.625em;
}

/*---------divisions---------------*/

#container {
	width:960px;
	margin:0 auto;
}

#top {
	width:100%;
	margin:40px 0px 20px 0px;
	height:70px;
	background:transparent;
	border-bottom: 5px solid #ebe0ce;
}	

#main {
	width:630px;
	background:transparent;
	padding:0px;
	float:left;
}	

#text {
	width:600px;
	margin:0px 10px 0px 0px;
	float:left;
}	

.end {
	width:600px;
	margin:10px 30px 30px 0px;
	float:left;
	display:inline;
}

#rightcol {
	width:300px;
	background:transparent;
	float:left;
	padding:320px 0px 0px 30px;
	background:url('../graphics-tt/eye.jpg') top right no-repeat;
}

#right {
	width:300px;
	background:transparent;
	float:left;
	margin-top:30px;
}

#right1 {
	width:300px;
	float:left;
}

#right2 {
	width:300px;
	height:0px;
	float:left;
	margin:0px;
}

.localnav {
	width:280px;
	float:left;
}


#footer {
	width:960px;
	height:45px;
	clear:both;
	margin-top:40px;
	font-size:140%;
	border-top:2px solid #eee;
	color:#b59869;
}

.links {
	padding: 5px 20px 5px 5px;
	float:left;
}

.date {
	padding: 5px 5px 5px 10px;
	float:right;
}

.fb-like {padding:10px 0px;}

div.fb-sidebar {margin:40px 0px; width:300px; float:left;}

/*------------all the main text---------------*/

p {
	font-size:180%;
	text-align:left;
	line-height:1.5;
	padding:10px 0px 0px 0px;
	color:#70624a;
}

form#formfeed {
	font-size:180%;
	text-align:left;
	line-height:1.5;
	padding:10px 0px 0px 0px;
	color:#70624a;
}

p.quest{
	font-size:180%;
	text-align:left;
	line-height:1.5;
	padding:14px 10px 0px 0px;
	color:#70624a;
}

p.belief {
	font-size:180%;
	color:#b59869;
	line-height:1.5;
	padding:14px 10px 0px 10px;
}

.date p {
	font-size:100%;
	text-align:right;
	line-height:1.5;
	padding:0px 0px 0px 10px;
	color:#70624a;
}

.emphasis {font-weight:bold;}

h1 {
	font-size:300%;
	color:#b59869;
	line-height:1.0;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	text-transform:uppercase;
}

h2{
	font-size:240%;
	text-align:left;
	line-height:1.5;
	padding:0px 0px 10px 10px;
	color:#aaa;
	text-transform:uppercase;
}

h3 {font-size:220%; padding: 0; line-height:1.0;font-family:"Didact Gothic", "HelveticaNeue-Light", Arial, sans-serif; font-weight:normal;text-transform:uppercase;color:#70624a;}

h4 {font-size:180%;line-height:1.33; margin:1em 0 0 0; text-align:left;color:#70624a;font-family:"Didact Gothic", "HelveticaNeue-Light", Arial, sans-serif; font-weight:normal;text-transform:uppercase; }

h5 {font-size:150%; margin:20px 0px; line-height:1.0;color:#b59869;font-family:Georgia, Palatino, palatino LT light, "Palatino Linotype",serif;font-style:italic;}
 	
h5.sidebar {font-size:150%; margin:20px 0px; line-height:1.0;color:#70624a;font-family:Georgia, Palatino, palatino LT light, "Palatino Linotype",serif;font-style:italic;}
 	
h6 {font-size:240%; line-height:1.0;margin:0px;color:#70624a;font-family:"Didact Gothic", "HelveticaNeue-Light", Arial, sans-serif; font-weight:normal;text-transform:uppercase }

#top p {
	font-size:140%;
	color:#aaaaaa;
	text-align:right;
	line-height:1.2;
	padding:0px;
}

a,a:link, a:visited {
	color:#70624a;
	text-decoration:underline;
}

a:hover {
	color: #b59869;
	text-decoration:underline;
}

#footer a, #footer a:link, #footer a:visited {
	text-align:left;
	text-decoration:none;
	color:#b59869;
}

#footer a:hover {
	text-decoration:underline;
}

/* ------- Lists -------- */

#text li { padding:6px 0px 0px 5px; font-size:180%; }

.end ul.links { list-style-type:none; padding:5px 0px 0px 0px; font-size:130%; }
.end li.link { padding:0px; line-height:1.4; }
.end ul.refs { list-style-type:none; padding:5px 0px 0px 0px; }
.end li.ref {font-size:140%;padding-top:5px }

#rightcol ul{list-style-type:none;padding: 10px 0 0 0;font-size:160%;}
#rightcol li{line-height:1.6;}
#rightcol a, #rightcol a:link, #rightcol a:visited{text-decoration:none;}
#rightcol a:hover{border-bottom:#70624a 1px dotted;}

/*---------------local navigation---------------------*/

.localnav ul { margin-top:5px; }

.localnav li {
	list-style-type:none;
	display:block;
	height:20px;
	width: 260px;
	float:left;
	font-size: 160%;
	line-height:1.5;
	font-weight:normal;
	margin:0px
	padding:0px;
}

.localnav li.title {
	font-size:160%;
	padding:6px 0px 2px 0px;
	font-weight:bold;
	color:#70624a;
	text-transform:uppercase;
}

.localnav p {
	font-size:160%;
	line-height:1;
	padding:0px;
	margin:3px 0px 20px 0px;
	color:#70624a;
}

.localnav a, .localnav a:link {
	text-decoration:none;
	display:block;
	background:transparent;
	padding:0px;
	color:#70624a;
	text-transform:uppercase;
}

.localnav a:visited, {
	text-decoration:none;
	display:block;
	background:transparent;
	padding:0px;
	color:#70624a;
}

.localnav a:hover {
	text-decoration:underline;
	display:block;
	background:transparent;
	padding:0px;
	color:#b59869;
}

/* --------- Media screens --------------------------------------*/

@media only screen and (max-width: 1000px) {

#container {
	padding-right:4%;
	padding-left:4%;
	width:92%;
}

#top, #main, #text, #footer, #end {width:100%;}
#rightcol {width:96%;padding:0; background:transparent;}

}

@media only screen and (max-width: 600px) {

h1 {font-size:240%;margin-bottom:5px;}
h2 {font-size:200%;}
#top {margin-top:10px;height:40px;}
#top p {display:none;}  
}

@media only screen and (max-width: 480px) {

h1, h2, p {font-size:160%;}
}

@media only screen and (max-width: 360px) {

    .date {float:left}
    .date p {font-size:80%;text-align:left;}
}