/* Main Color/Secondary Color guide
   ==========================================================================
   ========================================================================== */

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


#content {
}

#box {
}


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

#menu ul {
  color: #9f9f9f;
}

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

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

.navibar a:hover {
  color: #9c4a48;
}

/* Social Network Icons
   ========================================================================== */
.social a:link {
  background-color: rgba(234, 234, 234, 0.1)!important;
  color:#ffffff;
}

.social a:hover{
  background-color: rgba(234, 234, 234, 0.2)!important;
  color:#eeeeee;
}

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

a:link {
  color: #141414;
}

a:visited {
  color: #141414;
}

a:active {
  color: #141414;
}

a:hover {
  color: #789ebf;
}


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

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

h5 a:hover {
    color: #ffffff;
}


/* Footer
   ========================================================================== */

#footer {
  border-top:3px double rgba(0, 0, 0, 0.1);
  color: #a5a5a5;
}

#footer b {
  color: #a5a5a5;
}

#footer ul {
  color: #a5a5a5;
}

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

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

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


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

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

.catlink a {
    color: #789ebf;
}

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

/* Image Classes
   ========================================================================== */
a img {
  padding: 0px!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;
-webkit-box-shadow: 0px 0px 5px 1px rgba(229,229,229,1);
-moz-box-shadow: 0px 0px 5px 1px rgba(229,229,229,1);
box-shadow: 0px 0px 5px 1px rgba(229,229,229,1);
margin-right:3px;
}

a img:hover{
  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;
-webkit-box-shadow: 0px 0px 5px 1px rgba(229,229,229,1);
-moz-box-shadow: 0px 0px 5px 1px rgba(229,229,229,1);
box-shadow: 0px 0px 5px 1px rgba(229,229,229,1);
margin-right:3px;
}


/* Table Classes
   ========================================================================== */
.tableh1 {
    border-bottom:5px solid #e8e8e8;
    color:#969696;
}

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

.tableb {
        color: #5a5a5a;
}

.tablef {
}

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



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

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

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

.statlink a {
       color: #888888;
}

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


/* 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 {
        background-color:#eeeeee;
        color: #878787;
        padding:5px;
}

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

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

.thumb_caption {
        color: #999999;
        background-color:#f7f7f7;
}

.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: #999999;
}


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



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

.alblink a {
       color: #575757;
}

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

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

.display_media {

}

.thumbnails {

}

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