div {
position: relative;
}

img {
border: 0;
}

h1, h2, h3, h4, h5, h6, form {
margin: 0; padding: 0;
}

body {
margin: 24px; font-size: 11px; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em
}

h1 {
color: #339; font-size: 19px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.3em; text-decoration: none; margin-bottom: 15px;
}

h2 {
color: #339; font-size: 14px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.3em; text-decoration: none; margin-bottom: 15px; background: url(http://www.retinacare.com/img/bullet.gif) no-repeat left 4px; padding-left: 15px;
}

h4 {
color: #339; font-size: 14px; margin-bottom: 8px;
}

a {
color: #b85f00; text-decoration: underline;
}

a:hover {
color: #e19600;
}

#wrapper {
width: 850px; margin: auto; padding-bottom: 25px;
}

#header {
background: #6666cc; padding: 3px 0 3px 0; height: 88px;
}

#header #makeappointment {
position: absolute; top: 25px; left: 265px;
}

#header #address {
position: absolute; top: 50px; left: 250px; color: white; font-size: 13px; font-weight: bold; line-height: 1.3em
}

#header img#c_head_top {
position: absolute; top: 0; right: 0;
}

#header img#c_head_bot {
position: absolute; bottom: 0; right: 0;
}

#nav {
float: left; width: 250px; margin: 35px 35px 35px 0; text-align: center;
}

#nav select {
width: 80%; margin: 4px 0 0 0;
}

#nav a {
font-size: 14px;line-height: 1.3em
}

#nav .contentblock {
margin-bottom: 15px;
}

#nav .navblock {
margin-top: 12px;
}

#nav ul {
margin: 0 0 25px 0; padding: 0;
}

#nav ul li {
list-style: none; margin-bottom: 12px;
}

#nav h2 {
background: url(http://www.retinacare.com/img/bg_head_a.gif) no-repeat top; width: 250px; height: 23px; color: white; font-size: 14px; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;  text-align: center; padding: 4px 0 0 0; margin-bottom: 12px;
}

.subblock h2 {
background: url(http://www.retinacare.com/img/bg_head_b.gif) no-repeat top; width: 270px; height: 23px; color: white; font-size: 14px; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;  text-align: center; padding-top: 4px; margin-bottom: 12px;
}

#nav h3 a, #nav h3 {
color: #339; font-size: 14px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.3em; text-decoration: none; margin-bottom: 2px;
}

#nav h3 a:hover {
color: #e19600;
}

#nav .left {
text-align: left;
}

#nav .tool {
margin: 0 0 8px 8px; width: 246px;
}

#nav .tool input, #nav .tool select {
vertical-align: middle;
}

#nav .tool img.icon {
vertical-align: middle; margin-right: 5px;
}


#content {
float: left; width: 560px; margin: 0 0 35px 0; font-size: 14px;  line-height: 1.3em;
}

#content.nonflush {
margin-top: 35px;
}

#content.full {
float: left; width: 630px; margin: auto; font-size: 14px;  line-height: 1.3em; margin-bottom: 35px; margin-top: 35px;
}


#content p {
margin: 0 0 15px 0;
}

.hometitle {
color: #339; font-size: 29px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 1.1em; text-decoration: none;
}

#content .bodytext  { font-size: 14px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em }

#footer {
clear: both; float: left; width: 100%; padding-top: 8px; font-size: 10px; font-family: Lucida Grande,Verdana,Arial,Helvetica,sans-serif; line-height: 1.3em; border-top: 1px solid #999999; text-align: center;
}


/* BLOG STYLES */

h2.category {
background: url(http://www.retinacare.com/img/bg_head_c.gif) no-repeat left top; width: 560px; height: 23px; color: #976a11; font-size: 14px; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;  padding: 4px 0 0 25px; margin-bottom: 12px; 
}

#stickypost {
margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ababab;
}

.post {
margin-bottom: 50px; 
}

.post h3 {
font-size: 20px; margin-bottom: 10px; line-height: 24px; color: #339;
}

.post h3 a {
text-decoration: none;
}

.post a {
color: #333399;
}

.post a:hover {
color: #b85f00;
}

.post .date {
margin: 0 0 5px 0; font-size: 11px; font-family: Tahoma; letter-spacing: .02cm
}

.post .author {
margin: 12px 0 25px 0; 
}

.post .editor {
font-size: 11px; font-weight: bold; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; float: right; padding: 3px 6px 3px 6px;
}

.post .postfooter {
margin: 15px 0 8px 0;
}

.post .postfooter p {
display: inline;
}

.post .postfooter a {
margin-right: 15px; font-size: 12px; color: #b85f00;
}

.post .postfootercategories {
font-size: 11px; padding: 5px; background: #f2f2f2; margin-bottom: 15px;
}

.post .postfootercategories a {
margin-right: 12px;
}

#comments_form {
border: 1px solid #cacaca; padding: 10px;
}

#comments_form table {
width: 100%;
}

#comments_form table td {
padding-bottom: 10px;
}

#comments_form table td.gray {
padding-bottom: 10px;
}

#comments_form table td.submit {
text-align: right;
}

#comments_form h5 {
display: inline; font-size: 10px; font-weight: normal; font-family: Tahoma; letter-spacing: .02cm;
}

#comments_form input, #comments_form textarea {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
}

ul#comments {
padding: 0; margin: 15px 0 25px 30px;
}

ul#comments li {
list-style: square;
}

ul#comments b {
font-size: 11px;
}

