/* BASIC COLOURING */
body {background-color:#e0e0e0;}
#frame, #sitetop, #sidebar, #content, #sitebottom {background-color:white;}

/* SPECIAL TEXT */
.headline {color:#4C4C4C; } 
.sidebar .headline {text-transform:uppercase; letter-spacing:2px; font-size:.8em; line-height:.8em; border-bottom:1px solid #e6e6e6;  color:#4C4C4C;} 
.headline a {color:#4C4C4C; text-decoration:none;} .headline a:hover {text-decoration:underline;}

/* Link styles */
a {color:#2a9fcc;}

/* simple button */
a.button, a.iconbutton {background-color:#F4FBF2;}
a.iconbutton.selected {background-color:#e3eae1;} 

/* Simple styles for buddy icons */
.buddy30 {border:3px solid #f3f9ec; height:32px; width:32px; overflow:hidden;} .buddy30 img {border:1px solid #5cc63e; height:30px; width:30px;}
.buddy50 {border:3px solid #f3f9ec; height:52px; width:52px; overflow:hidden;} .buddy50 img {border:1px solid #5cc63e; height:50px; width:50px;}
.buddy100 {border:3px solid #f3f9ec; height:102px; width:102px; overflow:hidden;} .buddy100 img {border:1px solid #5cc63e; height:100px; width:100px;}

/* SIDEBAR */
.sidebar .jumptop {margin-top:22px;} .jumpbottom {margin-bottom:22px;}

/* NAVIGATION HEADER: identity */
#identity { margin:0; }
#identity a {text-decoration:none;}
#identity #sitename {font-size:3.5em;  line-height:1em; margin:0;}
#identity #sitebyline {font-size:1.3em; padding-left:3px;}
#identity #sitename a, #identity #sitebyline a { color:black; text-decoration:none;}

/* NAVIGATION HEADER: contextnav */
#contextnav {border-bottom:1px solid #e6e6e6; padding:15px 0 5px 0;}
#contextnav li {float:left;}
#contextnav li {padding:0px 3px; border-right:1px solid #e6e6e6; margin:3px 0;}
#contextnav li a {text-transform:uppercase; text-decoration:none; letter-spacing:.5px; padding:2px 4px; font-size:.85em; line-height:.85em;}
#contextnav li.first a div {padding-left:0;}
#contextnav li.last {border-right:0;}
#contextnav li.active div, #contextnav li.active a:hover div {background-color:#cdcdcd; color:black;}
#contextnav li a:hover, #contextnav li a:hover div {text-decoration:underline;}
#contextnav .more-menu-container-hover a div {background-color:#cdcdcd;}

/* FORMS */
input, textarea, select {background-color:#fcfcfc; color:#111; font-size:.95em;}
input.button, input.submit, .form-button input {color:#3399cc; background-color:#ebf7fc; font-size:.95em;}
.autoform fieldset { background-color:#F4FBF2; border-top-color:#5cc63e; color:#7F7F7F;  }

/* VIEWS: Photo Stream */
.sidebar-photo-stream {font-size:.9em;}
.sidebar-photo-stream a {color:#818181;}

/* VIEWS: About Site */
#sidebar-site-about .site-about-content {font-size:.95em; color:#7F7F7F;}

/* VIEWS: Compact Album List */
.compact-album-list-item.odd {margin-right:2px;}
.compact-album-list-item .album-photo {background:url('/resources/um/graphics/album-frame-green.gif') top left no-repeat; padding:4px 12px 4px 4px}
.compact-album-list-item .album-photo img {padding:0; border:0;}

/* VIEWS: Footer with archive and linkroll */
#footer .headline {text-transform:uppercase; font-size:.95em;}
#footer .compact-linkroll-section, #footer .compact-archive-year {text-transform:uppercase; font-size:.90em;}

/* Uploader */
.uploader .title {color:#666;}

/* Calendar */
table.calendar th.year, table.calendar td { background-color:#E2E9EF; }


/* VIEWS: Large User List */
.large-user-list .user-buddy-icon {border:3px solid #F3F9EC;}
.large-user-list .user-buddy-icon img {border:1px solid #5CC63E;}
.large-user-list .user-content {margin-left:75px;}

/* VIEWS: Compact User List */
.compact-user-list .user-buddy-icon {border:3px solid #f3f9ec; height:32px; width:32px; overflow:hidden; }
.compact-user-list .user-buddy-icon img {border:1px solid #5cc63e; }
.compact-user-list .user-display-name {padding-top:3px;}

/* VIEWS: Uploaded By User */
.sidebar-uploaded-by .user-content {margin-left:38px; padding:6px 0;color:#7F7F7F; font-size:.95em;}
.sidebar-uploaded-by .user-content a {color:#7F7F7F; text-decoration:none; font-weight:bold;}

/* VIEWS: User Profile */
.user-profile .user-object-count, .user-profile .user-last-login, .user-profile .user-edit-profile-link {color:#7f7f7f;}

/* VIEWS: Compact Tag List */
.compact-tag-list .tag-text a {color:#333;}

/* VIEWS: Compact Comment List */
.compact-comment-list .comment-cover-photo { border:3px solid #f3f9ec; height:32px; width:37px; overflow:hidden;}
.compact-comment-list .comment-cover-photo img { border:1px solid #5cc63e; height:30px; width:35px; }
.compact-comment-list .comment-content { margin-left:60px; }
.compact-comment-list .comment-name a, .compact-comment-list .comment-text a {color:#7F7F7F; text-decoration:none; font-size:.95em; font-style:italic;}

/* VIEWS: Large Comment List */
.large-comment-list .comment-cover-photo {border:3px solid #f3f9ec; height:52px; width:52px; overflow:hidden;}
.large-comment-list .comment-cover-photo img {border:1px solid #5cc63e; height:50px; width:50px;}
.large-comment-list .comment-content {margin-left:65px;}

/* VIEWS: Comments */
.comments .comment-content a {color:#7F7F7F;}
.comments .comment-buddy {border:3px solid #f3f9ec; height:52px; width:52px; overflow:hidden;}
.comments .comment-buddy img {border:1px solid #5cc63e; height:50px; width:50px;}
.comments .comment-content {margin-left:65px; color:#7F7F7F;}


/* VIEWS: Standard Photo Column */
.view-standard-item .view-title {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.5em;
	padding: 5px 0;
	margin: 0px;
}

.view-standard-item .view-words {
	color: #666;
	font-size: 1.2em;
	line-height: 1.4em;
	font-style: normal;
}


.view-standard .view-item {
	border-bottom: 2px solid #EAEAEA;
		margin-bottom: 30px;

}


/* VIEWS: Small Photo Column */
.view-item {position: relative;}


.view-item-sub div.view-photo a img {
	background-color: #FFF;
}

.view-item-sub{
	margin-bottom:10px ;
	line-height: 1.3em;
	display: block;
	color: #666;
}

.view-item-sub a:hover{
	text-decoration: none;
	color: #707070;
}

.view-title{
	position: relative;
	margin-bottom: 5px;
}

.view-title a{
	color: #333;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

.view-title a:hover{
	text-decoration: none;
}

.view-name, .view-name a{
	color: #707070;
	text-decoration: none;
	font-size:0.98em;
}

.view-name a:hover{
	color: #454;
	text-decoration: none;
}

.view-date, .view-time{
	display: inline !important;
}

.view-date a, .view-time a{
	color: #9A9A9A;
	text-decoration: none;
	font-size: 0.959em;
}

.view-comments, .view-comments a, .view-date a, .view-delete-link a{
	color: #CFCFCF;
	text-decoration: none;
	font-size: 0.94em;
}

.view-words{
	color: #626262;
	font-size: 1.1em;
	font-style: italic;
	padding: 0 0 5px;
}