/*
Theme Name: Blue Gardens
Description: Theme developped by Blue Gardens for My Web Garden blog.
Version: 1.0
Author: Raphaele Lamaze-Beyssac
Author URI: http://www.blue-gardens.ie
Tags: blue, three columns, widgets

	Blue Gardens 1.0

*/


/********* Overwrites ***********/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li, input, textarea { margin:0px; padding:0px; }
address { font-style:normal; }
a:focus { outline:none }
img, a img { border:0px none; }
th, td { text-align:left; font-weight:normal; vertical-align:top; }
table { empty-cells:show;  }


/********** Styles *************/
body { text-align:center; font-family:Helvetica, Arial, sans-serif; color:#333; background: #f1fbe4 url('images/body-bg.jpg') repeat-x top; line-height: 1.8em; font-size:72%;  /*font-size:12px;*/}

a { color: #027676; text-decoration: none; }
a:hover { border-bottom: 1px dotted #027676; }

ul, li { list-style-type: none; }

.subtitle, .heading a, .heading a:hover { margin-left: 20px; color: #f1fbe4; line-height: 1.1em;  }
.heading { padding-top: 16px; font-size: 3.2em; letter-spacing: 3px; }
.subtitle { font-size: 1.7em; }

#article h1 { color: #027676; padding-top: 15px; padding-bottom: 5px; border-bottom: 1px solid #888; font-size: 1.8em; font-weight: bold; }
#article h2 { color: #027676; font-size: 1.2em; font-weight: bold; }

.entry { padding-top: 12px; padding-bottom: 12px; font-size: 1.2em; }
.entry p { margin-top: 4px; }
.entry p img { float: right; }
.entry h2 { margin-top: 16px; }
.postmetadata { margin-top: 6px; border-top: 1px dotted #888; }
.post-info { background-color: #e7e7e7; margin-top: 10px; }

#top-nav { float: right; margin-right: 35px; }
#top-nav ul, #top-nav li { display: inline; }
#top-nav li a { font-size: 1.3em; color: #f1fbe4; margin-right: 25px; }
#top-nav li a:hover { border-bottom: 1px dotted #f1fbe4; }

#left-column h2, #right-column h2 { margin-top: 10px; }
#left-column h2 a, #right-column h2 a, #left-column h2, #right-column h2 { color: #027676; font-size: 1.3em; }

#side-columns li { list-style-type: none; margin-left: 16px; }
#side-columns li li { list-style-type: square; }
#side-columns li a { color: #027676; }
#side-columns li a:hover { border-bottom: 1px dotted #027676; }

#footer a:hover { border-bottom: 1px dotted #e7e7e7; }

#footer-left h2, #footer-left h2 a, #footer-centre h2, #footer-centre h2 a, #footer-right h2, #footer-right h2 a { color: #e7e7e7; font-size: 1.3em; }

#footer-left p, #footer-left p a, #footer-left li, #footer-left li a, #footer-centre p, #footer-centre p a, #footer-centre li, #footer-centre li a, #footer-right p, #footer-right p a, #footer-right li, #footer-right li a { color: #e7e7e7; }

#footer a:hover { border-bottom: 1px dotted #e7e7e7; }

/********** Structures *************/

#wrapper {  margin:0 auto; text-align:left; width: 1005px; }

#header { position:relative; width: 100%; height: 110px; background: url('images/header-bg.jpg') repeat-x top; }

#content { float: left; width: 1005px; background: #7cb1af url('images/flower1.gif') no-repeat bottom right; }

#article { width: 60%; float: left; background-color: #fff; padding: 12px; }

#side-columns { width: 36%; float: left; padding-left: 8px; }

#left-column, #right-column { float: left; width: 43%; background-color: #e7e7e7; border: 1px solid #888; margin: 14px 4px 10px 6px; padding: 6px; }

#footer {clear: both; width: 100%; height: 200px; background: url('images/footer-bg.jpg') #027676 repeat-x top; }

#footer-left, #footer-centre, #footer-right { width: 31%; float: left; padding: 8px; margin-top: 10px;}
#footer-left, #footer-centre { border-right: 1px solid #888; }