body{
scrollbar-face-color: #CCCCCC; 
scrollbar-3dlight-color: #CCCCCC; 
scrollbar-track-color:#CCCCCC; 

scrollbar-shadow-color: #999999; 
scrollbar-highlight-color: #999999; 
scrollbar-darkshadow-color: #999999; 
scrollbar-arrow-color: #999999; 
overflow: none;
color:#ffffff;
margin: 0px;
padding: 0px;

font:11px Arial,Georgia,sans-Serif; 
color:#330000;
background: #FFFFFF;
}

input.loginInput {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color:#333333;
padding-left: 2px;
padding-right: 2px;
padding-top: 1px;
padding-bottom: 1px;
background-color: #FFFFFF; border: 1px solid #9999CC
}
input.text, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
color:#333333;
padding-left: 2px;
padding-right: 2px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #FFFFFF; border: 1px solid #9999CC
}

input.submit, input.button{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
color:#333333;
padding-left: 2px;
padding-right: 2px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #FFFFFF; border: 1px solid #9999CC
}

#loginForm{
padding: 5px;
}

table {
font:11px Arial,Georgia,sans-Serif;
color:#330000;
margin: 0px;
padding: 0px;
}

h3{
font:13px Arial,Georgia,Serif;
font-weight: bold;
color:#cc6600;
margin-bottom: 2px;
}

h1.pageTitle{
font: Arial,Georgia,Serif;
text-align: left;
padding-left: 4px;
font-size: 20pt;
font-weight: bold;
color:#cc6600;
margin: 0px;
margin-top: 2px;
margin-bottom: -10px;

}

h1{
font: Arial,Georgia,Serif;
text-align: left;
padding-left: 4px;
font-size: 20pt;
font-weight: bold;
color:#cc6600;
margin: 0px;
margin-top: 0px;
margin-bottom: -10px;

}

h1.gallery{
display: inline;
text-align: center;
font-size: 14pt;
font-weight: bold;
color:#FFFFFF;
margin: 0px;
padding: 0px;
}

.iconText{
padding: 1px;
height: 45px;
}
.catInfo{
padding-left: 5px;
}
h2{
text-align: left;
font-size: 10pt;
font-weight: bold;
padding-left: 5px;
color:#cc6600;
margin: 0px;
}


b{
color: #336666;
}

div{

}

p:first-letter{
text-transform:uppercase; font-weight:bold; font-size:12pt; padding-right:1px;
}

span{
padding: 2px; margin: 0px;
font:12px Arial,Georgia,Serif;
font-weight: bold;
display: block;
}


