/* Some general settings for the whole document. */
body {
    font-size:80%;
    font-family:sans-serif;
    margin:0;
}

pre {
	font-size:120%;
}

/* Make links blue with no underlines */
a {
    text-decoration:none;
    color:blue;
}

a img {
	border:none;
}

/* Sidebar links are a little different color, just to set them apart a bit. */
#sidebar a {
    color:navy;
}

/* Do the cool link hover effect. */
a:hover, #sidebar a:hover {
    background:#0072bb;
    color:white;
}

/* No borders */
#leftBorder, #rightBorder, #bottomBorder, #topRightBorder, #contentLeft {
    display:none;
}

#topBorder {
    margin:0;
    padding:0;
}

#header {
    height:26px;
    padding:12px 25px; /* Remember: Total height = vertical padding + height */
    color:white;
    background:black;
    font-size:25px;
    margin-top:0;
    margin-bottom:0;
}

.navBar {
    height:26px;
    padding:0 15px;
    margin:0;
    background:rgb(100, 100, 200);
    color:white;
}

.navBar ul {
    display:inline;
    list-style-type:none;
    margin:0;
    padding:0;
}

.navBar li {
    padding:0;
    margin:0;
    display:block;
    float:left;
}

.navBar a, .navBar span {
    width:12em;
    padding:5px 0 0 10px;
    height:21px;
    margin:0;
    display:block;
    float:left;
    text-decoration:none;
    color:white;
}

.navBar a:hover {
    background:rgb(120, 120, 255);
}

.navBar span {
    color:black;
    font-weight:bold;
}

#innerContent {
    width:600px;
    float:left;
    padding: 15px 5px 15px 25px;
    margin: 5px 5px 15px 25px;
    border:1px solid black;
    padding:5px;
}

#contentHeader {
    font-size:150%;
    font-weight:bold;
    color:blue;
    margin-left:25px;
}

#innerContent h2 {
    color:#36f;
}

#innerContent h3 {
    border-top: dashed #ccc 1px;
    font-size:180%;
}

.listHeader {
    font-size:130%;
    font-weight:bold;
    color:#600;
    border-top: dashed #ccc 1px;
    display:block;
    margin:20px 5px 5px;
}

#expertise {
    padding-left:0;
}

#expertise li {
   list-style-type:none;
   margin-top:1em;
}

#expertise li li {
   list-style-type:circle;
}

#styleChooser {
    margin-top:10px;
    margin-left:25px;
    padding:0;
}

#sidebar {
    width:180px;
    margin:0;
    float:left;
    padding: 10px 0 0 10px;
    left:642px;
    top:126px;
/*    position:absolute; */
}

#sidebar ul {
    list-style:none;
    margin:0;
    padding:0;
}

#sidebar .bullet {
    color:red;
}

.widget li {
    list-style:circle;
    color:#c30;
    margin-left:1em;
}

#footer {
    clear:both;
    text-align:center;
    color:gray;
}

#comment{
    width:590px;
}

h3#respond {
    font-size:150%;
    border:none;
    margin-bottom:0;
}

/******************************************************************************
 * Emacs font-lock colors.
 ******************************************************************************/
.emacs .comment {
    /* font-lock-comment-face */
    color: #0000ff;
}

.doc-string {
    /* font-lock-doc-string-face */
    color: #008b00;
}

.keyword {
    /* font-lock-keyword-face */
    color: #ff0000;
}

.reference {
    /* font-lock-reference-face */
    color: #cd0000;
}

.string {
    /* font-lock-string-face */
    color: #008b00;
}
.function-name {
    /* font-lock-function-name-face */
    color: #ff0000;
}
.type {
    /* font-lock-type-face */
    color: #4682b4;
}
.variable-name {
    /* font-lock-variable-name-face */
    color: #8b008b;
}

.about {
   width:400px;
   margin-left:100px;
   background:#eef;
   margin-top:3em;
   border:1px #ccc dashed;
   padding:0 1em;
}

.about h4 {
   margin-bottom:0.5em;
   margin-top:0;
   font-size:100% !important;
   text-align:center;
}

.about p {
   margin-bottom:2px;
   margin-top:2px;
}

.subNavBar a {
   border:1px dotted rgb(15, 49, 33);
   padding:5px 10px;
   border-top:none;
   border-bottom:none;
   text-decoration:underline;
}

.address {
   width:19em;
   border-width:1px 2px 2px 1px;
   border-color:gray black black gray;
   border-style:solid;
   padding:0 1em;
}

textarea {
    width:580px;
}