/* CSS only for styling, theme specific, but both for exported and local musivine profile stuff. */

body {
    background-color: #000;
}

div#topSpace {
}

td.thumbTd {
    border-top: #000 solid 2px;
    border-right: #000 solid 2px;
    border-bottom: #000 solid 2px;
    border-left: #000 solid 2px;
}

div.thumb {
    background-color: #F4F5C8;
    background-image: url('../images/v-dark-purple-fade-diagonal-friend.gif');
    background-position: top left;
    background-repeat: repeat-y;
}

p.displayName {
    font-size: 13pt;
    font-weight: bold;
    color: #777;
}

p.caption {
    font-size: 11pt;
    font-weight: bold;
    color: #777;
}

div.lastLogin,
div.chartDiv {
    color: #FFF;    
}

table.artistDetails td.label,
table.socialiteDetails td.label {
    font-weight: bold;
    background-image: url('../images/v-dark-purple-150x1.gif');
    background-position: top left;
    background-repeat: repeat-y;
    color: #FFF;
}

table.artistDetails td.mainContent,
table.socialiteDetails td.mainContent {
    font-weight: bold;
    font-style: italic;
}

table.artistDetails td {
    background-color: #FFF;
    border-spacing: 5px;
    padding: 3px;
    background-image: url('../images/v-dark-purple-400x1.gif');
    background-position: top left;
    background-repeat: repeat-y;
    color: #FE96FF;
}

table.socialiteDetails td {
    background-color: #FFF;
    border-spacing: 5px;
    padding: 3px;
    background-image: url('../images/v-dark-puple-300x1.gif');
    background-position: top left;
    background-repeat: repeat-y;
    color: #FE96FF;
}

div#artistDetails {
    background-color: #000;
    border-top: solid 1px #FE96FF;
    border-right: solid 1px #FE96FF;
}

div#socialiteDetails {
    background-color: #000;
    border-top: solid 1px #FE96FF;
    border-right: solid 1px #FE96FF;
}

div.profileMailingList,
div.caption,
div.brieflyAbout,
div.currentStatus,
div.customUrl {
    background-color: #55375E;
    color: #FE96FF;
    border: solid 2px #000;
}

div.profileMailingList td,
div.emailMessage,
div.required {
    color: #FE96FF;
}

input {
    background-color: #FE96FF;     
}

div.caption span {
    font-style: italic;
    font-size: 10pt;
    font-weight: 600;
}

span.mailingTitle,
span.aboutUs,
span.rightNow {
    color: #FFF;
}

div.profileMailingList {
    text-align: left;    
}

table.commentsTable {
    border-spacing: 1px;
    border: 0px;
    background-color: #333;
}

table.commentsTable td {
    padding: 0px;
    border-width: 0px;
}

div.commentsContent td.commenter {
    background-color: #FFF;
    background-image: url('../images/v-dark-purple-160x1.gif');
    background-position: top right;
    background-repeat: repeat-y;
}

div.commentsContent td.commentMsg {
    background-color: #44274C;
    padding: 4px;
    border-top: solid 2px #6A337B;
    border-left: solid 2px #6A337B;
}
div.commentMsgDiv {
    color: #FFF;
}

div.commentDate {
	color: #EEE;
}

div.eventReplyDiv .online,
div.eventAvatar .online,
div.friends .online,
div#profileHeader .online,
div.commenterDiv .online,
table.eventSearchResults .online,
div.blogAvatar .online {
    font-weight: bold;
    color: #FF931F;
}

div.friends span.displayName a:hover,
div.commentsContent span.displayName a:hover {
    color: #FFF !important;
    text-decoration: none;
}

div.blogTitle {
    background-color: #333;
    color: #FFF;
}

textarea.blogTextArea {
    background-color: #FBF8FF;
    margin: 6px 0px;
    padding: 2px;
}

div.blogContent {
    background-color: #000;
}

div.userBlogPost {
    background-color: #FBF8FF;
    background-image: url('../images/dark-grey-640x1.gif');
    background-position: top left;
    background-repeat: repeat-y;
}

div.blogPost {
    color: #FE96FF;
}

div.blogIntro,
div.ownerBlogPost,
div.ownerBlogPostReply {
    background-color: #FFFFF0;
    background-image: url('../images/v-dark-purple-640x1.gif');
    background-position: top left;
    background-repeat: repeat-y;
}

div.friend div.avatar,
div.friends div.avatar,
div.blogAvatar div.avatar {
    background-image: url('../images/v-dark-purple-fade-diagonal-friend.gif');
    background-position: top left;
    border-right: solid 1px #333;
    border-top: solid 1px #333;
}

