/* CSS Document for index page */
body {margin:0 auto; font-size:76%; min-width:800px; font-family:Georgia; }

/* Containers */
div#container {width:85%; margin:0 auto; background: #fff url(images/left_gradient.gif) top left repeat-y; }
div#container2 {background: url(images/right_gradient.gif) top right repeat-y;}
/* The containers hold the gradients and center the page at 95% of the window */
div#wrapper {width: 82%; margin:0 auto; clear:both;} /* This section holds all the content including the menu */

/* The header and logo area */
div#header {width:85%; margin:0 auto; clear:both; background: #fff url(images/water2.gif) top left no-repeat; height:222px;}
div#header p#logo {margin:0; }
div#header p#logo img {width:211px; height:130px; margin:72px 0 0 18px; border: 10px solid #fff;}

/* The horizontal menu area */
div#menu {clear:left; background-color:#fff; padding: 1em 0; font-family:Georgia; font-size: 1.7em;}
div#menu ul#hmenu {margin:0; padding:0;}
div#menu ul#hmenu li {list-style-type:none; display:inline;}
div#menu ul#hmenu li a:link, div#menu ul#hmenu li a:visited {text-decoration:none; color:#fff; background-color:rgb(249,162,9); padding: .5ex 1.6ex}
div#menu ul#hmenu li a.active {background-color:rgb(53,92,157)}

/* Welcome area */
div#welcome {float:left; width: 50%; background:#fff url(images/tan_gradient.gif) top left repeat-x; padding:2ex;}
div#welcome h2 {color:rgb(53,92,157); font-size:1.7em;  letter-spacing:1.3px; padding-bottom:.6ex;margin:0;}
div#welcome p {margin:0; font-size: 1.1em;}

/* The sidebar */
div#sidebar {float:right; width:42%; text-align:right;}
div#sidebar ul {text-align:center; width: 75%;}
div#sidebar ul#addyoursite, div#sidebar ul#qotd, div#sidebar ul#addyoursite li h2, div#sidebar ul#qotd li h2 {margin:0; padding:0; list-style-type:none;}
div#sidebar ul#addyoursite li {padding:1ex}
div#sidebar ul#addyoursite li h2 {font-size:1.2em; font-weight:normal; margin:0 auto; }
div#sidebar ul#addyoursite li a:link, div#sidebar ul#addyoursite li a:visited {color:#fff;background-color: rgb(53,92,157); padding:1ex; text-decoration:none; font-size:1.3em;}
div#sidebar ul#qotd {margin-top:2ex; background: #fff url(images/blue_gradient.gif) top left repeat-x;}
div#sidebar ul#qotd li h2 {color:rgb(53,92,157); font-size:1.6em; padding-top: 1ex}
div#sidebar ul#qotd li#quote {padding:1ex 3ex; font-style:italic;}

/* Blogs intro */ 
div#blogsintro {clear:left; float:left; width:50%; padding:1ex;}
div#blogsintro h2 {color:#000; font-size: 1.65em; border-bottom:2px solid rgb(249,162,9); display:inline; font-weight:normal; padding:.2ex 0;}
div#blogsintro p {font-size: 1.1em;}

/* The blog list area */
div#bloglist {clear:both; padding:0 1ex 2ex 1ex;}
div#bloglist h2 {color:#000; font-size: 1.65em; border-bottom:2px solid rgb(249,162,9); display:inline; font-weight:normal; padding:.2ex 0;}
div#bloglist ul#leftlist {margin:0; padding:0; padding-top:2ex; width:45%; float:left;}
div#bloglist ul#leftlist {list-style-type:none;}
div#bloglist ul#leftlist li ul {margin:0; padding:0;}
div#bloglist ul#leftlist li ul li {list-style-type:none; padding:.25ex 0 1ex 0;}
div#bloglist ul#rightlist { margin:0; width:45%; float:right; /* margin-left:50%; */ padding:0; padding-top:2ex;list-style-type:none;}
div#bloglist ul#rightlist li ul {margin:0; padding:0; }
div#bloglist ul#rightlist li ul li {list-style-type:none;  padding:.25ex 0 1ex 0;}
div#bloglist ul#leftlist li a:link, div#bloglist ul#leftlist li a:visited, div#bloglist ul#rightlist li a:link, div#bloglist ul#rightlist li a:visited {color: rgb(53,92,157); text-decoration:none; font-size:1.2em;}
div#bloglist ul#leftlist li ul li a:link, div#bloglist ul#leftlist li ul li a:visited, div#bloglist ul#rightlist li ul li a:link, div#bloglist ul#rightlist li ul li a:visited {color:#000; text-decoration:none;} 
/* Footer links */
div#footer_links {clear:both; font-size: .9em; padding-top:2ex;}
div#footer_links ul {margin:0;padding:0; text-align:center; background-color:rgb(53,92,157); padding:1ex}
div#footer_links ul li {list-style-type:none; display:inline; padding:0 1ex;}
div#footer_links ul li a:link, div#footer_links ul li a:visited {text-decoration:none; color:#fff; background-color:rgb(53,92,157); padding:0 1ex;}
div#footer_links ul li a:hover, div#footer_links ul li a.active {border-bottom:2px solid rgb(249,162,9)}

/* Footer credits */
div#credits ul {margin:0;padding:0; color:rgb(53,92,157); text-align:center; padding:2ex 0}
div#credits ul li {list-style-type:none; display:inline; padding:0 1ex;}
div#credits ul li a:link, div#credits ul li a:visited {color:rgb(53,92,157);}