/* modules/gallery/css/gallery.css */
/**
 * Gallery 3 core module styles
 *
 * Sheet organization:
 *  1)  End-user
 *  2)  Admin
 *  3)  Right to left language styles
 */

/** *******************************************************************
 * 1) End-user
 **********************************************************************/

/* Uploader ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-add-photos-canvas,
#g-add-photos-status {
  width: 469px;
}

#g-add-photos-canvas {
  border: 1px solid  #ccc;
  height: 200px;
  margin: .5em 0;
  padding: 2.8em 0 0 0;
  overflow: auto;
  position: relative;
}

#g-add-photos-canvas object,
#g-add-photos-button {
  left: 137px;
  margin: .5em  0;
  padding: .4em 1em;
  position: absolute;
  top: 0;
  width: 175px;
}

#g-add-photos-canvas object {
  z-index: 100;
}

#g-add-photos-canvas .uploadifyQueue {
  margin-top: .5em;
}

#g-add-photos-canvas .uploadifyQueueItem {
  margin: 0;
}

#g-add-photos-button {
  z-index: 1;
}

#g-add-photos-status {
  border: 1px solid #ccc;
  height: 125px;
  margin: .4em 0;
  overflow: auto;
}

#g-add-photos-status .g-message-block {
  border: none;
}

#g-add-photos-status #g-action-status li {
  margin: 0 0 1px 0;
  padding-top: .7em;
  width: 433px;
}

#g-add-photos-form .g-breadcrumbs {
  margin: 0;
}

#g-add-photos-form p {
  margin-bottom: 0
}

#g-add-photos-status-message {
  float: right;
}

/* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-edit-permissions-form {
  clear: both;
}

#g-edit-permissions-form th {
  text-align: center;
}

#g-permissions .g-denied,
#g-permissions .g-allowed {
  text-align: center;
  vertical-align: middle;
}

/* Move items ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-move ul {
  padding-left: 1em;
}

#g-move .selected {
  background: #999;
}

/* In-place edit ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-in-place-edit-form ul {
  margin: 0;
}

/* User profile ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-user-profile h1 {
  margin: 1em 0;
}

#g-user-profile .g-avatar {
  margin-right: .6em;
}

#g-user-profile .g-block {
  margin-top: 0;
}

#g-user-profile .g-block-content {
  margin-top: 0;
}

#g-user-profile th,
#g-user-profile td {
  border: none;
}

#g-user-profile th {
  white-space: nowrap;
  width: 1%;
}

/** *******************************************************************
 * 2) Admin
 **********************************************************************/

.g-task-log {
  border: 1px solid #000;
  height: 400px;
  margin: .6em 0;
  overflow: auto;
  padding: .4em
}

#g-languages-form table {
  width: 40%;
  margin: 0 3em 1em 0;
}

#g-languages-form input {
  clear: both;
}

#g-translations ol {
  margin: 0 0 1em 2em;
}
#g-translations ol li {
  list-style-type: decimal;
  line-height: 150%;
}

#g-translations .g-button {
  padding: .5em;
  margin-bottom: 1em;
}

/** *******************************************************************
 * 3) Right to left language styles
 **********************************************************************/

.rtl #g-add-photos-status #g-action-status li {
  width: 407px;
}

.rtl #g-block-admin .g-left {
  margin-left: 1em;
  margin-right: 0;
}

.rtl #g-user-profile .g-avatar {
  margin-left: .6em;
}

.rtl #g-languages-form table {
  margin: 0 0 1em 3em;
}

.rtl #g-translations ol {
  margin: 0 2em 1em 0;
}

.rtl #g-add-photos-status-message {
  float: left;
}

/* modules/user/css/user.css */
/* User- and group-related form width ~~~~ */

#g-login-form,
#g-add-user-form
#g-edit-user-form,
#g-delete-user-form,
#g-user-admin {
  width: 270px;
}

/* User/group admin ~~~~~~~~~~~~~~~~~~~~~~ */

#g-user-admin {
  width: auto;
  margin-bottom: 4em;
}

#g-group-admin {
}

#g-user-admin-list .g-admin {
  color: #55f;
  font-weight: bold;
}

.g-group {
  display: block;
  border: 1px solid #999;
  margin: 0 1em 1em 0;
  padding: 0;
  width: 200px;
}

.g-group h4 {
  background-color: #eee;
  border-bottom: 1px dashed #ccc;
  padding: .5em 0 .5em .5em;
}

.g-group .g-button {
  padding: 0;
}

.g-group .g-member-list,
.g-group div {
  height: 180px;
  margin: 1px;
  overflow: auto;
}

.g-group p {
  margin-top: 1em;
  padding: .5em;
  text-align: center;
}

.g-group .g-user {
  padding: .2em 0 0 .5em;
}

.g-group .g-user .g-button {
  vertical-align: middle;
}

.g-default-group h4,
.g-default-group .g-user {
  color: #999;
}

.g-group.ui-droppable {
  padding: 0 !important;
}

/* Password strength meter ~~~~~~~~~~~~~~~ */

.g-password-strength0 {
  background: url('http://lukaszmikulski.pl/gallery3/modules/user/css/../images/progressImg1.png') no-repeat 0 0;
  width: 138px;
  height: 7px;
}

.g-password-strength10 {
  background-position:0 -7px;
}

.g-password-strength20 {
  background-position:0 -14px;
}

.g-password-strength30 {
  background-position:0 -21px;
}

.g-password-strength40 {
  background-position:0 -28px;
}

.g-password-strength50 {
  background-position:0 -35px;
}

.g-password-strength60 {
  background-position:0 -42px;
}

.g-password-strength70 {
  background-position:0 -49px;
}

.g-password-strength80 {
  background-position:0 -56px;
}

.g-password-strength90 {
  background-position:0 -63px;
}

.g-password-strength100 {
  background-position:0 -70px;
}

/* modules/comment/css/comment.css */
#g-content #g-comment-form {
  margin-top: 2em;
}

#g-content #g-comments {
  margin-top: 2em;
  position: relative;
}

#g-content #g-comments ul li {
  margin: 1em 0;
}

#g-content #g-comments .g-author {
  border-bottom: 1px solid #ccc;
  color: #999;
  height: 32px;
  line-height: 32px;
}

#g-content #g-comments ul li div {
  padding: 0 8px 8px 43px;
}

#g-content #g-comments .g-avatar {
  height: 32px;
  margin-right: .4em;
  width: 32px;
}

#g-add-comment {
  position: absolute;
  right: 0;
  top: 2px;
}

#g-admin-comments-menu {
  margin: 1em 0;
}

#g-admin-comments-menu a {
  margin: 0;
  padding: .2em .6em;
}


/* lib/jquery.autocomplete.css */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	text-align: left;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('http://lukaszmikulski.pl/gallery3/lib/images/loading-small.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* modules/tag/css/tag.css */
/* Tag cloud ~~~~~~~~~~~~~~~~~~~~~~~ */

#g-tag-cloud ul {
  font-size: 1.2em;
  text-align: justify;
}

#g-tag-cloud ul li {
  display: inline;
  line-height: 1.5em;
  text-align: justify;
}

#g-tag-cloud ul li a {
  text-decoration: none;
}

#g-tag-cloud ul li span {
  display: none;
}

#g-tag-cloud ul li.size0 a {
  color: #9cf;
  font-size: 70%;
  font-weight: 100;
}

#g-tag-cloud ul li.size1 a {
  color: #9cf;
  font-size: 80%;
  font-weight: 100;
}

#g-tag-cloud ul li.size2 a {
  color: #69f;
  font-size: 90%;
  font-weight: 300;
}

#g-tag-cloud ul li.size3 a {
  color: #69c;
  font-size: 100%;
  font-weight: 500;
}

#g-tag-cloud ul li.size4 a {
  color: #369;
  font-size: 110%;
  font-weight: 700;
}

#g-tag-cloud ul li.size5 a {
  color: #0e2b52;
  font-size: 120%;
  font-weight: 900;
}

#g-tag-cloud ul li.size6 a {
  color: #0e2b52;
  font-size: 130%;
  font-weight: 900;
}

#g-tag-cloud ul li.size7 a {
  color: #0e2b52;
  font-size: 140%;
  font-weight: 900;
}

#g-tag-cloud ul li a:hover {
  color: #f30;
  text-decoration: underline;
}

/* Add tag form ~~~~~~~~~~~~~~~~~~~~ */

#g-sidebar .g-short-form .textbox {
  width: 11em;
}

/* Tag admin ~~~~~~~~~~~~~~~~~~~~~~~ */

#g-tag-admin {
  table-layout: fixed;
}

#g-tag-admin td {
  border: 0;
  vertical-align: top;
}

