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

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


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

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

#menu ul {
  color: #9f9f9f;
}

.navibar {
  background-color: #ce99e2;
  color: #ffffff;
}


.navibar li+li:before {
  color: rgba(255, 255, 255, 0.3);
}

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

.navibar a:hover {
  color: #77d9d7;
}


/* Social Network Icons
   ========================================================================== */

.socialwrap {
  background-color:#ffffff;
}

.social i {
  color:#838383;
}

.social a:link {
  background-color:#ffffff;
  color:#838383;
}

.social a:hover{
  background-color:#e9e9e9;
  color:#838383;
}


/* 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: #141414;
}

a:visited {
  color: #141414;
}

a:active {
  color: #141414;
}

a:hover {
  color: #ce99e2;
}


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

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

h5 a:hover {
    color: #ffffff;
}


#footer {
  border-top: 1px solid rgba(234, 234, 234, 0.8);
  color: #9f9f9f;
}

#footer b {
  color: #9f9f9f;
}

#footer ul {
  color: #9f9f9f;
}

#footer ul li+li:before {
  color: #9f9f9f;
}

#footer a:link {
  color: #9f9f9f;
}

#footer a:hover {
  color: #9f9f9f;
}

#footer a:visited {
  color: #9f9f9f;
}



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

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

.catlink a {
    color: #77d9d7;
}

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

/* Image Classes
   ========================================================================== */
a img {
    padding:5px!important;
    border:1px solid #efefef!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 #dbdbdb!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 {
    background-color:#f7f7f7;
    color:#9b9b9b;
}

.tableh2 {
        background-color: #f7f7f7;
        color: #919191;
}

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

.tablef {
        background-color:#ffffff;
}

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



.catrow {
        background-color:#ffffff;
        border-bottom: 1px solid #f2f2f2;
}

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

.statlink {
       color: rgba(0, 0, 0, 0.2);
}

.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 #ffffff;
    background-color: #ffffff;
}


/* P, UL, Input, Textarea Buttons
   ========================================================================== */
.textinput {
        border: 1px solid #888888;
  background-color:#ffffff;
        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_title {
        border-top:0px solid #d8d8d8;
        background-color:#e5e5e5;
        color: #878787;
        padding:5px;
}

.thumb_title {
        border-top:1px solid #d8d8d8;
}

.thumb_title_views {
        border-top:1px solid #d8d8d8;
}

.thumb_caption {
        color: #ffffff;
        background-color:#ce99e2;
}

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

.thumb_num_comments {
        background: #ffffff;
        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:#ffffff;
}

.navmenu a {
        color: #555555;
}

.navmenu a:hover {
        background-color:#ffffff;
        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:#ffffff;
}

.thumbnails {
        background-color:#ffffff;
}

.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: #ffffff;
        border: 1px solid #ffffff;
}

.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;
}