/*
Posted with permission by Elise@LMT
Learning Movable Type: http://www.elise.com/mt/

From Article: http://www.elise.com/mt/archives/000519using_typepad_styles_with_mt.php
*/ 

body {
        margin: 10px 10px 20px 10px;
                background-color: #890000;
                text-align: center;
        }

a {
        text-decoration: none;
        font-weight: bold;
        }

a:link {
        color: #49183C;
        }

a:visited {
        color: #A10000;
        }

a:active {
        color: #A10000;
        }

a:hover {
        color: #E2BB3A;
        }



/*this did work, but seemed to eliminate hover elsewhere*
.sidebar a:hover {
	color: #E28520;
     background:#fff;
	}
*/

/*a.left:hover {color:#E2BB3A;}  doesn't work either*/


/*DIDN"T WORK */
/* */

.sidebar a:hover {
        color: #E28520;
        } 

.sidebar-right a:hover {
        color: #E2BB3A;
        }


/* */

h1, h2, h3 {
        margin: 0px;
        padding: 0px;
        font-weight: normal;
        }

#container {
        line-height: 140%;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        padding: 0px;
        width: 840px;/*was 700 */
        
        background-color: #FFFFCC;
        border: 1px solid #000000;
        }

#banner {
        font-family: Verdana, Arial, sans-serif;
        color: #FFFFFF;
        background-color: #4B0048;
        text-align: left;
        padding: 15px;
        height: 40px;
        }

a#banner-img {
        display: none;
        }


#banner a {
        color: #CCCC33;
        text-decoration: none;
        }

#banner h1 {
        font-size: xx-large;
        font-weight: bold;
        text-transform: uppercase;
        }

#banner h2 {
        font-size: small;
        }

#center {
	float: left;
	width: 400px;
	overflow: hidden;
	padding: 0px;
	background-color: #FFFFCC;
        }

.content {
        padding: 15px 15px 5px 15px;
        background-color: #FFFFCC;
        
        color: #000000;
        font-family: Arial, sans-serif;
        font-size: small;
        }

#left {
	float: left;
	width: 140px;
	overflow: hidden;
	background-color: #E2BB3A;
        }

#right {
	width: 240px; /*was 240*/
	overflow: hidden;
	clear: none;
	float: right;
	background-color: #E27F2B;
        }

.content p {
        color: #000000;
        font-family: Arial, sans-serif;
        font-size: small;
        font-weight: normal;
        line-height: 120%; /*was 150%*/
        text-align: left;
        margin-bottom: 10px;
        }

.content blockquote {
        line-height: 110%; /*was 150%*/
        /*background-color: #ffffcd;*/
                font-size: x-small;
        border: 1px dotted;
        padding: 10px;
        margin-left:10px;
        margin-right: 10px; /*was 100px*/
        }

.content li {
        line-height: 120%; /*was 150%*/
        }

.content h2 {
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFCC66;
        }

.content h3 {
        color: #AD0047;
        font-family: Arial, sans-serif;
        font-size: large;
        text-align: left;
        font-weight: bold;
        margin-bottom: 10px;
        }

.content p.posted {
        color: #666666;
        font-family: Arial, sans-serif;
        font-size: x-small;
        text-align: left; /*was right*/
        margin-bottom: 25px;
        line-height: normal;
        }

.sidebar {
        padding: 15px;
        }

.sidebar-right {
        padding: 15px;
       /* background-color: #999;*/ 
	/*I think this should just be defined in the tag "right"*/

        }


#calendar {
        line-height: 140%;
        color: #000000;
        font-family: Arial, sans-serif;
        font-size: x-small;
        padding: 2px;
        text-align: center;
        margin-bottom: 30px;
        }

#calendar table {
        padding: 2px;
        border-collapse: collapse;
        border: 0px;
        width: 100%;
        }

#calendar caption {
        color: #A10000;
        font-family: Arial, sans-serif;
        font-size: x-small;
        border: 1px solid #A10000;
        text-align: right;
        font-weight: bold;
        
        text-transform: uppercase;
        padding: 3px;
        letter-spacing: .3em;
        }

#calendar th {
        text-align: center;
        font-weight: normal;
        }

#calendar td {
        text-align: center;
        }

.sidebar h2 {
	color: #49183C;
	font-family: Arial, sans-serif;
	font-size: x-small;
	border: none;
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px;
	letter-spacing: 0.3em;
	background-color: #E28520;
        }

.sidebar ul {
        padding-left: 0px;
        margin: 0px;
        margin-bottom: 30px;
        }

.sidebar li {
        color: #000000;
        font-family: Arial, sans-serif;
        font-size: x-small;
        text-align: right;
        line-height: 120%; /*was 150%*/
        margin-top: 10px;
        list-style-type: none;
        }

.sidebar-right h2 {
	color: #A10000;
	font-family: Arial, sans-serif;
	font-size: x-small;
	border: none;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px;
	letter-spacing: 0.3em;
	background-color: #E2BB3A;
        }

.sidebar-right h3 {
        font-family: Arial, sans-serif;
        font-size: x-small;
        border: none;
        text-align: left;
        font-weight: bold;
        text-transform: none;
        padding: none;
        letter-spacing: normal;
        margin:0px;
        line-height: 100%; 
        }

.sidebar-right ul {
        padding-left: 0px;
        margin: 0px;
        margin-bottom: 10px;
        list-style-type: square;
        }

.sidebar-right li {
        color: #000000;
        font-family: Arial, sans-serif;
        font-size: x-small;
        text-align: left;
        line-height: 120%; /*was 150%*/
        margin-top: 10px;
        list-style-type: square;
        }

.sidebar img {
        border: 1px solid #A10000;
        }

.photo {
        text-align: right;
        margin-bottom: 20px;
        }

.link-note {
        font-family: Arial, sans-serif;
        font-size: x-small;
        line-height: 120%; /*was 150%*/
        text-align: right;
        padding: 2px;
        margin-bottom: 15px;
        }

.link-note-right {
        font-family: Arial, sans-serif;
        font-size: x-small;
        line-height: 120%; /*was 150%*/
        text-align: left;
        padding: 2px;
        margin-bottom: 15px;
        }

#powered {
        font-family: Arial, sans-serif;
        font-size: x-small;
        line-height: 120%; /*was 150%*/
        text-align: left;
        color: #000000;
        margin-top: 50px;
        }

#comment-data {
        float: left;
        width: 180px;
        padding-right: 15px;
        margin-right: 15px;
        text-align: left;
        border-right: 1px dotted #BBB;
        }

textarea[id="comment-text"] {
        width: 80%;
        }