/*

	common.css - the primary styles

	

	Author: Laza

*/





/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}

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

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

[hidden]{display:none}

html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}

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

body{margin:0}

a:focus{outline:thin dotted}

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

h1{font-size:2em;margin:.67em 0}

h2{font-size:1.5em;margin:.83em 0}

h3{font-size:1.17em;margin:1em 0}

h4{font-size:1em;margin:1.33em 0}

h5{font-size:.83em;margin:1.67em 0}

h6{font-size:.67em;margin:2.33em 0}

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

b,strong{font-weight:bold}

blockquote{margin:1em 40px}

dfn{font-style:italic}

hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}

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

p,pre{margin:1em 0}

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

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

q{quotes:none}

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

small{font-size:80%}

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

sup{top:-0.5em}

sub{bottom:-0.25em}

dl,menu,ol,ul{margin:1em 0}

dd{margin:0 0 0 40px}

menu,ol,ul{padding:0 0 0 40px}

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

img{border:0;-ms-interpolation-mode:bicubic}

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

figure{margin:0}

form{margin:0}

fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}

legend{border:0;padding:0;white-space:normal;*margin-left:-7px}

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

button,input{line-height:normal}

button,select{text-transform:none}

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

button[disabled],html input[disabled]{cursor:default}

input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}

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

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}

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

textarea{overflow:auto;vertical-align:top}

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



/* HTML5 Boilerplate prefix styles - h5bp.com */

html,button,input,select,textarea{color:#222}

body{font-size:1em;line-height:1.4}

::-moz-selection{background:#b3d4fc;text-shadow:none}

::selection{background:#b3d4fc;text-shadow:none}

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}

img{vertical-align:middle}

fieldset{border:0;margin:0;padding:0}

textarea{resize:vertical}

.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}



html,

body {

	height:100%;

}

body {

	font-family:Segoe, "Segoe UI", Tahoma, Geneva, "Nimbus Sans L", sans-serif;

	font-size:13px;

	line-height:1.385;

	color:#888888;

	overflow:auto;

	background-color:#111111;

	-webkit-overflow-scrolling:touch;

	overflow-scrolling:touch;

}

select, input, textarea {  

	color: #444;

}

input[type=text]::-ms-clear {

    display:none;

}

a, a:active, a:visited {

	color:#dddddd;

	text-decoration:none;

}

a:hover {

	color:#ffffff;

}

a img {	border:none; text-decoration:none; }

h1,h2,h3 { font-weight: normal; margin:0 0 0.2em 0; line-height:1.2; }

h4,h5,h6 { font-weight: bold; margin:0 0 0.5em 0; }

h1 { font-size:300% }

h2 { font-size:200%; }

h3 { font-size:140%; }

h4 { font-size:115%; }

h5 { font-size:100%; }

h6 { font-size:90%; }



.addtop { margin-top:10px; }



.center {

	text-align:center;

}



.hook { 

	position:absolute;

	display:none;

}





/******************************************* Hint */



.hint {

	position:absolute;

	left:0;

	top:0;

	padding:6px;

	color:#000;

	max-width:240px;

	-moz-border-radius:3px; border-radius:3px;

	background-color:rgba(255,255,255,0.8);

	z-index:99999;

	-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);

}

.no-rgba .hint {

	background-color:transparent;

	background-image:url(w80.png);

}

.hint a {

	color:#000;

}

.hint span.nr {

	font-weight:bold;

	font-style:normal;

	padding:1px 3px;

	color:#ddd;

	background-color:#222;

	-moz-border-radius:3px; border-radius:3px;

}

.hint .breadcrumb a {

	display:block;

	padding:3px 5px;

}

.hint .breadcrumb a:hover {

	background-color:#000;

	color:#fff;

}

.hint.regions a {

	display:block;

	font-size:85%;

	color:#000;

	padding:2px 4px;

	line-height:1.8;

}

.hint.regions a:hover {

	color:#fff;

	background-color:#000;

}

.hint small b {

	background-color:#ddd;

	padding:1px 2px;

	-moz-border-radius:3px; border-radius:3px;

}

.hint form {

	display:inline-block;

	position:relative;

	margin:3px;

}

.hint form input {

	background-color:#fff;

	vertical-align:middle;

}

.hint.slideshowdelay input,

.hint form input.searchtext {

	padding:2px 20px 2px 6px;

	height:20px;

	line-height:20px;

	-moz-border-radius:3px; border-radius:3px;

	border:1px solid #bbb;

	-moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);

}

.hint.slideshowdelay input {

	width:30px;

}

.hint form input.searchtext {

	width:120px;

}

.hint form a.button {

	display:block;

	position:absolute;

	top:3px;

	right:3px;

	width:20px;

	height:20px;

	background-color:#fff;

	background-image:url(ok.png);

	background-position:0 0;

	background-repeat:no-repeat;	

	z-index:99999;

	cursor:pointer;

	-moz-border-radius:0 2px 2px 0;

	border-radius:0 2px 2px 0;

	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);

}

.hint form a.button:hover {

	background-position:0 -20px;

}

.hint p.info {

	margin:0;

	max-width:160px;

	color:#666;

	font-size:80%;

	line-height:1;

}

.hint input.fullw {

	margin:0.2em 0;

	padding:0 1%;

	width:96%;

}



/******************************************* Modal windows v2 */



._m_window {

	position:absolute;

	left:0;

	top:0;

	right:0;

	bottom:0;

	z-index:99998;

	overflow:hidden;

	background-color:rgba(0,0,0,0.2);

}

.no-rgba ._m_window {

	background-color:transparent;

	background-image:url(k20.png);

}

._m_panel {

	position:absolute;

	/*left: -10000px;*/

	-moz-box-shadow:2px 5px 16px rgba(0,0,0,0.2); -webkit-box-shadow:2px 5px 16px rgba(0,0,0,0.2); box-shadow:2px 5px 16px rgba(0,0,0,0.2);

}

