/* 

CSS Stylesheet for Respecterre Ecovillage
Coded by Parkle Lee
August 2011

*/

* {padding:0; margin:0;}
.floatRight {float:right; margin:0 0 12px 20px !important;}
.floatLeft {float:left;}
.clear {clear:both;}
a img {border:none;}

body {font-family:Verdana, Geneva, sans-serif; font-size:12px;}

#container {width:728px; margin:0 auto; padding:8px;}

#header {margin-bottom:12px; position:relative;}
#header .motto {position:absolute; top:29px; right:0;}

#banner {position:relative; height:178px;}
#floralLeft {background:url(images/floral-left.gif) no-repeat right center; width:42px; height:178px; position:absolute; left:-45px;}
#floralRight {background:url(images/floral-right.gif) no-repeat left center; width:42px; height:178px; position:absolute; right:-45px;}
#bannerLeft {position:absolute; left:0;}
#bannerMiddle {position:absolute; left:244px;}
#bannerRight {position:absolute; left:488px;}

#menu {position:relative; text-align:center;}
#menu ul {list-style:none;}
#menu > ul {height:42px;}
#menu > ul > li {display:inline-block; padding:10px 24px; position:relative;}
#menu > ul > li > ul {width:150px; position:absolute; background:#ffffff; text-align:left; display:none; border:#404a69 1px solid; border-bottom-width:0; z-index:100;}
#menu > ul > li:hover > ul {display:block;}
#menu > ul > li > ul > li {border-bottom:#404a69 1px solid;}
#ie7 #menu > ul > li {display:block; float:left;}

#menu a {text-decoration:none;}
#menu > ul > li > a:link,
#menu > ul > li > a:visited {font-family:"Century Gothic", Verdana, Geneva, sans-serif; font-size:135%; color:#516C8A;}
#menu > ul > li > a:hover {color:#404a69;}
#menu > ul > li.current > a:link,
#menu > ul > li.current > a:visited,
#menu > ul > li.current > a:hover {font-weight:bold; color:#404a69;}
#menu > ul > li > ul > li > a:link,
#menu > ul > li > ul > li > a:visited {color:#404a69; padding:3px 6px; display:block;}
#menu > ul > li > ul > li > a:hover {color:#ffffff; background:#516C8A;}

#bodyTop {height:4px; background:url(images/body-top.gif) no-repeat top;}
#body {background:url(images/body-bg.gif) repeat-y top; padding:30px 40px;}
#bodyBottom {height:4px; background:url(images/body-bottom.gif) no-repeat top;}

#bodyTop, #body, #bodyBottom {background-color:#516C8A;}

/* #content {background:url(images/bg-flower.gif) no-repeat center 20px;} */

#content {color:#ffffff;}

/* heading font */
#content h1,
#content h2 {font-family:"Century Gothic", Verdana, Geneva, sans-serif;}

/* heading size */
#content h1 {font-size:200%;}
#content h2 {font-size:150%;}

/* block margins */
#content h1,
#content h2,
#content p,
#content ul,
#content img,
#content blockquote {margin:16px 0;}
#content li {margin:4px 0;}

/* line height */
#content p,
#content li {line-height:18px;}

/* first child no top margin */
#content p:first-child,
#content h1:first-child,
#content h2:first-child {margin-top:0;}

/* links */
#content a:link {color:#8AC0DE;}
#content a:visited {color:#8AC0DE;}
#content a:hover {color:#9FDDFF;}

#content ul {padding-left:36px;}
#content img {border:4px solid white;}
span.subtitle {display:block; font-size:85%; font-weight:normal;}

div.caption {background:white; padding:4px;}
div.caption img {display:block; margin:0 !important; border:none !important;}
div.caption span {display:block; color:#444; font-size:90%; padding-top:4px; text-align:center;}

#footer {position:relative; padding:4px 0; font-size:90%; color:#516C8A; font-family:"Century Gothic", Verdana, Geneva, sans-serif; text-align:center;}
#socialButtons {font-size:90%; float:right;}
#socialButtons img {border:none; margin:0 2px; position:relative; top:3px;}