/*   
Theme Name: Wakacje
Theme URI: http://e-rib.pl
Description: wakacje
Author: e-Rib.pl
Author URI: http://e-rib.pl
Version: 1.1



/* ---------------------------------------------------------------------------------------------------
-----------------------------------------PAGE STRUCTURE-----------------------------------------------
------------------------------------------------------------------------------------------------------ */

/* Body
------------------------------------------------------------ */

body {
margin: 0 auto;
height: auto;
	background: url("images/body-bg.png") 50% 0%;
	background-color: #cccaca;
	background: url('images/body-bg.png') 50% 0%, -moz-linear-gradient(left,  rgba(102,102,102,1) 0%, rgba(178,178,178,1) 25%, rgba(248,248,248,1) 50%, rgba(178,178,178,1) 75%, rgba(102,102,102,1) 100%); /* FF3.6+ */	
	background: url('images/body-bg.png') 50% 0%, -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(102,102,102,1)), color-stop(25%,rgba(178,178,178,1)), color-stop(50%,rgba(248,248,248,1)), color-stop(75%,rgba(178,178,178,1)), color-stop(100%,rgba(102,102,102,1))); /* Chrome,Safari4+ */
	background: url('images/body-bg.png') 50% 0%, -webkit-linear-gradient(left,  rgba(102,102,102,1) 0%,rgba(178,178,178,1) 25%,rgba(248,248,248,1) 50%,rgba(178,178,178,1) 75%,rgba(102,102,102,1) 100%); /* Chrome10+,Safari5.1+ */	
	background: url('images/body-bg.png') 50% 0%, -o-linear-gradient(left,  rgba(102,102,102,1) 0%,rgba(178,178,178,1) 25%,rgba(248,248,248,1) 50%,rgba(178,178,178,1) 75%,rgba(102,102,102,1) 100%); /* Opera 11.10+ */
	background: url('images/body-bg.png') 50% 0%, -ms-linear-gradient(left,  rgba(102,102,102,1) 0%,rgba(178,178,178,1) 25%,rgba(248,248,248,1) 50%,rgba(178,178,178,1) 75%,rgba(102,102,102,1) 100%); /* IE10+ */
	background: url('images/body-bg.png') 50% 0%, linear-gradient(to right,  rgba(102,102,102,1) 0%,rgba(178,178,178,1) 25%,rgba(248,248,248,1) 50%,rgba(178,178,178,1) 75%,rgba(102,102,102,1) 100%); /* W3C */	
}


/* Header
------------------------------------------------------------ */
		#header-bg {
		height: 269px;
		position: fixed; 
		width: 100%;
		background: url('images/header-bg.png');
		width: 100%;
    		z-index: 50;
		margin: 0 auto;

		}

		#header {
		background: url('images/header.png') no-repeat;
		margin: 0 auto;
		height: 300px;
		max-width: 1024px; 

		}

			.title-header {
			font-size: 60px;
			font-weight: bold;
			line-height: 80px;
			text-transform: none;
			text-align:right;
			text-shadow: 2px 2px 2px #888888;
			width: 1024px;
		}


			.title-header a,
			.title-header a:visited  {
			color: #fff;

		}

			.description {
			font-size: 45px;
			font-weight: bold;
			line-height: 22px;
			text-transform: none;
			float: right;
			text-align:right;
			color: #eeeeee;
			text-shadow: 2px 2px 2px #888888;
			width: 1024px;
			padding-top: 65px;

		}

			.description2 {
			font-size: 38px;
			font-weight: bold;
			line-height: 22px;
			text-transform: none;
			float: right;
			text-align:right;
			color: #d5d06b;
			text-shadow: 2px 2px 2px #888888;
			width: 1024px;
		}

