/* index.css - specific index page CSS */

@import url(/css/base.css);
@import url(/css/text.css);

#main { background: url(/images/base/main-main-repeat.gif) repeat-y; }

#red {
	background: #900 url(/images/index/red.jpg) no-repeat;
	color: #fff;
	display: inline;
	float: right;
	padding-bottom: 15px;
	width: 600px;
}
#feature-photo { 
	background: url(/images/index/photo-drop.gif) no-repeat right bottom; 
	display: inline; 
	float: left;
	padding: 18px 4px 4px 21px;
}
#feature-photo img { display: block; border: 5px solid #600; border-left-width: 7px; border-right-width: 7px; }
#red .right { display: inline; float: right; margin-right: 29px; padding-top: 20px; width: 329px; }
#red h2 { border-bottom: 1px solid #d9714e; color: #ffc; font-size: 22px; margin: 0; padding: 0 0 10px 0; }
#red h3 { color: #fff; font: 15px Georgia, serif; margin: 8px 0 4px 0; }
#red h3 a { color: #fff; text-decoration: none; }
#red h3 a:hover { color: #ffc; }
#red .cols { background: url(/images/index/orange.gif) no-repeat 171px 5px; border-bottom: 1px solid #d9714e; }
#red .cols .clear { background: #900; height: 5px; margin: 0 0 0 171px; width: 1px; }
#red .col1 { display: inline; float: left; width: 150px; }
#red .col2 { display: inline; float: left; margin-left: 33px; width: 130px; }
#red p { font-size: 12px; line-height: 1.8; }
#red .cols p { color: #ffc; margin: 0 0 8px 0; }
#red p span { color: #cc9; font: 10px Arial, sans-serif; text-transform: uppercase; }

#center-col { display: inline; float: left; margin-left: 4px; width: 480px; }
#center-col .readings { display: inline; float: left; width: 298px; }
#center-col .news { display: inline; float: right; width: 182px; }
#center-col .pad { padding: 0 15px; }