A:visited {
    color: #522C7A;
    text-decoration: none
text-transform: small-caps;
}

A:link {
    color: #522C7A;
    text-decoration: none;
}

A:active {
    color: #522C7A; 
    font variant: none;
}

A:hover {
    color: #C1DCEC;
    text-decoration: underline;

}

body {
    padding: 0;
    margin: 0;
    background-color: #CCC;
    text-align: center;
    font-family: verdana, arial, sans-serif;
    font-size: 0.9em;
}

body.mceContentBody {
   background: #FFF;
}

.mainLayout {
    width: 98%;
    margin: 0 auto;
    position: relative;
    border-left: 1px solid #C0C0C0;
    background: #FFF;
}

.mainTable {
    padding: 1px;
padding-top: 0;
    width: 100%;
    border-collapse: collapse;
}

.MAIN_BODY {
    padding: 1%;
    padding-top: 0;
    margin-left: 0;
    margin-right: 15px;
    margin-top: 0;
    margin-bottom: 0;
    border-right: 1px solid #C0C0C0;
    width: 100%;
font-size: 0.9em;
}

.LEFT_SIDE {
    padding: 0;
margin: 0;
    width: 60px;
    border-top: 7px solid #C1DCEC;
    border-left: 1px solid #C0C0C0;
position: relative;
}

.RIGHT_SIDE {
    padding: 0;
margin: 0;
    width: 100px;
    background-color: #eee;
    border-top: 7px solid #C1DCEC;

}

table {
font-size: 1em;
}

/* BEGIN Styles used for bloxes */

.objectTable {
font-size: 1em;
    width: 160px;
    padding: 5px;
    margin: auto;
margin-bottom: 5px;
    border-collapse: collapse;
}
.objectTable a {
font-family: Verdana, Arial, sans-serif;
color: #522C7A;
line-height: 150%;
text-decoration: none;
font-weight: bold;
font-size: 1em;
}
.objectTableRight a:hover {
text-decoration: underline;
}

.objectTableLeft {
    width: 240px;
    padding: 5px;
    margin: auto;
margin-bottom: 15px;
    /* border-collapse: collapse; */
}

.objectHeading {
    color: #522C7A;
    padding: 10px;
    font-family: verdana, arial, sans-serif;
    font-size: 75%;
    font-variant: small-caps;
    letter-spacing: 0.25em;
    text-align: center;
    line-height: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: bold;
}

.objectHeading2 {
    color: #000;
letter-spacing: 3px;
    padding: 5px;
    font-family: Georgia, Times, serif;
    text-transform: uppercase;
    font-size: 1.05em;
    font-weight: bold;
    text-align: center;
    line-height: 100%;
    margin-top: 0;
    margin-bottom: 7px;
}

.objectHeading3 {

    color: #522C7A;
    padding: 5px 10px;
    font-family: Georgia, Times, serif;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: normal;
    letter-spacing: 0.25em;
    text-align: left;
    line-height: 150%;
    margin-top: 0;
    margin-bottom: 10px;

}

.objectHeading4 {
    color: #522C7A;
    padding: 5px;
    font-family: verdana, arial, sans-serif;
    font-size: 1em;
    font-variant: small-caps;
    letter-spacing: 0.25em;
    text-align: center;
    line-height: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: bold;
}

.objectContent {
    padding: 1px 5px 7px 5px;
    margin: 4px auto;
    width: 250px;
font-size: 0.9em;
}
.objectContentLeft {
    padding: 1px 5px 1px 5px;
    margin: 4px auto;
    width: 250px;
font-size: 1.1em;
}
.objectContent2 {
    color: #000;
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.8em;
    padding: 1px 5px 1px 5px;
    margin: 4px auto;
    width: auto;
line-height: 120%;
}

.objectContent2>center>a {
text-decoration: underline;
font-size: 0.9em;
}

.objectContent3 {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 10pt;
    padding: 1px 5px 1px 5px;
    margin: 4px auto;
    width: auto;
}

.objectTitle {
    background-color: #FFFFFF;
    color: #000000;
    padding: 1px 5px 1px 5px;
    margin: 4px;
    width: 100%;
    font-size: 1.2em;
    font-family: Georgia;
    font-weight: normal;
    line-height: 150%;
    margin-top: 6px;
    margin-bottom: 0;
}

