/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2009 Coppermine Dev Team
  v1.1 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.4.25
  Custom theme MuzikaHr by Tomislav Capan, based on CPG igames theme
  https://coppermine.svn.sourceforge.net/svnroot/coppermine/trunk/cpg1.4.x/themes/igames/theme.php
**********************************************/

/* Colors used in this style sheet:
    Hex 000000 = RBG   0,   0,   0 = black
    Hex 222222 = RBG  34,  34,  34 = black
    Hex 343333 = RBG  52,  51,  51 = black
    Hex 3F3F3F = RBG  63,  63,  63 = light black
    Hex 454444 = RBG  69,  68,  68 = light black
    Hex 4A4A4A = RBG  74,  74,  74 = dark grey
    Hex 5F5F5F = RBG  95,  95,  95 = dark grey
    Hex 666666 = RBG 102, 102, 102 = dark grey
    Hex 838383 = RBG 131, 131, 131 = medium grey
    Hex BDBEBD = RBG 189, 190, 189 = medium grey
    Hex BFC0C3 = RBG 191, 192, 195 = medium grey
    Hex C6B78E = RBG 198, 183, 142 = beige
    Hex E6E6E6 = RBG 230, 230, 230 = light grey
    Hex EFEFEF = RBG 239, 239, 239 = light grey
    Hex F0AF00 = RBG 240, 175,   0 = orange
    Hex ff0000 = RBG 255,   0,   0 = red
    Hex FFFFCC = RBG 255, 255, 204 = light yellow
    Hex FFFFFF = RBG 255, 255, 255 = white
    
--- Tomislav Capan - colors used
    Hex 000000 = RBG   0,   0,   0 = black
    Hex 444444 = RBG  68,  68,  68 = dark grey
*/

/*** CSS RESET **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
input { outline: none; }

/***********************\
|***** CSS SETTING *****|
\***********************/

/*----- SITEWIDE SETTINGS -----*/