#g-tag-admin ul {
  margin-bottom: 2em;
}

#g-tag-admin li {
  padding: .1em 0 .2em 0;
}

#g-tag-admin form ul {
  margin-bottom: 0;
}

/* modules/facebook_like/css/facebook_like.css */
.g-facebook_like {
  margin-top: 0.5em;
  margin-left: 0.5em;
}
/* modules/all_tags/css/all_tags.css */
table.all_tags { text-align: center; width:500px; }
table.all_tags caption { font-size: 1.5em; padding: 0.2em; }
/* modules/tag_cloud_page/css/tag_cloud_page.css */
/* Tag cloud page ~~~~~~~~~~~~~~~~~~~~~~~ */

#g-tag-cloud-page ul {
  font-size: 1.2em;
  text-align: justify;
}

#g-tag-cloud-page ul li {
  display: inline;
  line-height: 1.5em;
  text-align: justify;
}

#g-tag-cloud-page ul li a {
  text-decoration: none;
}

#g-tag-cloud-page ul li span {
  display: none;
}

#g-tag-cloud-page ul li.size0 a {
  color: #9cf;
  font-size: 70%;
  font-weight: 100;
}

#g-tag-cloud-page ul li.size1 a {
  color: #9cf;
  font-size: 80%;
  font-weight: 100;
}

#g-tag-cloud-page ul li.size2 a {
  color: #69f;
  font-size: 90%;
  font-weight: 300;
}

#g-tag-cloud-page ul li.size3 a {
  color: #69c;
  font-size: 100%;
  font-weight: 500;
}

#g-tag-cloud-page ul li.size4 a {
  color: #369;
  font-size: 110%;
  font-weight: 700;
}

#g-tag-cloud-page ul li.size5 a {
  color: #0e2b52;
  font-size: 120%;
  font-weight: 900;
}

#g-tag-cloud-page ul li.size6 a {
  color: #0e2b52;
  font-size: 130%;
  font-weight: 900;
}

#g-tag-cloud-page ul li.size7 a {
  color: #0e2b52;
  font-size: 140%;
  font-weight: 900;
}

#g-tag-cloud-page ul li a:hover {
  color: #f30;
  text-decoration: underline;
}

/* modules/tag_graph/css/tag_graph.css */
#tags {
	margin: 0px;
	margin-top: 5px;
	width: 230px;
	padding: 0px;
}

#tags li {
	list-style-type: none;
	position: relative;
	margin: 0px;
	margin-bottom: 0px!important;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b1b1b1;
	overflow: hidden;
	font-size: 1em;
	width: 90%;
}

#tags .graph {
	display: inline;
	width: 50px;
	height: 20px;
	position: absolute;
	overflow: hidden;
	background-image: url('http://lukaszmikulski.pl/gallery3/modules/tag_graph/css/bargraph1.gif');
}

#tags .level{
	display: inline;
	height: 100%;
	position: absolute;
	right: 0px;
	background-position: right top;
	background-image: url('http://lukaszmikulski.pl/gallery3/modules/tag_graph/css/bargraph2.gif');

}

#tags .number {
	position: absolute;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	left: 50px;
	color: #999999;
	background-color: #cbcbcb;
}

#tags .tag {
	position: relative;
	width: 145px;
	line-height: 20px;
}

#tags .tag a:link, #tags .tag a:visited {
	color: #999999;
	text-decoration: none;
	background-color: inherit;
}
#tags .tag a:hover, #tags .tag a:active {
	color: #000000;
	text-decoration: underline;
	background-color: inherit;
}
/* modules/thumbnav/css/thumbnav.css */
/* Thumb Navigator ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  
.g-thumbnav { text-align: center; padding: 0; }
.g-navthumb { width: 62px; height: 62px; filter:alpha(opacity=55); opacity:.55; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; }

.g-thumbnav ul { display: inline-block; padding: 0; margin: 0 0.5em; }
.g-thumbnav li { float: left; border: transparent 1px solid;}
.g-thumbnav li.g-current { border-color: #ddd; }

.g-thumbnav li.g-current .g-navthumb,
.g-navthumb:hover { background: #fff; filter:alpha(opacity=100); opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* modules/html5_upload_progress/css/html5_upload_progress.css */
#g-add-photos-form input[type="file"] {
	margin-top: .2em;
}
#g-add-photos-form .g-message-block:empty {
	display: none;
}
#h5up-dropzone {
	border-radius: 2em;
	border: 10px solid #ccc;
	line-height: 3em;
	margin: .5em 0 .8em 0;
	text-align: center;
/*	background: radial-gradient(black 15%, transparent 16%) 0 0,
	            radial-gradient(black 15%, transparent 16%) 8px 8px,
	            radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
	            radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
	color: #fff;
	background-color:#282828;
	background-size:16px 16px;
*/

	background-color: #dcdcdc;
	background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
	background-image:         repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);

}
#h5up-dropzone.hover {
	border-color: #5382BF;
	background-color:#2E6E9E;
}
#h5up-dropzone p {
	margin: 10px;
	font-size: 14px;
}
#g-add-photos-form progress {
	width: 86%;
}
#g-add-photos-form .hidden {
	display: none !important;
}
#g-add-photos-form .close {
	float: right;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.375em;
	line-height: .7;
	text-decoration: none !important;
	opacity: .3;
}
#g-add-photos-form .close:hover {
	text-decoration: none !important;
	opacity: .5;
}
#g-add-photos-canvas {
	padding: 0;
}
#g-add-photos-canvas .preview {
	width: 2.4em;
	height: 2.4em;
	position: relative;
	float: left;
	margin-right: .5em;
	background-color: rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
	        box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
}
#g-add-photos-canvas img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
#g-add-photos-canvas {
	height: auto;
	max-height: 184px;
}
#g-add-photos-status {
	height: auto;
	max-height: 150px;
}
#g-add-photos-status-message {
	padding-top: 3px;
}

/* override */

#g-add-photos-form .g-message-block li {
	margin: 1px 0 0 0;
	padding: .3em .5em .3em 2em;
	float: none;
}

#g-add-photos-form .g-message-block li:first-child {
	margin-top: 0;
}

#g-add-photos-canvas.g-message-block li {
	padding-left: .5em;
}

/* themes/greydragon/css/screen.css */
/**
 * Gallery 3 Grey Dragon Theme
 * Copyright (C) 2006-2011 Serguei Dosyukov
 *
 * CSS rules - Kitchen sync
 *
 * Color rules for font/background/lines can be found in dedicated colorpack files
 */

/*! normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */

audio:not([controls]) {
    display: none;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Keeps page centred in all browsers regardless of content height
 * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%; /* 3 */
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}

/* 
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

body,
button,
input,
select,
textarea {
    font-family: sans-serif;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b, 
strong { 
    font-weight: bold; 
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul,
ol {
    margin-left: 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    *margin-left: -7px; /* 2 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding that is displayed in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/* 
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/**
 * Gallery 3 Grey Dragon Theme
 * Copyright (C) 2006-2011 Serguei Dosyukov
 *
 * CSS rules related to general layout
 * Defined as 70em wide
 */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* layout.css - Common ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