._m_head {

	position:relative;

	height:30px;

	line-height:30px;

	-moz-border-top-left-radius:9px; -moz-border-top-right-radius:9px; border-top-left-radius:9px; border-top-right-radius:9px;

	border-bottom:1px solid #bbb;

	background-color:#d8d8d8;

	background-image:-moz-linear-gradient(top, #fff 0%,#eee 50%,#e8e8e8 50%,#ccc 100%);

	background-image:-webkit-linear-gradient(top, #fff 0%,#eee 50%,#e8e8e8 50%,#ccc 100%);

	background-image:-o-linear-gradient(top, #fff 0%,#eee 50%,#e8e8e8 50%,#ccc 100%);

	background-image:-ms-linear-gradient(top, #fff 0%,#eee 50%,#e8e8e8 50%,#ccc 100%);

	background-image:linear-gradient(top, #fff 0%,#eee 50%,#e8e8e8 50%,#ccc 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF',endColorstr='#CCCCCC');

	-moz-background-clip:padding;

	-webkit-background-clip:padding-box;

	background-clip:padding-box; 

}

._m_head h5 {

	position:absolute;

	text-align:center;

	margin:0;

	left:35px;

	right:35px;

	color:#777;

	overflow:hidden;

	text-shadow:1px 1px 1px rgba(255,255,255,0.6);

}

._m_head a.close {

	position:absolute;

	display:inline-block;

	right:0;

	top:0;

	cursor:pointer;

	font-size:18px;

	text-align:center;

	min-width:30px;

	height:30px;

	-moz-border-radius:0 9px 0 0;

	border-radius:0 9px 0 0;

	background-color:rgba(0,0,0,0.1);

	border-left:1px solid rgba(0,0,0,0.2);

	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAA3NCSVQICAjb4U/gAAAARVBMVEX////////r6+vd3d3u7u7////y8vIAAAD29vZAQEBQUFAAAABAQEAwMDD6+vr4+Pj29vaUlJR+fn5mZmZFRUUwMDAsLCyD89jvAAAAF3RSTlMAIiIiRFVVZnd3iIiZmaqqqqq7zMzMzI75Qk8AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAVUlEQVQImYXNSw6AMAgEUNRi/dVaqt7/qNLRYF3JZvISBoj+xn/jCCXmcwJbyaFI1gZ2alXkp6zeXxEtOUtv0k30TXEwe1zR/gh2CVdc2u5HzHXUcwFrKgO7NxQ3EQAAAABJRU5ErkJggg==);

	background-position:center center;

	background-repeat:no-repeat;

}

.no-rgba ._m_head a.close {

	background-color:transparent;

	background-image:url(k10.png);

	border-left:1px solid #aaa;

}

._m_head a.close:hover {

	background-color:rgba(0,0,0,0.2);

}

.no-rgba ._m_head a.close:hover {

	background-color:transparent;

	background-image:url(k20.png);

}

.no-cssgradients ._m_head a.close {

	border-radius:0;

}

._m_cont {

	position:relative;

	overflow:hidden;

	background-color:#f4f4f4;

	background-color:rgba(240,240,240,0.94);

	padding-bottom:16px;

	-moz-border-bottom-left-radius:9px; -moz-border-bottom-right-radius:9px; border-bottom-left-radius:9px; border-bottom-right-radius:9px;

	border-top:1px solid #fff;

}

._m_cont a { color: #39c; }

._m_cont a:hover { color: #3bf; }

._m_cont_i {

	padding:16px 16px 0 16px;

	overflow:auto;

	-webkit-overflow-scrolling:touch;

	overflow-scrolling:touch;

	color:#444;	

}

._m_panel a.resize {

	display:inline-block;

	position:absolute;

	right:0;

	bottom:0;

	width:14px;

	height:14px;

	background-color:#f4f4f4;

	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAA3NCSVQICAjb4U/gAAAAJ1BMVEX////l5eUdHR1QUFCFhYUeHh7h4eFtbW3h4eEdHR2lpaWjo6OdnZ2X+VkHAAAADXRSTlMAEREiRERVVWZmiIiZwLKJ3AAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAA+SURBVAiZY2BABqoQimlKApjW9IBwpy+EcGtMIdzDYHnNGksPCBcsD+SC5JmmbAbCBAZWD1EgBIongCEMAAAMFxDl/uLAxgAAAABJRU5ErkJggg==);

	cursor:se-resize;

	z-index:99999;

}



#dialog ._m_cont_i {

	text-align:center;

}



/******************************************* Buttons for modal windows */



.buttons {

	display:block;

	clear:both;

	margin-top:10px;

	text-align:center;

	line-height:30px;

}

.buttons a {

	padding:0 10px;

	margin:5px 2px;

	display:inline-block;

	color:#eee;

	white-space:nowrap;

	-moz-border-radius:3px; border-radius:3px;

	background-color:#555;

	background-image:-moz-linear-gradient(top, rgba(102,102,102,1), rgba(15,15,15,1) );

	background-image:-webkit-linear-gradient(top, rgba(102,102,102,1), rgba(15,15,15,1) );

	background-image:-o-linear-gradient(top, rgba(102,102,102,1), rgba(15,15,15,1) );

	background-image:-ms-linear-gradient(top, rgba(102,102,102,1), rgba(15,15,15,1) );

	background-image:linear-gradient(top, rgba(102,102,102,1), rgba(15,15,15,1) );

	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF666666,EndColorStr=#FF0F0F0F);

	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF666666,EndColorStr=#FF0F0F0F)";

	-moz-background-clip:padding;

	-webkit-background-clip:padding-box;

	background-clip:padding-box;

	text-shadow:1px 1px 1px rgba(255,255,255,0.3);

	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);

}



.buttons a.active,

.buttons a:hover {

	color:#fff;

	background-image:-moz-linear-gradient(top, rgba(102,153,204,1), rgba(15,102,153,1) );

	background-image:-webkit-linear-gradient(top, rgba(102,153,204,1), rgba(15,102,153,1) );

	background-image:-o-linear-gradient(top, rgba(102,153,204,1), rgba(15,102,153,1) );

	background-image:-ms-linear-gradient(top, rgba(102,153,204,1), rgba(15,102,153,1) );

	background-image:linear-gradient(top, rgba(102,153,204,1), rgba(15,102,153,1) );

	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF6699CC,EndColorStr=#FF0F6699);

	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF6699CC,EndColorStr=#FF0F6699)";

}



/******************************************* Search results window */



.searchresults > form {

	position:relative;

	margin:0 0 0.5em 0;

}

.searchresults > form input {

	padding:2px 10% 2px 2%;

	height:20px;

	width:88%;

	line-height:20px;

	border:none;

	backgroumd-color:#ddd;

	-moz-border-radius:5px; border-radius:5px;

	-moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);

}

.searchresults > form a.button {

	display:block;

	position:absolute;

	top:3px;

	right:3px;

	width:20px;

	height:20px;

	background-color:#fff;

	background-image:url(ok.png);

	background-position:0 0;

	background-repeat:no-repeat;	

	z-index:99999;

	cursor:pointer;

	-moz-border-radius:3px; border-radius:3px;

	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);

}

.searchresults > form a.button:hover {

	background-position:0 -20px;

}

.searchresults > a {

	margin:4px 0;

	clear:both;

	display:block;

	color:#555;

	text-align:left;

	padding:6px;

	-moz-border-radius:5px; border-radius:5px;

	background-color:#fff;

	zoom:1;

	-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);

}

.searchresults > a:before, 

.searchresults > a:after { content: "\0020"; display: block; height: 0; visibility: hidden; } 

.searchresults > a:after { clear:both; }

.searchresults > a:hover,

.searchresults > a:focus {

	padding:4px;

	border:2px solid #999;

	color:#222;

}

.searchresults > a aside {

	float:left;

	display:inline-block;

	width:20%;

	min-width:60px;

	margin-right:10px;

}

.searchresults > a aside img {

	max-width:100%;

	height:auto;

}

.searchresults > a h5,

.searchresults > a p {

	margin:0 0 0.5em 0;

	overflow:hidden;

}



/******************************************* Help window */



.help { 

}

.help ul { 

	clear:both;

	margin:0;

	background-repeat:no-repeat;

	background-position:left 15px;

	padding:1em 0 1em 360px;

	list-style-type:none;

	border-bottom:1px dotted #888;

}

.help .index {

	background-image:url(helpsplash.png);

	min-height:160px;

}

.help .gall { 

	background-image:url(helpgallery.png);

	min-height:260px;

}

.help ul:after { 

	clear:both;

}

.help ul:first-child {

	margin-top:0;

}

.help ul:last-child {

	margin-bottom:0;

	border-bottom:none;

}

.help li {

	text-align:left;

	text-indent:-30px;

	line-height:2;

}

.help li em {

	-moz-border-radius:3px; border-radius:3px;

	padding:2px 5px;

	margin-left:10px;

	font-style:normal;

	font-size:85%;

	white-space:nowrap;

	border:1px solid #999;	

}

.help li b {

	-moz-border-radius:3px; border-radius:3px;

	padding:2px 5px;

	font-style:bold;

	white-space:nowrap;

	background-color:#fff;

}

.help li span {

	-moz-border-radius:3px; border-radius:3px;

	padding:2px 5px;

	margin-right:10px;

	background-color:#333;

	color:#ddd;

	font-weight:bold;

}

#help ._m_cont p {

	text-align:center;

	margin:0.5em 0 0 0;

}



/******************************************* Generic controls */



.controls a,

a.control {

	background-image:url(controls.png);

	background-repeat:no-repeat;

	background-position:0 0;

}



.controls a:hover,

a.control:hover {

	background-position:-70px inherit;

}



/******************************************* Main layout elements */



#widgetbg {

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	height:0px;

	z-index:1;

}

#mainbg {

	position:absolute;

	left:0;

	right:0;

	top:0;

	bottom:0px;

	z-index:0;

}

#main {

	position:absolute;

	left:0;

	right:0;

	top:0;

	bottom:0px;

	overflow:auto;

	z-index:10;

	-webkit-text-size-adjust:120%;

	zoom:1;

}



#main header {

	position:relative;

}



#main .container {

	position:relative;

	width:940px;

	height:100%;

	max-height:100%;

	zoom:1;

	margin:0 auto;

}

#main header {

	margin-left:4px;

}

#main header .title aside {

	float:right;

	margin-top:20px;

}

#main header .title .controls:first-child {

	-moz-border-top-left-radius:5px; -moz-border-bottom-left-radius:5px; border-top-left-radius:5px; border-bottom-left-radius:5px;

}

#main header .title .controls:last-child {

	-moz-border-top-right-radius:5px; -moz-border-bottom-right-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px;

}

#main header .description {

	clear:both;

	font-size:120%;

}

.starttxt {

	font-size:200%;

}

#main .items {

	width:928px;

	margin:0;

	overflow-x:hidden;

	overflow-y:auto;

}

#navigation {

	line-height:40px;

	text-align:center;

	background-color:rgba(0,0,0,0.7);

	border-bottom:1px solid rgba(0,0,0,0.4);

	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.4);

	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.4);

	box-shadow:0 1px 1px rgba(0,0,0,0.4);

	z-index:998;

}



#main header {

	margin-left:20px;

}

#main .items {

	position:absolute;

	left:16px;

	top:260px;

	bottom:0;

	min-height:200px;

}

.page #main .items {

	top:140px;

}

.sub-album #main .items {

	top:260px;

}





/******************************************* Scroller controls */



.scrup,

.scrdn {

	position:absolute;

	right:0;

	width:20px;

	height:20px;

	line-height:20px;

	background-repeat:no-repeat;

	background-image:url(pg.png);

}

.scrup {

	top:0;

	z-index:990;

	background-position:0 -20px;

}

.scrdn {

	bottom:0;

	z-index:991;

	background-position:0 -40px;

}

.scrup:hover {

	background-position:-20px -20px;

}

.scrdn:hover {

	background-position:-20px -40px;

}

.scrbar {

	position:absolute;

	right:3px;

	width:14px;

	top:20px;

	bottom:20px;

	-moz-border-radius:7px;

	border-radius:7px;

	background-color:rgba(255,255,255,0.3);

	-moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);

}

.no-rgba .scrbar {

	background-color:transparent;

	background-image:url(w40.png);

}

.scrbar div {

	position:absolute;

	top:2px;

	left:2px;

	right:2px;

	height:5px;

	-moz-border-radius:7px;

	border-radius:7px;

	background-color:#111111;

	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);

}

