/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

.clearboth {
    clear: both;
}

hr.layout {
    display: none;
}

#layout
{

}
    #layout-width
    {
    }
	#layout-height
	{

	}
	    #layout-content
	    {

	    }
		#layout-top
		{

		}
		    #layout-top-width
		    {

		    }
			#layout-top-height
			{

			}
			    #layout-top-content
			    {
			    }
		#layout-middle
		{

		}
		    #layout-middle-width
		    {

		    }
			#layout-middle-height
			{

			}
			    #layout-middle-content
			    {
			    }

			        #layout-sidebar-leading
				{

				}
				    #layout-sidebar-leading-width
				    {

				    }
					#layout-sidebar-leading-height
					{

					}
					    #layout-sidebar-leading-content
					    {

					    }
				#layout-page
				{
				}
				    #layout-page-width
				    {

				    }
					#layout-page-height
					{

					}
					    #layout-page-content
					    {

					    }
				#layout-sidebar-trailing
				{
				}
				    #layout-sidebar-trailing-width
				    {

				    }
					#layout-sidebar-trailing-height
					{

					}
					    #layout-sidebar-trailing-content
					    {

					    }

		#layout-bottom
		{

		}
		    #layout-bottom-width
		    {

		    }
			#layout-bottom-height
			{

			}
			    #layout-bottom-content
			    {
			    }


/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 2.10

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- JS Slideshow -------------*/
.ngg-slideshow {
    overflow:hidden;
    position: relative;
}

.ngg-slideshow * {
    vertical-align:middle;
}

/* See also : http://www.brunildo.org/test/img_center.html */
.ngg-slideshow-loader{
    display: table-cell;
    text-align: center;
    vertical-align:middle;
}

.ngg-slideshow-loader img{
    background: none !important; 
    border: 0 none !important;
    margin:auto !important; 
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
	text-align:left;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.ngg-galleryoverview div.pic img{
	width: 100%;	
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;	
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;	
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}

/* Shutter */
#shDisplay div#shTitle {
	font: normal 12px/17px 'Lucida Grande', Verdana, sans-serif; /* caption font */
	color: #ffffff; /* caption colour */
	text-align: center;
	margin: 0 auto;
}

#shDisplay div#shCount {
	color: #999999;
	font: normal 10px/12px 'Lucida Grande', Verdana, sans-serif;
}

#shDisplay div#shTitle a {
	text-decoration: none;
	font: bold 16pt 'Courier New', Courier, fixed;
	letter-spacing: -2px;
	margin: 0 10px;
	width: 26px;
	color: #999999;
}

#shDisplay div#shTitle a:hover {
	color: #ffffff;
	border: none;
}

#shDisplay div#shNext{
	float:right;
}

#shDisplay div#shPrev {
	float:left;
}

body {
	height: 100%;
}

#shShutter *, #shDisplay * {
	padding: 0;
	margin: 0;
}

div#shShutter, div#shDisplay {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}

div#shShutter {
	height: 100%;
	z-index: 1000;
	background-color: #000000;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

div#shDisplay {
	display: block;
	background-color: transparent;
	z-index: 1002;
}

div#shDisplay img#shTopImg {
	margin: 0 auto;
	border: 1px solid #555;
	background: transparent;
	display: block;
	max-width: none;
	max-height: none;
	float: none;
	padding:2px;
	cursor: pointer;
}

div#shDisplay div#shWrap {
	visibility: hidden;
}

div#shWaitBar {
	font: bold 32px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	height: 36px;
	width: 100%;
	left: 0;
	cursor: default;
	opacity: 0.999;
	filter: alpha(opacity=100);
	z-index: 1001;
	margin-top: 160px;
	color: #ae0a0a;
}

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}

/*
Theme Name: websafe.pl - Bel Ami Salon
Theme URI: http://websafe.pl/
Description: 
Author: Thomas Szteliga
Version: 0.3
License: 
License URI: license.txt
Tags: 
*/
html {
    overflow-y: scroll;
}
html, body {
    background-color: #000;
    color: #ffffff;
}
body {
    height: 100%;
}
body {
    font-size: 100%;
    background-color: #000;
    color: #fff;
    font-family: Palatino, Georgia;
    background-image: url(../images/bg3.png);
    background-position: center top;
    background-repeat: repeat-x;
    margin:0;
    padding:0;
}

