/* 	joelwardhomes.com
	screen styles
*/


/* Default font setup
------------------------------------------ */

html, html body
{
	margin: 0px;
	padding: 0;
	font-size: 100%;         /* IE hack */
	font-family: Georgia, Palatino, serif;
}

body {
	background: #fff url('../images/background.gif') top left repeat-x;
	font-size: 62.5% !important; 	/* establish basefont at ~10pt */
	color: #42210B;
	font-family: Georgia, serif;
}

h1, h2, h3, h4
{
	font-family: Georgia, Palatino, serif;
	color: #42210B;
}
h1 { font-size: 2.8em; font-style: italic; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }

div {
	margin: 0;
	padding: 0;
	font-size: 100%;
}


/* Typography
------------------------------------------ */

p, pre { font-size: 1.2em; }

#content li
{
	font-size: 1.2em;
	margin-bottom: 0.5em;
	list-style-position: inside;
}

.larger {
	font-size: 1.4em;
	line-height: 1.3em;
}

.smaller {
	font-size: 0.9em;
	line-height: 1.0em;
}

ul.amenities {
	list-style-type: disc;
	margin-left: 0;
	padding-left: 0.5em;
	text-indent: -0.75em;
}
ul.amenities li
{
	margin-left: 0.5em;
	padding-left: 0.5em;
}
p.address
{
	color: #511421;
	font-size: 1.0em;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}

/* Positioning
------------------------------------------ */

.half_column
{
	width: 40%;
	padding: 5px;
	background: #eee;
	float: left;
}

div.map
{
	float: right;
	clear: right;
	margin: 0px 0px 20px 20px;
}

.right
{
	float: right;
	clear: right;
	margin: 0 0 10px 10px;
}

.left
{
	float: left;
	clear: left;
	margin: 0 10px 10px 0;
}

br.clear { clear: left; }

div#container
{
	background: #e7e2c9 url('../images/background.gif') top left repeat-x;
	position: absolute;
	left: 50%;
	width: 960px;
	margin-left: -480px;
	padding: 0;
	display: block;
	height: 100%;
}

html>body #container 
{
	height:  auto;
	min-height:100%;
}
#top
{
	height: 107px;
}

/* NAVIGATION
----------------------------------------------- */

/* top right navigation */

#topnav {
	position: absolute;
	width: 300px;
	text-align: right;
	top: 20px;
	right: 0px;
}
#topnav ul
{
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;	
}

/* main navigation - top bar */

#mainnav
{
	height: 24px;
	width: 960px;
	margin: 0;
	padding-top: 5px;
}
#mainnav ul
{
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
	text-align: center;
}

#mainnav ul li
{
	display: inline;
	float: left;
	font-variant: small-caps;
	font-size: 1.4em;
	color: #fff;
}

#mainnav a:link, #mainnav a:visited, #mainnav a:hover, #mainnav a:active
{
	text-decoration: none;
	color: #fff;
	height: 19px;
	padding: 5px 11px 4px 11px;
}
body.home #mainnav a:link,
body.home #mainnav a:visited,
body.home #mainnav a:hover, 
body.home #mainnav a:active
{
	padding: 5px 14px 4px 14px;
}

#mainnav a:hover, #mainnav a:active,
#mainnav a.on { background: #511421; }

#topnav a:link, #topnav a:visited, #topnav a:hover, #topnav a:active
{
	text-decoration: none;
	color: #511421;
}

#topnav h3, #mainnav h3 {
	font-size: 0.001em;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	display: none;
}

body.home #photo
{
	width: 960px;
	height: 210px;
	background: #737245 url('../images/real_estate_champaign_il.jpg') top left no-repeat;
	position: absolute;
	top: 136px;
}
body.home #photo h1
{
	display: block;
	font-size: 1.5em;
	font-style: italic;
	line-height: 1.4em;
	color: #fff;
	padding-left: 640px;
	padding-right: 30px;
	padding-top: 20px;
}

body.standard #photo h1,
body.forsale #photo h1,
body.buying #photo h1,
body.selling #photo h1,
body.agents #photo h1,
body.contact #photo h1,
body.location #photo h1
{
	display: block;
	font-size: 2.2em;
	font-style: italic;
	line-height: 1.4em;
	color: #fff;
	padding-left: 10px;
	padding-top: 78px;
	font-weight: normal;
	margin: 0;
}


/* --- USED FOR TEMP HOME PAGE ANNOUNCEMENTS --- */

body.home #announce
{
	float: right;
	width: 350px;
	font-size: 1.8em;
	color: #aa273d;
	padding: 15px;
	border: 1px solid #aa273d;
	margin: 20px;
	background: #ffffff;
}

body.home #announce a
{
	text-decoration: none;
}


/* --- PAGE-SPECIFIC PHOTOS -- */

body.cuinfo #photo,
body.forsale #photo,
body.buying #photo,
body.selling #photo,
body.agents #photo,
body.contact #photo,
body.location #photo

{
	width: 960px;
	height: 115px;
	position: absolute;
	top: 136px;
}
body.cuinfo #photo { background: #737245 url('../images/top_photos_1.jpg') top left no-repeat; }
body.forsale #photo { background: #737245 url('../images/top_photos_6.jpg') top left no-repeat; }
body.buying #photo { background: #737245 url('../images/top_photos_3.jpg') top left no-repeat; }
body.selling #photo { background: #737245 url('../images/top_photos_4.jpg') top left no-repeat; }
body.agents #photo { background: #737245 url('../images/top_photos_5.jpg') top left no-repeat; }
body.contact #photo { background: #737245 url('../images/top_photos_2.jpg') top left no-repeat; }
body.location #photo { background: #737245 url('../images/top_photos_4.jpg') top left no-repeat; }