.objectDiarist {
    background-color: #FFFFFF;
    color: #000000;
    padding: 1px 5px 1px 5px;
    margin: 4px;
    font-family: verdana;
    text-transform: capitalize;
    font-variant: small-caps;
    color: #5A399D;
    letter-spacing: 1pt;
    font-size: 0.8em;
    font-weight: normal;
    margin-top: 6px;
    margin-bottom: 0;
}

td.objectContent a {
    color: #452B78;
}
.listtitle {
font-family: Georgia, Times, serif;
    font-size: 1.1em;
    margin-top: 8px;
padding: 0 5px;
padding-bottom: 6px;
border-bottom: 1px solid #c1dcec;
}
div.listtitle a {
    margin-top: 8px;
    color: #452B78;
text-decoration: none;
line-height: 100%;
}

.bywhom {
    font-size: 75%;
text-transform: capitalize;
    font-variant: small-caps;
    font-family: Verdana, Arial, sans-serif;
    color: #000;
font-weight: normal;
line-height: 200%;
}
.bywhomauthor {
    font-size: 75%;
text-transform: capitalize;
    font-variant: small-caps;
    font-family: Verdana, Arial, sans-serif;
    color: ##522C7A;
font-weight: normal;
line-height: 200%;
}
.totalcomments {
    font-size: 65%;
    font-family: verdana, arial, sans-serif;
line-height: 145%;
}

/* END Styles used for bloxes */

/* BEGIN  Diary Title Style */
    h1.diaryTitle {
    font-size: 1.7em;
    font-family: Georgia, Times, serif;
    font-weight: normal;
    line-height: 110%;
    margin-top: 0;
    margin-bottom: 0;
}

h2.author {
    font-family: verdana;
    text-transform: capitalize;
    font-variant: small-caps;
    color: #000;
    letter-spacing: 1px;
    font-size: 0.9em;
    font-weight: normal;
}

h3.diaryTimestamp {
    font-family: verdana;
    color: #a0a0a0;
    font-size: 0.9em;
    font-weight: normal;
    font-variant: small-caps;
    line-height: 150%;
    margin-top: 3px;
    margin-bottom: 3px;
}

a.diaryTitle {
    color: #452B78;
text-decoration: none;
}

a.diaryTitle:hover {
    color: #C0C0C0;
}

a.diaryTitle:visited {
    color: #452B78;
}

a.hotList {
    font-weight: normal;
    font-size: 0.8em;
    color: #00F;
}

a.hotList:hover {
    font-weight: normal;
    font-size: 0.8em;
    text-decoration: underline;
    color: #00F;
}

a.author {
color: #5A399D;
font-size: 1em;
font-variant: small-caps;
font-face: Verdana, Arial, sans-serif;
}

a.author:hover {color: #522C7A;
    
}

h1,h2,h3,h4,h5 {
    margin: 0;
    padding: 0;
    font-size: 1em;
}

/* End Diary Title Style */


/*
.dropcap {
  float: left;
  font: normal 60pt/0.8em Georgia;
  color: #D4D4C7;
  margin-right: 3px;
}

.firstletter:first-letter {
    font-size:400%; 
    float:left;
    line-height:.8em;
    color:#D4D4C7;
 
}
*/

.dropcap {
    display: block;
    float:left;
    color:#d4d4d4;
    font-size:50px;
    line-height:35px;
    margin-top:5px;
    margin-right: 3px;
    font-family: Georgia, Times, serif;
}

.diaryTextDiv {
font-family: Georgia, Times, serif;
line-height: 150%;
font-size: 115%;
letter-spacing: 0.01em;
}
.diaryTextDiv2 {
font-family: Georgia, Times, serif;
line-height: 150%;
font-size: 115%;
margin-right: 50px;
letter-spacing: 0.01em;
}
.diaryTextDiv:first-letter {
    float:left;
    color:#d4d4d4;
    font-size:53px;
line-height: 80%;
    margin: 3px 3px 0 0;
}
.diaryTextDiv2:first-letter {
    float:left;
    color:#d4d4d4;
    font-size:53px;
line-height: 80%;
    margin: 3px 3px 0 0;
}
blockquote {
    margin: 0px 40px 0px 40px;
    border: 1px solid #C0C0C0;
    background-color: #eee;
    padding: 10px;
}
blockquote blockquote{
    margin: 0px 40px 0px 40px;
    border: 1px solid #C0C0C0;
    background-color: #f5f5f5;
    padding: 10px;
}