.clearboth {
    clear: both;
}

#layout {
    min-width: 990px;
}
    #layout-top-content {
	width: 100%;
	max-width: 990px;
	margin: auto;
    }
    #layout-middle-content {
	width: 100%;
	margin: auto;
	min-height: 492px;
    }
ul.menu {
    margin:0;
    padding:0;
    text-align: center;
}

ul.menu li {
    list-style-type: none;
    margin:0;
    padding:0;
    display: inline;
}
ul.menu li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #aaa;
    padding: 0px 10px 0px 10px;
    letter-spacing: 1px;
    font-size: 65%;
    font-weight: bold;
    letter-spacing: 3px;
}

ul.menu li a:hover {
    color: #eee;
}
ul.menu li.current-menu-item a,
ul.menu li.current-menu-parent a {
    color: #947b5e;
}

.nav-bottom ul.menu li a:hover {
    text-shadow: #947b5e 0px 24px 8px;
}

.nav-bottom {
    margin: 15px auto 20px auto;
}

#logo {
    border: none;
}

#layout-topnav-content {
    padding: 40px 0px 20px 0px;
}


#home-girl-left,
#home-slideshow,
#home-girl-right
{
    width: 33%;
    float: left;
}


#home-slideshow {
    font-family: Palatino;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 1px;
    color: #eee;
    text-shadow: #333 1px 1px 1px;

}


a:focus {
    outline: none;
}

#layout-page{
    padding-bottom: 30px;
    width: 660px;
    margin: auto;

}

/*

#layout-top { background-color: red;}
#layout-nav-top { background-color: green;}
#layout-middle { background-color: blue;}
#layout-bottom { background-color: yellow;}
*/

#layout {
    margin: 0; padding: 0;
    overflow: hidden;
}

#layout-top {
    height: 200px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#layout-bottom {
    height: 134px;
    background-image: url(../images/bg-footer.png);
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 85%;
}
#layout-bottom-content {
    padding-top: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #666;
    letter-spacing: 1px;
    text-shadow: #000 0px 1px 1px;
}


.websafe-slideshow {
 /*   width: 780px; height: 520px;
    width: 720px; height: 480px;
    width: 680px; height: 454px;*/
    width: 660px; height: 371px; /*440*/
    background-color: #000;
    box-shadow: 0px 0px 60px #000;
    -moz-box-shadow: 0px 0px 60px #000;
    -webkit-box-shadow: 0px 0px 60px #000;

    margin: auto;

    overflow: hidden;
}
.websafe-slideshow img { }

.websafe-slideshow-overlay {
    display: none;
}

body.home .websafe-slideshow {
 /*   width: 780px; height: 520px;
    width: 720px; height: 480px;
    width: 680px; height: 454px;*/
    width: 420px; height: 292px; /*440*/
    background-color: #000;
    margin: auto;
    overflow: hidden;
    margin-top: 60px;
}
body.home .websafe-slideshow  img{
    width: 420px;
    height: 292px;
    background-color: black;
}

body.home .websafe-slideshow-overlay {
    display: block;
    background-image: url(../images/home-slideshow-frame2.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 536px;
    height: 414px;
    margin: auto;
    position: absolute;
    z-index: 9999;
    left: 50%;
    margin-left: -268px;
    margin-top: -350px;
}

#layout-middle-content {
    padding-top: 40px;
}


.content{
    padding: 50px 10px 0px 10px;
    margin: auto;

}



a {
    color: #947b5e;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3, h4, h5 {
    text-transform: uppercase;
}

h2 { font-size: 110%;}