html { overflow: auto; overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
* { margin: 0px; }
body { min-width: 1020px; padding: 0; }
.g-hideitem { display: none; }

/* layout.css - Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-header { position: relative; min-width: 1020px; z-index: 5; }

/* layout.css - Main ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-main { min-width: 1020px; height: auto; bottom: auto; }
#g-main-in { min-width: 1020px; height: 100%; aoverflow: auto; bottom: auto; }

#g-column-left   { float: left;  width: 230px; min-height: 32em; overflow: hidden; height: 100%; }
#g-column-right  { float: right; width: 230px; min-height: 32em; overflow: hidden; height: 100%; }
#g-column-center { margin: 0 17em 0 17em; min-height: 32em; overflow: hidden; height: 100%; }
#g-column-centerleft { min-height: 32em; overflow: hidden; height: 100%; }
#g-column-centerright { min-height: 32em; overflow: hidden; height: 100%; } 
#g-column-centerfull { position: relative; min-height: 31em; overflow: hidden; height: 100%; }
#g-column-top { display: block; overflow: hidden; }
#g-column-bottom { display: block; overflow: hidden; }

/* layout.css - Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-footer { position: relative; height: auto; min-width: 70em; min-height: 2.8em; clear: both; display: block; overflow: auto; }
#g-footer-leftside { float: left; display: inline; }
#g-footer-rightside { float: right; display: inline; }

/* layout.css - Extended Layout ~~~~~~~~~~~~~~~~~~~~~~*/

/* layous.css - Extended Layout - 3 columns+sidebar ~~*/
body.g-extended.g-column-3.g-sidebar-right #g-header,
body.g-extended.g-column-3.g-sidebar-right #g-footer,
body.g-extended.g-column-3.g-sidebar-right #g-main,
body.g-extended.g-column-3.g-sidebar-right #g-main-in,
body.g-extended.g-column-3.g-sidebar-left #g-header,
body.g-extended.g-column-3.g-sidebar-left #g-footer,
body.g-extended.g-column-3.g-sidebar-left #g-main,
body.g-extended.g-column-3.g-sidebar-left #g-main-in { min-width: 1250px; }

/* layous.css - Extended Layout - 4 columns ~~~~~~~~~~*/
body.g-extended.g-column-4 #g-header,
body.g-extended.g-column-4 #g-footer,
body.g-extended.g-column-4 #g-main,
body.g-extended.g-column-4 #g-main-in { min-width: 1342px; }

/* layous.css - Extended Layout - 4 columns+sidebar ~~*/
body.g-extended.g-column-4.g-sidebar-right #g-header,
body.g-extended.g-column-4.g-sidebar-right #g-footer,
body.g-extended.g-column-4.g-sidebar-right #g-main,
body.g-extended.g-column-4.g-sidebar-right #g-main-in,
body.g-extended.g-column-4.g-sidebar-left #g-header,
body.g-extended.g-column-4.g-sidebar-left #g-footer,
body.g-extended.g-column-4.g-sidebar-left #g-main,
body.g-extended.g-column-4.g-sidebar-left #g-main-in { min-width: 1580px; }

/**
 * Gallery 3 Grey Dragon Theme
 * Copyright (C) 2006-2011 Serguei Dosyukov
 *
 * CSS rules related to menus
 */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* menus.css - Main menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-site-menu { position: absolute; } 
#g-site-menu.g-default { left: 21em; bottom: 0; }
#g-site-menu.g-top { left: 21em; top: 2px; }
#g-site-menu.g-bottom-right { bottom: 0; right: 2em; }
#g-site-menu.g-bar { left: 0; top: 0; width: 100%; padding-left: .5em; position: fixed !important; z-index: 9999; font-size: 0.9em; }

#g-site-menu ul { float: left; width: 100%; white-space: nowrap; z-index: 102; }
#g-site-menu>ul>li>ul { margin-top: 1px; }

#g-site-menu ul ul ul { padding-top: 0; }
#g-site-menu a  { display: block; padding: 0.2em 0.4em; text-align: center; width: auto; letter-spacing: 0; cursor: pointer; z-index: 102; }
#g-site-menu li { float: left; padding: 0; background-color: transparent; border: transparent 1px solid; z-index: 102; }
#g-site-menu li ul a { text-align: left; padding: 0.3em 0; text-indent: 0.8em; letter-spacing: 0; }
#g-site-menu li ul a:hover { background-image: none; }
#g-site-menu li ul { position: absolute; margin: 0 0 0 -1px; width: 14em; height: auto; left: -999em; }

#g-site-menu li li { width: 14em; padding-right: 0; }
#g-site-menu li ul a { width: 14em; }
#g-site-menu li ul ul { margin: -1.8em 0 0 14em; }
#g-site-menu li:hover ul ul,
#g-site-menu li:hover ul ul ul,
#g-site-menu li.iemhover ul ul,
#g-site-menu li.iemhover ul ul ul { left: -999em; }
#g-site-menu li:hover ul,
#g-site-menu li li:hover ul,
#g-site-menu li li li:hover ul,
#g-site-menu li.iemhover ul,
#g-site-menu li li.iemhover ul,
#g-site-menu li li li.iemhover ul { left: auto; }

#g-site-menu>ul>li>ul { display: none; }

/* menus.css - Context menu ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.g-item .g-context-menu { position: absolute; margin: 0; padding: 0; top: 20px; left: 198px; width: 14px; height: 14px; background-position: -178px -144px; z-index: 4; } 
.g-item .g-context-menu li { width: 100%; padding: 0; margin: 0; text-indent: -9999px; }
.g-item .g-context-menu>li>a { font-size: 0em; }
.g-item .g-context-menu:hover { top: 4px; left: 16px; top: 16px; width: 200px; height: auto; z-index: 102; }

.g-extended .g-item .g-context-menu { left: 300px; }
.g-extended .g-item .g-context-menu:hover { width: 300px; left: 16px; }
.g-item .g-context-menu ul { padding: 0; margin: 0; }
.g-item .g-context-menu li li { display: none; }
.g-item .g-context-menu li li a { display: block; padding: 4px 6px; }
.g-item .g-context-menu:hover li li { display: block; text-indent: 0px; } 

.g-item.g-detail .g-context-menu { left: auto; right: 6px; }
.g-item.g-detail .g-context-menu:hover { left: auto; right: 6px; }
/**
 * Gallery 3 Grey Dragon Theme
 * Copyright (C) 2006-2011 Serguei Dosyukov
 *
 * CSS rules related to modules
 */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* modules.css - ShadowBox Skin ~~~~~~~~~~~~~~~~~~~~~~~~*/

#sb-title { overflow: hidden; }
#sb-title-inner { font-size: 10pt; font-weight: bold; padding-left: 10px; }
#sb-nav #sb-nav-close { background-image: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/../images/close.png'); width: 60px; }
#sb-container > #sb-overlay { min-height: 530px; overflow: auto; }

/* modules.css - FancyBox Skin ~~~~~~~~~~~~~~~~~~~~~~~~~*/

#fancybox-outer { background: #555; }
#fancybox-content { border-color: #555; }
#fancybox-title-over { font-weight: bold; }
.fancybox-title-inside { background: transparent; font-weight: bold; color: #FFF; text-align: left; }
#fancybox-close { background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/../images/close.png') 0 0 no-repeat; width: 60px; height: 16px; right: -6px; }
#fancybox-left-ico { background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/../images/arrows_left.png') no-repeat left center; width: 35px; height: 107px; top: 40%; }
#fancybox-left:hover span { left: 10px; }
#fancybox-right-ico { background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/../images/arrows_right.png') no-repeat left center; width: 35px; height: 107px; top: 40%; }
#fancybox-right:hover span { right: 10px; }

/* modules.css - Exif Data ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-exif-data td { padding: 0.2em; }
.g-thumbcrop a.g-meta-exif-link { position: absolute; left: 278px; bottom: 4px; z-index: 100; display: block; background: none center bottom no-repeat; width: 17px; height: 16px; }

/* modules.css - Image Block ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-image-block>div { margin-left: 1px; margin-right: 1px; }
.g-image-block { text-align: center; }
.g-image-block img { padding: 5px; max-width: 200px; height: auto; }

/* modules.css - Image Block Ex ~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-rootpage #g-column-bottom #g-image-block-ex { display: none; }

/* modules.css - RSS Feeds ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul#g-feeds { padding: 0; margin: 0; }

/* modules.css - Tags ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-tag-cloud ul { padding: 0; font-size: 100%; }
#g-tag-cloud ul li { line-height: 1.2em; }
#g-tag-cloud ul li span { display: none; }

#g-add-tag-form fieldset ul { float: left; display: inline-block; padding: 0; }
#g-add-tag-form li { float: left; margin: 0; padding: 0; }

/* modules.css - Comments ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-comments { margin-top: 2em; float: left; width: 100%; min-height: 2em; }
#g-comments ul li { margin: 0.4em 0; }

#g-comments .g-button { right: 0.4em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ font-size: 0.8em; color: #333 !important; padding: 2px 10px; margin-top: 0.4em; border: 1px solid; border-color: #999 #666 #666 #999; background-color: #ddd; font-weight: normal; }
.ui-icon-comment { background-position: -210px -144px; }

#g-comment-detail ul { padding: 0; }
#g-comment-detail>ul>li { margin: 4px 0; padding: 6px; min-height: 40px; }
#g-comment-detail div { margin-top: 6px; padding-bottom: 8px; }
#g-comment-detail li.g-no-comments { display: none; }
#g-comment-detail p.g-no-comments { padding-bottom: 4px; }

#g-comment-form fieldset { border: none; }
#g-comment-form legend { display: none; width: 100%; }
#g-comment-form ul { padding: 0; }
#g-comment-form>fieldset>ul { margin: 0px 10px; }
#g-comment-form label { display: block; }
#g-comment-form textarea { width: 99%; height: 140px; }
#g-comment-form input[type="text"],
#g-comment-form input[type="password"] { width: 99%; }

#g-comments .g-author { height: 32px; line-height: 32px; }
#g-comments .g-avatar { height: 32px; margin-right: .4em; width: 32px; }

/* modules.css - Gallery Stats ~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-gallerystats ul { padding: 0; font-size: x-small; }

/* modules.css - Info ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-metadata ul { padding: 0; }
#g-metadata .g-description { margin-top: 0.4em; padding: 0.4em 0; }
#g-metadata strong.caption { display: none; }

/* modules.css - Calendar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-calendarview-link:hover { background-position: left bottom; }

#g-view-calendar-form fieldset { border: none; }
#g-view-calendar-form ul { padding: 8px; }
#g-view-calendar-form li { padding-top: 8px; display: inline; padding-left: 10px; }
#g-view-calendar-form label { margin: 4px 0; }
#g-view-calendar-form select { margin: 4px 10px; }

table.calendar { border-spacing: 1px; }
table.calendar td.title a { font-weight: bold; }

/* modules.css - ClustrMaps ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-clustrmaps .g-block-content { text-align: center; }

/* modules.css - GPS Info ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-exif-gps-maps ul { padding-left: 0; }

/* modules.css - Search ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-quick-search-form { position: absolute; top: 3em; right: 1em; background: none transparent; }
.viewmode-mini #g-quick-search-form { top: auto; right: auto; left: 1em; bottom: 2px; }
#g-quick-search-form label { display: none; }
#g-quick-search-form li { display: inline; float: left; padding: 0px; }

#g-quick-search-form input[type="text"] { width: 150px; padding-top: 0.1em; padding-bottom: 0.1em; }
#g-quick-search-form input[type="submit"] { display: block; width: 23px; height: 23px; text-indent: -9999px; overflow: hidden; }

/* modules.css - Basket ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-header #basket, #g-header a[href="/basket/view_Orders"] { display: none; }
#g-view-basket span.ui-icon { float: none; }

#g-view-basket .ui-icon-plusthick { background-position: -32px -128px; }
#g-view-basket .ui-icon-clipboard { background-position: -160px -128px; }
#g-view-basket .ui-icon-trash     { background-position: -176px -96px; }
#g-view-basket .ui-icon-cart      { background-position: -48px -112px; }
#g-view-basket a.g-button { line-height: 2.2em; }
#g-column-centerfull>.g-block { margin-top: 3em; }
#g-column-centerfull>div>.basketbuttons>a.g-button>span { display: none; }

/* modules.css - Register ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-welcome-message p { padding-bottom: 6px; }
#g-change-password-user-form { height: 100%; }

/* modules.css - Localization ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#l10n-client .labels { border-top: white 1px solid; height: 1.7em; }
#l10n-client h2      { padding-top: 0.4em; padding-bottom: 0.3em; }
#l10n-client .label.translation { margin-top: -0.4em; height: 1.7em; }
#l10n-client #l10n-client-toggler { line-height: 1.7em; height: 1.7em; }
#l10n-client .string-list li { font-size: 0.8em; line-height: 1.1em; }
#l10n-client #l10n-client-string-select { width: 24%; }
#l10n-client #l10n-client-string-select .string-list { border: 1px #ccc solid; }
#l10n-client #g-l10n-search-form ul { padding: 0; }
#l10n-client #l10n-client-string-editor { margin-left: 1em; }
#l10n-client-string-editor .source .source-text { margin: 0 0.4em 0 0; border: 1px #ccc solid; padding: 0.4em; line-height: 1em; }
#l10n-client-string-editor .translation { height: 19em; }
#l10n-client #l10n-edit-translation { width: 97%; height: 17em; border: 1px #ccc solid; font-family: monospace; padding: 0.4em; }

/* modules.css - jcarousel ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.jcarousel-skin-tango .jcarousel-container { padding-top: 0.5em; }

/* modules.css - ThumbNav ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-thumbnav-block-inline { margin-top: 26px; }
#g-thumbnav-block-inline h2 { display: none; }
#g-thumbnav-block .g-block-content,
#g-thumbnav-block-inline .g-block-content { width: 210px; margin-left: auto; margin-right: auto; }

/**
 * Gallery 3 Grey Dragon Theme
 * Copyright (C) 2006-2011 Serguei Dosyukov
 *
 * CSS rules related to forms/dialogs
 */

.ui-widget-overlay { position: absolute; top:0; left:0; bottom: 0; right: 0; position: fixed; width:100%; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; background-color: #111; zoom: 1; }
.ui-widget-overlay { height: expression(document.documentElement.clientHeight + 'px'); }
.ui-widget-overlay { height: 100%; }

/* Dialog ----------------------------------*/

.ui-dialog { position: relative; width: 300px; display: inline-block; }
.ui-dialog .ui-dialog-titlebar { height: 1em; padding: .5em .3em .3em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; text-indent: -900em; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; display: block; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-dialog ul { padding: 0; }
.ui-dialog .ui-dialog-content .g-right { margin-right: 20px; }

/* forms.css - Component containers ~~~~~~~~~~~~~~~~~~*/
.ui-widget-header { color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
.ui-widget-content a { color: #222222; }

/* forms.css - Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form        { margin: 0; }
form p.g-error { color: red; }
fieldset    { border: 1px solid #ccc; padding: 0 1em .8em 1em; }
legend      { display: none; }
input.textbox, input[type="text"], input[type="password"], textarea { border: 1px solid #e8e8e8; border-top-color: #ccc; border-left-color: #ccc; clear: both; color: #333; width: 50%; }
textarea    { height: 12em; width: 97%; }
input:focus, input.textbox:focus, input[type=text]:focus, textarea:focus, option:focus { background-color: #ffc; color: #000; }
input.checkbox, input[type=checkbox], input.radio, input[type=radio] { float: left; margin-right: .4em; }

/* forms.css - Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

form li { margin: 0; padding: 0 0 .2em 0; }
form ul { margin-top: 0; }
form ul ul { clear: both; }
form ul ul li { float: left; margin-right: 0.6em; }
input, select, textarea { display: block; clear: both; }
input[type="submit"], input[type="reset"] { display: inline; }
input[type="submit"], .g-button, button, .ui-dialog .g-cancel { cursor: pointer; cursor: hand; font-size: 0.8em; color: #333 !important; font-weight: normal; line-height: 1.4em; padding: 2px 10px; margin-right: 0.4em; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); border: 1px solid; border-color: #999 #666 #666 #999; background-color: #ddd; }

.g-button { margin: 0 0.4em 0.4em 0; }
.ui-dialog .g-cancel { margin-top: 0.6em; }
.g-right { float: right; }

/* forms.css - Forms in dialogs and panels ~~~~~~~~~~~*/

#g-dialog ul li { padding-bottom: 0.6em; }
#g-dialog fieldset, #g-panel fieldset { border: none; padding: 0; }
#g-panel legend { display: none; }
input[readonly] { background-color: #F4F4FC; }
#g-dialog input.textbox, #g-dialog input[type=text], #g-dialog input[type=password], #g-dialog textarea { width: 97%; }

.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.g-progress-bar { height: 1em; width: 100%; margin-top: .5em; display: inline-block; }
#g-progress #g-status { padding: 0.5em 0; }

/* forms.css - Short forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.g-short-form legend, .g-short-form label { display: none; }
.g-short-form fieldset { border: none; padding: 0; }
.g-short-form li { float: left; margin: 0 !important; padding: .4em 0; }
.g-short-form .textbox, .g-short-form input[type=text] { color: #666; padding: .3em .6em; width: 100%; }
.g-short-form .textbox.g-error { border: 1px solid #f00; color: #f00; padding-left: 24px; }
.g-short-form .g-cancel { display: block; margin: .3em .8em; }
#g-sidebar .g-short-form li { padding-left: 0; padding-right: 0; }

#g-quick-search-form input[type="submit"] { filter: none; margin-top: 0; }

/* forms.css - Reauthentificate ~~~~~~~~~~~~~~~~~~~~~~*/

#g-login fieldset { border: none; }
#g-login legend { display: none; }
#g-login label { display: block; }

#g-column-centerfull #g-error h2 { padding-top: 10px; }
#g-column-centerfull #g-login { width: 270px; margin-top: 10px; padding-top: 10px; }
#g-column-centerfull #g-login input[type='text'], #g-column-centerfull #g-login input[type='password'] { width: 100%; }
#g-column-centerfull #g-login #g-password-reset { position: relative; bottom: 20px; right: 14px; }

/* forms.css - User Profile ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-user-profile { display: block; }
#g-user-profile h1 { margin: 0 0 1em 0; }
#g-user-profile .g-avatar { float: left; margin: .4em; }
#g-user-profile .g-block { position: static; min-height: 5em; clear: none; margin-left: 4em; }
#g-user-profile .g-block ul { padding: 0.6em 0; }
#g-user-profile th { text-align: left; }

#g-user-profile-operations { height: 1.5em; }
#g-user-profile #g-rest-key .g-button { margin-left: 1em; }

/* forms.css - Uploadify ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-add-photos-canvas { margin-top: 1.1em; }
#g-add-photos-status #g-action-status li { padding-top: 0.3em; padding-bottom: 0.3em; padding-left: 2em; }
.uploadifyQueueItem { padding-top: 6px; padding-bottom: 4ps; }

/* forms.css - Permission ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-permissions .g-breadcrumbs { position: static; }

aaa#g-edit-album-form { width: 340px; }
/**
 * Gallery 3 Grey Dragon Theme
 * Copyright (C) 2006-2011 Serguei Dosyukov
 *
 * CSS rules - Main CSS ruleset
 *
 * Color rules for font/background/lines can be found in dedicated colorpack files
 */
        
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* base.css - Common ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body { font-family: Arial, verdana, sans-serif; font-size: 0.9em; }

a { text-decoration: none; outline: none; -moz-outline-style: none; }
a:focus, a:active, a:hover { text-decoration: none; outline: none; }
img { border: none; }
p { text-indent: 0;  }
ul { list-style: none none; padding-left: 0; }

h1 { font-weight: bold; font-size: 1.1em; padding-bottom: 1px; min-height: 1.1em; }
h2 { font-weight: bold; font-size: 1.1em; min-height: 1.1em; }
h3 { font-weight: bold; }
h4 { font-weight: bold; }
h5 { font-weight: bold; }

.txtright { text-align: right; }
.g-metadata { overflow: hidden; }
.g-avatar { float: right; }
.g-hide { display: none; }

.ui-icon { display: inline-block; zoom: 1; width: 16px; height: 15px; }
.ui-icon-first { background-position: -162px -178px; }
.ui-icon-first-d { background-position: -162px -162px; }
.ui-icon-prev { background-position: -178px -178px; }
.ui-icon-prev-d { background-position: -178px -162px; }
.ui-icon-parent { background-position: -226px -178px; }
.ui-icon-parent-d { background-position: -226px -162px; }
.ui-icon-next { background-position: -194px -178px; }
.ui-icon-next-d { background-position: -194px -162px; }
.ui-icon-last { background-position: -210px -178px; }
.ui-icon-last-d { background-position: -210px -162px; }
.ui-icon-signal-diag { background-position: -16px  -178px; }
.ui-icon-info { background-position: -16px  -144px; }
.ui-icon-plus { background-position: -14px  -129px; }
.ui-icon-minus { background-position: -46px  -129px; }
.ui-icon-note { background-position: -66px  -98px;  }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-left .ui-icon { float: left; margin-right: .2em; }
.ui-icon-right .ui-icon { float: right; margin-left: .2em; }

/* base.css - Inline layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.g-inline li { float: left; }

/* base.css - Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-header { height: 90px; padding: 0; font-size: 0.9em; }
#g-logo { position: absolute; top: 8px; left: 16px; }

.g-breadcrumbs { position: absolute; background-color: transparent; }
.g-breadcrumbs.g-default     { bottom: 4px; right: 14px; }
.g-breadcrumbs.g-bottom-left { bottom: 4px; left: 21.4em; }
.g-breadcrumbs.g-top-right   { top: 4px; right: 14px; }
.g-breadcrumbs.g-top-left    { top: 4px; left: 21.4em; }

.g-breadcrumbs li { display: inline; } 
.g-breadcrumbs li.g-first { background-image: none; padding-left: 0; }
.rtl .g-breadcrumbs .g-first { background-image: none; padding-left: 0; }
.g-breadcrumbs li.g-active { padding-right: 0; }

#g-header .g-message-block { position: absolute; z-index: 10; min-width: 30em; padding: 0; right: 20em; top: 34px; overflow: hidden; font: bold 9pt Arial, verdana, sans-serif; text-align: center; }
#g-header #g-login-menu { position: absolute; top: 0.2em; right: 1em; background-color: transparent; display: none; }
#g-site-status li { padding: .3em .3em .3em 30px; }

/* base.css - Main ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-main { display: block; margin: 0; }
#g-main-in { display: block; position: relative; }

#g-column-center, #g-column-centerleft { padding: 6px 6px 6px 10px; }
#g-column-centerfull { padding: 6px 12px 6px 10px; }
#g-column-centerright { padding: 6px 10px 6px 6px; }
#g-column-left { padding: 6px 4px 6px 10px; }
#g-column-right { padding: 6px 10px 6px 4px; }

/* base.css - Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-footer { padding: 6px 6px 6px 14px; zoom: 1; font-size: 0.9em; }
#g-footer ul { float: left; padding: 0; text-align: left; }
#g-footer li { padding: 0 0 2px 0; }

#g-footer #g-login-menu { position: absolute; bottom: 0.5em; right: 1em; background-color: transparent; display: none; }

#g-login-menu li { display: inline; padding-left: 1.2em; }
#g-logout-link { float: none; margin-right: 0; } 

#g-copyright { font-size: x-small; }
#g-footer #g-footer-rightside { float: right; padding-right: 6px; text-align: right; }
#g-credits { margin-right: 14px; }
#g-credits li.g-branding a { float: left; }
#g-credits .g-first { display: none; }
#g-gallery-logo { display: block; width: 70px; height: 18px; background: transparent url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/../images/gallery.png') no-repeat; }
#g-theme-logo { display: block; width: 70px; height: 18px; }

/* base.css - Mini Mode ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.viewmode-mini #g-header { height: 2.3em; }
.viewmode-mini #g-footer { display: none; }

/* base.css - Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.g-paginator { display: inline-block; width: 100%; padding: 4px 0 0 0; zoom: 1; }
.g-paginator li { display: inline; float: left; margin-left: 0; zoom: 1; }
.g-paginator a { padding: 0; }

.g-paginator .g-pagination { width: 80%; font-size: 0.8em; }
.g-paginator .g-navigation { text-align: right; width: 20%; }

/* base.css - Album grid ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-album-grid { padding: 6px 0 0 0; width: 100%; display: inline-block; margin: 0px auto; }
#g-album-grid .g-item { position: relative; float: left; margin: 4px 2px 4px 0; min-width: 212px; zoom: 1; }
.g-extended #g-album-grid .g-item { min-width: 314px; }
.g-column-2 #g-album-grid .g-item { width: 48%; margin-right: 0; }
.g-column-3 #g-album-grid .g-item { width: 30%; margin-right: 0; }
.g-column-4 #g-album-grid .g-item { width: 23%; margin-right: 0; }
.g-column-5 #g-album-grid .g-item { width: 18%; margin-right: 0; }
#g-album-grid .g-item p { text-align: center; }
#g-album-grid h2 { position: absolute; top: 164px; left: 12px; width: 150px; font: 100%/100% Arial, Helvetica, sans-serif; }
#g-album-grid h2 a { display: block; margin-top: 4px; font: bold 0.8em Arial, Helvetica, Verdana, Sans-Serif; letter-spacing: 0.1em; text-transform: uppercase; min-height: 2em; }

/* base.css - Thumbs : Common ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.g-thumbslide { font-size: 0.9em; width: 208px; min-height: 139px; padding-top: 6px; padding-left: 6px; overflow: hidden; text-align: left; }
.g-thumbtype-sqr .g-thumbslide { height: 208px; }                                                                           
.g-thumbtype-flm .g-thumbslide { height: 141px; }
.g-thumbtype-dgt .g-thumbslide { height: 158px; }
.g-thumbtype-wd  .g-thumbslide  { height: 120px; }

.g-extended .g-thumbslide { width: 308px; }
.g-extended .g-thumbtype-sqr .g-thumbslide { height: 308px; }
.g-extended .g-thumbtype-flm .g-thumbslide { height: 207px; }
.g-extended .g-thumbtype-dgt .g-thumbslide { height: 233px; }
.g-extended .g-thumbtype-wd  .g-thumbslide { height: 176px; }

.g-thumbcrop { overflow: hidden; position: relative; width: 200px; min-height: 112px; }
.g-thumbtype-sqr .g-thumbcrop { height: 200px; }
.g-thumbtype-flm .g-thumbcrop { height: 133px; }
.g-thumbtype-dgt .g-thumbcrop { height: 150px; }
.g-thumbtype-wd  .g-thumbcrop { height: 112px; }

.g-extended .g-thumbcrop { width: 300px; }
.g-extended .g-thumbtype-sqr .g-thumbcrop { height: 300px; }
.g-extended .g-thumbtype-flm .g-thumbcrop { height: 199px; }
.g-extended .g-thumbtype-dgt .g-thumbcrop { height: 225px; }
.g-extended .g-thumbtype-wd  .g-thumbcrop { height: 168px; }

.g-album .g-description strong { padding-left: 16px; }

/* Force size of the link to fill thumbcrop */

.g-thumbcrop a.g-thumblink { display: block; position: relative; min-width: 200px; }
.g-thumbtype-sqr a.g-thumblink { min-height: 200px; }
.g-thumbtype-flm a.g-thumblink { min-height: 133px; }
.g-thumbtype-dgt a.g-thumblink { min-height: 150px; }
.g-thumbtype-wd  a.g-thumblink { min-height: 112px; }

.g-extended .g-thumbcrop a.g-thumblink { min-width: 300px; }
.g-extended .g-thumbtype-sqr a.g-thumblink { min-height: 300px; }
.g-extended .g-thumbtype-flm a.g-thumblink { min-height: 200px; }
.g-extended .g-thumbtype-dgt a.g-thumblink { min-height: 225px; }
.g-extended .g-thumbtype-wd  a.g-thumblink { min-height: 168px; }

/* base.css - Thumbs : Overlay ~~~~~~~~~~~~~~~~~~~~~~~~~*/

.g-thumbslide .g-description { display: none; position: absolute; left: 6px; top: 6px; min-height: 24px; width: 184px; overflow: hidden; z-index: 3; text-align: left; padding: 2px 8px; font-size: 0.85em; margin: 10px 0 1px 11px; }
.g-extended .g-thumbslide .g-description { width: 284px; }
.g-thumbslide:hover .g-description { display: block; }
.g-thumbslide .g-description li { display: inline; padding-right: 0.8em; }
.g-thumbslide .g-description .g-title { display: block; font-weight: bold; font-size: 1.1em; letter-spacing: 0.1em; text-transform: uppercase; padding-top: 3px; }  
.g-album .g-thumbslide .g-description .g-title { padding-left: 24px; }

.g-thumbslide .g-description.g-overlay-top    { display: block; }
.g-thumbslide .g-description.g-overlay-bottom { display: block; top: auto; bottom: 6px; margin-bottom: 10px; }

.g-thumbslide .g-metadata    { display: none; position: absolute; left: 6px; bottom: 6px; padding: 2px 4px 2px 10px; width: 186px; margin: 10px 0 11px 11px; }
.g-thumbslide .g-metadata li { padding: 0; margin: 0; font-size: 0.9em; }
.g-extended .g-thumbslide .g-metadata { width: 286px; }
.g-thumbslide:hover .g-metadata { display: block; }

/* base.css - Thumbs : Expanded View mode ~~~~~~~~~~~~~~*/

.g-expanded .g-thumbslide { font-size: 0.9em; width: 208px; min-height: 139px; padding-top: 6px; padding-left: 6px; line-height: 1.2em; overflow: hidden; }
.g-thumbtype-sqr.g-expanded .g-thumbslide { height: 238px; }
.g-thumbtype-flm.g-expanded .g-thumbslide { height: 171px; }
.g-thumbtype-dgt.g-expanded .g-thumbslide { height: 188px; }
.g-thumbtype-wd.g-expanded  .g-thumbslide { height: 150px; }

.g-extended .g-expanded .g-thumbslide                { width: 308px; }
.g-extended .g-thumbtype-sqr.g-expanded .g-thumbslide { height: 346px; }
.g-extended .g-thumbtype-flm.g-expanded .g-thumbslide { height: 244px; }
.g-extended .g-thumbtype-dgt.g-expanded .g-thumbslide { height: 270px; }
.g-extended .g-thumbtype-wd.g-expanded  .g-thumbslide { height: 214px; }

.g-expanded .g-thumbslide .g-description { position: static; display: block; }
.g-expanded .g-thumbslide .g-description li { display: inline; padding-right: 0.8em; }
.g-expanded .g-thumbslide .g-description .g-title { display: block; font-weight: bold; font-size: 1.1em; letter-spacing: 0.1em; text-transform: uppercase; }  
.g-album.g-expanded .g-thumbslide .g-description .g-title { padding-left: 24px; }

.g-expanded .g-thumbslide .g-description.g-overlay-bottom { width: 192px; }
.g-expanded .g-thumbslide .g-metadata { bottom: 10px; }
.g-expanded .g-thumbslide .g-metadata li { padding: 0; margin: 0; font-size: 0.9em; }
.g-expanded .g-thumbslide:hover .g-metadata { display: block; bottom: 40px; }
 
/* base.css - Photo ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-item { float: left; height: 100%; width: 100%; }
#g-photo { padding: 6px 0 6px 0; text-align: center; float: left; height: 100%; width: 100%; }
div.g-resize { position: relative; left: 50%; float: left; padding: 5px; font-size: 0.9em; }
div.g-resize>a { float: left; overflow: hidden; }
div.g-resize>a img { float: left; }

div.g-resize .g-description { display: none; position: absolute; left: 5px; text-align: left; padding: 10px; }
div.g-resize .g-description strong { display: block; margin-bottom: 5px; text-transform: uppercase; }
div.g-resize .g-description.g-align-top { top: 0px; margin-top: 5px; }
div.g-resize .g-description.g-align-bottom { bottom: 4px; }
div.g-resize .g-description.g-align-static { display: block; }
div.g-resize:hover .g-description { display: block; }

div.g-resize .g-more { display: block; position: absolute; right: 16px; padding: 4px 8px; }
div.g-resize:hover .g-more { display: none; visibility: hidden; }
div.g-resize .g-more.g-align-top { top: 16px; }
div.g-resize .g-more.g-align-bottom { bottom: 20px; }

.ul-table { text-align: center; margin: 0px auto; padding: 0; list-style-type: none; clear: both; }
.ul-table li { float: left; text-align: center; } 

#g-info { display: inline-block; width: 100%; }
#g-info .g-description { margin-top: .4em; margin-bottom: .4em; padding: .5em 1em; }
#g-movie { padding: 6px 0 6px 6px; position: relative; }

#g-item a.g-movie { display: block; margin: 0 auto; }

.g-description .g-metadata { padding: 0.4em 0 0 0; font-size: 0.8em; }
.g-description .g-metadata li { display: inline; padding-right: 1em; }

/* base.css - Sidebar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* base.css - Sidebar : Common ~~~~~~~~~~~~~~~~~~~~~~~~~*/

.g-block { margin-bottom: 4px; padding-bottom: 4px; position: relative; clear: both; } 
.g-block h2 { padding: 6px 4px 6px 8px; font-size: 1em; }
.g-block-content { margin: 6px 6px 0 6px; display: block; zoom: 1; }

#g-column-top .g-block, #g-column-bottom .g-block { float: left; clear: none; width: 240px; margin-left: 10px; }
#g-column-top .g-toolbar, #g-column-bottom .g-toolbar { margin-bottom: 0.5em; }
#g-column-top .g-toolbar h1, #g-column-bottom .g-toolbar h1 { display: none; }

/* base.css - Sidebar : Buttons ~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-viewformat { z-index: 5; position: absolute; padding: 0; top: 6px; right: 10px; }
#g-viewformat li { float: left; margin-right: 2px; }
#g-viewformat span { display: block; width: 17px; height: 15px; line-height: 1px; text-indent: -900em; background-repeat: no-repeat; }
#g-viewformat .g-sidebar-left   { background-position: -128px -210px; }
#g-viewformat .g-sidebar-top    { background-position: -148px -210px; }
#g-viewformat .g-sidebar-full   { background-position: -168px -210px; }
#g-viewformat .g-sidebar-right  { background-position: -188px -210px; }
#g-viewformat .g-sidebar-bottom { background-position: -208px -210px; }
#g-viewformat .g-sidebar-left:hover,  #g-viewformat .g-sidebar-left.g-current  { background-position: -128px -225px; }
#g-viewformat .g-sidebar-top:hover,   #g-viewformat .g-sidebar-top.g-current   { background-position: -148px -225px; }
#g-viewformat .g-sidebar-full:hover,  #g-viewformat .g-sidebar-full.g-current  { background-position: -168px -225px; }
#g-viewformat .g-sidebar-right:hover, #g-viewformat .g-sidebar-right.g-current { background-position: -188px -225px; }
#g-viewformat .g-sidebar-bottom:hover,#g-viewformat .g-sidebar-bottom.g-current{ background-position: -208px -225px; }

#g-view-menu { position: absolute; top: 6px; right: 106px; height: 16px; z-index: 5; zoom: 1; margin: 0 0 6px 0; padding: 0 0 4px 0; }
#g-view-menu.g-buttonset-shift { right: 6px; }
.g-toolbar { margin: 0 0 4px 0; } 
.g-menu { margin: 0; padding: 0; text-align: left; }
.g-menu li { display: inline; }

.g-menu-element,
.g-menu-link { display: inline; float: left; margin-right: 4px; background-repeat: no-repeat; background-position: center top; }

.g-buttonset .g-menu-link { text-indent: -99999px; width: 22px; height: 15px; overflow: hidden; }

#g-slideshow-link { background-position: -103px -210px; } 
#g-slideshow-link:hover { background-position: -103px -225px; }

.g-fullsize-link:hover, #g-exifdata-link:hover { background-position: left bottom; }

/* base.css - Root Page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-rootpage-quote { float: left; width: 300px; padding-top: 6px; font-size: 110%; }
#g-rootpage-roll  { float: right; text-align: center; z-index: 1; position: relative; width: 800px; height: 540px; }
#g-rootpage-link  { z-index: 10; position: absolute; height: 540px; width: 800px; top: 0; left: 0; cursor: pointer; }
#g-rootpage-roll span { z-index: 12; display: block; position: absolute; right: 16px; padding: 4px 8px; top: 20px; cursor: pointer; font-size: 0.9em; }
#g-rootpage-roll.g-full { margin-left: auto; margin-right: auto; float: none; }

/* base.css - Large toolbar icons support ~~~~~~~~~~~~~~*/

.g-toolbar-large .g-buttonset .g-menu-link { width: 26px; height: 22px; }
.g-toolbar-large h1 { line-height: 24px; height: 24px; }
.g-toolbar-large #g-calendarview-link:hover { background-position: top center; }
.g-toolbar-large #g-viewformat { top: 9px; }

.g-toolbar-large .g-navigation .ui-icon { width: 23px; height: 22px; }
.g-toolbar-large .ui-icon-first    { background-position: 0px -240px; }
.g-toolbar-large .ui-icon-first-d  { background-position: 0px -263px; }
.g-toolbar-large .ui-icon-prev     { background-position: -23px -240px; }
.g-toolbar-large .ui-icon-prev-d   { background-position: -23px -263px; }
.g-toolbar-large .ui-icon-parent   { background-position: -47px -240px; }
.g-toolbar-large .ui-icon-parent-d { background-position: -47px -263px; }
.g-toolbar-large .ui-icon-next     { background-position: -70px -240px; }
.g-toolbar-large .ui-icon-next-d   { background-position: -70px -263px; }
.g-toolbar-large .ui-icon-last     { background-position: -93px -240px; }
.g-toolbar-large .ui-icon-last-d   { background-position: -93px -263px; }

/* base.css - Upload dialog ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-add-photos-status li.g-success { background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/../images/ico-success.png') transparent no-repeat .4em 50%; }
#g-add-photos-status li.g-error   { background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/../images/ico-error.png') transparent no-repeat .4em 50%; color: #f00; }

/* Start Apple Styles */
/* These styles support Apple products display of CSS. NOTES (orientation:landscape), (orientation:portrait) can also be used to be more specific */
/* iPad [portrait + landscape] */
@media only screen and (min-device-width:768px) and (max-device-width:1024px)
{
	#cboxOverlay { height: 200%; width: 200%; }
	.g-bar#g-site-menu { width: 200%; }
}

/* iPhone 4 [portrait + landscape] */
@media only screen and (resolution:326dpi) { }

/* screen and (resolution: 163dpi) */
/* iPhone 3 [portrait + landscape] */
@media only screen and (max-device-width:480px) { }

/* iPod Touch and older [portrait + landscape] */
@media only screen and (resolution:326dpi) { }

/* End Apple Styles */

/**
 * Gallery 3 Grey Dragon Theme
 * Copyright (C) 2006-2011 Serguei Dosyukov
 *
 * CSS rules related to general layout
 * Defined as 70em wide
 */

.rtl { direction: rtl; }

.rtl #g-header, .rtl #g-main, .rtl #g-sidebar, .rtl #g-footer, 
.rtl caption, .rtl th, .rtl #g-dialog, 
.rtl .g-context-menu li a, .rtl #g-site-menu a,
.rtl .g-metadata li, .rtl DIV.g-resize .g-description,
.rtl .g-message-box li, .rtl #g-site-status li { text-align: right; }

.rtl .g-text-right { text-align: left; }

.rtl #g-site-menu li:hover ul ul,
.rtl #g-site-menu li:hover ul ul ul,
.rtl #g-site-menu li.iemhover ul ul,
.rtl #g-site-menu li.iemhover ul ul ul { left: 999em; }

.rtl .g-left, .rtl .g-inline li, .rtl .g-breadcrumbs li, .rtl .g-paginator li,
.rtl .g-navigation li .rtl .g-buttonset li, .rtl .ui-icon-left .ui-icon,
.rtl .g-metadata li, 
.rtl #g-column-bottom .g-block,
.rtl .g-short-form li, .rtl form ul ul li, .rtl input[type="submit"],
.rtl input[type="reset"], .rtl input.checkbox, .rtl input[type=checkbox],
.rtl input.radio, .rtl input[type=radio] { float: right; }

.rtl .g-paginator .g-navigation { text-align: left; }

.rtl #g-column-centerfull #g-album-header h1 { padding-right: 12em; }
.rtl .g-buttonset .g-menu-link { text-indent: 9999px; }

.rtl .g-thumbslide { padding-left: 0; padding-right: 6px; }
.rtl .g-thumbslide .g-description { padding-left: 10px; }

.rtl .ui-icon-first { background-position: -210px -178px; }
.rtl .ui-icon-first-d { background-position: -210px -162px; }
.rtl .ui-icon-prev { background-position: -194px -178px; }
.rtl .ui-icon-prev-d { background-position: -194px -162px; }
.rtl .ui-icon-next { background-position: -178px -178px; }
.rtl .ui-icon-next-d { background-position: -178px -162px; }
.rtl .ui-icon-last { background-position: -162px -178px; }
.rtl .ui-icon-last-d { background-position: -162px -162px; }


/* themes/greydragon/css/colorpacks/greydragon/css/colors.css */
/**
 * Gallery 3 Grey Dragon Theme
 * Copyright (C) 2006-2010 Serguei Dosyukov
 *
 * ColorPack: GreyDragon - Default color pack
 */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* styles.css - Common ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

html { background-color: #1A2022; }
body { color: #BBB; background: #1A2022; }

h1 { border-bottom: #737373 1px solid; }
a { color: #ED702C !important; }
.ui-icon, #g-slideshow-link { background-image: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/ui-icons.png'); }

#g-site-status li { border-bottom: 1px solid #ccc; color: #333; } 
#g-site-status .g-error   { background: #f6cbca url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/ico-error.png') no-repeat .4em 50%; }
#g-site-status .g-info    { background: #e8e8e8 url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/ico-info.png') no-repeat .4em 50%; }
#g-site-status .g-success { background: #d9efc2 url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../../../../images/ico-success.png')  no-repeat .4em 50%; }
#g-site-status .g-warning { background: #fcf9ce url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/ico-warning.png') no-repeat .4em 50%; }

/* styles.css - Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#g-header { border-left: #10151c 1px solid; border-right: #10151c 1px solid; background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/background-top.gif') #1A2022 repeat-x; }
#g-header .g-message-block { border: 1px #888 solid; background-color: #AAA; color: #000; }
#g-main { border-left: #10151c 1px solid; border-right: #10151c 1px solid; background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/background-bottom.gif') #1A2022 repeat-x; }
.viewmode-mini #g-main { border-bottom: #10151c 1px solid; }
#g-footer { background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/footer.png') #1A2022 repeat-x top !important; }
#g-theme-logo { background: transparent url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/colorpack.png') no-repeat; }

/* styles.css - Album Layout ~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-column-top { background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/background-bottom.gif') #1A2022 repeat-x; border: #10151C 1px solid; }
#g-column-bottom { background-color: #1a2022; border: #10151C 1px solid; }
#g-column-top .g-toolbar h1, #g-column-bottom .g-toolbar h1 { border: none; }
#g-info .g-description { border: #737373 1px solid; }

.g-thumbslide { background: #1E1E1E url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/image-thumb.gif') repeat-x; border-color: #303E43; }
.g-album .g-thumbslide { border-color: #43565B; }
.g-thumbcrop  { border-color: #303E43; }
.g-thumbslide .g-description { color: #fff; border-top: 1px solid #303e43; border-bottom: 1px solid #303e43; background: #1E1E1E; filter:alpha(opacity=85); opacity:.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; }
.g-album.g-expanded .g-thumbslide .g-description { background: transparent url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/ico-album.png') no-repeat 8px 4px; }
.g-album .g-thumbslide .g-description { background: #1E1E1E url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/ico-album.png') no-repeat 8px 4px; }
.g-thumbslide .g-metadata { border-top: 1px solid #303e43; background: #1E1E1E; filter:alpha(opacity=85); opacity:.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; }
.g-expanded .g-thumbslide .g-metadata { border-top: 1px solid #303e43; background: #1E1E1E; }
.g-album .g-thumbslide, .g-photo .g-thumbslide { background-color: #1E1E1E; }

/* styles.css - Photo Layout ~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.g-resize { border: 1px solid #888; background: #555; }
div.g-resize .g-description { color: #fff; background: #1E1E1E; filter:alpha(opacity=85); opacity:.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; }
div.g-resize .g-description.g-align-top { border-bottom: 1px solid #999; }
div.g-resize .g-description.g-align-bottom { border-top: 1px solid #999; }
div.g-resize .g-more { border: 1px solid #999; background: #1E1E1E; filter:alpha(opacity=85); opacity:.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; }

.g-movie  { border: 1px solid #888; padding: 5px; background: #555; }

/* styles.css - Sidebar Blocks : Common ~~~~~~~~~~~~~~*/

.g-block { border: 1px solid #737373; background-color: #101415; } 
.g-block h2 { background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/section.png') repeat-x; }

/* styles.css - Sidebar Blocks : Buttons ~~~~~~~~~~~~~*/

.g-fullsize-link  { background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/view-fullsize.png') top left no-repeat; }
#g-exifdata-link  { background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/view-info.png') top left no-repeat; }

/* styles.css - Root Page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-rootpage-roll span { border: 1px solid #999; background: #1E1E1E; filter:alpha(opacity=85); opacity:.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* forms.css - Common ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* styles.css - Photo Slideshow ~~~~~~~~~~~~~~~~~~~~~~*/

#sb-body { background: #101415 url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/ajax-loading.gif') no-repeat center center; }
#sb-title { border-left: #303030 1px solid; border-right: #303030 1px solid; background: #101415 url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/section.png') repeat-x; }
#sb-counter a { color: #fff !important; font-weight: bold; font-size: 11px; }

/* forms.css - Add item ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-add-photos-canvas { background-color: #101010; border: #303030 1px solid; }
#ag-add-photos-button { border: #303030 1px solid; color: #bbb; }
#g-add-photos-status { background-color: #101010; border: #303030 1px solid; }
.uploadifyQueueItem { color: #000; }

/* forms.css - User Profile ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-user-profile .g-avatar { border: 1px solid #888; background: #555; } 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* menus.css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-site-menu ul { border: #000000 0 solid; }
#g-site-menu li a:hover { color: #000000; background-color: #303030; }
#g-site-menu li:hover,
#g-site-menu li.iemhover { border: #303030 1px solid; background-color: #303030; border-bottom: #000000 1px solid; }
#g-site-menu li ul { border: #000000 1px solid; }
#g-site-menu li ul li { border: #C0C0C0 0px solid; background-color: #212121; }
#g-site-menu li ul li:hover,
#g-site-menu li ul li.iemhover { border: #C0C0C0 0 solid; background-color: #303030; }

#g-site-menu.g-bar { border: #000000 1px solid; background-color: #212121; }
#g-site-menu.g-bar li:hover,
#g-site-menu.g-bar li.iemhover { border-bottom-color: transparent; }


.g-item .g-context-menu { background-image: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/ui-icons.png'); } 
.g-item .g-context-menu:hover { background: #181818 none; border: 1px #888 solid; }
.g-item .g-context-menu li li a:hover { background-color: #303030; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* modules.css - Exif ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-exif-data table { border: #303030 1px solid; }
#g-exif-data .g-even { background-color: #404040; }
#g-exif-data .g-odd { background-color: #303030; }

/* modules.css - Info module ~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-metadata .g-description { border-top: 1px solid #737373; }

/* modules.css - Image block  ~~~~~~~~~~~~~~~~~~~~~~~~*/

.g-image-block img { border: 1px solid #888; background: #555; }

/* modules.css - Comments ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-comments .g-author { border-bottom: 1px solid #202628; color: #999; }
#g-comments-link { background-image: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/view-comments.png'); }
#g-comment-detail>ul>li { border: 1px dotted #737373; }
#g-comment-form { border: 1px dotted #737373; }

/* modules.css - Calendar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-view-menu #g-calendarview-link { background-image: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/view-calendar.png'); }
#g-view-calendar-form ul { border: 1px #888 solid; }
table.calendar    { border: #a2adbc 1px solid; color: #616b76; }
table.calendar th { border-bottom: #a2adbc 1px solid; border-right: #a2adbc 1px solid; background: #d9e2e1; color: #616b76; }
table.calendar td { border-bottom: #a2adbc 1px solid; border-right: #a2adbc 1px solid; }
table.calendar td.title   { background-color: #a2adbc; color: #fff; }
table.calendar td.title a { color: #fff !important; }
table.calendar td a     { color: red !important; }

/* modules.css - Search ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-quick-search-form input[type="text"]   { background-color: transparent; border: 1px solid #737373; color: #BBB; }
#g-quick-search-form input[type="submit"] { background: transparent url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/search.png') no-repeat center top; border: none; }

/* modules.css - Basket ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#checkout legend { background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/section.png') repeat-x; }

/* forms.css - Common ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ui-dialog .ui-dialog-titlebar { background: #101415 url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/section.png') repeat-x; }
.ui-widget-content { border: 1px solid #303030; background-color: #1a2022; color: #bbb; }
.ui-progressbar .ui-progressbar-value { background: #737373; }

/* forms.css - Reauthentificate ~~~~~~~~~~~~~~~~~~~~~*/

#g-column-centerfull #g-login { border: #888 1px solid; }

/* Large toolbar icons support ~~~~~~~~~~~~~~~~~~~~~~~*/

.g-toolbar-large #g-view-menu #g-calendarview-link { background-image: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/view-calendar-b.png'); }
.g-toolbar-large #g-slideshow-link { background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/view-slideshow-b.png') no-repeat top center; }
.g-toolbar-large .g-fullsize-link { background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/view-fullsize-b.png') no-repeat top center; }
.g-toolbar-large #g-exifdata-link { background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/view-info-b.png') no-repeat top center; }
.g-toolbar-large #g-comments-link { background: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/view-comments-b.png') no-repeat top center; }

.g-thumbcrop a.g-meta-exif-link { background-image: url('http://lukaszmikulski.pl/gallery3/themes/greydragon/css/colorpacks/greydragon/css/../images/view-info-o.png'); }
/* themes/greydragon/css/framepacks/greydragon/css/frame.css */
/**
 * Gallery 3 Grey Dragon Theme
 * Copyright (C) 2006-2010 Serguei Dosyukov
 *
 * CSS rules - Frames - GreyDragon
 */

/* layous.css - Extended Layout - 4 columns ~~~~~~~~~~*/

body.g-extended.g-column-4 #g-header,
body.g-extended.g-column-4 #g-footer,
body.g-extended.g-column-4 #g-main,
body.g-extended.g-column-4 #g-main-in { min-width: 1302px; }

/* layous.css - Extended Layout - 4 columns+sidebar ~~*/
body.g-extended.g-column-4.g-sidebar-right #g-header,
body.g-extended.g-column-4.g-sidebar-right #g-footer,
body.g-extended.g-column-4.g-sidebar-right #g-main,
body.g-extended.g-column-4.g-sidebar-right #g-main-in,
body.g-extended.g-column-4.g-sidebar-left #g-header,
body.g-extended.g-column-4.g-sidebar-left #g-footer,
body.g-extended.g-column-4.g-sidebar-left #g-main,
body.g-extended.g-column-4.g-sidebar-left #g-main-in { min-width: 1546px; }

.g-thumbslide { margin-right: 6px; }
.g-thumbslide .g-description { margin: 1px 0 0 2px; }
.g-thumbslide .g-metadata    { margin-bottom: 4px; margin-left: 2px; }

.g-extended #g-album-grid .g-item { min-width: 320px; }

.g-item .g-context-menu { left: 190px; top: 12px; }
.g-item .g-context-menu:hover { left: 6px; top: 6px; }

.g-extended .g-item .g-context-menu { left: 290px; top: 12px; }
.g-extended .g-item .g-context-menu:hover { left: 8px; top: 8px; }

.g-thumbslide, .g-thumbslide-ext, .g-thumbcrop { border-width: 1px; border-style: solid; background-color: inherit; }
.g-album .g-thumbslide, .g-album .g-thumbslide-ext { border-right-width: 4px; border-right-style: double; border-bottom-width: 4px; border-bottom-style: double; }
.g-photo .g-thumbslide, .g-photo .g-thumbslide-ext { margin-bottom: 4px; } /* Need to compensate for double border in album's thumbs */