/*
Theme Name: Photographie im kleinen Salon
Theme URI: http://photographie-im-kleinen-salon.de
Description: Internetseite mit Blog-System für das Photostudio von Lina Timmerberg (Based on Starkers Theme). Integration des Wordpress Flip Book Plugin von massiveProCreation (http://www.mpcreation.pl/themeforest/flipbook-plugin/).
Version: 1.0
Author: creative feat OHG
Author URI: http://www.creative-feat.com
Tags: photographie, lina-timmerberg, lina, timmerberg, kleinen-salon, salon, braut, bräutigam, familienbande, prunkstücke, chefsache, hab, gut, zu-verschenken
*/

@import "css/reset.css";
@import "css/layout.css";

.page {
	background: url(images/bg.jpg) 0px 604px repeat;
	font-size: 13px;

}
.page * {
	font-family: Arial, Helvetica, sans-serif;
}

/* classes */
.hidden { display: none; }

/* -------------------------------------- header -------------------------------------- */
.page .header {
	position: relative;
	width: 924px;
	height: 179px;
	margin: 0 auto;
	padding-top: 52px;
	background: url(images/header.png) center top no-repeat;
}
.page .header .logo {
	display: block;
	margin-left: 287px;
}

/* header menu */
.page .header .menu {
	margin-top: 1px;
	height: 45px;
	padding-left: 27px;
	background: url(images/navi_line.png) 25px 0px no-repeat;
}
.page .header .menu li {
	display: block;
	float: left;
	list-style: none;
}
.page .header .menu li a {
	height: 23px;
	display: block;
	padding: 22px 12px 0 10px;
	color: #463426;
	background: url(images/navi_line.png) right top no-repeat;
	font-family: "Times New Roman";
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 1px 1px 1px #ffffff;
}
.page .header .menu li.current-menu-item a,
.page .header .menu li a:hover { color: #c19a37; }

/* header blog link (Salon-Gespräche) */
.page .header .salon-talk {
	position: absolute;
	right: 0px;
	top: 37px;
	width: 264px;
	height: 68px;
	background: url(images/blog.png) no-repeat;
	cursor: pointer;
}

/* <-- */
.page .header_wrapper {
	height: 231px;
	background: url(images/header_bg.jpg) center top repeat-x;

	position: relative;	
	z-index: 999;
}


/* -------------------------------------- content ------------------------------------- */
.page .content {
	width: 922px;
	min-height: 373px;	
	margin: 0 auto;
	color: #463426;
	background: url(images/content_shadow.png) center top repeat-y;
	overflow: auto;
}
.page .content .innercontent {
	min-height: 178px;
	border-top: 1px solid transparent;
	margin-top: 0;
	background: url(images/gradient_content.jpg) center -1px no-repeat;
}
.page .content_wrapper {
	min-height: 373px;
	background: url(images/gradient_bg.jpg) repeat-x;
}

/* links */
.page .content a {
	color: #c19a37;
	text-decoration: none;
}
.page .content a:hover {
	text-decoration: underline;	
}


/*
 * contact
 */
.page .content .contactform {
	margin: 45px 0 73px 28px;
}
.page .content .contactform h2 {
	margin-bottom: 20px;
	font-family: "Times New Roman";
	font-size: 18px; 
	font-weight: bold;
}
.page .content .contactform .leftside {
	width: 265px;
}
.page .content .contactform .saloninfo {
	width: 215px;
	height: 291px;
	padding: 40px 20px 0 30px;
	background: url(images/theaser_271x331.png) no-repeat;
}
.page .content .contactform .saloninfo .fon {
	margin: 20px 0 0 92px;
}
.page .content .contactform .opening {
	width: 230px;
	height: 225px;
	padding: 40px 20px 0 30px;
	background: url(images/theaser_280x265.png) no-repeat;
}
.page .content .contactform .opening  a.link {
	display: block;
	margin-top: 20px;
	color: #463426;
	text-decoration: none;	
}
.page .content .contactform .opening  a.link span {
	padding: 5px 29px 3px 0;
	font-family: "Times New Roman";
	font-size: 14px;
	background: url(images/link.png) right top no-repeat;
}
.page .content .contactform .form {
	float: right;
	width: 576px;
	height: 288px;
	margin: 0px 15px 10px 0;
	padding: 117px 0 0 26px;
	color: #463426;
	background: url(images/contactform_bg.png) no-repeat;
}
.page .content .contactform .form p {
	margin-bottom: 10px;
	font-family: "Times New Roman";
}
.page .content .contactform .form input {
	height: 28px;
	width: 249px;
	margin-left: -8px;
	padding: 0 6px;
	background: 0;
	border: 0;
}
.page .content .contactform .form .submit input {
	float: right;
	width: 90px; 
	height: 32px;
	margin: -35px 22px 0 0;
	padding: 0;
	background: url(images/submit.png) no-repeat;
	cursor: pointer;
}
.page .content .contactform .form textarea {
	width: 249px;
	margin-left: -8px;
	padding: 10px 6px;
	height: 100px;
	background: 0;
	border: 0;
	resize: none;
}

/*
 * flip book
 */
.page .content .flipbook {
	height: 654px;
	margin: 35px 0 0 0;
	padding: 20px 0 0 10px;
	background: url(images/wallpager_bg.jpg) repeat-x;
}
.page .content .flipbook_footer {
	height: 178px;
	margin-bottom: 100px;
	background: url(images/gradient_content.jpg) center top no-repeat;
}

/*
 * gifts
 */
.page .content .gifts {
	min-height: 327px;
	margin: 45px 0 260px 0;
	padding: 100px 615px 0 35px;
	background: url(images/gifts_bg.png) center top no-repeat;
}

/*
 * home
 */
.page .content .home {
	min-height: 300px;
	margin-top: 35px;
	padding: 55px 80px 0 642px;
	background: url(images/home_bg.png) center top no-repeat;
}
.page .content .home_theaser {
	width: 884px;
	height: 315px;
	margin: 0 auto 30px auto;
	background: url(images/home_theaser.png) center top no-repeat;
}
.page .content .theaser {
	float: left;
	width: 226px;
	height: 247px;
	padding: 68px 34px 0 34px;
}
.page .content .theaser h2 {
	margin-bottom: 20px;
	font-family: "Times New Roman";
	font-size: 18px; 
	font-weight: bold;
}
.page .content .theaser a.link {
	display: block;
	margin-top: 20px;
	color: #463426;
	text-decoration: none;	
}
.page .content .theaser a.link span {
	padding: 5px 29px 3px 0;
	font-family: "Times New Roman";
	font-size: 14px;
	background: url(images/link.png) right top no-repeat;
}

/*
 * main
 */
.page .content .main_header {
	height: 42px;
	margin-top: 35px;	
	background: url(images/contentframe_header.png) center top no-repeat;
}
.page .content .main {
	padding: 0 66px;
	background: url(images/contentframe_bg.png) center top repeat-y;
}
.page .content .main h1 {
	margin-bottom: 20px;
	font-family: "Times New Roman";
	font-size: 21px; 
	font-weight: bold;
}
.page .content .main_footer {
	height: 50px;
	margin-bottom: 32px;
	background: url(images/contentframe_footer.png) center top no-repeat;
}

/*
 * salon
 */
.page .content .salon {
	min-height: 284px;
	margin-top: 35px;
	padding: 52px 48px 0 478px;
	background: url(images/salon_bg.png) center top no-repeat;
}
.page .content .salon_theaser {
	width: 888px;
	height: 315px;
	margin: 0 auto 30px auto;
	background: url(images/salon_theaser.png) center top no-repeat;
}


/* --------------------------------------- blog --------------------------------------- */
.page .content .blog-content {
	float: left;
	padding: 0 0 120px 40px;
}
.page .content .blog-content h1 {
	width: 518px;
	height: 150px;
	margin: 38px 0 26px 0;
	background: url(images/blog_header.png) no-repeat;
}

/* post */
.page .content .blog-content .blog-post {
	width: 518px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e6d7af;
	margin-bottom: 20px;
}
.page .content .blog-content .blog-post .meta {
	font-family: "Times New Roman";
}
.page .content .blog-content .blog-post .meta span {
	text-transform: uppercase;
	font-family: "Times New Roman";
}
.page .content .blog-content .blog-post h2 {
	margin-bottom: 10px;
	font-family: "Times New Roman";
	font-size: 18px; 
	font-weight: bold;
}
.page .content .blog-content .blog-post h2 a {
	padding: 2px 29px 0 0;
	color: #463426;
	font-family: "Times New Roman";
	background: url(images/link.png) right top no-repeat;
}
.page .content .blog-content .blog-post p {
}

/* posts navigation */
.page .content .blog-content .posts-nav {
	width: 518px;
	margin-bottom: 40px;
	overflow: auto;
}
.page .content .blog-content .posts-nav .prev {
	float: left;
	padding: 5px 0 3px 0;
}
.page .content .blog-content .posts-nav .prev a {
	padding: 5px 0 3px 29px;
	font-family: "Times New Roman";
	font-size: 14px;
	text-transform: uppercase;
	color: #463426;
	background: url(images/prev.png) left top no-repeat;
}
.page .content .blog-content .posts-nav .next {
	float: right;
	padding: 5px 0 3px 0;
}
.page .content .blog-content .posts-nav .next a {
	padding: 5px 29px 3px 0;
	font-family: "Times New Roman";
	font-size: 14px;
	text-transform: uppercase;
	color: #463426;
	background: url(images/link.png) right top no-repeat;
}


/* post comments */
.page .content .blog-content .post-comments {
	width: 518px;
}
.page .content .blog-content .post-comments h3 {
	margin-bottom: 20px;
	font-family: "Times New Roman";
	font-size: 18px; 
	font-weight: bold;
}
.page .content .blog-content .post-comments li.comment {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6d7af;
}
.page .content .blog-content .post-comments .comment-author.avatar {
	float: left;
	margin-right: 10px;
}
.page .content .blog-content .post-comments .comment-author.vcard {
	margin-bottom: 10px;
	font-family: "Times New Roman";
	font-size: 14px;
}
.page .content .blog-content .post-comments .comment-author.vcard a {
	font-family: "Times New Roman";
	font-size: 14px;
}
.page .content .blog-content .post-comments .comment-body {
	margin-left: 50px;
}
.page .content .blog-content .post-comments .reply {
	margin: 10px 0 20px 50px;
}
.page .content .blog-content .post-comments .reply a {
	padding: 5px 29px 3px 0;
	font-family: "Times New Roman";
	font-size: 14px;
	text-transform: uppercase;
	color: #463426;
	background: url(images/link.png) right top no-repeat;
}
.page .content .blog-content .post-comments ul.children {
	margin-left: 50px;
}

/* respond form */
.page .content .blog-content .post-comments #respond {
}
.page .content .blog-content .post-comments #respond h3 {
	margin-bottom: 20px;
	font-family: "Times New Roman";
	font-size: 18px; 
	font-weight: bold;
}
.page .content .blog-content .post-comments #respond .form-allowed-tags {
	display: none;
}

