/*
Theme Name: Secret Smile CPG #01
Theme URI:  http://secretsmile.flaunt.nu/
Description: Coppermine theme edited by Secret Smile Design. 
Version: 1.1
Author: Cristina (contatosecretsmile@gmail.com)
Author URI: http://secretsmile.flaunt.nu/
*/

/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2011 Coppermine Dev Team
  v1.0 originally written by Gregory Demar

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License version 3
  as published by the Free Software Foundation.

  ********************************************
  Coppermine version: 1.5.16
  $HeadURL: https://coppermine.svn.sourceforge.net/svnroot/coppermine/trunk/cpg1.5.x/themes/water_drop/style.css $
  $Revision: 8243 $
**********************************************/

body {background-color: #215a62; color: #484848; font-family: 'Noto Sans', sans-serif; font-size: 13px; margin: 0; padding: 0;}

/* ----------------- CONTAINERS ----------------- */

#top {margin: 0 auto; background-color: #156570; padding: 20px; }
#wrapper {margin: 0 auto; width: 1000px; z-index: 1000;	background-color: #FFFFFF; border-top: 9px solid #67b2bd; border-left: 1px solid #F4F4F4; border-right: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4;}
#footer {clear: both; width: 990px; margin: 0 auto; padding: 9px 5px; font-family: 'Lato', sans-serif; font-weight: 700; font-style: italic; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; text-align: center;}
#footer a {-webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in;}
#footer a:hover {border-bottom: 2px solid #357c84;}
#footer url {background-color: #9fd2d6; color: #e3edee; font-family: 'Trebuchet MS', sans-serif; text-transform: lowercase;}
.fa-chevron-circle-up {color: #FFF;}

/* ----------------- HEADER ----------------- */

#header {background-image: url(images/header.jpg); background-position: center; background-repeat: no-repeat; width: auto; height: 450px; margin-bottom: -60px;}
#featured {width: 1000px; margin: 0 auto; line-height: 20px; font-family: 'Trebuchet MS', sans-serif; font-weight: 400; letter-spacing: 1px; color: #FFF; font-size: 10px; display: block; z-index: 1000; text-transform: uppercase; text-align: right;} 
#featured a {color: #FFF; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in;
transition: all 300ms ease-in;}
#featured a:hover {border-bottom: 2px solid #67b2bd;}
.site-title {font-family: 'Lato', sans-serif; font-size: 25px; font-weight: 500; letter-spacing: -1px;  background-color: #357c84; color: #e3edee; display: inline-block; padding: 5px; float: left; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin-top: 5px;}

/* ----------------- GENERAL STYLE ----------------- */

a {color: #67b2bd; text-decoration: none; -webkit-transition: color 300ms ease-out;-moz-transition: color 300ms ease-out;transition: color 300ms ease-out;}
a:hover {color: #282626; text-decoration: none; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
h1 {font-weight: 450; font-size: 15px; font-family: 'Noto Sans', sans-serif; text-decoration: none; line-height : 120%; color: #484848; margin: 2px;}
h2{color: #484848; font-family: 'Noto Sans', sans-serif; font-weight: 450; background-image : url(images/box_left_icon.gif); background-repeat : no-repeat; background-position : left; padding-left : 18px; font-size: 16px; margin: 0px;}
h3 {font-weight: 400; font-family: 'Noto Sans', sans-serif; font-size: 11px; margin: 2px;}
p {font-family: 'Noto Sans', sans-serif; font-size: 100%; margin: 2px 0px;}
pre.filepath {margin: 0px; padding: 0px;}
ul, ol {margin-left: 5px; margin-top:0px; margin-bottom:0px; padding: 0px;}
li {margin-left: 10px; margin-top: 4px; margin-bottom: 4px; padding: 0px; list-style-position: outside;}
ul li {list-style-type: disc;}


/* ----------------- TABLE ----------------- */

table {font-size: 13px; position: relative;}
.maintable {margin-top: 1px; margin-bottom: 1px; padding: 10px;}
.tableh1 {font-family: 'Lato', sans-serif; font-size: 20px; font-weight: 700; font-style: italic; color: #282626; text-transform: uppercase; border-bottom: 1px solid #CCC; padding-top: 3px; padding-bottom: 3px; }
.tableh2 {font-weight: 400; border-bottom: 2px solid #67b2bd; font-size: 13px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px;}
.tableb {padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px;}

/* This class will be used in conjunction with class tableb: attributes not particularly (re)-assigned will be taken into account from tableb. */
/* It is being used to accomplish alternating row colors for lists. */
/* It's recommended to only assign another background color that slightly differs from the one defined in tableb */
.tableb_alternate {background-color: #FFFFFF;} 
.tablef {background-color: #F8F8F8; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;}

.catrow_noalb, .catrow {padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; border-bottom: 1px solid #F0F0F0;}
.catrow_noalb:hover, .catrow:hover { }

.album_stat {font-size : 85%; margin: 5px 0px;}

/* ----------------- FORMS ----------------- */

.textinput {font-family: 'Noto Sans', sans-serif; font-size: 100%; border: 1px solid #D1D7DC; padding-right: 3px; padding-left: 3px;}
.listbox {font-family: 'Noto Sans', sans-serif; font-size: 90%; border: 1px solid #D1D7DC; vertical-align : middle; color: #484848;}
.radio {font-family: 'Noto Sans', sans-serif; font-size: 100%; vertical-align : middle;}
.checkbox {font-family: 'Noto Sans', sans-serif; font-size: 100%; vertical-align : middle;}
.bblink a {color: #7B3A33; text-decoration: none;}
.bblink a:hover {color: #0E0606; text-decoration: none;}
.comment_date {color: #484848; font-size: 90%; vertical-align : middle;}

/* ----------------- NAVIGATION ----------------- */

.statlink {font-weight: 400; text-transform: none; font-size: 13px;}
.statlink a {font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: 400; text-decoration: none; color: #282626;}
.statlink a:hover {text-decoration: none; color: #67b2bd;}

.alblink {font-size: 14px; font-weight: 400; font-family: 'Lato', sans-serif; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; line-height: 22px;}
.alblink a {text-decoration: none; color: #282626;}
.alblink a:hover {color: #2c8891; text-decoration: none;}

.catlink {display: block; margin-bottom: 2px; font-family: 'Trebuchet MS', sans-serif; font-size: 16px; font-weight: 400; }
.catlink a {text-decoration: none; color: #67b2bd;}
.catlink a:hover {text-decoration: none; color: #282626;}

.admin_menu {font-family: 'Noto Sans', sans-serif; font-size: 80%; border: 1px solid #CCD7E0; background-image: url(images/button_bg.gif); background-position: bottom; background-repeat: repeat-x; background-color: #FEFDFC; color: #484848; margin-top: 0px; margin-bottom: 0px; text-align: center; text-shadow: none;}
.admin_menu a {color: #484848; text-decoration: none; padding-top: 1px; padding-bottom: 1px; padding-left: 2px; padding-right: 2px; text-shadow: none;}
.admin_menu a:hover {color: #333; text-decoration: none; text-shadow: none;}
.admin_float {float:left; margin-left: 1px; margin-right: 1px; margin-top: 1px; margin-bottom: 1px; max-height: 1.5em; display: block; position: relative;  white-space:nowrap;
/*width:100px;*/}
#admin_menu_anim {background-image: url(images/button_bg_anim.gif);}
.icon {vertical-align:middle; margin-right:1px;}


/* ----------------- THUMBNAIL ----------------- */

.button, .buttonlist ul li a {font-family: 'Noto Sans', sans-serif; font-size: 11px; border: 1px solid #CCD7E0; background-image : url(images/button_bg.gif); background-position : bottom; cursor:pointer; padding-left:0px; padding-right:0px; margin-right:2px; white-space: nowrap; text-shadow: none; text-decoration: none; color: #5c5c5c;}

.display_media {padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px;}
.thumbnails {padding: 5px;}

.thumb_filename {font-size: 80%; display: block;}
.thumb_title {padding: 3px 0; margin: 2px 0; display : block; font-size: 13px; font-weight: 500; }
.thumb_title_views {padding: 3px 0; margin: 2px 0; display: block; background-color: #9fd2d6; color: #F5F5F5;  font-weight: 400; font-size: 10px; width: 110px; letter-spacing: 1px; font-family: 'Trebuchet MS', sans-serif; }
.thumb_caption {padding: 2px; margin: 2px 0; text-transform: uppercase;  text-align: center; font-family: 'Trebuchet MS', sans-serif; font-weight: 400; font-size: 70%; display: block;}
.thumb_caption a {padding: 2px; margin: 2px 0; text-align: center; font-weight: 400; font-size: 70%;
display: block; }
.thumb_num_comments {font-weight: normal; font-size: 85%; padding: 2px; display : block;}
.user_thumb_infobox {margin-top: 1px; margin-bottom: 1px;}
.user_thumb_infobox th {font-weight : bold; font-size: 100%; margin-top: 1px; margin-bottom: 1px; text-align : center;}
.user_thumb_infobox td {font-size: 85%; margin-top: 1px; margin-bottom: 1px; text-align : center;}
.user_thumb_infobox a {text-decoration: none;}
.user_thumb_infobox a:hover {text-decoration: none;}

.sortorder_cell {color: #484848; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 20px; margin: 0px;}
.sortorder_options {font-family: 'Trebuchet MS', sans-serif; font-weight: 400; color: #484848; padding: 0px; margin: 0px; font-size: 80%; white-space: nowrap;}

.navmenu {font-family: 'Noto Sans', sans-serif; font-weight:400; border-bottom: 1px solid #CCC; color: #484848;}
.navmenu:hover {color: #484848;}
.navmenu img {margin-top: 1px; margin-right: 5px; margin-bottom: 1px; margin-left: 5px;}
.navmenu a {font-family: 'Noto Sans', sans-serif; font-weight:400; display: block; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #484848;}
.navmenu a:hover {color: #F8F8F8; background-color: #9fd2d6;}

/* ----------------- IMAGES ----------------- */

.image {margin: 3px; padding: 0; border: 1px solid #EBEBEB; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.image:hover { margin: 3px; padding: 0; border: 1px solid #EBEBEB; opacity: 0.8;}

/* pseudo-classes for image links */
a:link .image{ }
a:visited .image{  }
a:focus .image{ }
a:hover .image{ }
a:active .image{ }

/* pseudo-classes for middlethumb links */
a:link .middlethumb,a:visited .middlethumb,a:focus .middlethumb,a:hover .middlethumb,a:active .middlethumb{ }
.imageborder {background-color: none; margin-top: 3px; margin-bottom: 3px;}

/* ----------------- CPG CSS ----------------- */

.topmenu {line-height : 130%; font-size : 100%; text-shadow: none; Text-decoration: none;}
.topmenu a {text-decoration : none; text-shadow: none; text-decoration: none;}
.topmenu a:hover  {text-decoration : none;}
.img_caption_table {border: none; background-color: #BE837C; idth : 100%; margin : 0px;}
.img_caption_table th {background: #BE837C ; font-size : 100%; color : #000000; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; border-top : 1px solid #FFFFFF;}
.img_caption_table td {background: #BE837C ; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; border-top : 1px solid #FFFFFF; white-space: normal;}
.debug_text {border: #BDBEBD; background-color: #EFEFEF; width : 100%; margin : 0px;}
.clickable_option {cursor : default;}
.listbox_lang {color: #000666; background-color: #F2F5F7; border: 1px solid #D1D7DC; font-size: 80%; font-family: 'Lato', sans-serif; vertical-align : middle;}
.pic_title {color: #434343; font-size: 100%; font-weight:bold; text-align : center; padding-top:0px; padding-bottom:0px; margin-top:0px;  margin-bottom:0px; line-height:1.0em;}
.pic_caption {color: #434343; font-size: 100%; font-weight:normal; text-align : center; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; line-height:1.0em;  background-color: none;}

.important {    /* background-image : url(images/important.gif); */ color: red; font-weight: bold; padding-left:1px; padding-right:1px; padding-top:3px; padding-bottom:3px;}

#cpgChooseLanguageWrapper {float:left;}
#cpgChooseThemeWrapper {float:left;}
.filmstrip_background { }
.prev_strip {text-align: left;}
.next_strip{text-align: right;}

/** Swfupload css **/
div.fieldset {border:  2px solid #F0F0F0; margin: 10px 0; padding: 20px 10px;}
div.fieldset span.legend {position: relative; padding: 3px; top: -30px; background-color: #F0F0F0; text-shadow: 1px 1px 0 #F0F0F0; font-weight: bold;}
div.flash {width: 375px; margin: 10px 5px; border-color: #F0F0F0;}

input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */
.progressWrapper {width: 357px; overflow: hidden;}
.progressContainer {margin: 5px; padding: 4px; border: solid 1px #F0F0EE; background-color: #F0F0EE; overflow: hidden;}

/* Message */
.message {margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden;}

/* Error */
.red {border: solid 1px #B50000; background-color: #FFEBEB;}

/* Current */
.green {border: solid 1px #DDF0DD; background-color: #EBFFEB;} 

/* Complete */
.blue {border: solid 1px #CEE2F2; background-color: #F0F5FF;}

.progressName {font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden;}
.progressBarInProgress, .progressBarComplete, .progressBarError {font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px;}
.progressBarComplete {width: 100%; background-color: green; visibility: hidden;}
.progressBarError {width: 100%; background-color: red; visibility: hidden;}
.progressBarStatus {margin-top: 2px; width: 337px; ont-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; color: #555;}
a.progressCancel {font-size: 0; display: block; height: 14px; width: 14px; background-image: url(../../images/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right;}
a.progressCancel:hover {background-position: 0px 0px;}
.swfupload {vertical-align: top;}

/**styles for photo manager*/
table#pic_sort tr td {padding: 4px; border-bottom: 1px solid #F3F3F3;}

/** styles for album manager and photo album*/
table#album_sort tr td {padding: 4px; border-bottom: 1px solid #F3F3F3;}
table#album_sort tr td span.editAlbum {margin-left: 100px; font-size: 10px; line-height: 100%; text-decoration: underline; cursor: pointer; display: none; color: #FF0000;}
.cpg_message_info, .cpg_message_success, .cpg_message_warning, .cpg_message_error, .cpg_message_validation {border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px;
background-repeat: no-repeat; background-position: 10px center;}
.cpg_message_info {color: #00529B; background-color: #BDE5F8; background-image: url('../../images/message/info.png');}
.cpg_message_success {color: #4F8A10; background-color: #DFF2BF; background-image: url('../../images/message/ok.png');}
.cpg_message_warning {color: #9F6000; background-color: #FEEFB3; background-image: url('../../images/message/warning.png');}
.cpg_message_error {color: #D8000C; background-color: #FFBABA; background-image: url('../../images/message/stop.png');}
.cpg_message_validation {color: #D63301; background-color: #FFCCBA; background-image: url('../../images/message/error.png');}
.cpg_summary {font-size:0.9em; border: 1px solid; margin: 10px 0px; padding:5px 10px 5px 10px; color: #FF2B9C; background-color: #FFDEEF; text-align:right; float:right; width:400px;}
#GB_window {background-color: #F2F5F7; border: 5px solid #CCD7E0;}
.external {background: transparent url('../../images/link.gif') 100% 50% no-repeat; padding-right: 10px;}
.detail_head_collapsed, .detail_head_expanded {color: #5C5C5C;}