.scrbar div img {

	width:100%;

	height:100%;

}



/******************************************* Header */



#main header {

	width:900px;

	height:240px;

	max-height:100%;

	background-position:center center;

	background-repeat:no-repeat;

	background-color:rgba(0,0,0,0.2);

	background-size:100% auto;

	background-image:url(../folderimage.jpg);

	z-index:10;

	-moz-border-bottom-left-radius:9px; -moz-border-bottom-right-radius:9px; border-bottom-left-radius:9px; border-bottom-right-radius:9px;

	-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6);

}

.ie7 #main header {

	max-height:none;

}

.page #main header {

	height:120px;

}

.sub-album #main header {

	height:240px;

}

#main header.empty {

}

#main header .title {

	padding:0 20px;

	max-height:240px;

	overflow:hidden;

	color:#fff;

	background-color:transparent;

	background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0));

	background-image:-moz-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0));

	background-image:-ms-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0));

	background-image:linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0));

	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#99000000',endColorstr='#00000000');

}

.page #main header .title {

	max-height:120px;

}

.sub-album #main header .title {

	max-height:240px;

}

#main header .title .upbtn {

	float:left;

	margin:20px 20px 0 0;

}

#main header .title .controls {

	display:inline-block;

	width:40px;

	height:40px;

	line-height:40px;

	background-color:rgba(0,0,0,0.6);

}

.no-rgba #main header .title .controls {

	background-color:transparent;

	background-image:url(k60.png);

}

#main header .title .controls a {

	display:block;

}

#main header .title .controls:hover {

	background-color:rgba(0,0,0,0.8);

}

.no-rgba #main header .title .controls:hover {

	background-color:transparent;

	background-image:url(k80.png);

}

#main header .share a {

	background-position:-735px -15px;

}

#main header .download a {

	background-position:-835px -15px;

}

#main header .new a {

	background-position:-885px -15px;

}

#main header .search a {

	background-position:-685px -15px;

}

#main header .about a {

	background-position:-275px -15px;

}

#main header .parent a {

	background-position:-5px -15px;

}

#main header .share a:hover {

	background-position:-735px -85px;

}

#main header .download a:hover {

	background-position:-835px -85px;

}

#main header .search a:hover {

	background-position:-685px -85px;

}

#main header .about a:hover {

	background-position:-275px -85px;

}

#main header .parent a:hover {

	background-position:-5px -85px;

}



/* Page title and description */

#main header hgroup {

	margin-top:10px;

	padding:10px 0;

	margin-right:110px;

	overflow-x:hidden;

	max-height:200px;



	overflow:hidden;

}

.page #main header hgroup {

	max-height:80px;

}

.sub-album #main header hgroup {

	max-height:200px;

}

#main header h1 {

	font-weight:normal;

	line-height:1.1;

    text-overflow:ellipsis;

	text-shadow:2px 3px 6px rgba(0,0,0,0.5);

}

#main header .description {

	display:inline-block;

	font-weight:normal;

	padding:3px 5px;

	text-shadow:2px 3px 6px rgba(0,0,0,0.5);

	-moz-border-radius:3px; border-radius:3px;

}

.no-rgba #main header .description {

	background-color:transparent;

	background-image:url(k20.png);

}



#main header .description {

	background-color:transparent;

	transition:background-color 500ms linear;

	-webkit-transition:background-color 500ms linear;

	-moz-transition:background-color 500ms linear;

	-ms-transition:background-color 500ms linear;

}

#main header .description:hover {

	background-color:rgba(0,0,0,0.2);

}

.no-rgba #main header .description:hover {

	background-color:transparent;

	background-image:url(k20.png);

}

#main header .description a {

	text-decoration:underline;

	color:#fff;

}

#main header .description a:hover {

	color:#adf;

}

/* Breadcrumb path */

#main header .breadcrumb {

	font-size:90%;

	display:block;

	margin:0.2em 0 0.4em 0;

}

#main header .breadcrumb div {

	display:inline-block;

	overflow:hidden;

	-moz-border-radius:5px; border-radius:5px;

	background-color:rgba(0,0,0,0.2);

	-moz-box-shadow:inset 0px 4px 10px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 4px 10px rgba(0,0,0,0.4); box-shadow:inset 0px 4px 10px rgba(0,0,0,0.4);

}

.no-rgba #main header .breadcrumb div {

	background-color:transparent;

	background-image:url(k20.png);

} 

#main header .breadcrumb a {

	display:inline-block;

	font-weight:bold;

	padding:0 0.5em;

	line-height:2em;

	height:2em;

	color:#ddd;

	text-shadow:1px 2px 4px rgba(0,0,0,0.5);

}

#main header .breadcrumb a:hover,

#main header .breadcrumb a:focus {

	color:#fff;

	background-color:rgba(0,0,0,0.5);

}

#main header .breadcrumb a:first-child {

	-moz-border-top-left-radius:5px; -moz-border-bottom-left-radius:5px; border-top-left-radius:5px; border-bottom-left-radius:5px;

}

#main header .breadcrumb a:last-child {

	-moz-border-top-right-radius:5px; -moz-border-bottom-right-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px;

}



/*********************************** Start slideshow */



.startshow {

	position:absolute;

	overflow:hidden;

	bottom:20px;

	right:20px;

	width:90px;

	height:90px;

	-moz-border-radius:5px; border-radius:5px;

	background-color:rgba(0,0,0,0.2);

	cursor:pointer;

	-webkit-transition:background-color 500ms linear;

	-moz-transition:background-color 500ms linear;

	-ms-transition:background-color 500ms linear;

	transition:background-color 500ms linear;

}

.no-rgba .startshow {

	background-color:transparent;

	background-image:url(k20.png);

}

.startshow:hover {

	background-color:rgba(0,0,0,0.8);

}

.no-rgba .startshow:hover {

	background-color:transparent;

	background-image:url(k80.png);

}

.starttxt {

	float:right;

	height:90px;

	padding:0 90px 0 20px;

	line-height:84px;

	color:#fff;

	overflow:hidden;

	text-align:right;

    text-overflow:ellipsis;

	white-space:nowrap;

	background-image:url(start.png);

	background-repeat:no-repeat;

	background-position:right 0;

}

.startshow:hover .starttxt {

	background-position:right -90px;

}



/*********************************** Left box = map and FB commenting */



.left-box {

	margin-top:20px;

	margin-left:4px;

	min-height:120px;

}



/*********************************** Items */



#main .items > .cont {

	display:block;

	width:908px;

	padding-right:20px;

}



/*********************************** Footer */



#main footer {

	clear:both;

	display:block;

	margin:10px 4px;

	text-align:center;

}

#main footer .wrap {

	display:inline-block;

	padding:0.5em 1em;

	-moz-border-radius:5px; border-radius:5px;

}

#main footer .promotion,

#main footer .footer-links {

	font-size:75%;

}

#main .footer em {

	font-style:italic;

}



/*********************************** Top navigation */



.no-rgba #navigation {

	background-color:transparent;

	background-image:url(k80.png);

}



#navigation nav {

	text-align:center;

}

#navigation nav > ul {

}

#navigation nav ul {

	display:inline-block;

	padding:0;

	margin:0;

	list-style-type:none;

}

#navigation nav li {

	transition:background-color 500ms linear;

	-webkit-transition:background-color 500ms linear;

	-moz-transition:background-color 500ms linear;

	-ms-transition:background-color 500ms linear;

	-o-transition:background-color 500ms linear;

}

#navigation nav ul a {

	display:block;

	line-height:40px;

    text-overflow:ellipsis;

	white-space:nowrap;

	color:#ccc;

	transition:color 300ms linear;

	-webkit-transition:color 300ms linear;

	-moz-transition:color 300ms linear;

	-ms-transition:color 300ms linear;

	-o-transition:color 300ms linear;

	text-shadow:1px 2px 4px rgba(0,0,0,0.5);

}

#navigation nav > ul > li > a {

	max-width:180px;

	overflow:hidden;

}

#navigation nav > ul > li {

	position:relative;

	display:inline-block;

	vertical-align:top;

	width:auto;

	height:40px;

}

.ie7 #navigation nav > ul > li {

	float:left;

}

#navigation nav > ul > li.home {

	width:40px;

	height:40px;

}

#navigation nav > ul > li.home a {

	display:block;

	line-height:40px;

	background-position:-785px -15px;

}

#navigation nav > ul > li.home a:hover {

	background-position:-785px -85px;

}

#navigation nav li.actual {

	background-color:#000;

}

#navigation nav li:hover {

	background-color:rgba(0,0,0,0.8);

}

.no-rgba #navigation nav li:hover {

	background-color:transparent;

	background-image:url(k90.png);

}

#navigation nav li:hover > a {

	color:#fff;

}

#navigation nav > ul > li > a {

	font-size:110%;

	padding:0 8px;

}

#navigation nav > ul > li ul {

	display:none;

	position:absolute;

	line-height:30px;

	text-align:left;

	z-index:999;

	background-color:rgba(0,0,0,0.8);

	-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6);

}

.no-rgba #navigation nav > ul > li ul {

	background-color:transparent;

	background-image:url(k80.png);

}