div.addMsg,
div.blogDate {
    font-weight: bold;
    color: #BBB;
}

div.userBlogPost div.avatar {
}

div.addMsg {
    font-weight: bold;
}

div.profileBlogs table {
    background-color: #000;
}

div.profileBlogs td.heading {
    background-color: #444;
    color: #FFF;
}

div.profileBlogs td.title {
    background-color: #61376B;
    color: #FE96FF;
}

div.profileBlogs td.spacer {
    background-color: #444;
}

div.profileBlogs td.intro {
    background-color: #61376B;
    background-image: url('../images/v-dark-purple-400x1.gif');
    background-position: top left;
    background-repeat: repeat-y;
    color: #FFF;
}

div.profileBlogs td.empty {
    background-color: #60376B;
    background-image: url('../images/v-dark-purple-150x1.gif');
    background-position: top left;
    background-repeat: repeat-y;
    color: #FE96FF;
}

div.selectTheme {
    background-color: #FBF7FF;
}

span.imgCaption {
    background-color: #eee;
}

p, ul, td, div, input, textarea {
    FONT-SIZE: 9pt;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}

div, p, td {
    color: #333;
}

div.friendHeader span {
    color: #FFF;
}

table.eventList {
    background-color: #000;
}

table.eventList td.eventContent {
    background-color: #60376B;
    background-image: url('../images/v-dark-purple-150x1.gif');
    background-position: top left;
    background-repeat: repeat-y;
    color: #FE96FF;
}

table.eventList td {
    background-color: #FEFFDA;
    padding: 2px;
}

table.eventList td.heading {
    background-color: #444;
    color: #FFF;
    font-weight: bold;
    text-align: center;
}

table.eventList td.name {
    font-weight: bold;
    color: #444;
}

a {
    font-family: Verdana, Arial, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #FE96FF;
    text-decoration: none;
}

a:hover {
    color: #FFF;
    text-decoration: underline;
}

h1 {
    color: #FFF;
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 13pt;
    text-align: center;
    padding: 3px;
}

div.profileViews,
span.commentsHeading,
div.footerStrip div {
    color: #FFF;
}

div.imgCaption {
    background-image: url('../images/450x1-d-purple3.gif');
    background-position: top left;
    background-repeat: repeat-y;
    color: #FFF;
}

div#profileHeader span.displayName {
    color: #FFF;
}

div.imagesVideos {
    color: #FFF;
}

table.showEvent {
    background-color: #7B2A90;
    border: solid 6px #7B2A90;
}

table.showEvent td {
    /*background-color: #FFFFE6;*/
    background-image: url('../images/700x1-d-purple.gif');
    background-position: top left;
    background-repeat: repeat-y;
    color: #fff;
}

td.eventCancelled,
div.cancelled {
    color: #ED58A2;
}

div.eventReplyHeader {
    background-color: #692D79;
    color: #FFF;
}

div.eventReplyDiv {
    background-color: #7B2A90;
}

div.inviteResponseMsg {
    background-image: url('../images/300x1-d-purple.gif');
    background-position: top left;
    background-repeat: repeat-y;
    color: #FFF;
    border-bottom: solid 1px #9E23BF;
    border-left: solid 1px #9E23BF;
}

div.inviteResponse {
    background-color: #692D79;
}

div.eventReplyFormDiv {
    background-color: #692D79;
    background-image: url('../images/700x1-d-purple.gif');
    background-position: top left;
    background-repeat: repeat-y;
    border: 1px solid #000;
    color: #FFF;
}

div.inviteResponse {
    color: #FFF581;
}

/* Musivine logo, banner and footer */

div#banner {
    background-image: url('../images/1x44-d-purple3.gif');
    background-repeat: repeat-x;
}


div.buttonShape {
    border-left: 1px solid #6C3C78;
}

div#info {
    border-right: 1px solid #6C3C78;
}

div.button {
    background-image: url('../images/1x44-d-purple3.gif');
}

div.buttonHover {
    background-image: url('../images/1x44-d-purple4.gif');
}

div.buttonNormal a {
    color: #FE96FF;
}

div.buttonHover a,
div.buttonHover a:hover {
    color: #FFF !important;
}

div.logo {
    background-image: url('../images/logo-gallaxy.png');
}

div.footerStrip {
    background-image: url('../images/1x8-d-purple.gif');
    background-repeat: repeat-x;
}

div.login,
div.tsandcs,
div.copyright {
    color: #FFF;
}

div.selectTheme a:hover {
    color: #000;
}