/* --- */

#content
{
	position: relative;
	top: 40px;
	padding-top: 180px;
	padding-bottom: 30px;
}

#sidebar
{
	width: 146px;
	height: 100%;
	float: left;
	padding: 10px 10px 50px 20px;
}

#sidebar h4
{
	color: #737245;
	margin-top: 0.7em;
	margin-bottom: 0.25em;
	padding-bottom: 0;
	font-family: Arial, sans-serif;
}

#sidebar p
{
	margin-top: 0;
	padding-top: 0;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}


/* --- STANDARD TEMPLATE ONLY --- */

body.standard #content {
	position: relative;
	top: 115px;
	padding-top: 0px;
	padding-bottom: 30px;
	background: #e7e2c9 url('../images/sidebar_bg.gif') top left repeat-y;
}
body.standard #sidebar
{
	float: left;
	width: 155px;
	padding: 10px 10px 0px 10px;
}

body.standard #contentarea
{
	width: 745px;
	float: left;
	padding: 10px 20px 0px 20px;
}

/* --- */

body.forsale #content { background: #e7e2c9; }

.button
{
	text-align: center;
	background: #535232 url('../images/forsalebuttons_bg.gif') top left repeat-x;
	font-size: 1.3em;
	border: 1px solid #535232;
	color: #fff;
}
body.forsale .button {
	float: right;
	margin-right: 10px;
	position: relative;
	top: 78px;
}
.button a:link,
.button a:visited,
.button a:hover,
.button a:active
{
	display: block;
	padding: 7px 10px 7px 10px;
	color: #fff;
	text-decoration: none;
}

#content p, #content li { padding-right: 20px; } 

#content h2
{
	color: #737245;
	margin-top: 1.0em;
	padding: 0;
}

#footer
{
	border-top: 1px solid #737245;
	margin-top: 50px;
	padding: 10px 20px 20px 20px;
	width: 920px;
}

body.standard #footer
{
	border-top: 1px solid #737245;
	margin-top: 50px;
	padding: 10px 20px 20px 20px;
	width: 920px;
	height: 150px;
	position: relative;
	top: 65px;
}
body.forsale #footer { margin-top: 20px;}

body.standard label
{
	font-size: 1.2em;
	font-weight: bold;
}

body.standard span.label { font-size: 1.2em; }



/* --- MANAGER ONLY --- */
body.manager
{
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
body.manager { font-size: 1.3em; }

body.manager #container { background: #e7e2c9 url('../images/sidebar_bg.gif') top left repeat-y; }
body.manager #title
{
	background: #e7e2c9;
	border-bottom: 1px solid #000;
	width: 960px;
	font-size: 2.0em;
	font-weight: bold;
	height: 2em;
	padding-top: 1.5em;
}
body.manager #navigation
{
	float: left;
	width: 190px;
}
body.manager #navigation li
{
	font-size: 1.5em;
	padding-bottom: 0.6em;
}
body.manager #navigation li.on { font-weight: bold; }
body.manager #main
{
	float: left;
	width: 750px;
	padding-right: 20px;
}
body.manager #main h1
{
	font-size: 1.8em;
	margin-bottom: 2.0em;
}
body.manager div.add
{
	padding: 10px;
	float: right;
	font-size: 1.4em;
	font-weight: bold;
}
body.manager form div.instructions
{
	font-size: 1.2em;
	width: 150px;
	background: #fff;
	padding: 10px;
}
body.manager span.code
{
	font-family: Courier, serif;
	color: #737245;
}
body.manager form label
{
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}
body.manager form input,
body.manager form textarea
{
	margin-bottom: 10px;
}
body.manager form input.delete
{
	color: #f00;
	margin-left: 20px;
}
body.manager form input.confirm
{
	color: #00a651;
}

/* ---  --- */



/* Tables
------------------------------------------ */

table.rentals td
{
	width: 25%;
	padding-bottom: 10px;
	vertical-align: top;
	text-align: center;
}

table.agents td
{
	padding-right: 5px;
	text-align: center;
	padding-bottom: 20px;
	font-size: 1.2em;
}

/* Replaced Images
------------------------------------------ */

div#logo
{
	width: 218px;
	height: 52px;
	background: transparent url('../images/champaign_real_estate_logo.gif') no-repeat;
	position: relative;
	top: 35px;
}

div#logo a
{
	text-indent: -9999px;
	display: block;
	width: 218px;
	height: 52px;
	border-bottom: none;
	text-decoration: none;
}

div#logo img { display: none; }

/* Images
------------------------------------------ */

img.map
{
	border: 1px solid #000;
	float: right;
}

img.locationmap
{
	border: 1px solid #000;
	float: right;
	background: #fff;
	padding: 5px;
}

.rental_photo { 
	border: 1px solid #000;
	margin: 5px;
}

.main_photo
{
	border: 1px solid #000;
	margin-right: 10px;
	float: left;
}

.floorplan
{
	border: 1px solid #000;
	float: left;
	margin-right: 10px;
}
.agentphoto
{
	border: 0;
	margin-bottom: 5px;
}

/* Links 
------------------------------------------ */

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

a:hover, a:active
{
	color: #737245;
	text-decoration: underline;
}

a.image:link, a.image:visited, a.image:hover, a.image:active { border-bottom: medium none; }


/*  Clearing 
------------------------------------------ */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */