/*
Theme Name: Karen's theme
Theme URI: none
Description: A simple purple fluid layout with a background header image.
Version: 1.0 
Author: karen
Author URI: http://cureless.net
*/

body {
background: #FFF; /*#666666 url(layout-files/page-bg.jpg) fixed repeat-x left top;*/
color: #000000;
margin: 0 0;
padding: 0 0;
text-align: center;

font-size: 100%;
font-family: "Trebuchet MS", "Times New Roman", Arial, sans-serif;

}

#wrap {
width: 95%;
padding: 0 0;
margin: 0 auto;
overflow-x: hidden;
}

#wrap-all {
background-color: #FFFFFF;
width: 100%;
margin: 10px auto;
padding: 0 0;
text-align: left;
}

#headerbackground {
background: url("layout-files/header-bg3.jpg") repeat-x 0px 0px transparent;
margin: 0px;
height: 65px;
width: 100%;
z-index: 1;
}
#header {
width: 100%;
height: 65px;
margin: 0 0;
padding: 0 0;
}

#header .hcontent {
margin: 0 0 0 0px;	
float: left;
/*
border-style: dotted;
border-color: #ccaaaa;
border-width: 3pt;*/
}
#header h1 {
margin: 0 0 0 0px;
padding: 5px 10px;

font: bold small-caps 2.5em "Helvetica", Arial, Verdana, sans-serif;
}

#header .blog-desc {
margin: 0 0;
padding: 0 10px;
color:  #AAA;
background-color: transparent;
font: 0.5em "Trebuchet MS", Arial, sans-serif;
}

#header h1 a,
#header h1 a:link,
#header h1 a:visited {
text-decoration: none;
color: #d73f67;
}

#header h1 a:hover {
color: #ccc;
}

#header ul {
margin: 25px 0 0 5px;
padding: 0 0;
}

#header ul li {
display: block;
float: left;

height: 15px;

margin: 0 5px;
padding: 10px 0;

font:  1.30em  Arial, Verdana, sans-serif;
text-align: center;
}

#header ul li a,
#header ul li a:link {
display: block;
margin: 0px 0;
padding: 0px 35px 0 0;
text-decoration: none;
text-transform: uppercase;
color:  #b72637;
}

#header ul li a:hover {
color: #444;	
}

#search {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

#searchform {
padding: 0 0;
}

#searchform #s {
border: 1px solid #ccc;
}

#searchform #searchsubmit {
border: 1px solid #ccc;
color: #222;
background-color: #eee;
}

#content {
padding: 0 10px 10px 30px;
margin: 25px 0 0 250px;
background: transparent;
border-left: 3px solid #d7dfe1;
}

#sidenav {
float: left;
width: 240px;
margin: 0px 0 0 0px;
padding: 10px 10px 0 ;
}

div.nav {
margin: 20px 0 0 0;
padding: 0 0;
}

div.nav ul {
}

div.nav > ul {
}

#sidenav div.nav ul {
margin: 0 0;
padding: 20px 0;
display: block;
}

#sidenav div.nav ul li {
margin: 0 0;
padding: 0px 0px;
list-style: none;
display: block;

text-align: left;
border-bottom: 1px dashed #666699;

background-color: #ddd;
}

#sidenav div.nav ul li:first-child {
border-top: 1px dashed #666699;
}

#sidenav div.nav ul li a {
margin: 0 0;
padding: 5px 5px;
display: block;

text-decoration: none;
font: small-caps bold 1.1em "Times New Roman", Arial, sans-serif;
}

#sidenav div.nav ul li a:link,
#sidenav div.nav ul li a:visited {
color: #b72637;
background-color: transparent;
}

#sidenav div.nav ul li a:hover {
color: #444;
background: transparent url(layout-files/box-link-bg.jpg) repeat-y right top;
}

#sidenav p,
#sidenav ul {
margin: 20px 0 20px 0;
padding: 0 0;

color: #444;
text-align: justify;
font: 0.9em "Trebuchet MS", Verdana, Arial, sans-serif;
}

#sidenav ul {
list-style: none;
}

#sidenav ul li {
margin: 0 0 2px 0;
padding: 0 0;
}

#sidenav ul li h2 {
margin: 0 0;
padding: 2px 5px;

color: #444;
background-color: transparent;
font:   1.5em , Arial, Verdana, sans-serif;
}

#sidenav ul ul,
#sidenav ul p {
margin: 0 0 20px 0;
padding: 2px 5px;
font: 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
}

#sidenav ul ul ul {
margin: 0 0 0 10px;
padding: 0 0;
font: 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
}

#sidenav a, #sidenav a:link, #sidenav a:visited {
color: #b72637;
background-color: #ffffff;
text-decoration: none;
} 

#sidenav a:hover {
color: #000033;
background-color: #ffffff;
text-decoration: none;
}

#footer {
clear: both;
width: 100%;
height: 37px;
margin: 20px 0 0 0;
padding: 5px 0;
background: transparent;
border-top: #2887bd solid 2px;
}

#footer p {
margin: 0 0;
padding: 0 0;

text-align: center;
font-size: 0.8em;
color: #bbb;
background-color: transparent;
}

#footer a, 
#footer a:link, 
#footer a:visited {
color: #8adcff;
text-decoration: none;
}

#footer a:hover {
color: #ffffff;
text-decoration: none;
}