body { background-color: #ccffcc; color: #444444; font-family: Arial, Tahoma, Sans-Serif; font-size : 12px; }
table { font-size : 12px; }
h1 { font-weight: normal; margin: 0px; }
h3 { font-weight: normal; }
p { margin: 2px 0px; }
ul { margin-left: 5px; padding: 0px; }
li { margin-left: 10px; margin-top: 4px; margin-bottom: 4px; padding: 0px; list-style-position: outside; list-style-type: disc; }
a { color: #cc0000; text-decoration: none; }
a:hover { text-decoration: underline; }
.hidden {display:none;}

#main { width: 1000px; margin-left: auto; margin-right: auto; background-color: transparent; }
#main > div { padding: 0px 10px; }
#main > #leader { height: 90px; margin-left: 10px; padding: 0; padding-top: 20px; overflow: hidden; position: relative; width: 980px; }
#oglLeader { height: 90px; width: 728px; }
#oglText { position: absolute; top: 0; right: 0; width: 205px; height: 80px; overflow: hidden; font-size: 12px; padding: 15px; background-color: transparent; }
#oglText { background-image: url(images/layout/bg-glow-white.png); /*background-image: url(images/layout/bg-topleftad.png);*/}
#oglText * { color: #ffffff; }
#oglText a { text-decoration: none; }
#oglText p { margin: 0; margin-bottom: 0.6em; line-height: 16px; height: 16px; overflow: hidden; }
#oglText p.ad-title { font-weight: bold; }
#oglText p.ad-body { height: 32px; }
#oglText p.ad-footer { text-decoration: underline; }

#main > #container { background-image: url(images/bg-glow-white.png); margin-top: 10px; padding-top: 10px; padding-bottom: 10px; }
#header { background-color: #000000; height: 70px; overflow: hidden; }
#content { background-color: #ffffff; margin-top: 10px; margin-bottom: 0px; padding: 20px; padding-bottom: 10px; overflow: hidden; }


#header #logo { display: block; width: 180px; height: 70px; margin: 0; overflow: hidden; }
#header #logo h1 { width: 180px; height: 70px; background-image: url(images/muzika-logo.png); background-repeat: no-repeat; }
#header #logo h1 a { display: block; width: 180px; height: 70px; text-decoration: none; }
#header #logo h1 span { visibility: hidden; }

/*----- MAIN MENU ELEMENTS -----*/
#mainmenu { display: block; float: left; margin-top: -70px; margin-left: 180px; width: 640px; font-size: 17px; font-weight: bold; overflow: hidden; }
#mainmenu ul { width: 640px; margin: 0; overflow: hidden; }
#mainmenu ul li { display: table-cell; border-left: 0px solid #999999; padding-top: 30px; padding-bottom: 20px; margin: 0; }
#mainmenu ul li a { display: block; color: #ffffff; text-decoration: none; border-left: 1px solid #808080; padding-top: 30px; margin-top: -30px; padding-left: 8px; }
#mainmenu ul li:hover a, #mainmenu ul li:active a { color: #e80202; }
#mainmenu ul li.featured { text-align: center; background-color: #cd0000; background-image: url(images/bg-menu-hover.png); }
#mainmenu ul li.featured a { border-left-color: transparent; padding-left: 13px; padding-right: 14px; }
#mainmenu ul li.featured:hover a, #mainmenu ul li.featured:active a { color: #e1e1e1; }

/*----- TOP SEARCH -----*/
#header #topSearch { width: 160px; height: 70px; margin-top: -70px; margin-left: 820px; overflow: hidden; float: left; }
#header #topSearch form { width: 120px; height: 22px; margin-left: 15px; margin-top: 26px; background-image: url(images/bg-search-top.png); background-repeat: no-repeat; }
#header #topSearch input.searchText { width: 85px; }
#header #topSearch input.searchButton { }
input.searchText { margin-left: 5px; height: 16px; border-width: 0px; vertical-align: middle; background-color: transparent; }
input.searchButton { background-color: transparent; color: transparent; vertical-align: middle; height: 20px; width: 25px; cursor: pointer; border-width: 0px; text-indent: 30px; }


#adminmenu { width: 980px; height: 20px; margin-top: -20px; margin-left: -20px; border: 0px solid #cccccc; }
#adminmenu div { width: 100%; background-color: #e5e5e5; }
#adminmenu .admin_menu { font-size: 90%; height: 20px; }
#adminmenu .admin_menu a { color: #cc0000; display: block; line-height: 20px; position: relative; padding: 0px 7px; }
#adminmenu .admin_menu a:hover { background-color: #cc0000; color: #ffffff; text-decoration: none; }


#content h1 { font-size: 34px; letter-spacing: -1px; color: #333333; padding-right: 20px; }
#menu { margin-top: -5px; }

#SUB_MENU {}
#SUB_MENU h1, #SUB_MENU ul { display: table-cell; }
#SUB_MENU > ul { margin: 0; }
#SUB_MENU > ul > li { display: table-cell; }
#SUB_MENU > ul > li > a { color: #e80202; font-size: 10px; text-transform: uppercase; display: block; padding: 2px 8px; line-height: 17px; }
#SUB_MENU > ul > li > a:hover { background-color: #e80202; color: #ffffff; text-decoration: none; }
#SUB_MENU > ul > li#sys > a { color: #ffffff; }
#SUB_MENU > ul > li#sys > a:hover { background-color: #ffffff; }

#SYS_MENU { visibility: hidden; float: left; height: 14px; overflow: hidden; margin-top: -15px; }
#SYS_MENU a { color: #ccffcc; }

#gallery { margin-top: 25px; }

/* naslovnica - albumthumbs */ 
.rowalbums > td { padding-bottom: 15px; }
.tblalbum { width: 300px; }
.tblalbum td { vertical-align: top; }
.tblalbum td.albuminfo { padding-left: 10px; font-size: 12px; }
.tblalbum .thumbnails { padding:0; padding-top: 4px; max-width: 133px; overflow: hidden; }
.tblalbum h3 a { font-size: 14px; font-weight: normal; color: #E80202; }
.tblalbum .albuminfo p.albdesc { display: none; } /* hides desc on albums thumbs on frontpage */

/* admin menu */
.tblalbum .albuminfo > table tr > td { display: inline; text-align: left; line-height: 1.2em; }

/*
tr.tableb_compact td.tableb_compact {padding:0; padding-top: 5px; padding-right: 15px; padding-left: 5px; }
.maintable > tbody > tr > td > table > tbody > tr > td > table { width: 100px; display: table; }
.maintable table tr > td.tableb_compact > table tr > td { display: block; text-align: left; line-height: 1.2em; }
*/

.maintable .categorieslist > td { padding: 0 5px 15px 4px; }
.maintable .categorieslist a { font-size: 20px; }

.breadcrumb > td { padding-bottom: 15px; }

.tableh1 { margin-bottom: -20px; }
.tableh1 > .statlink { font-size: 14px; }
.tableh1 > .statlink > b {font-weight: normal; font-size: 14px; }
.tableh1 > .statlink > b > a { color: #e80202; font-size: 17px; }
#galleriesStats { line-height: 2.2em; ; background-color: #f1f2f3;}

/*.maintable { width: 930px; }*/
/*
.maintable td.catrow { padding-top: 25px; padding-bottom: 5px; padding-left: 10px;}
.maintable td.catrow .catlink { font-size: 20px; }
.maintable td.catrow .catlink > b { font-weight: normal; }
*/

td.tableh1_compact { display: none; }

.tableh2 { padding:0 5px; line-height: 20px; color :#ffffff; background-color: #b2b2b2;}
.tableh2 > .alblink > a { display: block; height: 20px; overflow: hidden; color: #ffffff; font-weight: bold; font-size: 12px; }
.maintable  > tbody > tr.tableb_compact > td > table { width: 100%; margin-bottom: 10px; margin-top: 10px; }

.maintable .admin_menu { padding: 0 2px; }
.maintable .admin_menu a { font-size: 9px; }

tr.tableb_compact {  }
td.tableb_compact { font-size: 11px; }
td.tableb_compact > p.album_stat { font-size: 9px; margin-top: 6px; }


/* thumbs list bottom pager */
.maintableb .navmenu { padding-bottom: 10px; padding-top: 10px; padding-left: 0px; padding-right: 0px; width: 8%; }
.maintableb .navmenu a { font-size: 13px; }
.maintableb .navmenu a:hover { text-decoration: underline; }
.maintableb .tableb_compact { font-size: 13px; padding-bottom: 10px; padding-top: 10px; padding-left: 0px; padding-right: 0px; width: 8%; }


.maintablea { margin-top: 10px; }
.maintableb { margin-top: 15px; }
td.tableh1a { font-weight: bold; font-size: 14px; color: #f7f7f7; line-height: 24px; text-indent: 10px; background-color: #cc0000; background-image: url(images/bg-menu-hover.png); }
td.tableh1a a { color: #f7f7f7; }
td.tableh1a a.statlink { font-size: 14px; }
.maintableb img.image { margin-bottom: 5px; }

.tableh1a .statlink { padding: 0 10px; font-size: 13px; font-weight: bold; }

/* single album look */
td.tableh1a table { display: none; } /* hide doubled album title (breadcrumb + table title */
.thumb_title, .thumb_caption { display: block; font-size: 11px; line-height: 1.4em; }
.thumb_title:last-child { margin-bottom: 25px; }
.thumb_caption { margin-top: 2px; }
.thumb_caption:last-child { margin-bottom: 25px; }

/* single image look */
.navmenu { padding-top: 20px; }
.navmenu a { display: block; padding: 0 8px; }
.navmenu a:hover { text-decoration: none; }
#navMenuFirst a.navmenu_pic { margin-left: 300px; }
#navMenuLast a.navmenu_pic { margin-right: 300px; }
.maintable .navmenu { font-weight: bold; }

.imageborder { border: 1px solid; padding: 10px; margin: 15px 10px; }
.imageborder > tbody > tr > td { padding: 4px; }

a.admin_menu { display: inline-block; margin: 10px; margin-top: 5px; height: 22px; width: 14%; line-height: 22px; text-align: center; color: #444444; background-color: #eeeeee; border: 1px solid #d4d4d4; }

.tableh2_compact { padding: 4px 5px; }
.tableb_compact { padding: 4px 5px; }

#picinfo { margin-top: 15px; }
#picinfo .tableh2_compact { border-bottom: 1px solid #f2f2f2; }
#picinfo .tableb_compact { line-height: 1.4em; border-bottom: 1px solid #f2f2f2; }

/* footer */
.footer { font-size: 9px; color: #cccccc; margin-top: 20px; }
.footer a { color: #cccccc; }
#CUSTOM_FOOTER {font-size: 10px; color: #666666; margin-top: 5px; margin-bottom: 10px; }
#CUSTOM_FOOTER p.copyright { text-align: center; }


/* admin section */
.tableb { padding: 3px 10px; }
.tableb_compact { padding: 2px 5px; }
.tablef { padding: 10px; }


/* MISC DEFAULTS */

.textinput { padding-right: 3px; padding-left: 3px; }
.listbox { vertical-align : middle; }
.radio, .checkbox { vertical-align : middle; }

.sortorder_options { padding: 0px; margin: 0px; font-weight: normal; font-size: 80%; white-space: nowrap; }

.button { font-size: 100%; background-image : url(images/button_bg.gif); background-position : bottom; }
.comment_button { font-size: 100%; background-image : url(images/button_bg.gif); background-position : bottom; padding-left: 3px; padding-right: 3px; }



.topmenu { line-height : 130%; font-size : 110%; }
.img_caption_table { border: none; width : 100%; margin : 0px; }
.img_caption_table th { font-size : 100%; padding: 4px 10px; }
.img_caption_table td { padding: 6px 10px; white-space: normal; }

.debug_text { border: #BDBEBD; background-color: #EFEFEF; width : 100%; margin : 0px; }

.clickable_option { font-weight: bold; cursor : default; }
.listbox_lang { color: #C6B78E; background-color: #4A4A4A; border: 1px solid #4A4A4A; font-size: 80%; font-family: Arial, Helvetica, sans-serif; vertical-align : middle; }
#SELECT_LISTS { width: 300px; height: 50px; text-align:right; float: right; }
#SELECT_FLAGS { text-align: center; }