.page .content .blog-content .post-comments #respond form p {
	overflow: auto;
	padding-bottom: 10px;
}
.page .content .blog-content .post-comments #respond form label {
	float: left;
	width: 100px;
	padding-top: 5px;
}
.page .content .blog-content .post-comments #respond form input {
	width: 272px;
	height: 29px;
	padding: 0 6px;
	background: url(images/input284x29.png) no-repeat;
	border: 0;
}
.page .content .blog-content .post-comments #respond form textarea {
	width: 272px;
	height: 79px;
	padding: 10px 6px;
	background: url(images/input284x99.png) no-repeat;
	border: 0;
	resize: none;
}
.page .content .blog-content .post-comments #respond form input[type=submit] {
	width: auto;
	margin-left: 172px;
	padding: 5px 29px 3px 0;
	font-family: "Times New Roman";
	font-size: 14px;
	text-transform: uppercase;
	color: #463426;
	background: url(images/link.png) right top no-repeat;
	cursor: pointer;
}

/* blog sidebar */
.page .content ul.sidebar {
	float: right;
	width: 295px;
	padding: 49px 25px 0 0px;
}
.page .content ul.sidebar .widget-container {
	margin-bottom: 20px;
	padding-top: 44px;
	background: url(images/sidebar_header.png) no-repeat;
	overflow: hidden;
}
ul.sidebar .widget-container h3 {
	padding: 0 30px 20px 25px;
	background: url(images/sidebar_bg.png) repeat-y;
	font-family: "Times New Roman";
	font-size: 18px; 
	font-weight: bold;	
}
ul.sidebar .widget-container ul {
	padding-bottom: 48px;
	background: url(images/sidebar_footer.png) left bottom no-repeat;
}
ul.sidebar .widget-container ul li {
	background: url(images/sidebar_bg.png) repeat-y;
	padding: 0 30px 10px 25px;
}
ul.sidebar .widget-container ul li:after {
	content: " ";
	display: block;
	height: 10px;
	border-bottom: 1px solid #e6d7af;
}
ul.sidebar .widget-container ul li a {
	display: block;
	color: #463426;
}
ul.sidebar .widget-container ul li a:hover {
	color: #c19a37;
}


/* -------------------------------------- footer -------------------------------------- */
.page .footer {
	width: 882px;
	height: 33px;
	margin: -21px auto 0 auto;
	padding: 46px 20px 0 20px;
	color: #463426;
	background: url(images/footer.png) no-repeat;
}
.page .footer * {
	font-family: "Times New Roman"; 
}
.page .footer .copyright {
	float: left;
}

/* footer-menu */
.page .footer .menu-footer {
	
}
.page .footer .menu-footer li {
	display: block;
	float: left;
	list-style: none;
	margin-left: 4px;
	padding-left: 6px;
	background: url(images/footernavi_line.png) left 2px no-repeat;
}
.page .footer .menu-footer li a {
	color: #463426;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 1px 1px 1px #ffffff;
}
.page .footer .menu-footer li a:hover {
	color: #96741d;
}


/* <-- */
.page .footer_wrapper {
	height: 79px;
	background: url(images/footer_bg.png) left bottom repeat-x;

}