/* The top part of the page is the title */

body {
background-color: #c3cfcf;
scrollbar-face-color: #900;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-3dlight-color: #900;
scrollbar-darkshadow-color: #600;
scrollbar-track-color #f99;
scrollbar-arrow-color: #fff;
}

body ul {
list-style-type: none;
}

body h1 {
font-size: 24px;
margin: 0 0 25px 50px;
}

#wrapper {
width: 780px;
margin: 0 auto 0 auto;
}

.textbox {
background-color: #fff;
border: #630 solid;
border-width: 1px 1px 1px 1px;
margin: 3px;
}

.button {
background-color: #bba;
border: #630 solid;
border-width: 1px 1px 1px 1px;
margin: 3px 3px 0 3px;
}

#title {
color: #fff;
font-size: 35px;
text-indent: 10px;
border: #300 double;
border-width: 3px 0 3px 0;
padding: 5px 5px 5px 5px;
margin: 0;
background: url(images/email.gif) no-repeat top right; 
background-color: #900;
height: 50px;
width: auto;
}

#subtitle {
display: inline;
color: #fff;
font-family: courier, "courier new", monospace ;
font-size: 14px;
}

#mypicture {
width: 100%;
height: 130px;
padding: 0  0px 0 0;
margin: 0 0px 0 0;
border: 0;
background: url(images/mypicture2.jpg) no-repeat top right;
}


/* Make a shell for the content */
#contentshell {
padding: 0;
margin: 0;
margin-right: 220px;
width: auto;
border: #ddd solid;
border-width: 0 1px 1px 1px;
background-color: #fff;
}

/* Make a column on the right for various links */
#rightcolumn {
float: right;
right: 10px;
width: 208px;
border: #410 solid;
border-width: 0px 1px 1px 1px;
/* background: url(images/fade.jpg) repeat-y top left; */
background-color: #788; /* #efd684; #fea */ 
padding: 0 5px 0 5px;
}

.linkbox {
font-size: 14px;
margin: 10px 0 10px 0;
padding: 0;
border: #000 solid;
border-width: 1px 1px 1px 1px;
background-color: #eeefee; /* #cc8 */
}

div.linkbox h1 {
width: 100%;
font-size: 14px;
background: #900;
color: #fff;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: #000 solid;
border-width: 0 0 1px 0;
text-align: center;
}

div.linkbox img {
border: #000 solid;
border-width: 1px 1px 1px 1px;
margin: 2px 5px 2px 5px;
padding: 0 0 0 0;
}

div.linkbox p {
margin: 0 0 5px 0;
padding: 0 5px 5px 5px;
}

div#rightcolumn a:link, div#rightcolumn a:visited {
color: #900;
text-decoration: none;
background: transparent;
border: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

div#rightcolumn a:hover {
color: #900;
text-decoration: underline;
background: transparent;
border: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* This controls the actual content */
#content {
color: #345;
width: 95%;
margin: 0;
padding: 10px 10px 10px 10px;
border: 0;
/* background: url(images/wrinkylcnr.gif) no-repeat top left; */
}

div.blogtitle h1 {
color: #900;
text-decoration: none;
font-size: 16px;
margin: 0 50px 0 0;
padding: 0;
border: #aaa solid;
border-width: 0 1px 1px 0;
}

div.blogtitle a:link, div.blogtitle a:hover, 
div.blogtitle a:visited, div.blogtitle a:active {
color: #900;
text-decoration: none;
}

div.blogtitle h2 {
color: #666;
font-family: courier, "courier new", monospace ;
font-size: 12px;
text-align: right;
margin: 0 50px 25px 0;
padding: 0 10px 0 0;
border: #aaa solid;
border-width: 0 1px 0px 0;
}

#content p {
margin: 0 50px 0 18px:
}

div.blog a:link, div.blog a:visited {
color: #900;
text-decoration: underline;
}

div.blog a:hover {
color: #900;
text-decoration: underline;
background-color: #ddd;
}

/* how will the comment link work (not actual comments) */
.comments {
font-size: 12px;
text-align: right;
margin: 0 50px 5px 0;
}

.category {
font-size: 12px;
text-align: right;
margin: 0 50px 50px 0;
}


#footer {
font-size: 12px;
font-color: #fff;
font-family: courier, "courier new", monospace ;
width: 100%;
margin: 0 0 0 0;
height: 50px;
border: #300 double;
border-width: 3px 0 3px 0;
background-color: #900;
}

.footeritem {
position: relative;
float: left;
height: 50px;
margin: 0 0 0 0;
padding: 5px 3px 0 3px;
border: #333 dotted;
border-width: 0 0px 0 0;
}

div#footer a:link, div#footer a:visited, div#footer a:hover, 
div#footer a:active, div#footer img {
color: #fff;
text-decoration: none;
border: none;
}

/* A lot of pictures already have a pictureborder class, we need that again */
.pictureborder {
border: #000 solid;
border-width: 1px 1px 1px 1px;
margin: 4px 4px 4px 4px;
}

/* actual comments */
#commentspop {

}

#commentspop h1 {
color: #fff;
background-color: #900;
font-size: 30px;
padding: 2px 2px 2px 10px;
margin: 0 0 0 0;
border: #300 solid;
border-width: 0 0 1px 0;
}

#commentspop h2 {
color: #fff;
background-color: #84936e;
font-size: 20px;
padding: 2px 2px 2px 10px;
margin: 0 0 15px 0;
border: #300 double;
border-width: 0 0 3px 0;
}

.comments-body {
background-color: #fff;
border: #900 solid;
border-width: 1px 1px 1px 1px;
padding: 5px 5px 5px 10px;
}
: 0 0 15px 0;
border: #300 double;
border-width: 0 0 3px 0;
}

.comments-body {
background-color: #fff;
border: #900 solid;
border-width: 1px 1px 1px 1px;
padding: 5px 5px 5px 10px;
}