#navigation nav > ul > li > ul {

	min-width:100%;

}

#navigation nav > ul > li > ul li {

	position:relative;

	display:block;

}

#navigation nav > ul > li > ul > li a {

	line-height:30px;

	font-size:100%;

	padding:0 8px;

}

#navigation nav > ul > li > ul > li ul {

	position:absolute;

	left:100%;

	top:0;

}

#navigation nav > ul > li:hover > ul,

#navigation nav > ul > li > ul > li:hover > ul,

#navigation nav > ul > li > ul > li > ul > li:hover > ul {

	display:block;

}



/******************************************* Pages */



#main article {

	display:block;

	position:relative;

	margin:0 4px;

	padding:20px;

	color:#888888;

	background-color:rgba(255,255,255,0.1);

	-moz-border-radius:9px; border-radius:9px;

	-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);

}

.no-rgba #main article {

	background-color:transparent;

	background-image:url(w10.png);

}

#main article code {

	font-family:Consolas, "Lucida Console", Monaco, monospace;

	font-size:0.92em;

	background-color:#fff;

	color:#333;

	margin:0 0.3em;

	padding:0.1em 0.3em;

	-moz-border-radius:3px; border-radius:3px;

}



/******************************************* Folders */



.thumbs,

.folders {

	table-layout:fixed;

	width:908px;

	clear:both;

	border-collapse:separate;

	border-spacing:4px;

	margin-top:-4px;

}

.ie7 .folders {

	margin-right:-20px;

}

.thumbs td,

.folders td {

	position:relative;

	padding:0;

	vertical-align:top;

	color:#888888;

	overflow:hidden;

	-moz-border-radius:5px; border-radius:5px;

	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);

}

.folders td {

	width:50.0%;

	max-width:448px;

	background-color:rgba(255,255,255,0.1);

	transition:background-color 250ms linear;

	overflow:hidden;

	-webkit-transition:background-color 250ms linear;

	-moz-transition:background-color 250ms linear;

	-ms-transition:background-color 250ms linear;

	-o-transition:background-color 250ms linear;

}

.folders.pages td {

}

.no-rgba .folders td {

	background-color:transparent;

	background-image:url(w10.png);

}

.folders td:hover {

	background-color:rgba(255,255,255,0.2);

}

.no-rgba .folders td:hover {

	background-color:transparent;

	background-image:url(w20.png);

	/*-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff)";*/

}

.thumbs td.empty,

.rgba .thumbs td.empty,

.no-rgba .thumbs td.empty,

.folders td.empty,

.rgba .folders td.empty,

.no-rgba .folders td.empty {

	background-image:none;

	background-color:transparent !important;

	-moz-box-shadow:none;

	-webkit-box-shadow:none;

	box-shadow:none;

}

.folders a {

	color:#dddddd;

}

.folders a:hover {

	color:#ffffff;

	outline:none;

}



.folders aside {

	position:relative;

	float:left;

	display:inline;

	margin:11px 0.8em 11px 11px;

	text-align:center;

	border-collapse:collapse;

	border-spacing:0;

	-webkit-text-size-adjust:100%;

}

.ie7 .folders aside {

	display:inline;

}

.folders aside a {

	display:table-cell;

	width:200px;

	height:150px;

	vertical-align:middle;

}

.ie7 .folders aside a {

	display:block;

}

.folders aside a img {

	max-width:200px;

	max-height:150px;

	vertical-align:top;

	border:none;

}

.folders .data {

	overflow-x:hidden;

	padding:11px;

	min-width:70px;

	-webkit-overflow-scrolling:touch;

	overflow-scrolling:touch;

}

.folders.pages .data {

	padding:0.8em;

}

.folders h4 {

	font-size:150%;

	line-height:1.15;

	font-weight:normal;

	margin:0 0 0.2em 0;

	text-shadow:1px 1px 2px rgba(0,0,0,0.4);

}

.folders .caption,

.folders p {

	margin-top:0.5em;

	margin-bottom:0;

}

.folders p.info {

	font-size:85%;

}



/******************************************* Thumbnail grid on index page */



.thumbs td {

	width:25.0%;

	padding:0;

	background-color:rgba(255,255,255,0.1);

}

/*.thumbs table td {

	width:222px;

}*/

.thumbs td > a {

	display:block;

	position:relative;

	height:150px;

	line-height:146px;

	overflow:hidden;

	text-align:center;

	padding:11px;

	-moz-border-radius:5px; border-radius:5px;

	transition:background-color 250ms linear;

	-webkit-transition:background-color 250ms linear;

	-moz-transition:background-color 250ms linear;

	-ms-transition:background-color 250ms linear;

	-o-transition:background-color 250ms linear;

	-webkit-text-size-adjust:100%;

}

.no-rgba .thumbs td > a {

	background-color:transparent;

	background-image:url(w10.png);

}

.thumbs td > a:hover, 

.thumbs td > a:focus {

	background-color:rgba(255,255,255,0.2);

	color:#ffffff;

	outline:none;

}

.no-rgba .thumbs td > a:hover, 

.no-rgba .thumbs td > a:focus {

	background-color:transparent;

	background-image:url(w20.png);

	/*-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff)";*/

}

.thumbs td > a.active {

	background-color:rgba(255,255,255,0.4);

}

.no-rgba .thumbs td > a.active {

	background-color:transparent;

	background-image:url(w40.png);

}

.thumbs td > a img {

	display:inline;

	vertical-align:middle;

	max-width:200px;

	max-height:150px;

	border:0;

	outline:none;

}

.thumbs td > a b {

	vertical-align:middle;

	display:inline-block;

	height:100%;

	font-size:1px;

}

.thumbs td > .caption {

	margin:0;

	padding:0.5em 8px;

	line-height:1.2;

	max-width:206px;

	overflow-x:hidden;

	text-align:center;

	-webkit-overflow-scrolling:touch;

	overflow-scrolling:touch;

}

.thumbs td > .caption span.nr {

	font-size:90%;

	font-weight:normal;

	font-style:normal;

	padding:0px 3px;

	color:#eee;

	background-color:#000;

	background-color:rgba(0,0,0,0.3);

	text-shadow:1px 1px 2px rgba(0,0,0,0.4);

	-moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);

	-moz-border-radius:3px; border-radius:3px;

}

.thumbs td > .caption .comment {

	font-size:90%;

	margin-top:0.2em;

}

.newlabel {

	display:inline;

	position:absolute;

	line-height:1.2;

	padding:2px 4px;

	right:11px;

	top:11px;

	background-color:#000;

	background-color:rgba(32,32,32,0.6);

	color:#ccc;

	font-size:66.7%;

}

.folders .newlabel {

	right:0;

	top:0;

}

.cont.load .wait {

	display:inline;

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	min-height:20px;

	background-image:url(load.gif);

	background-position:center center;

	background-repeat:no-repeat;

	z-index:99;

}



/******************************************* Map on index page */



#map {

	display:block;

	margin:0 4px;

	padding:11px;

	background-color:rgba(255,255,255,0.1);

	overflow:hidden;

	-moz-border-radius:5px; border-radius:5px;

	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);

}

.no-rgba #map {

	background-color:transparent;

	background-image:url(w10.png);

}

#map .cont {

	position:relative;

	width:878px;

	height:300px;

}



.fb-comments {

	margin-left:4px

}



#slide .fb-comments {

	margin:0;

}



/******************************************* Share box */



.shares a {

	display:block;

	font-size:85%;

}

.shares > a {

	color:#000;

	padding:2px 4px;

	line-height:20px;

	background-image:url(share.png);

	background-repeat:no-repeat;

}

.shares > a:hover {

	color:#fff;

	background-color:#000;

}

.shares .likebtn {

	display:block;

	width:120px;

	height:20px;

	line-height:20px;

	margin-bottom:4px;

	background-color:rgba(255,255,255,0.6);

	overflow:hidden;

}

.shares a.facebook,

.shares a.twitter,

.shares a.gplus,

.shares a.pinterest,

.shares a.digg,

.shares a.delicious,

.shares a.myspace,

.shares a.stumbleupon,

.shares a.email,

.shares a.reddit,

.shares a.tumblr {

	background-image:url(share.png);

	padding-left:28px;

}

.shares a.facebook { background-position:0 -24px; }

.shares a.twitter { background-position:0 -48px; }

.shares a.digg { background-position:0 -72px; }

.shares a.myspace { background-position:0 -96px; }

.shares a.delicious { background-position:0 -120px; }

.shares a.stumbleupon { background-position:0 -144px; }

.shares a.email { background-position:0 -168px; }

.shares a.reddit { background-position:0 -192px; }

.shares a.tumblr { background-position:0 -216px; }

.shares a.flickr { background-position:0 -240px; }

.shares a.foursquare { background-position:0 -264px; }

.shares a.gplus { background-position:0 -288px; }

.shares a.linkedin { background-position:0 -312px; }

.shares a.picasa { background-position:0 -336px; }

.shares a.skype { background-position:0 -360px; }

.shares a.vimeo { background-position:0 -384px; }

.shares a.youtube { background-position:0 -408px; }

.shares a.phone { background-position:0 -432px; }

.shares a.jalbum { background-position:0 -456px; }

