/* Main Color/Secondary Color guide
   ==========================================================================
   MAIN COLOR: #c4a1be
   SECONDARY COLOR: #555555
   ========================================================================== */

/* Body Class - Background Color/Main Text Color
   ========================================================================== */
body {
  background-color: #101010;
  color: #646464;
}


#content {
  background-color: #171717;
  border:1px solid #171717;
}

.diamond { 
  border: 15px solid transparent; 
  border-bottom-color: #c4a1be; 
} 

.diamond:after { 
  border: 15px solid transparent; 
  border-top-color: #c4a1be; 
}

/* Navigation
   ========================================================================== */

#menu li {
border-right: 2px solid #171717;
}

.navibar {
  background-color: #101010;
}

.navibar a:link,
.navibar a:visited,
.navibar a:active {
  color: #828282;
}

.navibar a:hover {
  color: #c4a1be;
}

.social a:link {
  background-color:#c4a1be;
  color:#101010;
}

.social a:hover{
  background-color:#d8d8d8;
  color:#101010;
}


/* TopBar
   ========================================================================== */
.sitetitle {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400!important;
  letter-spacing: 2px;
  font-size: 25px;
  text-transform: uppercase;
  color: #555555;
}

.siteslogan {
  color: #6f6f6f;
  font-family: 'Source Sans Pro', sans-serif;
  letter-spacing: 0px!important;
  font-weight: 600!important;
  font-size: 11px!important;
  text-transform: uppercase;
}


/* Regular Link Class
   ========================================================================== */

a:link {
  color: #555555;
}

a:visited {
  color: #555555;
}

a:active {
  color: #555555;
}

a:hover {
  color: #cbb0bf;
}


/* H5 Class
   ========================================================================== */
h5 {
    color: #ffffff!important;
    background-color:#262625;
}

h5 a:link, h5 a:active, h5 a:visited {
    color: #ffffff;
}

h5 a:hover {
    color: #ffffff;
}


#footer {
  border-top: 1px solid rgba(71, 71, 71, 0.8);
  color: #474747;
}

#footer b {
  color: #474747;
}

#footer ul {
  color: #474747;
}

#footer ul li+li:before {
  color: #474747;
}

#footer a:link {
  color: #474747;
}

#footer a:hover {
  color: #474747;
}

#footer a:visited {
  color: #474747;
}



/* Basic CPG Colors
   ========================================================================== 
   All colors included in the basic CPG coding.
   IMPORTANT CLASSES ARE AT THE TOP.
   ========================================================================== */

/* Category Link Classes
   ========================================================================== */

.catlink a {
    color: #888888;
}

.catlink a:hover {
    color: #c4a1be;
}

/* Image Classes
   ========================================================================== */
a img {
    padding:5px!important;
    border:1px solid rgba(71, 71, 71, 0.7)!important;
    -webkit-transition: opacity 0.3s linear!important;
    -webkit-transition: all 0.3s ease-out!important;
    -moz-transition: all 0.3s ease-out!important;
    transition: all 0.3s ease-out!important;
}

a img:hover{
    padding:5px;
    border:1px solid rgba(71, 71, 71, 0.9)!important;
    opacity: 0.8!important;
    -webkit-transition: opacity 0.3s linear!important;
    -webkit-transition: all 0.3s ease-out!important;
    -moz-transition: all 0.3s ease-out!important;
    transition: all 0.3s ease-out!important;
}


/* Table Classes
   ========================================================================== */
.tableh1 {
    border-bottom: 1px solid #222222;
    color:#a1a1a1;
}

.tableh2 {
        background-color: #222222;
        color: #919191;
        padding:10px!important;
}

.tableb {
        background-color:#171717;
        color: #5a5a5a;
}

.tablef {
        background-color:#171717;
}

/* Category Row
   ========================================================================== */
.catrow_noalb {
        background-color:#171717;
        border-bottom: 1px solid #202020;
}



.catrow {
        background-color:#171717;
        border-bottom: 1px solid #202020;
}

