@import url("base.css");

body {
        font-size: 10pt;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-family: Verdana, Arial, 'Trebuchet MS', 'MS Sans Serif';
	background: #1C1B23 url("../images/background.jpg");
}

a:link {
        text-decoration: none;
        color: #424242;
}
a:visited {
        text-decoration: none;
        color: #424242;
}
a:hover {
        text-decoration: none;
        color: #FFFFFF;
}
a:active {
        text-decoration: none;
        color: #404040;
}

a.navlink:link, 
a.navlink:visited  {
        color: #C2C1C6;
}
a.navlink:hover,
a.moreLink:hover, 
a.linkButton:hover {
        color: white;
}

.box {
	padding: 2px;
}

.boxheader {
	box-shadow: inset 0px -1px 0px #BAB9BE, inset 0px -2px 0px #666376, inset 0px 1px 0px #aaa6c0;
}

.boxtab a{
	color: #eae5fc;
	border-left: 1px solid #565462;
	box-shadow: inset 0px 1px 0px #aaa6c0;

	background: #6b6879; /* Old browsers */
	background: -moz-linear-gradient(top,  #8b879e 1%, #6b6879 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#8b879e), color-stop(100%,#6b6879)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8b879e 1%,#6b6879 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8b879e 1%,#6b6879 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8b879e 1%,#6b6879 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8b879e 1%,#6b6879 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b879e', endColorstr='#6b6879',GradientType=0 ); /* IE6-9 */
}
.boxtab:last-child a {
	border-right: 1px solid #565462;
}
.boxtab.active a {
	color: #42404e;
	box-shadow: none;

	background: #a3a3ab; /* Old browsers */
	background: -moz-linear-gradient(top, #ccc8da 0%, #a3a3ab 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc8da), color-stop(100%,#a3a3ab)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ccc8da 0%,#a3a3ab 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ccc8da 0%,#a3a3ab 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ccc8da 0%,#a3a3ab 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ccc8da 0%,#a3a3ab 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc8da', endColorstr='#a3a3ab',GradientType=0 ); /* IE6-9 */
}


.ui-dialog-titlebar,
.boxheader,
.ui-dialog-buttonpane, 
.boxfooter,
.commentsFooter {
	/* border-radius: 10px 10px 0px 0px; */
	background: #7c7a89; /* Old browsers */
	text-shadow: rgba(0, 0, 0, .4) 0px 1px 1px;
}

/* Gradiant */
.ui-dialog-titlebar,
.boxheader {
	background: #6b6879; /* Old browsers */
	background: -moz-linear-gradient(top,  #8b879e 1%, #6b6879 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#8b879e), color-stop(100%,#6b6879)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8b879e 1%,#6b6879 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8b879e 1%,#6b6879 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8b879e 1%,#6b6879 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8b879e 1%,#6b6879 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b879e', endColorstr='#6b6879',GradientType=0 ); /* IE6-9 */
}
.boxheader a.moreText:link, 
.boxheader a.moreText:visited {
	color: black;
}
.ui-dialog-content,
.boxbody {
        background: #a3a3ab;
        margin: 0;
        padding: 4px;
}
.ui-dialog-content {
	overflow:  auto;
}
a.boxtitle:link,
a.boxtitle:visited {
        color: black;
}
a.boxtitle:hover {
        color: white;
}
a.boxtitle:active {
        color: #040404;
}
div.thumbTitle a,
span.imageTitle,
span.storyTitle {
	font-weight: bold;
	color: black;
	/* text-shadow: 0px 0px 2px white; */
}

.newsTitlebar {
	font-weight: normal;
	font-size: smaller;
}
.newsTitle {
	font-weight: bold;
	font-size: larger;
}
.commentBody,
.commentBodyDeleted,
.newsBody {
	background: #85848D;
	padding: 5px;
	margin: -4px; /* To offset the boxbody padding of 4px */
	border-top: 1px solid darkslategray;
}
.commentBodyDeleted {
}

body > header {
	height: 140px; 
	width: 100%;
	background: url("../images/header_bg.gif");
}

#page {
	margin-top: 5px;
	margin-bottom: 5px;
}

#content {
    padding-top: 5px;
}

.nav li:hover ul {
  background: #676573;
  color: white;
}

.nav li:hover > a {
  background: #7C7A89;
  color: white;
}

.nav li:hover li a:hover {
  background: #7C7A89;
  color: white;
}

/* I don't think this is used anymore
.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("../images/feed-icon-14x14.png") no-repeat 0 50%;
}
*/

#filtersButton a {
}
/* Online/Offline text on user profile */
.userOnline {
	color: green;
}
.userOffline {
	color: red;
}
.featuredArtistDescription {
}
.tabContainer {
	padding: 8px;
}