.shares a.pinterest { background-position:0 -480px; }

.shares a.instagram { background-position:0 -504px; }

.shares a.github { background-position:0 -528px; }

.shares a.rss { background-position:0 -552px; }



/*********************************** Regions */



.regions-cont {

	position:absolute;

}

.regions-cont a {

	position:absolute;

	display:block;

	-moz-border-radius:5px; border-radius:5px;

	border:3px solid #fff;

	opacity:0;

	cursor:pointer;

	background-image:url(blank.png);

}

.regions-cont a,

.regions-cont a:hover,

.regions-cont a.active 

.regions-cont.active a,

.regions-cont.active a.active,

.regions-cont.active a:hover {

	transition:opacity 500ms ease;

	-webkit-transition:opacity 500ms ease;

	-moz-transition:opacity 500ms ease;

	-ms-transition:opacity 500ms ease;

}

.regions-cont a:hover,

.regions-cont a.active,

.regions-cont.active a.active,

.regions-cont.active a:hover {

	opacity:1;

}

.regions-cont.active a {

	opacity:0.3;

}

.regions-cont a span {

	position:absolute;

	top:0;

	right:0;

	max-width:85%;

	padding:0 4px 4px 6px;

	-moz-border-radius:0 3px 0 3px;

	border-radius:0 3px 0 3px;

	background-color:#fff;

	font-size:80%;

	color:#333;

	text-overflow:ellipsis;

	overflow:hidden;

	white-space:nowrap;

}

.regions-cont a:hover span {

	max-width:none;

}



/**************************************************************** Images page */



.gallery {

	position:absolute;

	display:none;

	left:0;

	right:0;

	top:0;

	bottom:0px;

	z-index:10000;

	background-color:#111111;

	overflow:hidden;

	-webkit-text-size-adjust:120%;

	-webkit-overflow-scrolling:auto;

}

#slide .gallery {

	display:block;

}

.gallery a {

	text-decoration:none;

	outline:none;

}

.gallery .navigation {

	position:absolute;

	left:0;

	right:0;

	margin:0;

	z-index:10000;

}

.gallery .navigation.hide {

	top:-120px;

}

.gallery .navigation nav {

	position:relative;

	display:none;

	padding-top:6px;

	margin:0 auto;

	-moz-border-bottom-left-radius:9px; -moz-border-bottom-right-radius:9px; border-bottom-left-radius:9px; border-bottom-right-radius:9px;

	height:70px;

	background-color:rgba(0,0,0,0.8);

	overflow:hidden;

	white-space:nowrap;

	-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6);

	-webkit-text-size-adjust:100%;

}

.no-rgba .gallery .navigation nav {

	background-color:transparent;

	background-image:url(k80.png);

}

#slide .gallery .navigation nav {

	width:410px;

}

.gallery .navigation nav a {

	display:inline-block;

	width:50px;

	height:70px;

	line-height:70px;

	background-image:url(controls.png);	

	background-repeat:no-repeat;

	background-position:-50px 0;

}

.hook-c {

	background-image:url(controls.png);	

}

.gallery .navigation nav a.prev {

	background-position:-50px 0;

	width:70px;

}

.gallery .navigation nav a.prev:hover {

	background-position:-50px -70px;

}	

.gallery .navigation nav a.up {

	background-position:-120px 0;

}

.gallery .navigation nav a.up:hover {

	background-position:-120px -70px;

}

.gallery .navigation nav a.resize {

	background-position:-170px 0;

}

.gallery .navigation nav a.resize:hover {

	background-position:-170px -70px;

}

.gallery .navigation nav a.noresize {

	display:none;

	background-position:-220px 0;

}

.gallery .navigation nav a.noresize:hover {

	background-position:-220px -70px;

}

.gallery .navigation nav a.showinfo {

	background-position:-270px 0;

}

.gallery .navigation nav a.showinfo:hover {

	background-position:-270px -70px;

}

.gallery .navigation nav a.hideinfo {

	display:none;

	background-position:-320px 0;

}

.gallery .navigation nav a.hideinfo:hover {

	background-position:-320px -70px;

}

.gallery .navigation nav a.showthumbs {

	background-position:-370px 0;

}

.gallery .navigation nav a.showthumbs:hover {

	background-position:-370px -70px;

}

.gallery .navigation nav a.hidethumbs {

	display:none;

	background-position:-420px 0;

}

.gallery .navigation nav a.hidethumbs:hover {

	background-position:-420px -70px;

}

.gallery .navigation nav a.play {

	width:70px;

	background-position:-470px 0;

}

.gallery .navigation nav a.play:hover {

	background-position:-470px -70px;

}

.gallery .navigation nav a.pause {

	display:none;

	width:70px;

	background-position:-540px 0;

}

.gallery .navigation nav a.pause:hover {

	background-position:-540px -70px;

}

.gallery .navigation nav a.next {

	width:70px;

	background-position:-610px 0;

}

.gallery .navigation nav a.next:hover {

	background-position:-610px -70px;

}



.gallery .scrollbox {

	position:relative;

	top:0;

	left:0;

	display:block;

	width:920px;

	height:120px;

	max-width:80%;

	margin:0 auto;

	-moz-border-bottom-left-radius:9px; -moz-border-bottom-right-radius:9px; border-bottom-left-radius:9px; border-bottom-right-radius:9px;

	overflow:hidden;

	background-color:rgba(0,0,0,0.6);

	transition: background-color 500ms;

	-moz-transition: background-color 500ms;

	-webkit-transition: background-color 500ms;

	-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6);

}

.rgba.touch .gallery .scrollbox,

.rgba .gallery .scrollbox:hover {

	background-color:rgba(0,0,0,0.8);

}

.no-rgba .gallery .scrollbox {

	background-color:transparent;

	background-image:url(k60.png);

}

.no-rgba .gallery .scrollbox:hover {

	background-color:transparent;

	background-image:url(k80.png);

}

.gallery .scrollbox .wrap {

	position:relative;

	top:5px;

	margin:0 40px;

	height:108px;

	overflow:hidden;

}

.gallery .scrollbox ul.cont {

	position:absolute;

	left:0;

	top:0;

	bottom:0;

	margin:0;

	padding:0;

	white-space:nowrap;

	-webkit-text-size-adjust:100%;

}

.gallery .scrollbox ul.cont li {

	display:table;

	float:left;

	display:inline;

	position:relative;

	width:139px;

	height:106px;

	overflow:hidden;

	margin:1px;

	text-align:center;

}

.gallery .scrollbox .cont a {

	display:table-cell;

	vertical-align:middle;

	position:relative;

	padding:3px;

	margin-right:1px;

	width:133px;

	height:100px;

	text-align:center;

}

.gallery .scrollbox .cont a img {

	max-width:133px;

	max-height:100px;

	vertical-align:middle;

}

.gallery .scrollbox .cont a:hover, 

.gallery .scrollbox .cont a:focus {

	background-color:rgba(255,255,255,0.2);

	outline:none;

}

.no-rgba .gallery .scrollbox .cont a:hover, 

.no-rgba .gallery .scrollbox .cont a:focus {

	background-image:url(w20.png);

}

.gallery .scrollbox .cont a.active {

	background-color:rgba(255,255,255,0.4);

}

.no-rgba .gallery .scrollbox .cont a.active {

	background-color:transparent;

	background-image:url(w40.png);

}

.hook-s,

.gallery .scrollbox .scleft,

.gallery .scrollbox .scright {

	position:absolute;

	top:5px;

	width:24px;

	height:108px;

	background-image:url(scroll.png);

	background-repeat:no-repeat;

	background-position:left center;

}	

.gallery .scrollbox .scleft {

	left:10px;

	background-position:0 center;

}

.gallery .scrollbox .scright {

	right:10px;

	background-position:-48px center;

}

.gallery .scrollbox .scleft:hover {

	background-position:-24px center;

}

.gallery .scrollbox .scright:hover {

	background-position:-72px center;

}



.gallery .img {

	position:absolute;

	left:0;

	top:0;

	right:0;

	bottom:0;

	overflow:hidden;

	-webkit-overflow-scrolling:auto;

}

.gallery .img .main {

	position:relative;

	display:inline-block;

	background-color:#eeeeee;

	padding:10px;

	/*border:10px solid #ffeeeeee;*/

	-moz-box-shadow:3px 6px 32px rgba(0,0,0,0.6); -webkit-box-shadow:3px 6px 32px rgba(0,0,0,0.6); box-shadow:3px 6px 32px rgba(0,0,0,0.6);

}

.gallery .img .image > img,

.gallery .img .image > a > img {

	vertical-align:top;

	width:100%;

	height:100%;

	cursor:default;

	-ms-interpolation-mode:bicubic;

}

.gallery .img .other {

	width:400px;

	text-align:center;

	background-color:rgba(240,240,240,0.85);

	color:#555;

	-moz-border-radius:5px; border-radius:5px;

}

.no-rgba .gallery .img .other {

	background-color:transparent;

	background-image:url(w80.png);

}

.gallery .img .other > a {

	display:block;

	margin:15px 15px 0 15px;

	padding:20px 0;

	border-bottom:1px solid #ccc;

}

.gallery .img .other > a > img {

	min-height:128px;

}