.post { color: #777; text-shadow: #333	 1px 1px 1px; font-size: 92%; line-height: 160%;}
body.category .post { margin-bottom: 40px;}
.post .entry-meta { opacity: 0.6; font-size: 85%;}
body.category .post .entry-utility { display: none;}

body.page-id-7 .content,
body.page-id-9 .content,
body.page-id-4 .content
{ display: none;}

body.page-id-9 .content
{
    display: block;
}
body.page-id-4 .content
{
    display: block;
}
.footer {
    font-size: 75%;
    color: #999;
}


.wp-post-image {
    float: left;
    margin: 0px 15px 5px 0px;
}

.entry-summary .col1,
.entry-summary .col2 {
    float: left;
}
.entry-summary .col1
{
    width: 20%;
    padding-top: 10px;
}
.entry-summary .col1 img
{

}
.entry-summary .col2
{
    width: 80%;
}
    .entry-summary .col2 p
    {
	margin-top: 5px;
    }


.loading {
    /*background-image: url(images/loading.gif);*/
    background-position: center center;
    background-repeat: no-repeat;
}


#bgsound {
    visibility: visible;
}
#bgsound-control {
    /*position: absolute;*/
    /*top: 0px;*/
    font-size: 60%;
    text-transform: uppercase;
    font-weight: bold;
    color:#999;
    float: right;
    margin-top: 20px;
}

body.home #layout-middle-content {
    background-image: url(../images/bg-middle-home.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    min-width: 990px;
    min-height: 510px;

}

body.page-id-181 {
    text-transform: uppercase;
    text-align: center;
    background-color: white;
    background-image: none;
    font-size: 75%;
    text-shadow: none;

}
body.page-id-181 #layout-nav-top { display: none; }
body.page-id-181 #layout-bottom { display: none; }
body.page-id-181 .post { color: #777; text-shadow: none; font-size: 80%; line-height: 160%;}
body.page-id-181  .websafe-slideshow{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #fff;
}
body.page-id-181 h2 {
    text-align: center;
    font-size: 160%;
}
body.page-id-181 h2.entry-title {
    text-align: left;
}

body.page-id-181 #bgsound-control {
    visibility: hidden;
}
body.page-id-181  #layout-nav-top
{
    visibility: hidden;
}

body.page-id-181 #layout-top {
    display: block;
    height: 200px;
    background-image: url(../images/logo-warning.png);
    background-repeat: no-repeat;
    background-position: center center;
}

body.page-id-181 h2.entry-title { display: none; }

body.page-id-181 .post { margin-top: -50px;}


/* hiding slideshow: friends + kontakt  */
body.category-5 .websafe-slideshow,
body.page-id-4 .websafe-slideshow {
    display: none;
}


/*input { background-color: #000; border: solid 1px #333; color:#fff;  padding: 5px 10px 5px 10px;}*/


table {}
.label { white-space: nowrap; text-transform: uppercase; font-size: 70%; text-align: right; color: #999; }
.clearboth { clear: both;}

.field, .label {
    width: 15%;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.label { vertical-align: top; padding-right:10px;}
.field input,
.submit input{
    background-color: #000;
    border: solid 1px #333;
    text-indent: 5px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    width: 100%;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
span.wpcf7-form-control-wrap {
}
.wpcf7-response-output {
    background-color: #947b5e;
    color: #000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
   
div.wpcf7-validation-errors {
    border: 1px solid #333;
}

.submit { text-align: right; }
.submit input { width: 25%; margin: 10px 0px 0px 0px;  float: right;}

input:focus {
    background-color: #222;
    color: #eee;
}

.field-guests { tex-align :right;}
.field-guests input { width: 100%;}
.field-date input { width: 100%;}
.field-phone input { width: 120%;}

.col-left
{
    border-right: dotted 1px #333;
    vertical-align: top;
    width: 40%;
}
.col-right
{
    padding-left: 10px;
    vertical-align: top;
}

body.page-id-4 {
    background-image: none;
    background-color: #000;
}

.kontakt-button
{
    display: block;
    border: solid 1px #333;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 10px;
    width: 80%;
    text-align: center;
    text-transform: uppercase;
}

.kontakt-button:hover
{
    border: solid 1px #444;
    box-shadow: 0px 0px 60px #333;
    -moz-box-shadow: 0px 0px 60px #333;
    -webkit-box-shadow: 0px 0px 60px #333;
}

iframe { margin-bottom: 20px; }


.ngg-gallery-thumbnail img {
    background-color: none;
    border: none;
    display: block;
    margin: 4px 10px 4px 0px;
    padding: 0px;
    position: relative;
}

.entry-content { padding-bottom: 20px;}