.galleryHeader {
    margin-bottom: 5px;
}

.galleryView {
	
}

.galleryViewTable {
	background: #A3A3AB;
}

.galleryViewTable .thumb_square {
	margin-top: 10px;
	border-bottom: 2px solid #9799A2;	
	padding-bottom: 20px;
}

#mainmenu {
	background: #676573; 
	color: #000; 
	font-weight: bold;
	font-size: 0.9em;	
}
#mainmenu ul li a {
	color:#C2C1C6;
	/* background-color:transparent; */
}
#mainmenu ul li {
	border-right: 1px solid #797782;
}
#mainmenu ul li:hover, 
#mainmenu ul li:hover > a,
#mainmenu ul li.active,
#mainmenu ul li.active > a{
	color: #FFF;
	background-color: #7C7A89;
}
#mainmenu ul li.active > a {
	color: white;
	background-color:#7C7A89;	
}
#mainmenu ul li ul {
	background: #676573;

}
#mainmenu ul li ul li a {
	color: #C2C1C6;
}
#mainmenu ul li ul li:hover, 
#mainmenu ul li ul li:hover > a,
#mainmenu ul li ul li.active,
#mainmenu ul li ul li.active > a{
	color: white;
	background-color:#7C7A89;
	text-decoration:none;
}

div.storyRow div.titlebar {
	background: #676573; 
}

table.story tr td.storyInfo {
	background: #9491A2;
}
table.story tr td.storyDescript {
	background: #B9B7C2;
}

.qtip-content a {
	color: #454545;
	text-decoration: underline;
}

.qtip-content a:hover {
	color: blue;
}

.boxlink {
	margin-top: -1px;
}
.boxlinks,
.commentButtons .linkButton,
.picButton,
#addCommBtn {
	margin-top: 3px;
}

#filtersButton,
a.moreLink,
a.linkButton,
.feedLink,
.pdfLink {
  background-color: #676573;
  color: #C2C1C6;
  font-weight: 100;
  vertical-align: text-top;
/* text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5); */
  text-shadow: none;
  font-family: arial, helvetica, sans-serif;
  border-radius: 3px;
  font-size: 8pt;
  margin-left: 3px;  
}

#filtersButton {
	display: block;
	margin-top: 5px;
}

.linkButton:hover, 
#filtersButton:hover {
	color: #FFF;
	background: #7C7A89;
}

#filtersButton a:link {
	color: #C2C1C6;
}
#filtersButton a:hover {
	color: white;
}

.rating {
	padding: 0 4px;
	background: #848484;
	border: 1px solid #040404;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}
.moreLink, 
.feedLink,
.addToFavoritesLink,
div.boxtitle a img {
	float: right;
}

.list-view span.empty,
.storyRow {
        background: #a3a3ab;
}

.thumb:hover {
/*	background-color: A3A3AB; */
    box-shadow: none;
}

.galleryViewTable div:last-child {
/*	margin-right: auto; */
}

.galleryHeader .pager {
	float: left;  
}

.summary {
	text-align: right;
}

.pager, 
.summary {
	color: white;
	padding: 5px;	
}
#pictureGeneralInfoBox span.label {
    color: #000;
}