/* 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;
}


/* 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 {
    width: 64%;
    padding-left: 5%;
    height: 1.75em;
    margin-top: 4.2em;
    float: right;
    background-color: #666666;
    background-image: url('../images/bar_gradient_rl.gif');
    background-repeat: repeat-y;
    color: white;
    overflow: auto;
}
.menu_item {
    font-family: "Trebuchet MS",arial,helvetica,clean,sans-serif;
    font-size: 93%;
    margin: 0.5em 0 0 0;
    padding: 0.2em 1em;
}
a.menu_item {
    text-decoration: none;
    color: white;
}
a.menu_item:hover {
    background-color: #9ad9cd;
    color: #411485;
}
.menu_selected, a.menu_selected:hover {
    background-color: #019587;
    color: white;
}
#menu_items_left {
    float: left;
    padding-top: 0.2em;
}
#menu_items_right {
    float: right;
    padding-top: 0.3em;
    margin-right: 2%;
}

#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% 0 0 2%;
}

/* 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;
}
.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;
}