/* Copyright 2009 Rob Duncan, roki.ca 

This is the draft css style sheet for dragonfly.roki.ca newsletter  */

body {
font-family: Georgia, Times, Serif;
line-height: 1.5em;
color: #639;
margin: 5px 0 0 5px;
padding: 0;
}


/* Main Headline */
h1 {
margin-left: 0.5em;
margin-top: 0;
letter-spacing: -1px;
font-weight: bold;
font-style: italic;
}

/* Links */
a {
font-family: sans-serif;
letter-spacing: 1px;
color: #033;
text-decoration: none;
}
a:visited {
color: black;
}
a:hover {
border-bottom: 1px solid;
}
a:active {
color: yellow;
}


/* Non-link tags */
abbr, acronym, dfn {
border-bottom: 1px dotted;
cursor: help;
}


/* Specify pairs of quotes for two levels in two languages */
q:lang(en) { quotes: '“' '”' "‘" "’" }
q:lang(fr) { quotes: "«" "»" "<" ">" }


/*					 */
/*  DEFINED CLASSES  */
/*					 */

/* Used to offset text so it stands out - bigger and paler */
.airy {
text-align: right;
line-height:0.8em;
font-style: italic;
font-size:180%;
color:#85b;
letter-spacing: 0.1em;
}


/* Colour and positioning info for the picture background */
img.picture_frame {
float: left;
border: 1px dotted purple;
padding: 1px;
background: #8184ff;
margin: 0 20px 5px -0.5em;
}

/* Sidebar tip styles - both the h2 and the p are styled */
h2.tip {
margin-bottom:0px;
font-size: 100%; 
line-height: normal;
padding: 0 0 5px 14px;
background: url(http://dragonflymassage.ca/css/images/bulb.gif) no-repeat left top;
border-bottom: 1px dotted black;
}
p.tip {
margin-top:0px;
font-size: 90%; 
line-height: normal; 
font-style:italic;
padding-bottom:2px;
border-bottom: 1px dotted black;
}


/*				 */
/*  DEFINED IDs	 */
/*				 */


/* the top of the page - contains the DMT name and purple background */
#header {
padding:8px 0;
background: #639 url(http://dragonflymassage.ca/css/images/top_left_rnd.gif) no-repeat top left;
color: white;
}


/* the main text area for each page */
#content {
padding: 0% 2%;
float: left;
width: 69%;
}
#content ul, ol {
padding: 0% 0% 0% 20%;
}
#content ul ul, ol ul, ol ol, ul ol {
padding: 0% 0% 0% 15%;
}

/* The sidebar is non critical links, tips and future considerations (blog, pics, rss?) */
#sidebar {
float:left;
padding: 2%;
width: 22%;
min-width:170px;  
border-style: solid;
border-width: 1px 1px 8px;
background: #FFC url(http://dragonflymassage.ca/css/images/DMT_web_notext.gif) no-repeat 50% 1em;
}
#sidebar h1 {
text-align: center;
font-size: 110%;
font-style: normal;
}
#sidebar h1.first {
margin: 100px 0 0 0;
}
#sidebar p {
line-height: 1.2em;
}
#sidebar ul {
list-style: url(http://dragonflymassage.ca/css/images/left_bull.gif);
line-height: 1.5em;
padding: 0 5px 0 10px;
}
#sidebar a {
font-size: 90%;
}


/* the Footer repeats the nav menus, copyright and contact info */
#footer {
line-height: 1em;
clear: none;
margin-right: 27%;
background: #fff;
text-align: center;
}
#footer p {
font-style: italic;
font-size: 70%;
padding: 0 20px
}
#footer ul {
border: 1px solid black;
font-size: 80%;
padding: 0;
}
#footer li {
display: inline;
list-style: none;
background: url(http://dragonflymassage.ca/css/images/ftr_bullet.gif) no-repeat right center;
padding: 0 3% 0 2%;
}
#footer li a {
color: #528;
}