.gallery .img .other p {

	margin:10px 15px 15px 15px;

	overflow:hidden;

}

.gallery .img .main.video,

.gallery .img .main.audio {

	overflow:hidden;

}

.gallery .img .main.video > a,

.gallery .img .main.audio > a {

	display:block;

	height:100%;

	margin-bottom:10px;

}

.gallery .img .main.video > a > img,

.gallery .img .main.audio > a > img {

	width:100%;

	height:100%;

}

.gallery > .wait {

	display:none;

	position:absolute;

	left:0;

	top:0;

	right:0;

	bottom:0px;

	background-image:url(wait.gif);

	background-position:center center;

	background-repeat:no-repeat;

	z-index:3;

}

.gallery .bottom {

	position:absolute;

	bottom:0;

	left:0;

	right:0;

	z-index:11;

}

.gallery .bottom.hide {

	bottom:-100%;

}

.gallery .bottom .cont {

	position:relative;

	width:890px;

	max-width:80%;

	margin:0 auto;

	padding:5px 15px 10px 15px;

	text-align:left;

	-moz-border-top-left-radius:9px; -moz-border-top-right-radius:9px; border-top-left-radius:9px; border-top-right-radius:9px;

	color:#888888;

	background-color:rgba(0,0,0,0.4);

	transition: background-color 500ms;

	-moz-transition: background-color 500ms;

	-webkit-transition: background-color 500ms;

	-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6);

}

.no-rgba .gallery .bottom .cont {

	background-color:transparent;

	background-image:url(k40.png);

}

.rgba.touch .gallery .bottom .cont,

.gallery .bottom .cont:hover {

	background-color:rgba(0,0,0,0.9);

}

.no-rgba .gallery .bottom .cont:hover {

	background-image:url(k80.png);

}

.gallery .bottom .cont:before, 

.gallery .bottom .cont:after { content: "\0020"; display: block; height: 0; visibility: hidden; } 

.gallery .bottom .cont:after { clear:both; }

.gallery .bottom h2 {

	margin-top:10px;

	font-size:140%;

}

.gallery .bottom .caption {

	margin-top:10px;

}

.gallery .bottom .caption a {

	color:#dddddd;

}

.gallery .bottom .caption a:hover {

	color:#ffffff;

}

.gallery .bottom .comment {

	max-height:12em;

	overflow:auto;

}

.gallery .bottom .comment a {

	text-decoration:underline;

}

.gallery .bottom nav {

	float:right;

	display:inline;

	margin:5px 0 5px 15px;

	height:28px;

	line-height:24px;

	font-size:85%;

	-moz-border-radius:3px; border-radius:3px;

	border:1px solid #333;

	color:#bbb;

	background-color:#333;

	z-index:999;

	background-image:-webkit-linear-gradient(top, rgba(102,102,102,1), rgba(15,15,15,1));

	background-image:-moz-linear-gradient(top, rgba(102,102,102,1), rgba(15,15,15,1));

	background-image:-o-linear-gradient(top, rgba(102,102,102,1), rgba(15,15,15,1));

	background-image:-ms-linear-gradient(top, rgba(102,102,102,1), rgba(15,15,15,1));

	background-image:linear-gradient(top, rgba(102,102,102,1), rgba(15,15,15,1));

	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF666666',EndColorStr='#FF0F0F0F');

	-moz-background-clip: padding;

	-webkit-background-clip: padding-box;

	background-clip: padding-box; 

 	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.6); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.6); box-shadow:0px 1px 2px rgba(0,0,0,0.6);

}

.gallery .bottom nav a {

	display:inline-block;

	height:28px;

	line-height:28px;



	width:20px;

	padding:0 6px;

	white-space:nowrap;

	background-image:url(buttons.png);

	background-position:6px 0;

	background-repeat:no-repeat;

	border-left:1px solid #000;

	cursor:default;

}

.gallery .bottom nav a:first-child {

	border-left:none;

	-moz-border-top-left-radius:3px; -moz-border-bottom-left-radius:3px; border-top-left-radius:3px; border-bottom-left-radius:3px;

}

.gallery .bottom nav a:last-child {

	-moz-border-top-right-radius:3px; -moz-border-bottom-right-radius:3px; border-top-right-radius:3px; border-bottom-right-radius:3px;

}

.gallery .bottom nav a:hover {

	color:#fff;

}

.gallery .bottom nav a.active {

	background-color:#000;

	border-left-color:#222;

	color:#aaa;

}

.gallery .bottom .nr {

	float:right;

	display:inline;

	margin:5px 0 5px 15px;

	line-height:32px;

	padding:0;

	white-space:nowrap;

	-moz-border-radius:5px; border-radius:5px;

}

.gallery .bottom .meta .icon {

	background-position:0 -1px;

}

.gallery .bottom nav a.meta-icon {

	background-position:6px -1px;

}

.gallery .bottom .map .icon {

	background-position:0 -33px;

}

.gallery .bottom nav a.map-icon {

	background-position:6px -33px;

}

.gallery .bottom .shop .icon {

	background-position:0 -65px;

}

.gallery .bottom nav a.shop-icon {

	background-position:6px -65px;

}

.gallery .bottom nav a.link-icon {

	background-position:6px -97px;

}

.gallery .bottom .share .icon {

	background-position:0 -129px;

}

.gallery .bottom nav a.share-icon {

	background-position:6px -129px;

}

.gallery .bottom .print .icon {

	background-position:0 -161px;

}

.gallery .bottom nav a.print-icon {

	background-position:6px -161px;

}

.gallery .bottom .comments .icon {

	background-position:0 -193px;

}

.gallery .bottom nav a.comments-icon {

	background-position:6px -193px;

}

.gallery .bottom .regions .icon {

	background-position:0 -225px;

}

.gallery .bottom nav a.regions-icon {

	background-position:6px -225px;

}

.gallery .bottom .fotomoto .icon {

	background-position:0 -257px;

}

.gallery .bottom nav a.fotomoto-icon {

	background-position:6px -257px;

}

.gallery .bottom .custom .icon {

	background-position:0 -289px;

}

.gallery .bottom nav a.custom-icon {

	background-position:6px -289px;

}



.gallery .bottom .panel {

	clear:both;

	position:relative;

	font-size:85%;

	color:#ccc;

	margin-top:10px;

	padding-left:30px;

	color:#888888;

}

.gallery .bottom .icon {

	position:absolute;

	left:0;

	top:-6px;

	width:20px;

	height:26px;

	background-image:url(buttons.png);

	background-repeat:no-repeat;

}

.gallery .bottom .meta b {

	color:#fff;

}

.gallery .bottom .map .mapcont {

	position:relative; 

	overflow:hidden;

	height:240px;

}

.gallery .bottom .shop .icon {

	top:-1px;

}

.gallery .bottom .shop form {

	float:left;

	display:inline;

	line-height:30px;

}

.gallery .bottom .shop input,

.gallery .bottom .shop select {

	vertical-align:middle;

	margin:0 10px;

	-moz-border-radius:3px; border-radius:3px;

	border:none;

	padding:3px 6px;

}

.gallery .bottom .shop select {

	background-color:#ddd;

	margin-left:0;

}

.gallery .bottom .shop .total,

.gallery .bottom .shop .copies {

	-moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);

}

.gallery .bottom .shop .copies {

	width:24px;

}

.gallery .bottom .shop .total {

	width:40px;

	background-color:#999;

	font-weight:bold;

	text-align:right;

	color:#fff;

}

.gallery .bottom .comments {

	height:160px;

	overflow-x:hidden;

	overflow-y:auto;

	-webkit-overflow-scrolling:touch;

	overflow-scrolling:touch;

}



#bgaudio {

	position:fixed;

	right:0px;

	top:0;

	width:100px;

	height:34px;

	z-index:99999;

	-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);

}



b, strong {

	font-weight:bold;

}

i, em {

	font-style:italic;

}





/*

 * Skin for jPlayer Plugin (jQuery JavaScript Library)

 * http://www.jplayer.org

 *

 * Skin Name: jAlbum

 *

 * Copyright (c) 2012 jAlbum AB

 * Dual licensed under the MIT and GPL licenses.

 *  - http://www.opensource.org/licenses/mit-license.php

 *  - http://www.gnu.org/copyleft/gpl.html

 *

 * Author: Laszlo Molnar

 * Skin Version: 0.9 (jPlayer 2.2.0)

 * Date: 21nd December 2012

 */



a:active, a:focus {

	outline:none;

}



.jp-warning {

	position:absolute;

	top:30%;

	left:5%;

	right:5%;

	margin:0 auto;

	width:200px;

	max-width:90%;

	padding:10px 15px;

	background-color:#333;

	background-color:rgba(0,0,0,0.8);

	color:#ddd;

	text-align:center;

	z-index:999;

	-moz-border-radius:6px;

	border-radius:6px;

}

.jp-audio,

.jp-audio-stream,

.jp-video {

	font-size:1em;

	font-family:Segoe,"Segoe UI",Tahoma,Geneva,"Open Sans","Nimbus Sans L",sans-serif;

	line-height:1.231;

	color:#ddd;

	border:none;

	width:100%;

	height:100%;

}

.jp-audio {

}