.theFlip {
    padding: 20px;
}

.smallText {
    font-family: Georgia;
    font-size: 0.85%;
    font-weight: normal;
}

.smallTextdiary {
    font-family: Georgia;
    font-size: 1.2em;
    color: #000;
    font-weight: normal;
    line-height: 150%;
    margin-top: 3;
}


.smallTextdiarist {
    font-family: verdana;
    text-transform: capitalize;
    font-variant: small-caps;
    color: #5A399D;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-weight: normal;
}

.objectButton {
    
}

/* Quick Hit Styles */
.quickHitTime {
    font-style: italic;
}

.quickHitText {
    
}

.quickHitAuthor {
font-size: 0.75em;
}

A.quickHitAuthor {
    color: #00F;
font-size: 0.75em;
}

.quickHitTitle {
    font-weight: bold;
color: #452B78;
}

a.quickHitTitle {
    font-weight: bold;
font-size: 0.9em;
line-height: 100%;
color: #452B78;
}
A.quickHitTitle {
    font-weight: bold;
font-size: 0.9em;
line-height: 100%;
color: #452B78;
margin-bottom: 20px;
}
.groupEntry A {
    font-family: verdana;
    font-size: 10px;
}

.groupFeed A {
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    background-color: #EEE;
}

.timeEntry A {
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;    
}

.timeFeed A {
    font-family: verdana;
    font-size: 10px;
}

.ajaxPreviewCommentTitle {
    font-weight: bold;
}

.ajaxPreviewCommentText {
    margin: 5px;
}

.ajaxPreviewCommentAuthor {
    
}

.ajaxPreviewPostBar {
    border: 2px solid #00CC00;
    text-align: center;
    width: 95%;
    padding: 5px;
    margin: 0 auto;
    position: relative;
}

.ajaxCommentBox {
    border: 2px solid #00CC00;
    width: 95%;
    padding: 5px;
    margin: 5 auto;
    position: relative;
background-color: #fff;
}

.commentBar {
    background-color: #ddd;
    margin: 5px 0px 12px 0px;
    padding: 2px;
    max-width: 50%;
}

.errorcomment {
    padding: 5px;
    color: #F00;
    font-weight: bold;
}

.titleBar {
    background-color: #EEEEEE;
    padding: 5px;
width: 90%;
font-size: 0.9em;
}



/* NEW STYLES ADDED FOR THE NOV '07 SOAPBLOX UPGRADE */
/* Used for all errrors */
.soapbloxError {
    color: #F00;
}

/* used in HTML paraser to indicate what is broken */
.soapbloxErrorOffender {
    font-weight: bold;    
}

.soapbloxErrorContext {
    color: black;    
}

/* color of the accent for comments labeled [new] */
.newComment {
    color: #F00;
    font-weight: bold;    
}
.mycommenttext {
margin-top: 12px;
}
/* TAB STYLES START */
/* tabnav is the TOP LEVEL of the tabs */
ul.tabnav {
    text-align: left; /* Set the position of the tabs */ 
    margin: 20px 10px 0px 10px;
    font: 0.9em verdana, arial, sans-serif;
    border-bottom: 1px solid #00CC00;
    list-style-type: none;
    padding: 5px 5px 5px 5px;
    min-width: 480px;
    width: 480px;
}

/* This forces the tabs to be in one line */
ul.tabnav li {display: inline;}

/* What the tab does when it's hovered */
li.taboff a:hover { 
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}


/* setting for the unselected top tab link*/
li.taboff a {
    padding: 3px 5px 3px 5px;
    border: 1px solid #00CC00;
    background-color: #fff;
    margin-right: 0px;
    text-decoration: none;
    border-bottom: none;
}

/* settings for selected top tab link */
li.tabon a { 
    border-left: 1px solid #00CC00;
    border-top: 1px solid #00CC00;
    border-right: 1px solid #00CC00;
    padding: 0px 6px 5px 6px; 
    position: relative;
    top: 1px;
    padding-top: 10px;
    background-color: #FFF;  
    font-weight: bold;
}

/* Style for the second line in the profile tab */
ul.botnav {
    text-align: left;
    margin: 0px 10px 0px 10px;
    font: 0.8em verdana, arial, sans-serif;
    list-style-type: none;
    padding: 5px 5px 5px 4px;
    color: black;
    background-color: #eee;
    min-width: 480px;
    width: 480px;    
}

