/* Title: style.css */
/* Description: Presentation declaration for susandenis.com */
/* Updated: 10-02-05 */


body {
margin: 0;
padding: 0;
text-align: center;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #000;
background-color: #CAD0E6;
}

body a, body a:visited {
color: #605bbf;
text-decoration: none;
}

body a:hover {
color: #605bbf;
text-decoration: underline;
}

h1 {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
margin: 0;
padding: 0;
color: #605bbf;
}

h2 {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
margin: 0;
padding: 0;
color: #605bbf;
}

h2 a, h2 a:visited {
color: #605bbf;
text-decoration: none;
}

h2 a:hover {
color: #605bbf;
text-decoration: underline;
}

h3 {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
margin: 0;
padding: 0;
color: #605bbf;
}

h4 {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 5px 0 0 10px;
color: #333;
}

h4.h4sidebar {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0;
padding: 0;
color: #444;
}

h4.h4sidebar a, h3.h3sidebar a:visited {
color: #444;
text-decoration: none;
}

h4.h4sidebar a:hover {
color: #444;
text-decoration: underline;
}

h4.h4pagetitle {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0 0 20px 0;
padding: 0;
color: #444;
}

h4.h4attention {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0 0 20px 0;
padding: 0;
color: #900;
}

small {
display: block;
margin: 5px 0 0 0;
font-size: 11px;
}

em {
font-style: normal;
font-weight: bold;
}

em.italics {
font-style: italic;
fong-weight: normal;
}

img {
display: block;
border: 0;
}

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

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

.clearfix {
display: inline-table;
}


/* -- [ Begin Site Structure Declaration ] -- */

#wrap {
width: 700px;
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
}

#header {
float: left;
width: 700px;
margin: 0;
padding: 0;
}

#nav {
float: left;
display: inline;
width: 700px;
margin: 15px 0 0 0;
padding: 0;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#nav ul li {
float: left;
margin: 0 20px 0 0;
padding: 0;
list-style: none;
}

#nav ul li a, #nav ul li a:visited {
color: #605bbf;
text-decoration: none;
}

#nav ul li a:hover {
color: #fff;
text-decoration: underline;
}

#blogwrap {
float: left;
display: inline;
width: 700px;
margin: 10px 0 0 0;
padding: 0 0 20px 0;
text-align: left;
background: url(../../../../images/susandenisbg.gif) #fff top left no-repeat;
}

#blog {
float: left;
display: inline;
width: 445px;
margin: 60px 0 0 40px;
padding: 0 0 20px 0;
}

.entry {
margin: 10px 0 0 0;
}

.postmetadata {
margin: 5px 0 20px 0;
padding: 0;
font-size: 12px;
}

#page {
float: left;
display: inline;
width: 445px;
margin: 60px 0 0 40px;
padding: 0 0 20px 0;
}

#sidebar {
float: left;
display: inline;
margin: 330px 20px 0 35px;
width: 160px;
padding: 0;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}

#sidebar ul li {
display: block;
margin: 0 0 10px 0;
padding: 0;
list-style: none;
}

#sidebar ul li ul {
margin: 0;
padding: 0;
list-style: none;
}

#sidebar ul li ul li {
margin: 0 0 5px 0;
padding: 0;
list-style: none;
}

#sidebar p {
display: block;
margin: 0;
padding: 0;
}

.search {
float: left;
display: inline;
width: 160px;
margin: 0;
padding: 0;
}

.search ul {
margin: 0;
padding: 0;
list-style: none;
}

.search ul li {
display: block;
margin: 0 0 5px 0;
padding: 0;
font-weight: normal !important;

}

#footerwrap {
float: left;
width: 700px;
margin: 20px 0 0 -3px;
padding: 0 0 10px 0;
text-align: center;
color: #605bbf;
}

#footer {
margin: 0 auto 0 auto;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
}

#footer a, #footer a:visited {
color: #605bbf;
text-decoration: none;
}

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

/* -- [Home: Home page image positions ] -- */

#homewrap {
float: left;
display: inline;
position: relative;
width: 700px;
height: 512px;
margin: 10px 0 0 0;
padding: 0 0 20px 0;
text-align: left;
}

#i-about {
position: absolute;
top: 0;
left: 319px;
}

#i-listings {
position: absolute;
top: 153px;
left: 319px;
}

#i-contact {
position: absolute;
top: 309px;
left: 567px;
}

#i-feedwrap {
position: absolute;
top: 309px;
left: 319px;
display: block;
width: 244px;
height: 203px;
background-color: #fff;
}

#i-feeds {
float: left;
width: 234px;
height: 183px;
margin: 10px;
padding: 0;
overflow: hidden;
}

#i-feeds h4 {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0 0 10px 0;
padding: 0;
color: #444;
}

#i-feeds p {
margin: 0 0 5px 0;
}

#i-testimonials {
position: absolute;
top: 197px;
left: 73px;
}

#i-links {
position: absolute;
top: 444px;
left: 0;
}

#i-flash {
position: absolute;
top: 97px;
left: 20px;
}

/* -- [ Contact Form ] -- */

#contactaction {
float: left;
display: inline;
margin: 0;
padding: 0;
display: block;
height: 500px;
}

#contactaction p {
margin: 10px 0 0 0;
padding: 0;
display: block;
}

#contactwrap {
text-align: left;
}

#contactform {
margin: 0;
padding: 0;
}

#contactform dl {
margin: 0;
padding: 0;
}

#contactform dt {
color: #333;
font-weight: normal !important;
}

#contactform dd {
margin: 0 0 5px 0;
padding: 0;
}

#contactform #name, #contactform #email, #contactform #url {
width: 200px;
border: solid 1px #999;
padding: 2px 2px;
font-size: inherit;
}

#contactform textarea {
width: 300px;
height: 100px;
border: solid 1px #999;
font-family: inherit;
font-size: inherit;
}

