/*Set up the body and default element styling*/

body { 
margin: 15px 15px 15px 15px;
background: #f0f0f0;
color: #000; 
text-align: center; /*IE 5.x bugfix part I*/
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 86%; 
line-height:1.2; /*fix IE "peekaboo" bug */
}

a:link { color: #004fdf; text-decoration: underline; }
a:hover { color: #fff; background: #004fdf; text-decoration: none; }
a:visited { color: #004fdf; text-decoration: underline; }
a:hover { color: #fff; background: #004fdf; text-decoration: none; }

p  { 
padding: 0.5em; 
margin: 0; 
font-size: 1em; 
}

h1 {
padding: 0.5em; 
margin: 0; 
font-size: 1.3em; 
font-weight: normal; 
}

h2 { 
padding: 0.5em; 
margin: 0; 
font-size: 1em; 
font-weight: bold; 
}

h3 { 
padding: 0.5em; 
margin: 0; 
font-size: 1em; 
}

h4 { 
padding: 0.5em; 
margin: .5em 0 0 0;
font-size: 1em; 
font-weight: bold;
}

ul { 
margin: .5em 0 .5em .5em;
text-align: left; 
font-size: .9em;
}

li {
margin:0;
padding-left: .3em; 
text-align: left; 
margin-bottom: .2em; 
}

ul, ol, dl {
position: relative;  
}

/*Set up header and main containers*/

#header {
text-align: left;
background-image: url(http://www.coveringces.com/images/coveringdigital.jpg);
background-position: top left;
background-color: #f0f0f0;
width: 422px;
height:109px;
margin:0 0 2em 0;
padding:0;
}

#container {
width: 100%;               /* total width */
min-width: 600px;     /* Always good to have on full width liquid CSS layouts, google "min-width IE" for JS solutions there */
margin: 0 -1px; /* this is a border with marginal compensation to stop scroll bars */
text-align:left; /*IE 5.x bugfix part II*/
}

#wrapper { 
width: 100%;               /* total width */
min-width: 600px;     /* Always good to have on full width liquid CSS layouts, google "min-width IE" for JS solutions there */
text-align:left; /*IE 5.x bugfix part II*/
border-right: 1px solid #000; 
border-left: 1px solid #000;
padding:0;
}

.outer {
border-left-width: 180px;  /* left column width */
border-left-color: #fff;   /* left column colour */
border-right-width: 180px; /* right column width */
border-right-color: #fff;  /* right column colour */
background-color: #fefefe; /* center column colour */
width: auto; 
border-left-style: solid; 
border-right-style: solid; 
background: #fff;
padding-bottom: 1em;
}

.inner {
margin: 0; width: 100%; 
background: #fff;
}

.leftcolumn {
width: 180px;              /* left column width */
margin-left: -180px;       /* _negative_ left column width */
float: left; 
position: relative; 
z-index: 10; 
}

.leftcontent {
padding: 1em .5em .5em .5em;
font-size: .9em;
text-align: left;
background: #fff;
}

.rightcolumn {
width: 186px;              /* right column width */
margin-right: -186px;      /* _negative_ right column width */
float: left; 
position: relative; 
z-index: 11; 
}

.rightcontent {
padding: 1em .5em .5em .5em;
font-size: .9em;
text-align: left;
}

.centercolumn { 
float: left; 
width: 100%; 
position: relative; 
}

/*Tabbed navigation bar code*/

#navlist {
padding: 3px 0;
margin-bottom:0;
margin-left: 0;
margin-right:0;
border-bottom: 1px solid #000;
font: bold 12px Verdana, sans-serif;
}

#navlist li {
list-style: none;
margin: 0;
display: inline;
}

#navlist li a {
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #000;
border-bottom: none;
background: #004fdf;
text-decoration: none;
}

#navlist li a:link { color: #fff }
#navlist li a:visited { color: #fff; }

#navlist li a:hover {
color: #004fdf;
background: #fff;
border-color: #000;
}

#archives #navarchives  a,#about #navabout  a, #home #navhome  a, #contact #navcontact  a {
color: #004fdf;
background: white;
border-bottom: 1px solid #fff;
}

/*Start main styling code*/

.content {
margin-top: .5em;
padding: .5em;
font-size: .9em;
text-align: justify;
line-height: 140%;
}

.content ul { 
margin-left: 2em;
padding:0;
text-align: left; 
font-size: .9em;
}

.content li {
margin:0;
padding-left: .3em; 
text-align: left; 
margin-bottom: .2em; 
}

.google {
background: #fff;
margin: .5em 0;
padding:0;
display:block;
overflow:hidden;
}

.entry {
margin-left: .5em;
margin:0;
font-size: 1.0em;
text-align: justify;
line-height: 140%;
}

.posted {
font-size: .9em;
margin-top: .5em;
margin-left: .5em;
color: #808080;
}