.jp-audio-stream {

}



.jp-video-270p {

}

.jp-video-360p {

}

.jp-video-full {

	/* Rules for IE6 (full-screen) */

	width:480px;

	height:270px;

	/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */

	position:static !important; position:relative;

}



.jp-type-single {

	width:100%;

	height:100%;

}



.jp-video .jp-jplayer {

	background-color:#000;

}



/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */

.jp-video-full div div {

	z-index:1000;

}



.jp-video-full .jp-jplayer {

	top:0 !important;

	left:0 !important;

	position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */

	overflow: hidden;

}



.jp-video-full .jp-gui {

	position: fixed !important; position: static; /* Rules for IE6 (full-screen) */

	bottom:0 !important;

	left:0 !important;

	width:100%;

	z-index:1001; /* 1 layer above the others. */

}

.jp-video-full .jp-gui {

	position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */

	bottom:0 !important;

	left:0 !important;

}



/* jp-title */



.jp-title {

	position:absolute;

	overflow:hidden;

	top:0;

	left:0;

	right:0;

	text-align:center;

	margin:0;

	z-index:11;

	opacity:0;

	transition: opacity 0.5s;

	-moz-transition: opacity 0.5s;

	-webkit-transition: opacity 0.5s;

	-o-transition: opacity 0.5s;

}

.jp-video-full .jp-title {

	width:100%;

	top:0 !important;

	left:0 !important;

	right:0 !important;

}

.jp-audio:hover .jp-title,

.jp-video:hover .jp-title {

	position:absolute;

	opacity:1;

}

.jp-title ul {

	list-style-type:none;

	padding:0;

	display:inline-block;

	margin:0 auto;

	text-align:center;

	color:#fff;

	background-color:#000;

	background-color:rgba(0,0,0,0.25);

	text-shadow:1px 1px 1px rgba(0,0,0,0.5);

	-moz-border-radius:0 0 6px 6px;

	border-radius:0 0 6px 6px;

}

.jp-title ul li {

	padding:0.25em 1em;

}



/* jp-interface */



.jp-gui {

	position:absolute;

	height:34px;

	bottom:0;

	left:0;

	right:0;

	z-index:10;

	background-color:#222; /* Required for the full screen */

}



.jp-audio .jp-gui {

}



.jp-audio-stream .jp-gui {

}



/* play button */



.jp-audio .jp-video-play,

.jp-video .jp-video-play {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	overflow:hidden; /* Important for nested negative margins to work in modern browsers */

	cursor:pointer;

	z-index:1;

}

.jp-video-270p .jp-video-play {

}

.jp-video-360p .jp-video-play {

}

.jp-video-full .jp-video-play {

	height:100%;

}

.jp-video-play > a {

	position:absolute;

	display:block;

	width:112px;

	height:100px;

	margin-left:-56px;

	margin-top:-50px;

	left:50%;

	top:50%;

	overflow:hidden;

	background-image:url(jplayer.jalbum.video.png);

	background-position:0 0;

	text-indent:-9999px;

}

.jp-video-play:hover > a {

	background-position:0 -100px;

}



/* @group progress bar */



/* The seeking class is added/removed inside jPlayer */

.jp-seeking-bg {

	background:url('jplayer.jalbum.seeking.gif');

}



.jp-progress,

.jp-seek-bar,

.jp-play-bar {

	display:block;

	margin:0;

	background-repeat:repeat-x;

	height:6px;

	overflow:hidden;

}



.jp-progress {

	width:100%;

	background-color:#000;

}



.jp-video .jp-progress {

}



.jp-seek-bar {

	width:0;

	cursor:pointer;

}



.jp-play-bar {

	background-image:url('jplayer.jalbum.png');

	background-position:0px -318px;

	width:0;

}



/* @end */



/* @group CONTROLS */



.jp-controls-holder {

	position:relative;

	width:100%;

	height:28px;

	clear:both;

	overflow:hidden;

}

.jp-startstop {

	float:left;

	display:inline;

	margin:0;

	height:28px;

	overflow:hidden;

}



.jp-audio-stream .jp-controls {

}



.jp-startstop a {

	float:left;

	display:inline-block;

	overflow:hidden;

	text-indent:-9999px;

	width:28px;

	height:28px;

	padding:0;

}



/* @group single player controls */



.jp-startstop a {

	background-image:url('jplayer.jalbum.png');

	background-position:0 0;

	background-repeat:no-repeat;

	width:28px;

}



.jp-startstop a.jp-play {

	 background-position:0 0;

}

.jp-startstop a.jp-play:hover {

	background-position:-28px 0;

}



.jp-startstop a.jp-pause {

	display:none;

	background-position:0px -28px;

}



.jp-startstop a.jp-pause:hover {

	background-position:-28px -28px;

}



.jp-audio-stream .jp-play,

.jp-audio-stream .jp-pause {

}



.jp-startstop a.jp-stop {

	background-position:0px -56px;

}

.jp-mini .jp-startstop a.jp-stop {

	display:none;

}

.jp-startstop a.jp-stop:hover {

	background-position:-28px -56px;

}



.jp-startstop a.jp-previous {

	background-position:0 -112px no-repeat;

}



.jp-startstop a.jp-previous:hover {

	background-position:-28px -112px no-repeat;

}



.jp-startstop a.jp-next {

	background-position:0 -84px no-repeat;

}



.jp-startstop a.jp-next:hover {

	background-position:-28px -84px no-repeat;

}



/* @end */



/* @group volume bar */



.jp-volume {

	position:relative;

	float:left;

	display:inline;

	width:28px;

	height:100%;

	overflow:hidden;

	transition: width 0.5s;

	-moz-transition: width 0.5s; /* Firefox 4 */

	-webkit-transition: width 0.5s; /* Safari and Chrome */

	-o-transition: width 0.5s; /* Opera */

}

.jp-volume:hover {

	width:128px;

}

.jp-mini .jp-volume:hover {

	width:68px;

}

.jp-volume a.jp-mute,

.jp-volume a.jp-unmute {

	float:left;

	display:inline-block;

	overflow:hidden;

	text-indent:-9999px;

	width:28px;

	height:28px;

	padding:0;

	background-image:url('jplayer.jalbum.png');

}

.jp-volume a.jp-mute {

	background-position:0 -140px;

}

.jp-volume a.jp-mute:hover {

	background-position:-28px -196px;

}

.jp-volume a.jp-unmute {

	display:none;

	background-position:0 -168px;

}

.jp-volume a.jp-unmute:hover {

	background-position:-28px -140px;

}

.jp-volume a.jp-volume-max {

	display:none;

	background-position:0 -140px;

}

.jp-volume a.jp-volume-max:hover {

	background-position:-28px -140px;

}



.jp-volume-bar {

	position:absolute;

	left:28px;

	top:11px;

	height:6px;

	width:100px;

	overflow:hidden;

	background-color:#000;

}

.jp-mini .jp-volume-bar {

	width:40px;

}

.jp-volume-bar:hover {

	cursor: pointer;

}





.jp-audio .jp-interface .jp-volume-bar,

.jp-audio-stream .jp-interface .jp-volume-bar {

	left: 0;

}



.jp-audio-stream .jp-interface .jp-volume-bar,

.jp-video .jp-volume-bar {

}

.jp-video .jp-volume-bar {

}

.jp-volume-bar-value {

	background-image:url('jplayer.jalbum.png');

	background-position:0 -334px;

	height:6px;

	border-right:2px solid #666;

}



/* @end */





/* @group current time and duration */



.jp-times {

	float:left;

	display:inline;

	margin:4px;

	height:20px;

	background-color:#000;

	-moz-border-radius:4px;

	border-radius:4px;

}

.jp-current-time, .jp-duration {

	float:left;

	display:inline;

	padding:2px 6px;

	line-height:16px;

	font-size:.85em;

	z-index:99999;

}

.jp-mini .jp-current-time, .jp-mini .jp-duration {

	padding:2px 4px;

	font-size:.7em;

}

.jp-current-time {

	color:#999;

	left:44%;

}



.jp-duration {

	color:#666;

	border-left:1px dotted #444;

}

.jp-mini .jp-duration {

	display:none;

}

.jp-video .jp-current-time {

}



.jp-video .jp-duration {

}



/* @end */





/* @group TOGGLES */



.jp-toggles {

	float:right;

	display:inline-block;

	height:28px;

	padding:0;

	overflow:hidden;

}



.jp-toggles a {

	float:right;

	display:inline-block;

	width:28px;

	height:28px;

	text-indent:-9999px;

	line-height:100%; /* need this for IE6 */

	background-image:url('jplayer.jalbum.png');

	background-repeat:no-repeat;

}



.jp-toggles a.jp-full-screen {

	background-position:0 -224px;

}



.jp-toggles a.jp-full-screen:hover {

	background-position:-28px -224px;

}



.jp-toggles a.jp-restore-screen {

	display:none;

	background-position:-56px -224px;

}



.jp-toggles a.jp-restore-screen:hover {

	background-position:-84px -224px;

}



.jp-toggles a.jp-repeat {

	background-position:0 -252px;

}



.jp-toggles a.jp-repeat:hover {

	background-position:-28px -252px;

}