#about {
font-size:1.6em;
margin: 0 0 0 40px;
}
h2 {
margin: 10px 0 5px 0;
padding: 0 0;
color: #666;
background-color: transparent;
font: 1.5em Arial, Verdana, sans-serif;
}

h2 a, h2 a:link, h2 a:visited {
color: #b72637;
background-color: transparent;
text-decoration: none;
}

h2 a:hover {
color: #555;
}

h3 {
margin: 20px 0 0 0;
padding: 0 0;
color: #777;
font: 1.1em "Trebuchet MS", Arial, Verdana, sans-serif;
}

h3 a, h3 a:link, h3 a:visited {
text-decoration: none;
}

p {
font: 0.9em "Trebuchet MS", Arial, Verdana, sans-serif;
line-height: 1.6em;
}

blockquote {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 10px;
	font-style: italic;
	color: #666666;
}

table {
}

tr {
}

td {
margin: 2px 2px;
padding: 2px 2px;
font: 0.9em "Trebuchet MS", Arial, Verdana, sans-serif;
border-bottom: 1px dashed #666699;
}

hr {
border: 1px solid #666699;
width: 90%;
}

ul, ol {
font: 0.9em "Trebuchet MS", Arial, Verdana, sans-serif;
text-align: justify;
}

ul li, ol li {
margin-bottom: 10px;
margin-top: 10px;
}

ul {
list-style: square;
}

ul ul, ol ol, ul ol, ol ul {
font: 1.0em "Trebuchet MS", Arial, Verdana, sans-serif;
}

ol {
list-style-type: decimal;
}

.smallertext {
font-size: 0.9em;
}

.largetext {
font-size: 1.3em;
}

code {
font: 0.8em "Courier New", Courier, Arial, sans-serif;
}

dl {
font: 1.0em "Trebuchet MS", Arial, Verdana, sans-serif;
margin-bottom: 20px;
}

dt {
font-weight: bold;
margin-top: 10px;
}

a, a:link, a:visited {
color: #2887bd;
}

a:hover {
color: #000000;
}

.align-left {
text-align: left;
}

.align-center {
text-align: center;
}

.align-right {
text-align: right;
}

.float-left {
float: left;
margin: 0 20px 0 0;
}

.float-right {
float: right;
}

.clear {
clear: both;
}

.breakfloat {
width: 100%;
}

img.alignleft {
float: left;
display: inline;
margin: 2px 5px 0 0;
padding: 2px 2px;
border: 1px solid #996699;
background-color: #666699;
}

img.aligncenter {
padding: 2px 2px;
border: 1px solid #996699;
background-color: #666699;
text-align: center;
}

img.alignright {
float: right;
display: inline;
margin: 0 0 2px 5px;
padding: 2px 2px;
border: 1px solid #996699;
background-color: #666699;
}

img {
border: 0;
margin: 0 0 0 0;
}

td a {
text-decoration: none;
}

.underlined {
text-decoration: underline;
}

.note {
font-size: 0.8em;
font-style: italic;
text-align: center;
color: #996699;
background-color: #666699;
padding: 5px 5px;
border: 1px dashed #996699;
width: 75%;
margin: 20px auto;
}

.form {
font-size: 0.8em;
color: #000000;
background-color: #ffffff;
padding: 10px 30px;
border: 1px solid #996699;
width: 75%;
margin: 20px auto;
}

/* WP styles */
.post {
margin: 0px 10px 30px 0;
padding-bottom: 15px;
border-bottom-style: dotted;
border-bottom-color: #ddd;
border-width: 2px;
}

.entry {

}

.postmetadata p {
margin: 0 0;
padding: 0 0 0 0px;
font: 0.75em Arial, Verdana, sans-serif;
color: #555;
}

.postmetadata a, .postmetadata a:link {
text-decoration: none;
}

.alt {
margin: 20px 20px;
padding: 10px 15px;
color: #000033;
background-color: #6bb9ed;
}

.alt a, .alt a:link, .alt a:visited {
color: #ffffff;
text-decoration: none;
}

#commentform input{
border: 1px solid #ccc;
width: 200px;
}
 #commentform textarea {
border: 1px solid #ccc;
width: 100%;
}
#commentform textarea {
height: 150px;
}

.commentlist li {
margin: 20px 20px;
padding: 5px 5px;

background-color: #6bb9ed;
border: 1px solid #EEE;
}

.commentlist li.alt {
background-color: #ffffff;
}

.commentlist li a,
.commentlist li a:link,
.commentlist li a:visited {
color: #ffffff;
text-decoration: none;
}

.commentlist li.alt a, 
.commentlist li.alt a:link, 
.commentlist li.alt a:visited {
color: #6bb9ed;
}

.commentmetadata {
margin: 0 0;
padding: 0 0;
text-align: right;
}

#commentform #submit {
width: 100px;
color: #000;
background-color: #EEE;
}

.navigation {
margin: 0 0;
padding: 0 0;
text-align: center;
}

.navigation .alignleft {
float: left;
margin: 0 0;
padding: 0 0;
}

.navigation .alignright {
float: right;
margin: 0 0;
padding: 0 0;
}

.navigation a, 
.navigation a:link,
.navigation a:visited {
color: #d73f67;
text-decoration: none;
}

.blog_link{
	color: #aaa;
}

.clr {clear:both;font-size: 1px;height: 1px;}

.geek {background:#eeeeee; margin-left:30pt; padding:10pt;}