/* Statlink, which is the ??? files in ?? categories text
   ========================================================================== */

.statlink {
       color: #a1a1a1;
}

.statlink a {
       color: #a1a1a1;
}

.statlink a:hover {
       color: #a1a1a1;
}


/* H Classes
   ========================================================================== */
h1{
    color: #e9e9e9;
}

h2 {
    background-color: transparent;
}

h3 {
    font-color: #ffffff;
}

h4 {
    border: 1px solid #171717;
    background-color: #171717;
}


/* P, UL, Input, Textarea Buttons
   ========================================================================== */
.textinput {
        border: 1px solid #171717;
  background-color:#171717;
        font-color: #555555;
}

.listbox {
        border: 1px solid #888888;
}

.button {
        border: 1px solid #888888;
        background-position : bottom;
}

/* BBLink
   ========================================================================== */
.bblink a {
        color: #45848b;
}

.bblink a:hover {
        color: #45848b;
}

/* Below Thumbnail Classes
   ========================================================================== */
.album_stat {
   color: #686868;
}

.thumb_title {
        color: #767676;
}

.thumb_caption {
        color: #767676;
        border: 0px solid #989898;
}

.thumb_caption a {
        background: #171717;
        color: #767676;
}

.thumb_num_comments {
        background: #171717;
        color: #767676;
}

.user_thumb_infobox a {
        color: #555555;
}

.user_thumb_infobox a:hover {
        color: #555555;
}

/* Sort Cell
   ========================================================================== */
.sortorder_cell {
  background-color: transparent;
        color: #ffffff;
}


.sortorder_options {
        background : transparent;
        color: #ffffff;
}



/* NavMenu
   ========================================================================== */
.navmenu {
        color: #686868;
        background-color:#171717;
}

.navmenu a {
        color: #555555;
}

.navmenu a:hover {
        background-color:#171717;
        color: #696969;
}



/* Admin Menu
   ========================================================================== */
.admin_menu_thumb {
        border: 1px solid #888888;
        color: #555555;
}

.admin_menu_thumb a {
        color: #555555;
}


.admin_menu_thumb a:hover {
        color: #555555;
}

.admin_menu {
        border: 1px solid #888888;
        background-color: #e9e9e9;
        color: #555555;
}

.admin_menu a {
        color: #555555;
}

.admin_menu a:hover {
        color: #555555;
}


/* Alblink Class
   ========================================================================== */
.alblink {
       color: #ffffff;
}

.alblink a {
       color: #575757;
}

.alblink a:hover {
       color: #575757;
}

/* Other Classes
   ========================================================================== */
.comment_date{
        color : #555555;
}

.display_media {
        background-color:#171717;
}

.thumbnails {
        background-color:#171717;
}

.topmenu a {
        color : #CDCDCD;
}

.topmenu a:hover  {
        color : #CDCDCD;
}

.img_caption_table {
        background-color: #eeb6bd;
}

.img_caption_table th {
        background: #eeb6bd;
        color : #CDCDCD;
        border-top : 1px solid #888888;
}

.img_caption_table td {
        background: #eeb6bd;
        border-top : 1px solid #888888;
}

.debug_text {
        border: #888888;
        background-color: #eeb6bd;
}


.listbox_lang {
        color: #888888;
        background-color: #171717;
        border: 1px solid #171717;
}

.pic_title {
        color: #000000;
}

.pic_caption {
        color: #000000;
}

.cpg_message_info {
    color: #00529B;
    background-color: #e9e9e9;
}
.cpg_message_success {
    color: #4F8A10;
    background-color: #e9e9e9;
}
.cpg_message_warning {
    color: #9F6000;
    background-color: #e9e9e9;
}
.cpg_message_error {
    color: #D8000C;
    background-color: #e9e9e9;
}
.cpg_message_validation {
    color: #D63301;
    background-color: #e9e9e9;
}
.cpg_summary {
    color: #FF2B9C;
    background-color: #e9e9e9;
}


#GB_window {
  background-color: #e9e9e9;
  border: 5px solid #AAAAAA;
}