/* Container
------------------------------------------------------------ */

	#container {
	margin: 0 auto;
	max-width: 1024px;
	padding-top: 285px;
	position: relative;


}

	/* Header-menu
	------------------------------------------------------------ */
			#header-menu {
			clear: both;
			color: #fff;
			margin: 0 auto;
			overflow: hidden;
			width: 1024px;
			height: 69px;

		}

			#header-menu ul {
			float: left;
			margin-left: 8%; 	/* pozycja w poziomie----------------------------------------------------------- */
			margin-top: 12px; 	/* pozycja w pionie----------------------------------------------------------- */

		}

			#header-menu li {
			float: left;
			margin: 0 auto;
			list-style-type: none;

		}

		#header-menu li a {
		background: rgba(255,255,255,0.85);
		background-color: #fff;
		background: -moz-linear-gradient(left,  rgba(254,255,255,0.85) 0%, rgba(255,255,255,0.85) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(254,255,255,0.85)), color-stop(100%,rgba(255,255,255,0.85))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(254,255,255,0.85) 0%,rgba(255,255,255,0.85) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(254,255,255,0.85) 0%,rgba(255,255,255,0.85) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(254,255,255,0.85) 0%,rgba(255,255,255,0.85) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(254,255,255,0.85) 0%,rgba(255,255,255,0.85) 100%); /* W3C */
		color: #444444;
		display: block;
		font-size: 16px;
		padding: 10px;
		position: relative;
		margin-left: 5px;
		text-decoration: none;
			border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
			border: 2px solid #4c4c4c;
			-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
}

		#header-menu li a:active,
		#header-menu .current_page_item a,
		#header-menu .current-cat a,
		#header-menu .current-post_item a,
		#header-menu.current-menu-item a {
		background: rgba(138,198,199,0.65);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac6c7', endColorstr='#8ac6c7',filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50) ); 
		color: #000000;
	}


		#header-menu li a:hover {
		background: rgba(233,248,133,0.45);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ee8a', endColorstr='#f3ee8a',GradientType=1 ); /* IE6-8 */ 
		color: #000000;
	}



		#header-menu li a .sf-sub-indicator {
		display: block;
		overflow: hidden;
		position: absolute;
		text-indent: -9999px;
	}

		#header-menu li li a,
		#header-menu li li a:link,
		#header-menu li li a:visited {
		background-color: #990000;
		color: #fff;
		font-size: 12px;
		padding: 5px 10px;
		position: relative;
		width: 138px;
	}

		#header-menuli li a:hover,
		#header-menu li li a:active {
		background-color: #666;
	}

		#header-menu li ul {
		height: auto;
		left: -9999px;
		position: absolute;
		width: 160px;
		z-index: 9999;
	}

		#header-menu li ul a {
		width: 140px;
	}

		#header-menu li ul ul {
		margin: -34px 0 0 158px;
	}

		#header-menu li:hover>ul,
		#header-menuli.sfHover ul {
		left: auto;
	}




	/* Inner
	------------------------------------------------------------ */
	#inner {
	overflow: hidden;
	max-width: 1024px;
	margin: 0 auto;   
	}
	
		

			/* Top widgets
			------------------------------------------------------------ */
			#top_widgets {
			overflow: hidden;
			width: 1024px;
			padding: 7px;
		
			}

			/* Bottom widgets
			------------------------------------------------------------ */
			#bottom_widgets {
			overflow: hidden;
			width: 1024px;
			padding: 7px;
			margin-bottom: 10px;
		
			}


			/* Content home page
			------------------------------------------------------------ */
			#content {
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			float: left;
			width: 745px;
			padding: 5px;
			}

			/* Content single
			------------------------------------------------------------ */
			#content_single {
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			float: left;
			width: 745px;
			padding: 5px;

			}


			/* Sidebar-right
			------------------------------------------------------------ */
			#sidebar-right {
			background: rgba(253,188,188,0.60);
			-webkit-border-radius: 5px;
			-webkit-border-top-left-radius: 0;
			-moz-border-radius: 5px;
			-moz-border-radius-topleft: 0;
			border-radius: 5px;
			border-top-left-radius: 0;			
			float: right;
			width: 255px;
			padding: 5px; 
			margin-top: 15px; 
			}
			
				#sidebar-right p {
				
					}


				#sidebar-right ol,
				#sidebar-right ul {
				margin: 0 0 0 10px;
					}

				#sidebar-right ol,
				#sidebar-right ul ul {
				margin: 0 0 0 15px;
					}

				#sidebar-right ul li {
				list-style-image:url('images/ar2.html');
				margin: 0 25px 10px;
				word-wrap: break-word;
					}

				#sidebar-right ul li a,
				#sidebar-right ul li a:visited {
				color: #666666;
    				word-wrap: break-word;
				font-size: 22px;
    				line-height: 26px;

					}

				#sidebar-right ul li a:hover {
				color: rgba(86, 127, 185, 1);
					}

				#sidebar-right ol li {
				list-style-type: decimal;
					}

				#sidebar-right h1,
				#sidebar-right h2,
				#sidebar-right h3,
				#sidebar-right h4,
				#sidebar-right h5,
				#sidebar-right h6 {
				margin: 5px 0px 5px;
				font-size: 26px;
    				line-height: 28px;

					}

				#sidebar-right h3 a:hover {
				color: rgba(86, 127, 185, 1);
				}





	/* Footer section
	------------------------------------------------------------ */
	#footer_section {
	background: url('images/footerr-bg.png');
	overflow: hidden;
	clear: both;
	width: 100%;
	height: 269px;
	}

			/* Footer widgets
			------------------------------------------------------------ */
			#footer_widgets {
			background: url('images/footer.png') no-repeat;
			height: 250px;
			margin: 60px auto;
			width: 1024px;
			}
			
			/* Footer creds
			------------------------------------------------------------ */
			#footer {
			margin: 5px auto;
			width: 1024px;
}
		

			



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


