/* FONT SIZES: ONLY USE % VALUES
   px  %
   10  77
   11  85
   12  93
   13  100
   14  108
   15  116
   16  123.1
   17  131
   18  138.5
   19  146.5
   20  153.9
   21  161.6
   22  167
   23  174
   24  182
   25  189
   26  197
*/

/* BASE CORRECTIONS */
html {
    background-color: #cfc4e0;
	background-image: url('../images/background-gradient-purp25.gif');
	background-repeat: repeat-x;
	color: #333333;
    overflow-y: auto;
}

body {
	margin: 0;
}

fieldset {
    margin-bottom: 0.25em;
}

h1,h2,h3 {
	font-family: "Trebuchet MS",arial,helvetica,clean,sans-serif;
	color: #019587;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: 0.5em 0;
	text-transform: lowercase;
}
p,li {
	line-height: 1.5em;
}
ul,ol,dl {
	margin-top: 0em;
}
pre {
	white-space:pre-wrap;
	font-size: 77%;
}
a,
a:visited
{
    color: #411485;
}
a:hover {
    color: #019587;
}
h1 a,
h1 a:visited
{
    color: #019587;
    text-decoration: none;
}
h1 a:hover {
    color: #411485;
}


/* GENERIC */
#canvas {
    background-color: white;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 1%;
}

#header {
	overflow: auto;
	width: 98%;
	padding: 2% 0 0 2%;
}

#logo {
	width: 29%;
	float: left;
}

#menu_bar {
    float: right;
    margin-top: 4.2em;
    width: 67.5%;
    padding-left: 1.5%;
    background: url('../images/bar_gradient_rl.gif') repeat-y #666666;
    overflow: hidden;

}
#menu_items_left {
    float: left;
    overflow: hidden;
}
#menu_bar ul {
    display: block;
}
#menu_bar li {
    list-style: none outside none;
    float: left;
}
#menu_bar a {
    display: block;
    font-family: "Trebuchet MS",arial,helvetica,clean,sans-serif;
    font-size: 93%;
    padding: 2px 1.1em;
    text-decoration: none;
    color: white;
}
#menu_bar a:hover {
    background-color: #9ad9cd;
    color: #411485;
}
#menu_selected, a#menu_selected:hover {
    background-color: #019587;
    color: white;
}

#content {
}

.sidebar {
    float: left;
    width: 32%;
    margin: 5em 2% 0 0;

}
#column {
    padding-left: 34%;
    padding-right: 2em;
}

#footer {
    font-family: "Trebuchet MS",arial,helvetica,clean,sans-serif;
    color: #666666;
    font-size: 85%;
	margin: 4% 2% 1% 2%;
    padding-top: 0.5%;
    width: 96%;
    border-top: 1px solid #cccccc;
}
#footer_left {
    float: left;
    width: 60%;
}
#footer_right {
    float: left;
    text-align: right;
    width: 40%;
}
a.footer_link,a.footer_link:visited {
    color:#666666;
    font-weight: bold;
    text-decoration: none;
}
a.footer_link:hover {
    text-decoration: underline;
}

/* Stuff that should maybe be in its own stylesheet */
.testimonial {
	/*font-style: italic;*/
}
.ack {
	font-style: italic;
	margin-left: 1.5em;
	margin-bottom: 2.5em;
}


.container {
    width: 100%;
    overflow: auto;
}
#side {
    float: left;
    width: 32%;
    padding-right: 2%;
}
#main {
    float: left;
    width: 65%;
}

.date {
    font-style: italic;
    margin: 0 0 1em 0;
    color: #411485;
}
.date_home {
    color: #666666;
    font-size: 85%;
    margin-top: 0.25em;
    margin-bottom: 1.5em;
    margin-left: 5%;
}
.date_comment {
    color: #666666;
    font-size: 85%;
    margin: 0 0 0.5em 0;
}

a.comment-edit-link,
a.post-edit-link {
   font-style: italic;
   color: white;
   background-color: #9480bf;
   font-size: 85%;
   padding: 0 0.3em 0;
   text-decoration: none;
}

img.alignright {
    float: right;
    margin: 0 0 1em 2em;
    border: 1px solid #666666;
}