/* General Layout Rules - xyz */

body { 
	background-color: #F2F2F2;
	background-image:url(/images/bg1.jpg);
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1;
	font-size-adjust:none;
	font-size: 0.81em;
	height:100%;
}

a:link { color: #FFF; text-decoration: none; }
a:active { color: #FFF; text-decoration: none; }
a:hover { color: #FFF; text-decoration: none; }
a:visited {	color: #FFF; text-decoration: none; }

#main { text-align: center; height:100%; }

#container { 
	width: 972px;
	background-color:#FFF;
	background-image:url(/images/bg2.jpg);
	background-repeat: repeat-x;
	margin: 0px auto 0px auto;
	height:100%;
}

#top { height:100%; }

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	font-size: 1.65em;
	font-weight: normal;
	color:#333;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 1em;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1em;
	font-size: 2.50em;
	font-weight: normal;	
	margin-top: 15px;
	margin-bottom: 15px;
	color:#333;
}

.article-title { font-size: 2.50em; margin-top: 15px; margin-bottom: 10px; }
.article-head { margin: 10px 0; border-bottom:1px dashed #D6D6D6; font-size: 0.88em; }

p, span { font-size: 0.88em; line-height: 1.8em; }

small { font-size: 0.88em; line-height: 1.8em; }

/* The Top Menu */

#splash {
	width: 939px;
	height: 292px;
	background: url(/images/splash.jpg) 0px -30px no-repeat;
	margin: 0px auto 2px auto;
}

#menu { height: 145px; }
#menu .logo { width: 433px; float: left; padding-top: 40px; }
#menu .menu { height: 145px; background: url(/images/shadow-top.png) 0px -10px no-repeat; float: left; padding-top: 37px; }

/* The Top Featured Articles Section */

#featured { height: 156px; width: 939px; margin: 0px auto 1px auto; background-color: #A9532E; text-align: left;}

.featured-article { height: 156px; float: left; width: 48%; color: #FFF; }
.featured-pre { padding-right: 20px;}
.featured-article h3 { color:#FFF; }
.featured-article span { padding-right: 15px; }
.featured-article span img { padding-right: 10px; }

/* Content */

#content { 
	background-color: #E2C772;
	width: 939px;
	margin: 0px auto 1px auto;
	min-height: 100%; 
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	padding-top: 6px;
}

#column-article {
	margin-left: 4px;
	background: url(/images/article-bg-1.jpg) repeat-y right;
	width: 680px;
	float: left;
	background-color:#E6E8DD;
	text-align: left;
	padding: 20px;
	margin-bottom: -2000px; padding-bottom: 2000px;
}

#column-1 {
	margin-left: 4px;
	width: 471px;
	float: left;
	background-color: #F0F0F0; 
	text-align: left; 
	padding: 20px; 
	margin-bottom: -3000px; 
	padding-bottom: 3000px; 
}

#column-1 #articles span {margin-bottom: 5px; }

#articles h2 a { color: #333; } 
#articles h3 a { color: #333; }
#articles .border { border:1px solid #D6D6D6; margin-bottom:9px; margin: 2px 10px 0 0; padding:2px; }
#articles div { padding-bottom: 7px; border-bottom:1px solid #D6D6D6; }
#articles .date { color: #BD312E; font-family:Georgia,serif; font-size:1.2em; font-weight:normal; line-height:1em; }
#articles div:last { border-bottom: none; }

#column-1 #articles h3 { clear: both; letter-spacing: 1px; }

#articles p { margin-bottom: 2px; }
#articles small{ color:#663300; padding:3px 8px; margin-bottom: 13px; font-style: italic; }
#articles small a { color: #663300; }
#articles div div { font-size:0.88em; line-height:1.8em; }

#column-2 {	width: 210px; float: left; background-color: #E8D18C; margin-bottom: -3000px; padding-bottom: 3000px; }
#column-2 h3 { font-size: 1.55em; }

#column-2 .categories { background-color: #CC803F; border-bottom: 4px solid #D2A44A; padding: 5px 0 10px 0; color: #FFF; }
#column-2 .categories ul { padding: 0 0 0 20px; margin: 15px 0; list-style: none; font-size: 1.1em; text-align: left; list-style-type: none; font-style: italic; }
#column-2 .categories li { padding: 8px 0 8px 0; width: 170px; border-bottom: 1px dashed #DAA376; }

#column-2 .popular h3 { padding-top: 12px; }
#column-2 .popular ul {padding: 10px 10px 10px 36px; list-style-image: url(/images/art-bullet.gif);; font-size: 0.98em; line-height: 1.3em; text-align: left; }
#column-2 .popular li { padding-bottom: 5px; }
#column-2 .popular li a { color: #333; }

#column-3 { width: 210px; float: left; background-color: #F0F0F0; margin-bottom: -3000px; padding-bottom: 3000px; }
#column-3 h3 { font-size: 1.55em; }
#column-3 div { padding: 5px; }

#column-3 .categories { color: #663300; }
#column-3 .categories ul { padding: 0 0 0 5px; margin: 0; list-style: none; font-size: 0.9em; text-align: left; list-style-type: none; font-style: italic; }
#column-3 .categories li { padding: 8px 0 8px 18px; width: 157px; border-bottom: 1px dashed #ccc; }
#column-3 a { color: #663300; }

#columns-fix { height: 5px; margin: -1px auto 0px auto; width: 939px; background-color:#E2C772; }

/* Tags */

#tags { margin-bottom: 20px; }
#tags span.tag-list a { font-style: italic; color: #BD312E; }

/* Pagination */

.paginator { margin-bottom: 20px; }
.paginator .next { float: right; width: 100px; }
.paginator .previous { float: left; width: 100px; }

/*  The two Standard-Size Banners from the bottom of the page */

#bannere-jos { margin: 15px auto 0px auto; width: 939px; height: 6px; }
#bannere-jos img { margin: 0px;}

/* Footer */

#footer { border-top: solid 4px #665D48; background: url(/images/footer_gradient.jpg) repeat-x; width: 972px; padding: 10px 0; font-size: 0.80em; line-height: 1.6em; color: #665D48; margin: 30px auto; height: 200px; }
#footer p { padding-bottom: 10px;}

.box { width: 240px; float: left; margin-right: 35px; text-align: left; }
.box h1 { color: #333; font-size: 1.65em;  font-weight: normal; margin-bottom: 20px; }
.box ul { list-style: none; padding-left: 0px; margin-top: 2px; }
.box li { padding-bottom: 2px; }
.box a:link, .box a:visited { color: #663300; padding: 2px 5px 3px 8px; line-height: 16px; display: block;  }
.box a:hover { color: #fffffe; background: #ad0000; }