.jp-toggles a.jp-repeat-off {

	display:none;

	background-position:-56px -252px;

}



.jp-toggles a.jp-repeat-off:hover {

	background-position:-84px -252px;

}



.jp-toggles a.jp-shuffle {

	background-position:0 -280px;

}



.jp-toggles a.jp-shuffle:hover {

	background-position:-28px -280px;

}



.jp-toggles a.jp-shuffle-off {

	display:none;

	background-position:-56px -280px;

}



.jp-toggles a.jp-shuffle-off:hover {

	background-position:-84px -280px;

}





/* @end */





/* @group volume controls */



div.jp-interface ul.jp-controls a.jp-mute,

div.jp-interface ul.jp-controls a.jp-unmute,

div.jp-interface ul.jp-controls a.jp-volume-max {

}



div.jp-audio ul.jp-controls a.jp-mute,

div.jp-audio ul.jp-controls a.jp-unmute,

div.jp-audio-stream ul.jp-controls a.jp-mute,

div.jp-audio-stream ul.jp-controls a.jp-unmute {

}



div.jp-audio ul.jp-controls a.jp-volume-max,

div.jp-audio-stream ul.jp-controls a.jp-volume-max {

}





div.jp-video ul.jp-controls a.jp-mute,

div.jp-video ul.jp-controls a.jp-unmute {

}



div.jp-video ul.jp-controls a.jp-volume-max {

}





/* @end */





/* @group playlist */



.jp-playlist ul {

	list-style-type:none;	

	margin:0;

	padding:0.25em 0;

}



.jp-video .jp-title ul {

}



.jp-video .jp-playlist ul {

	margin: 0 20px;

	font-size:.8em;

}



.jp-title li,

.jp-playlist li {

	position: relative;

	padding: 2px 0;

	border-top:1px solid #554461;

	border-bottom:1px solid #180a1f;

	overflow: hidden;

}



.jp-title li {

	border-bottom:none;

	border-top:none;

	padding:0;

	text-align:center;

}



/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */



div.jp-type-playlist div.jp-playlist li:first-child {

	border-top:none;

	padding-top:3px;

}



div.jp-type-playlist div.jp-playlist li:last-child {

	border-bottom:none;

	padding-bottom:3px;

}



div.jp-type-playlist div.jp-playlist a {

	color: #fff;

	text-decoration:none;

}



div.jp-type-playlist div.jp-playlist a:hover {

	color: #e892e9;

}



div.jp-type-playlist div.jp-playlist li.jp-playlist-current {

	background-color: #26102e;

	margin: 0 -20px;

	padding: 2px 20px;

	border-top: 1px solid #26102e;

	border-bottom: 1px solid #26102e;

}



div.jp-type-playlist div.jp-playlist li.jp-playlist-current a{

	color: #e892e9;

}



div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {

	float:right;

	display:inline;

	text-align:right;

	margin-left:10px;

	font-weight:bold;

	color:#8C7A99;

}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {

	color:#E892E9;

}



div.jp-type-playlist div.jp-playlist span.jp-free-media {

	float: right;

	display:inline;

	text-align:right;

	color:#8C7A99;

}



div.jp-type-playlist div.jp-playlist span.jp-free-media a{

	color:#8C7A99;

}



div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{

	color:#E892E9;

}

span.jp-artist {

	font-size:.8em;

	color:#8C7A99;

}



/* @end */





/* @group NO SOLUTION error feedback */



.jp-no-solution {

	position:absolute;

	top:50%;

	left:25%;

	width:50%;

	margin-top:-2em;

	padding:8px;

	font-size:.8em;

	background-color:#222;

	background-color:rgba(0,0,0,0.8);

	color:#ddd;

	text-align:center;

	display:none;

	-moz-border-radius:4px;

	border-radius:4px;

}



.jp-no-solution a {

	text-decoration:underline;

	color:#FFF;

}



.jp-no-solution span {

	color:#FFF;

	font-size:1em;

	display:block;

	text-align:center;

	font-weight:bold;

}

/* @end */



/* 

	styles.css - custom styles for the skin's Page templates

	

*/



/************** About page */



#about-page {

	margin:10px 10%;

}

#about-page aside {

	float:left;

	display:inline;

	margin:10px 5% 10px 0;

	max-width:25%;

}

#about-page aside img {

	max-width:100%;

}

#about-page .texts {

	overflow:hidden;

}

#about-page .texts p {

	line-height:1.5em;

}



/************** Sitemap page */



#sitemap-page {

	margin:0 20px;

}

#sitemap-page aside {

	float:left;

	display:inline;

	margin:10px 5% 10px 0;

	max-width:25%;

}



#sitemap-page aside img {

	max-width:100%;

}



#sitemap-page .sitemap {

	font-size:120%;

	overflow:hidden;

}



#sitemap-page .caption {

	margin:0 0 1em 0;

}



#sitemap-page .sitemap .title {

	margin:1em 0;

}



#sitemap-page .sitemap.showthumbs .title a.home {

	display:inline-block;

	width:24px;

	height:24px;

	background-image: url(controls.png);

	background-repeat: no-repeat;

	background-position: -793px -23px;

}



#sitemap-page .sitemap ul {

	padding-left:2em;

}



#sitemap-page .sitemap.showthumbs ul {

	padding-left:0;

	list-style-type:none;

}



#sitemap-page .sitemap li {

	clear:both;

	padding:0.5em 0;

}

#sitemap-page small {

	margin-top:0.5em;

	display:block;

}



#sitemap-page .sitemap li a.thumb {

	float:left;

	display:inline-block;

	width:10%;

	max-height:48px;

	margin-right:2%;

	text-align:center;

	overflow:hidden;

}



#sitemap-page .sitemap li a.thumb img {

	display:inline-block;

	max-width:100%;

	max-height:100%;

	height:auto;

}



#sitemap-page .sitemap li div {

	overflow:hidden;

}



/************** Contact page */



#contact-page {

	margin:10px 10px 10px 5%;

}

#contact-page aside {

	float:right;

	display:inline;

	margin:0 0 10px 5%;

	max-width:25%;

}

#contact-page aside img {

	max-width:100%;

}

#contact-page .texts {

	overflow:hidden;

}

#contact-page .texts blockquote {

	font-size:80%;

	line-height:1.5em;

	padding-left:12px;

	border-left:10px solid rgba(255,255,255,0.1);

}

#contact-page .texts > div {

	font-size:120%;

	padding:15px 5px;

	border-top:1px solid rgba(255,255,255,0.2);

	border-bottom:1px solid rgba(0,0,0,0.2);

}

#contact-page .texts blockquote,

#contact-page .texts a {

	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;

}

#contact-page .texts a {

	font-size:80%;

	padding:5px 5px 5px 26px;

	line-height:14px;

	-moz-border-radius:6px;

	border-radius:6px;

	background-color:rgba(255,255,255,0.1);

	-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.2); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.2); box-shadow:1px 3px 8px rgba(0,0,0,0.2);

	background-image:url(share.png);

	background-repeat:no-repeat;

}

#contact-page .facebook a { background-position:0 -24px; }

#contact-page .twitter a { background-position:0 -48px; }

#contact-page .digg a { background-position:0 -72px; }

#contact-page .myspace a { background-position:0 -96px; }

#contact-page .delicious a { background-position:0 -120px; }

#contact-page .stumbleupon a { background-position:0 -144px; }

#contact-page .email a { background-position:0 -168px; }

#contact-page .reddit a { background-position:0 -192px; }

#contact-page .tumblr a { background-position:0 -216px; }

#contact-page .flickr a { background-position:0 -240px; }

#contact-page .foursquare a { background-position:0 -264px; }

#contact-page .google a { background-position:0 -288px; }

#contact-page .linkedin a { background-position:0 -312px; }

#contact-page .picasa a { background-position:0 -336px; }

#contact-page .skype a { background-position:0 -360px; }

#contact-page .vimeo a { background-position:0 -384px; }

#contact-page .youtube a { background-position:0 -408px; }

#contact-page .phone a { background-position:0 -432px; }

#contact-page .jalbum a { background-position:0 -456px; }

#contact-page .pinterest a { background-position:0 -480px; }

#contact-page .instagram a { background-position:0 -504px; }

#contact-page .github a { background-position:0 -528px; }

#contact-page .rss a { background-position:0 -552px; }







/* HTML5 Boilerplate postfix styles - h5bp.com */

.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}

.ir:before{content:"";display:block;width:0;height:150%}

.hidden{display:none !important;visibility:hidden}

.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}

.invisible{visibility:hidden}

.clearfix:before,.clearfix:after{content:" ";display:table}

.clearfix:after{clear:both}

.clearfix{*zoom:1}

@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}

	a,a:visited{text-decoration:underline}

	a[href]:after{content:" (" attr(href) ")"}

	abbr[title]:after{content:" (" attr(title) ")"}

	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}

	pre,blockquote{border:1px solid #999;page-break-inside:avoid}

	thead{display:table-header-group}

	tr,img{page-break-inside:avoid}

	img{max-width:100% !important}

	@page{margin:.5cm}

	p,h2,h3{orphans:3;widows:3}

	h2,h3{page-break-after:avoid}

}



@charset "utf-8";