blockquote {
font-family: verdana, arial, helvetica, sans-serif;
border-left: 2px solid #5A83FF;
padding-left: 1em;
line-height: 120%;
}

img {
margin: 0;
padding: 0;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

.date {
font-size: 1.1em;
color: #6C6668;
text-align: right;
}

.title {
font-size: 130%;
text-align: left;
margin: 1em 0 .5em 0;
padding: .5em;
background:#A2E97B;
height:1%;  /*Holly hack to fix IE peekaboo bug*/
border: 1px solid #000;
}

.title a:link, .title a:hover, .title a:visited, title a:hover {
color: #000;
text-decoration: none;
background: none;
}

.subtitle {
font-size: .9em;
color: #000;
text-align: left;
padding-left: .5em;
margin-bottom: 1em;
}

.trackbacktitle {
font-size: 1em;
padding:  .5em;
margin: 1em 0 1em 0;
font-weight: bold;
background: #A2E97B;
color: #000;
text-align: center;
border: 1px solid #000;
line-height: 110%;
}

.nocomments {
font-size: .9em;
text-align: justify;
line-height: 140%;
background: #fff;
padding: .5em .5em .5em .5em;
}

.oddcomments{
font-size: .9em;
text-align: justify;
line-height: 120%;
background: #fff;
margin: 1em .5em .5em .5em;
padding: .5em .5em .5em .5em;
border: 1px solid #999;
}

.evencomments {
font-size: .9em;
text-align: justify;
line-height: 120%;
background: #dcdcdc;
margin: 1em .5em .5em .5em;
padding: .5em .5em .5em .5em;
border: 1px solid #999;
}

.paginate {
font-size: .9em;
font-weight: normal;
letter-spacing:	.1em;
margin: 1em 0 0 1em;
color: #424644;
}

.pagecount {
font-size: .9em;
color: #424644;
font-weight: normal;
}

/*Side column boxes and styling*/

.box {
color: #000;
background: url(images/sidebarbackground1.jpg) repeat-x;
padding: .5em 0em .5em .5em;
line-height:1.2;
height: 1%; /*Holly hack to fix IE peekaboo bug*/
margin-bottom: 1em;
font-size: .9em;
}

.sponsorbox {
color: #000;
background:#fffca0;
padding: .5em 0em .5em .5em;
line-height:1.2;
height: 1%; /*Holly hack to fix IE peekaboo bug*/
margin-bottom: .5em;
font-size: .9em;
border: 1px solid #bebebe;
border-bottom: 2px solid #bebebe;
font-family: arial, helvetica, sans-serif;
}

.sidebartitle {
font-size: 1em;
color: #000;
margin-bottom:1em;
font-weight: bold;
}

.leftcontent ul, .rightcontent ul { 
margin: .5em 0 .5em 0;
padding-left: 1.5em;
text-align: left; 
font-size: 1em;
}

.leftcontent li, .rightcontent li {
padding-left: .3em; 
text-align: left; 
margin-bottom: .2em; 
font-size: 1em;
}

/*Footer code*/

.clear {
clear: both;
}

#footer {
margin-top: -.1em;
background-color: #dcdcdc;    /* footer color */
width: 100%; 
position: relative; 
z-index: 13; 
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

.credit {
color: #000;
margin-top:0;
padding: .5em .5em .5em;
font-size: .8em;
text-align: right;
line-height: 140%;
}

.credit a:link, .credit a:visited {
color: #000;
text-decoration: underline;
}

.credit a:hover {
color: #000;
background: #fff;
text-decoration: none;
}

/*Miscellenous code*/

.checkbox {
margin: 3px;
padding: 0;
border: 0;
}

textarea {
border: 1px solid #999;
background-color: #e3e3e3;
color: #000;
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: 11px;
margin-top: 3px;
margin-bottom: 3px;
}

input.gray {
border: 1px solid #999;
background-color: #E3E3E3;
}

input.gray:hover, textarea:hover { 
border-color: #000; 
}

input.gray:focus, textarea:focus {
border: 1px solid #5181DD;
color: #333;
background: #fff;
}

/* Mozilla code */

.left { 
margin-right: 1px; 
}

.right { 
margin-left: 1px; 
}

.centercolumn { 
margin: 0 -3px 0 -2px; 
}

/*search results code*/
.resultRowOne {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			11px;
 color:				#000;
 padding:           6px 6px 6px 8px;
 background-color:	#DADADD;  
}

.resultRowTwo {
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #000;
 padding:           6px 6px 6px 8px;
 background-color:  #eee;  
}

.resultHead {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size: 		11px;
 font-weight: 		bold;
 color:				#000;
 padding: 			8px 0 8px 8px;
 border-bottom:		1px solid #999;
 background-color:	transparent;  
}