/* forces the second line of the profile tab to be displayed on one line */
ul.botnav li {display: inline;}

/* The color of links on the second line of the profile tabs */
ul.botnav li a {
    text-decoration: none;
    padding: 0px 4px 0px 4px;
}

ul.botnav li {
    color: #000;
    padding: 0px 4px 0px 4px;
}
#header1 {
width: 100%;
height: 110px;
text-align: left;
background: #422a74 url(http://www.motleymoose.com/upload/myimages/mm5.jpg) no-repeat;

}

#headeriran {
width: 100%;
height: 110px;
text-align: left;
background: #72d382 url(http://www.motleymoose.com/upload/myimages/mm88.jpg) no-repeat;
}
#topmenu {
width: 100%;
height: auto;
padding: 0;
margin: 0;
font-weight: bold;
font-family:  verdana,arial,sans-serif;
background: #6D509F url(http://www.motleymoose.com/upload/myimages/menubar2.jpg) repeat-x;
border-top: 1px solid #ccc;
}

#topmenu a {
float: left;
display: block;
 color: #fff;
 text-underline: none;
 width: auto;
 padding: 3px 12px;
background: #6D509F url(http://www.motleymoose.com/upload/myimages/menubar2.jpg) repeat-x;
 text-decoration: none;
font-size: 75%;
border-left: 1px solid #fff;
border-right: 1px solid #000;
border-top: 1px solid #fff;
border-bottom: 1px solid #000;
}
#topmenu a:hover {
 color: #fff;
 text-underline: none;
 width: auto;
background: #422A74 url(http://www.motleymoose.com/upload/myimages/menubar2-hover.jpg) repeat-x;
border-left: 1px solid #333366;
border-right: 1px solid #fff;
border-top: 1px solid #333366;
border-bottom: 1px solid #fff;
}
.leftimg {
float:left;
border: none;
margin: 5px;
}
.rightimg {
float:left;
border: none;
margin: 5px;
}
.cleardiv {
clear: both;
font-size: 5px;
height: 5px;
width: 5px;
}

/* Brit's tab bar */
#tab_container {
width: 100%;
text-align: center;
height: auto;
}
#tab_bar {
position: relative;
float:left;
height: auto;
width: 100%;
text-align: center;
margin: 0 auto;
}
#tab_leftend {
position: relative;
float: left;
background: #fff url(http://www.motleymoose.com/upload/myimages/tab_leftend.png) no-repeat;
width: 20px;
height: auto;
padding: 4px 0;
margin: 0;
color: #eaeaea;
font-size: 75%;
}
#tab_rightend {
position: relative;
float: left;
// background: #fff url(http://www.motleymoose.com/upload/myimages/tab_rightend.png) no-repeat;
width: 20px;
height: auto;
padding: 4px 0;
margin: 0;
color: #eaeaea;
font-size: 75%;
}
#tab_center {
position:relative;
float:left;
height: auto;
width: 50%;
padding: 0;
margin: 0;
background-color: #eaeaea;
border-left: 2px solid #dadada;
border-right: 2px solid #dadada;
}
#tab_center a {
    display: block;
    padding: 0 0 1px 0;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #422a74;
    text-decoration: none;
}
.margindiv {
position: relative;
float:left;
width: 25%;
height: 20px;
padding: 0;
margin: 0;
}
.narrowbandrightend {
position: relative;
float:left;
width: 24.9%;
font-size: 4px;
height: 8px;
background-color: #eaeaea;
border-bottom: 2px solid #dadada;
margin: 0;
padding: 0;
}
.narrowbandleftend {
position: relative;
float:left;
width: 24.9%;
font-size: 4px;
height: 8px;
background-color: #eaeaea;
border-bottom: 2px solid #dadada;
margin: 0;
padding: 0;
}
.narrowband {
 position: relative;
 width: 50%;
float:left;
font-size: 4px;
 height: 8px;
 margin: 0;
 padding: 0;
 background-color: #eaeaea;
 border-bottom: 2px solid #eaeaea;
}

#tab_center a:hover {
    color: #966;
    text-decoration: underline;
}
a.footerlink {
color: #fff;
font-size: 0.9em;
text-decoration: none;
}
a:hover.footerlink {
color: #ccc;
text-decoration: underline;
}

.diaryTextDiv2 ul {
margin-top: 3px;
margin-bottom: 3px;
}