/* =Visibility
-------------------------------------------------------------- */
.hidden {
	visibility: hidden;
}

.visible {
	visibility: visible;
}

.none {
	display: none;
}

.hide-desktop {
	display: none;
}

.show-desktop {
	display: block;
}


/* Defaults
------------------------------------------------------------ */

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
input,
select,
textarea {
	color: #444444;
	font-family: Ubuntu, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	text-decoration: none;
	word-wrap: break-word;

}


ol,
ol li,
ul,
ul li {
	list-style-type: none;
	margin: 0 10px auto;
	padding: 0;
}

ol li {
	list-style-type: decimal;
}

ul li {
	list-style-type: square;
}

mg.centered,
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}

.alignnone {
	display: inline;
	margin: 0 0 10px;
}

.alignleft {
	display: inline;
}

.alignright {
	display: inline;
	margin: 0 0 10px 10px;
}

.alignleft {
	float: left;
	margin: 0 10px 0 0;
}

.alignright {
	float: right;
	margin: 0 0 0 10px;
}

.creds {vertical-align: middle; 
	margin: -5px 30px;
	display: inline;
 }



/* Hyperlinks
------------------------------------------------------------ */

a,
a:visited {
	color: #888888;
	text-decoration: none;
}

a:hover {
	color: #f8c385;
	text-decoration: none;
	
}

a img {
	border: none;
}



/* Headlines
------------------------------------------------------------ */

h1,
h3,
h4,
h5,
h6 {
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 5px;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}

h1,
h1 a,
h1 a:visited {
	color: #444444;
	font-size: 29px;
	font-weight: normal;
	line-height: 32px;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}

h1 a:hover {
	color: #f8c385;
	text-decoration: none;
}



h2 a,
h2 a:visited {
	color: #444444;
	font-size: 26px;
	font-weight: normal;
	line-height: 34px;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}

h2 a:hover {
	color: #f8c385;
	text-decoration: none;
}




h2 {
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 34px;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);

}





.widget-area h2 {
	font-size: 14px;
	font-weight: bold;
}

h3 {
	font-size: 27px;
	color: #444444;
}

h4 {
	font-size: 18px;
}

.widget-area h3 {
	border-bottom: 5px solid #ddd;
	color: #3eb73e;
	margin: 0 0 10px;
	padding: 0 0 5px;
	text-transform: uppercase;
}

#footer-widgets .widget-area h4 {
	border: none;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}


/* Post-entry
------------------------------------------------------------ */
	blockquote {
	border: 2px solid #4c4c4c;
			border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
			border: 2px solid #4c4c4c;
			-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			padding: 11px;
}
	blockquote p {
		font-weight: normal;
		font-style:italic;
 			}


.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }

/* Post-meta
------------------------------------------------------------ */
		.postmetadata {
		border-bottom: solid 1px rgba(85, 85, 85, 0.75);
		font-size: 12px;
		margin: 10px 0 10px;

				}

		.postmetadata p {
		padding: 5px;
				}

		.postmetadata a,
		.postmetadata a:visited {
		color: #888888;
				}
			
		.postmetadata a:hover {
		color: #8aaa19;

					}



.navgation { }
   .next-posts { }
   .prev-posts { }


/* Searchform
------------------------------------------------------------ */
#searchform { }
	#s { }
	#searchsubmt { }



/* Navigation Constants
------------------------------------------------------------ */

li:hover ul ul,
li.sfHover ul ul {
	left: -9999px;
}

li:hover,
li.sfHover {
	position: static;
}


/* Top widgets - css dla widgetów w function.php
------------------------------------------------------------ */
	#widget-1
			{
			background: rgba(208,223,107,0.65);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5de5e', endColorstr='#e5de5e',GradientType=1 ); /* IE6-8 */ 
			border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
			border: 5px solid #4c4c4c;
			-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			float: left;
			width: 476px;
			margin-left: 27px;
			height: 380px;
			}


			#widget-1 p 
				{
			padding: 5px;
				}

			#widget-1 a:hover
				{
			color: #f8c385;
				}

			

	#widget-2
			{
			background: rgba(138,198,199,0.65);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac6c7', endColorstr='#8ac6c7',filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50) );
			border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
			border: 5px solid #4c4c4c;
			-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			float: right;
			width: 476px;
			margin-right: 10px;
			height: 380px;
			}



			#widget-2 p 
				{
			padding: 5px;
				}


	#widget-3
			{
			background: rgba(122,228,127,0.65);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91e395', endColorstr='#91e395',filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50) ); 
			border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
			border: 5px solid #4c4c4c;
			-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			float: left;
			width: 476px;
			margin-left: 27px;
			height: 420px;
			}

			#widget-3 p 
				{
			padding: 5px;
				}


 

#widget-3 h2 a,
#widget-3 h2 a:visited {
padding-left: 5px;
}

#widget-3 h2 a:hover {
padding-left: 5px;
}




#widget-3 h2 {
padding-left: 5px;

}



	#widget-4
			{
			background: rgba(233,195,195,0.65);
 			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9c9c9', endColorstr='#e9c9c9',filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50) ); 
			border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
			border: 5px solid #4c4c4c;
			-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.65);
			float: right;
			width: 476px;
			margin-right: 10px;
			height: 420px;
			}


			#widget-4 p 
				{
			padding: 5px;
				}

#widget-4 h2 a,
#widget-4 h2 a:visited {
padding-left: 5px;
}

#widget-4 h2 a:hover {
padding-left: 5px;
}




#widget-4 h2 {
padding-left: 5px;

}


/* Footer widgets - css dla widgetów w function.php
------------------------------------------------------------ */

	#footer_widget-1
			{ 
			float: left;
			width: 600px;
			margin-left: 5px;
			margin-bottom: 15px;
			padding: 5px;
			color: #fff;
			font-size: 14px;
			height: 140px;
			}

	#footer_widget-2
			{ 
			float: left;
			width: 325px;
			margin-left: 5px;
			margin-bottom: 15px;
			padding: 5px;
			color: #222; 
			}

			.widget_footer_title
			{
			color: #222;
			font-size: 15px;
			}

	
			#footer_widget-1 p {
			color: #fff;
			font-size: 14px;
			}

			#footer_widget-1 a,
			#footer_widget a:visited {
			color: #fff;
			}

			#footer_widget-1 h3 {
			color: #fff;
			font-size: 20px;
			}


			#footer_widget-1 h4 {
			color: #fff;
			font-size: 19px;
			margin-top: 5px;
			}


			#footer_widget ol,
			#footer_widget ul {
			margin: 0 0 0 10px;
			}

			#footer_widget ol ol,
			#footer_widget ul ul {
			}

			#footer_widget ul li {
			list-style-image: url('images/ar.html');
			margin: 0 15px 10px;
			word-wrap: break-word;
			}



			#footer_widget ul li a,
			#footer_widget ul li a:visited {
			color: #222; 

			}

			#footer_widget ul li a:hover {
			color: #0498ff;
			}

			#footer_widget ol li {
			list-style-type: decimal;
			}