a:link{text-decoration:underline; color:#cc6600;}
a:visited{text-decoration:underline; color:#996666}
a:hover{text-decoration:none;color:#ff9900;}

span.preLink{
height: 40px;
width: 40px;
display: inline;
float: left;
background: url(/img/preLink.gif) no-repeat 0px 0px;
}

span.nextLink{
height: 40px;
width: 40px;
display: inline;
float: right;
background: url(/img/nextLink.gif) no-repeat 0px 0px;
}

a img.previewLink{border: solid 1px; text-align: center;}
a:link img.previewLink{border-color: #cc6600;}
a:visited img.previewLink{border-color: #996666;}
a:hover img.previewLink{border-color: #ff9900;}

a img.previewFriendLink{border: dashed 1px; text-align: center;}
a:link img.previewFriendLink{border-color: #cc6600;}
a:visited img.previewFriendLink{border-color: #996666;}
a:hover img.previewFriendLink{border-color: #ff9900;}

a img.previewPrivateLink{border: dotted 1px; text-align: center;}
a:link img.previewPrivateLink{border-color: #cc6600;}
a:visited img.previewPrivateLink{border-color: #996666;}
a:hover img.previewPrivateLink{border-color: #ff9900;}

img{vertical-align: top;}


div.iconClass{
display:inline !important; 
text-align: center !important;
width: 104px !important;
}

div.iconClass span{
width: 104px !important;
display:table-cell !important; 
display:inline-block !important; 
padding:8px 0 !important;
vertical-align:top !important;
}

#mood_image_preview{
margin: 5px;
}

#mood_text_preview{
text-align: left;
display:inline;
}

div.subjectDate{
display: block;
text-align: left;
padding-left: 26px;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
padding-bottom: 5px;
padding-top: 5px;
height: 60px;
color: #333333;
background: url(img/bgcircle.gif) #ffffcc no-repeat 4px 2px;
}

div.date{
text-align: right;
display: inline;
float: right;
margin: 0px;
padding: 0px;
padding-right: 5px;
color: #cc6600;
}

div.subject h3{
display: inline;
color: #cc6600;
font-family: Trebuchet MS, verdana, arial, helvetica;
font-size:13px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;
margin: 0px;
padding: 0px;
}

div.subject{

display: inline;
float: left;
margin: 0px;
padding: 0px;
}

div.artText{
padding-left: 10px;
padding-right: 10px;
margin-top: 0px;
margin-bottom: 10px;
line-height:14px;
}

div.journalText{
padding-left: 10px;
padding-right: 10px;
margin-top: 0px;
margin-bottom: 10px;
line-height:14px;
}
div.commentText{
padding-left: 10px;
padding-right: 10px;
margin-top: 0px;
margin-bottom: 0px;
line-height:14px;
}

div.journalText:first-letter{
text-transform:uppercase; 
font-weight:bold; 
font-size:18pt; 
float:left; 
margin-top:-5px; 
padding-left: 10px;
}

div.currentMood{
display: inline;
}
div.currentMusic{
display: inline;
margin-left: 10px;
}

div.journalEntry{
margin-top: 15px;
margin-bottom: 15px;
border: 1px solid #cc6600;
}

div.journalCurrent{
display: block;
padding: 10px;
}

div.editButtons{
display: inline;
float: left;
margin: 0px;
padding: 0px;
}

div.journalCurrent strong{
color: #336666;
}

div.postCommentLink{
display: block;
text-align: center;
background: #ffffcc;
margin-bottom: 0px;

}

div.formElement{
text-align: center;
background: #CCCCCC;
padding: 10px;
margin: 10px;
max-width: 540px;
overflow: hidden;
}

div #EditArtForm{
text-align: center;
}
div #EditArtForm h1{
text-align: center;
}

img.imagePic{

border: 1px solid #999999;
display: inline-block;
}

img.imagePrePic{
margin-right: 5px;
vertical-align: middle;
}

div.imageLink{
display: inline;
margin-left: 10px;
margin-right: 10px;
}

div #imageTitle{
display: block;
height: 40px;
}

div.simpleIconClass{
display:inline; 
text-align: center;
}

div.simpleIconClass span{
display:table-cell; 
display:inline-block;
padding:8px 0;
width:70px;
vertical-align:top;
text-align: center;
}

div#errors{
font-weight: bold;
color: red;
}

div.commentText{
margin-left: 10px;
padding-left: 10px;
}

div.comment{
padding: 5px;
background: #ffffcc;
margin-bottom: 10px;
border: 1px solid #cc6600;
}

div #loginForm a{display: block; width: 100px; text-align: center; background-color: transparent; border: 1px solid #999999;}
div #loginForm a:link{text-decoration:none; color:#333366}
div #loginForm a:visited{text-decoration:none; color:#333366}
div #loginForm a:hover{text-decoration:none; color:#333366; background-color: #CCCCCC;}


table.infomember tr.even:hover{
background-color:#CCCCFF;
}
table.infomember tr.odd:hover{
background-color:#CCCCFF;
}

table.infomember  tr.even { background-color: #CCCCCC;}  
table.infomember  tr.odd { background-color: transparent;}

table.infomember tr td{
padding-left: 5px;
}

div.imageCat{
width: 480px;
display: none;
}

img.selectIcon{
margin: 5px;
}

div.commentSubjectDate{
display: block;
text-align: left;
padding-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
padding-bottom: 0px;
color: #333333;
}

span.postedBy{
padding-left: 5px;
font-weight: normal;
font-style: italic;

}