@charset "UTF-8";
/*
Theme Name: WorkTemple
Theme URI: http://www.worktemple.com/
Description: Szablon strony Magia Fotografii
Version: 1.1
Author: Sebastian Wilczyński
*/
body
{
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	background-color:#000000;
	margin:50px 0 0 0;
	padding:0;
}
body,
input,
textarea,
a
{
	font-family:Arial;
	font-size:12px;
	color:#b3b1b0;
	text-decoration:none;
}
a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}
img
{
	border:0;
}
#page-container
{
	width:963px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}
#left-column
{
	float:left;
	width:277px;
}
#right-column
{
	width:686px;
	float:right;
}
#page-content
{
	background-color:#565453;
	padding:40px;
	overflow:auto;
	zoom:1;
}
#page-content h1
{
	color:#FFFFFF;
	font-size:18px;
	padding:0 0 30px 0;
	margin:0;
	font-weight:normal;
}

H1 a
{
	color:#FFFFFF;
	font-size:18px;
	padding:0 0 30px 0;
	margin:0;
	font-weight:normal;
}
H1 a:hover
{
	color:#b3b1b0;
	font-size:18px;
	padding:0 0 30px 0;
	margin:0;
	font-weight:normal;

}





#page-content h2
{
	color:#FFFFFF;
	font-size:22px;
	padding:0 0 30px 0;
	margin:0;
	font-weight:normal;
}
#page-content p
{
	margin:0;
	padding:7px 0 7px 0;
}
#single-post img,
#single-page img
{
	padding:0px;
	border:25px solid #ffffff;
}
#page-bottom
{
	position:absolute;
}
#bottom-menu
{
	background-color:#FFFFFF;
	width:275px;
	background-image:url(images/narrow-down.gif);
	background-repeat:no-repeat;
	background-position:right top;
	font-size:13px;;
	letter-spacing:2px;
	margin-top:1px;
	float:left;
}
#bottom-menu.no-link
{
	background-image:none;
}
#bottom-menu,
#bottom-menu a
{
	color:#5b6360;
}
#bottom-menu .page-title
{
	padding:16px 15px 16px 15px;
}
#bottom-menu .trigger
{
	cursor:pointer;
	padding:16px 15px 16px 15px;
}
#bottom-menu .parent
{
	color:#000000;
}
#bottom-menu ul
{
	list-style:none;
	margin:0;
	padding:0;
	display:none;
}
#bottom-menu li
{
	border-top:1px solid #000000;
	padding:15px;
}
#bottom-menu a
{
	display:block;
	text-decoration:none;
}
#bottom-menu .parent a
{
	display:inline;
}
#bottom-menu a:hover
{
	color:#000000;
}
#bottom-nav
{
	margin-top:1px;
	float:left;
}
#bottom-nav a
{
	margin-left:1px;
}
#left-menu
{
	padding-left:176px;
	z-index:10;
}
#top-menu
{
	padding-left:276px;
	position:relative;
	top:138px;
}
#left-menu ul,
#top-menu ul
{
	font-size:13px;;
	letter-spacing:2px;
	margin:0;
	padding:0;
	padding:0;
	list-style:none;
	position:absolute;
}
#left-menu ul li,
#top-menu ul li
{
	padding:15px;
	float:left;
	background-color:#FFFFFF;
}
#left-menu ul li.root,
#top-menu ul li.root
{
	padding-right:45px;
	background-image:url(images/narrow-right.gif);
	background-position:right top;
	background-repeat:no-repeat;
	color:#000000;
	cursor:pointer;
}
#left-menu ul li.cat-item,
#left-menu ul li.page_item,
#top-menu ul li.cat-item,
#top-menu ul li.page_item
{
	border-left:1px solid #000000;
	display:none;
}
#top-menu a,
#left-menu a
{
	color:#5b6360;
	text-decoration:none;
}
#top-menu a:hover,
#left-menu a:hover
{
	color:#000000;
}
#footer
{
	width:925px;
	margin:100px auto 20px auto;
	padding:0;
	text-align:center;

}
#footer a
{
	text-decoration:underline;
			background-color: #565453;
}
#footer,
#footer a
{
	color:#b3b1b0;

		padding: 3px;
	font-size:12px;
	font-weight:bold;
}
#footer a:hover
{
	text-decoration:none;
		color:#ffffff;
}
#navigation-loader
{
	padding:20px;
	float:left;
	display:none;
}
#photos-counter
{
	width:48px;
	height:29px;
	padding-top:18px;
	margin:1px 0 0 1px;
	text-align:center;
	float:left;
	color:#000000;
	font-size:10px;
	background-color:#FFFFFF;
}
.current-image
{
	height:400px;
	background-color:#000000;
	background-image:url(images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	border:15px solid white;
}
/* Kontakt */
fieldset
{
	border:none;
}
input,
textarea
{
	color:#000000;
	border:none;
	width:98%;
	overflow:hidden;
	z-index:0;
}
input
{
	padding:1px;
}
textarea
{
	padding:3px;
}
#contact-content-left
{
	float:left;
	width:330px;
}
#contact-content-right
{
	float:right;
	width:200px;
}
#usermessagea
{
	padding:10px;
	margin-bottom:10px;
	border:1px solid #FF0000;
	font-weight:bold;
	color:#FF0000;
	display:none;
}
#usermessagea.failure
{
	display:block;
}
.cf-ol
{
	list-style:none;
	margin:0;
	padding:0;
}
.cf-ol li
{
	margin:5px 0 5px 0;
	overflow:hidden;
	zoom:1;
}
.cf-ol li label
{
	width:120px;
	display:block;
	float:left;
	padding:4px 0 0 0;
}
.cf-ol li .emailreqtxt,
.cf-ol li .reqtxt
{
	float:left;
	display:block;
	padding:2px 0 0 0;
	margin-left:136px;
}
.form-field
{
	width:190px;
	padding:2px;
	background-color:#FFFFFF;
	float:right;
	z-index:1;
}
.cf-fs1,
.cf-sb
{
	padding:0;
	margin:0;
}
.cf-sb input
{
	margin:5px 0 5px 0;
	width:auto;
	background:none;
	color:#FFFFFF;
	font-size:13px;
	float:right;
	cursor:pointer;
}
.cf_hidden
{
	display:none;
}
.cf_li_err
{
	font-weight:bold;
	color:#FF0000;
}
/* Terminy */
.dates
{
	width:100%;
}
.dates month
{
	width:20%;
	padding:5px;
}
.dates day
{
	width:5%;
	padding:5px;
}
.dates .day span
{
	background-color:#969493;
	padding:3px;
	display:block;
	float:left;
	margin-right:3px;
	color:#FFFFFF;
	font-weight:bold;
}
/* Blog */
#blog-posts-mask
{
	width:828px;
	height:370px;
	overflow:hidden;
}
.the-post
{
	width:275px;
	height:370px;
	overflow:hidden;
	background-color:#565453;
	float:left;
	margin-right:1px;
}
.the-post .thumbnail
{
	width:100%;
	height:185px;
	background-repeat:no-repeat;
	background-position:center;
}
.the-post .details
{
	padding:10px 10px 0 10px;
}
.the-post .details h1
{
	font-size:17px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#ffffff;
	height:45px;
	overflow:hidden;
}
.the-post .date
{
	font-style:italic;
	font-size:10px;
}
.the-post .blurb
{
	height:72px;
	overflow:hidden;
	margin-top:8px;
}
.the-post .blurb p
{
	margin:0;
	padding:0;
}
.the-post .more-link a
{
	color:#ffffff;
}
.the-post .more-link a:hover
{
	color:#b3b1b0;
}

/* Single Post */
#single-post h1
{
	padding-bottom:5px;
}
#single-post .date
{
	font-style:italic;
	font-size:11px;
}
#single-post .content
{
	padding-top:20px;
}