@import url('styles/reset.css');
@import url('styles/rebuild.css');
@import url('styles/wp.css');

/*
Theme Name: Customer Theme for Franz Alois Fischer
Theme URI: http://www.franzaloisfischer.de
Author: haydon.eu Web Design
Author URI: http://haydon.eu/
Version: 1.0
*/

body {
	font-family: Georgia;
	font-size: 100%;
	color: #222222;
	background: url('images/background-paper.jpg') center;
}
p {
	line-height: 135%;
	margin-bottom: 0.5em;
}

/* =Fonts
-------------------------------------------------------------- */

@font-face {
    font-family: 'BebasRegular';
    src: url('fonts/BEBAS___-webfont.eot');
    src: url('fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/BEBAS___-webfont.woff') format('woff'),
		 url('fonts/BEBAS___-webfont.ttf') format('truetype'),
		 url('fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SpecialEliteRegular';
    src: url('fonts/SpecialElite-webfont.eot');
    src: url('fonts/SpecialElite-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SpecialElite-webfont.woff') format('woff'),
         url('fonts/SpecialElite-webfont.ttf') format('truetype'),
         url('fonts/SpecialElite-webfont.svg#SpecialEliteRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* =Header
-------------------------------------------------------------- */

#header {
	height: 170px;
	position: relative;
}
#logo {
	display: block;
	background: url('images/logo.png');
	width: 93px;
	height: 88px;
	position: absolute;
	left: 15px;
	top: 30px;
}
#motif {
	position: absolute;
	right: 15px;
	top: 0;
	background: url('images/book.png');
	width: 229px;
	height: 89px;
}

/* =Layout
-------------------------------------------------------------- */

#wrapper {
	width: 900px;
	margin: auto;
}
#container {
	float: left;
	margin: 0 -235px 0 0;
	width: 100%;
}
#content {	
	position: relative;
	margin: 10px 235px 0 75px;
}
#primary, #secondary {
	float: right;
	overflow: hidden;
	width: 200px;
}
#secondary {
	clear: right;
}
#footer {
	clear: both;
	width: 100%;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	position: absolute;
	right: 205px;
	top: 15px;
	font-family: SpecialEliteRegular;
	text-transform: uppercase;
	font-size: 85%;
	line-height: 140%;
	width: 200px;
	letter-spacing: 2px;
}
.skip-link {
	display: none;
}
.menu ul {
	list-style: none;
	margin: 0;
}
.menu ul ul {
	display: none;
}
.menu li {
	display: inline;
}
.menu a {
	display: block;
}
#access li.current-menu-item a, .kunstundleben #access li.current-menu-item a, .philosophie #access li.current-menu-item a , .literatur #access li.current-menu-item a, #access li a:hover, .kunstundleben #access li a:hover, .philosophie #access li a:hover , .literatur #access li a:hover {
	color: #FFF;
}
#access a:hover {
	text-decoration: none;
}

/* =Content
-------------------------------------------------------------- */

.post {
	margin: 0 0 1.75em 0;      
}
.entry-content, .entry-summary {
	margin: 10px 0 0 0;
}
.entry-title {
	font-size: 200%;
	line-height: 100%;
	margin-bottom: 6px;
	margin-left: -25px;
	padding-left: 25px;
}
.entry-title a:hover {
	text-decoration: none;
}
.entry-meta {
	font-size: 85%;
}
a.more-link {
	font-size: 75%;
}
.entry-utility {
	font-size: 11px !important;
}
div.printfriendly {
	display: inline;
}
.post-top .post {
	margin: 0 0 1.5em 0;      
}
div.post-top {
	margin: 0 0 1.5em 0;      
}
.post-next .entry-title {
	font-size: 125%;
	line-height: 100%;
	margin-bottom: 0px;
}
.post-next .post {
	margin: 0 0 0.75em 0;      
}
img.ebook {
	float: left;
	margin: 15px 0px 20px 0;
	padding: 10px 0;
	clear: both;
}
div.ebooktext {
	float: right;
	width: 445px;
	padding: 20px 0 0 0;
}
input.ppalbtn {
	margin-left: -5px
}

/* =Home Page Layout
-------------------------------------------------------------- */

#main-image {
	width: 630px;
	height: 630px;
	position: relative;
	margin: -40px 0 0 -60px;
}
#rotate {
	width: 630px;
	height: 630px;
	position: relative;
	background: url('images/main-image.png');
}
.main-image {
	display: block;
	position: absolute;
	background: none;
}
.main-image.literatur {
	width: 630px;
	height: 230px;
	top: 0;
}
.main-image.kunstundleben {
	width: 315px;
	height: 400px;
	bottom: 0;
	left: 0;
}
.main-image.philosophie {
	width: 315px;
	height: 400px;
	bottom: 0;
	right: 0;
}
.home .entry-title, .home .entry-utility, .home #header {
	display: none;
}
.home #main {
	margin-top: 65px;
}
.logohome {
	background: url('images/logo.png');
	width: 93px;
	height: 88px;
	left: 269px;
	top: 271px;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	margin: 0 0 1.5em 0;
	overflow: auto; 
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area {
	font-size: 80%;
	padding-left: 10px;
	margin-left: -10px;
}
.widget-area ul ul a{
	text-decoration: none;
	padding-left: 10px;
	margin-left: -10px;
}
.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul ul {
	margin-left: 2.5em;
}
.widget-container {
	margin: 0 0 1.5em 0;
}
.widget-title {
	font-family: BebasRegular;
	font-size: 130%;
	letter-spacing: 2px;
	padding-bottom: 18px;
}
#secondary .textwidget{
	font-size: 80%;
}

.widget_recent_entries li{
	line-height: 140%;
	margin-bottom: 6px;
}
.widget-area .current-menu-item   a  { 
	font-weight: bold
}
div.introduction {
	font-size: 85%;
	padding-left: 24px;
	padding-bottom: 5px;
}
.introduction  a:hover {
	text-decoration: none;
}
#facebook, #twitter {
	display: inline-block;
	width: 63px;
	height: 67px;
}
#facebook {
	background: url('images/icon-facebook.png');
}
#twitter {
	background: url('images/icon-twitter.png');
}

/* =Grey Default Colour
-------------------------------------------------------------- */

a {
	text-decoration: none;
	color: #555;
}
 a:hover {
	color: #999;
}
#wrapper {
	background: url('images/grey/brushstroke.png') no-repeat top right;
}
.widget-area, .widget-area a, .entry-title, .entry-title a {
	color: #222		/* 100% Color*/
}
.widget-title {
	background: url('images/grey/widget-underline.png') no-repeat 0px 29px;
}
.entry-meta, .entry-meta a, a.more-link {
	color: #666		/* 70% Color*/
}
.entry-utility , .entry-utility a , #secondary, #secondary a {
	color: #aaa		/* 45% Color*/
}
#access li a {
	color: #888;		/* 30% Color over header*/
}
.post-top .entry-title:hover {
	background: url('images/grey/title-hover.png') no-repeat 0px 9px;
}
.post-next .entry-title:hover {
	background: url('images/grey/title-hover.png') no-repeat 0px 2px;
}
.widget-area ul ul a:hover {
	background: url('images/grey/widget-hover.png') no-repeat 0px 5px;
}

/* =Red Colour
-------------------------------------------------------------- */

.literatur a, .ebooks a{
	text-decoration: none;
	color: #b3544d		;
}
.literatur a:hover, .ebooks a:hover {
	color: #c78277		;
}
.literatur #wrapper, .ebooks #wrapper {
	background: url('images/red/brushstroke.png') no-repeat top right;
}
.literatur .widget-area, .literatur .widget-area a, .literatur .entry-title, .literatur .entry-title a, .literatur .introduction  a:hover, 
.ebooks .widget-area, .ebooks .widget-area a, .ebooks .entry-title, .ebooks .entry-title a, .ebooks .introduction  a:hover  {
	color: #8e0000		/* 100% Color*/
}
.literatur .widget-title, .ebooks .widget-title {
	background: url('images/red/widget-underline.png') no-repeat 0px 29px;
}
.literatur .entry-meta, .literatur .entry-meta a, .literatur a.more-link, .literatur .introduction, .literatur .introduction a, 
.ebooks .entry-meta, .ebooks .entry-meta a, .ebooks a.more-link, .ebooks .introduction, .ebooks .introduction a {
	color: #b3544d		/* 70% Color*/
}
.literatur .entry-utility , .literatur .entry-utility a , .literatur #secondary, .literatur #secondary a, 
.ebooks .entry-utility , .ebooks .entry-utility a , .ebooks #secondary, .ebooks #secondary a {
	color: #c78277		/* 45% Color*/
}
.literatur #access li a, .ebooks #access li a  {
	color: #c05858;		/* 30% Color over header*/
}
.literatur .post-top .entry-title:hover, .ebooks .entry-title:hover  {
	background: url('images/red/title-hover.png') no-repeat 0px 9px;
}
.literatur .post-next .entry-title:hover  {
	background: url('images/red/title-hover.png') no-repeat 0px 2px;
}
.literatur .widget-area ul ul a:hover, .ebooks .widget-area ul ul a:hover  {
	background: url('images/red/widget-hover.png') no-repeat 0px 5px;
}
.literatur div.introduction, .ebooks div.introduction  {
	background: url('images/red/questionmark.png') no-repeat 0 1px;
 }
.literatur div.post-top, .ebooks div.post-top {
	border-bottom: 1px dotted #C78277;		/* 45% Color*/
}

/* =Blue Colour
-------------------------------------------------------------- */

.philosophie #wrapper {
	background: url('images/blue/brushstroke.png') no-repeat top right;
}
.philosophie .widget-area, .philosophie .widget-area a, .philosophie .entry-title, .philosophie .entry-title a, .philosophie .introduction  a:hover  {
	color: #0a0c5e		/* 100% Color*/
}
.philosophie .widget-title {
	background: url('images/blue/widget-underline.png') no-repeat 0px 29px;
}
.philosophie .entry-meta, .philosophie .entry-meta a, .philosophie a.more-link, .philosophie .introduction, .philosophie .introduction a  {
	color: #5b5a89		/* 70% Color*/
}
.philosophie .entry-utility , .philosophie .entry-utility a, .philosophie #secondary, .philosophie #secondary a {
	color: #		/* 45% Color*/
}
.philosophie #access li a {
	color: #6d6e9d; 	/* 30% Color over header*/
}
.philosophie .post-top .entry-title:hover {
	background: url('images/blue/title-hover.png') no-repeat 0px 9px;
}
.philosophie .post-next .entry-title:hover {
	background: url('images/blue/title-hover.png') no-repeat 0px 2px;
}
.philosophie .widget-area ul ul a:hover, .widget-area .current-menu-item  {
	background: url('images/blue/widget-hover.png') no-repeat 0px 5px;
}
.philosophie div.introduction {
	background: url('images/blue/questionmark.png') no-repeat 0 1px;
 }
.philosophie div.post-top {
	border-bottom: 1px dotted #9492a9;		/* 45% Color*/
}

/* =Bordeaux Colour
-------------------------------------------------------------- */

.kunstundleben #wrapper {
	background: url('images/bordeaux/brushstroke.png') no-repeat top right;
}
.kunstundleben .widget-area, .kunstundleben .widget-area a, .kunstundleben .entry-title, .kunstundleben .entry-title a , .kunstundleben .introduction  a:hover {
	color: #4f1c46		/* 100% Color*/
}
.kunstundleben .widget-title {
	background: url('images/bordeaux/widget-underline.png') no-repeat 0px 29px;
}
.kunstundleben .entry-meta, .kunstundleben .entry-meta a, .kunstundleben a.more-link, .kunstundleben .introduction, .kunstundleben .introduction a  {
	color: #7d5a6f		/* 70% Color*/
}
.kunstundleben .entry-utility , .kunstundleben .entry-utility a, .kunstundleben #secondary, .kunstundleben #secondary a{
	color: #a78f96		/* 45% Color*/
}
.kunstundleben #access li a {
	color: #815f7b;  	/* 30% Color over header*/
}
.kunstundleben .post-top .entry-title:hover {
	background: url('images/bordeaux/title-hover.png') no-repeat 0px 9px;
}
.kunstundleben .post-next .entry-title:hover {
	background: url('images/bordeaux/title-hover.png') no-repeat 0px 2px;
}
.kunstundleben .widget-area ul ul a:hover {
	background: url('images/bordeaux/widget-hover.png') no-repeat 0px 5px;
}
.kunstundleben div.introduction {
	background: url('images/bordeaux/questionmark.png') no-repeat 0 1px;
 }
.kunstundleben div.introduction.excl {
	background: url('images/bordeaux/exclamationmark.png') no-repeat 0 1px;
	margin-top: 6px;
}
.kunstundleben div.post-top {
	border-bottom: 1px dotted #a78f96;		/* 45% Color*/
}















/* =Red Colour
-------------------------------------------------------------- */

.page-id-736 a, .ebooks a{
	text-decoration: none;
	color: #b3544d		;
}
.page-id-736 a:hover, .ebooks a:hover {
	color: #c78277		;
}
.page-id-736 #wrapper, .ebooks #wrapper {
	background: url('images/red/brushstroke.png') no-repeat top right;
}
.page-id-736 .widget-area, .page-id-736 .widget-area a, .page-id-736 .entry-title, .page-id-736 .entry-title a, .page-id-736 .introduction  a:hover, 
.ebooks .widget-area, .ebooks .widget-area a, .ebooks .entry-title, .ebooks .entry-title a, .ebooks .introduction  a:hover  {
	color: #8e0000		/* 100% Color*/
}
.page-id-736 .widget-title, .ebooks .widget-title {
	background: url('images/red/widget-underline.png') no-repeat 0px 29px;
}
.page-id-736 .entry-meta, .page-id-736 .entry-meta a, .page-id-736 a.more-link, .page-id-736 .introduction, .page-id-736 .introduction a, 
.ebooks .entry-meta, .ebooks .entry-meta a, .ebooks a.more-link, .ebooks .introduction, .ebooks .introduction a {
	color: #b3544d		/* 70% Color*/
}
.page-id-736 .entry-utility , .page-id-736 .entry-utility a , .page-id-736 #secondary, .page-id-736 #secondary a, 
.ebooks .entry-utility , .ebooks .entry-utility a , .ebooks #secondary, .ebooks #secondary a {
	color: #c78277		/* 45% Color*/
}
.page-id-736 #access li a, .ebooks #access li a  {
	color: #c05858;		/* 30% Color over header*/
}
.page-id-736 .post-top .entry-title:hover, .ebooks .entry-title:hover  {
	background: url('images/red/title-hover.png') no-repeat 0px 9px;
}
.page-id-736 .post-next .entry-title:hover  {
	background: url('images/red/title-hover.png') no-repeat 0px 2px;
}
.page-id-736 .widget-area ul ul a:hover, .ebooks .widget-area ul ul a:hover  {
	background: url('images/red/widget-hover.png') no-repeat 0px 5px;
}
.page-id-736 div.introduction, .ebooks div.introduction  {
	background: url('images/red/questionmark.png') no-repeat 0 1px;
 }
.page-id-736 div.post-top, .ebooks div.post-top {
	border-bottom: 1px dotted #C78277;		/* 45% Color*/
}

/* =Blue Colour
-------------------------------------------------------------- */

.page-id-1087 #wrapper {
	background: url('images/blue/brushstroke.png') no-repeat top right;
}
.page-id-1087 .widget-area, .page-id-1087 .widget-area a, .page-id-1087 .entry-title, .page-id-1087 .entry-title a, .page-id-1087 .introduction  a:hover  {
	color: #0a0c5e		/* 100% Color*/
}
.page-id-1087 .widget-title {
	background: url('images/blue/widget-underline.png') no-repeat 0px 29px;
}
.page-id-1087 .entry-meta, .page-id-1087 .entry-meta a, .page-id-1087 a.more-link, .page-id-1087 .introduction, .page-id-1087 .introduction a  {
	color: #5b5a89		/* 70% Color*/
}
.page-id-1087 .entry-utility , .page-id-1087 .entry-utility a, .page-id-1087 #secondary, .page-id-1087 #secondary a {
	color: #		/* 45% Color*/
}
.page-id-1087 #access li a {
	color: #6d6e9d; 	/* 30% Color over header*/
}
.page-id-1087 .post-top .entry-title:hover {
	background: url('images/blue/title-hover.png') no-repeat 0px 9px;
}
.page-id-1087 .post-next .entry-title:hover {
	background: url('images/blue/title-hover.png') no-repeat 0px 2px;
}
.page-id-1087 .widget-area ul ul a:hover, .widget-area .current-menu-item  {
	background: url('images/blue/widget-hover.png') no-repeat 0px 5px;
}
.page-id-1087 div.introduction {
	background: url('images/blue/questionmark.png') no-repeat 0 1px;
 }
.page-id-1087 div.post-top {
	border-bottom: 1px dotted #9492a9;		/* 45% Color*/
}

/* =Bordeaux Colour
-------------------------------------------------------------- */

.page-id-1455 #wrapper {
	background: url('images/bordeaux/brushstroke.png') no-repeat top right;
}
.page-id-1455 .widget-area, .page-id-1455 .widget-area a, .page-id-1455 .entry-title, .page-id-1455 .entry-title a , .page-id-1455 .introduction  a:hover {
	color: #4f1c46		/* 100% Color*/
}
.page-id-1455 .widget-title {
	background: url('images/bordeaux/widget-underline.png') no-repeat 0px 29px;
}
.page-id-1455 .entry-meta, .page-id-1455 .entry-meta a, .page-id-1455 a.more-link, .page-id-1455 .introduction, .page-id-1455 .introduction a  {
	color: #7d5a6f		/* 70% Color*/
}
.page-id-1455 .entry-utility , .page-id-1455 .entry-utility a, .page-id-1455 #secondary, .page-id-1455 #secondary a{
	color: #a78f96		/* 45% Color*/
}
.page-id-1455 #access li a {
	color: #815f7b;  	/* 30% Color over header*/
}
.page-id-1455 .post-top .entry-title:hover {
	background: url('images/bordeaux/title-hover.png') no-repeat 0px 9px;
}
.page-id-1455 .post-next .entry-title:hover {
	background: url('images/bordeaux/title-hover.png') no-repeat 0px 2px;
}
.page-id-1455 .widget-area ul ul a:hover {
	background: url('images/bordeaux/widget-hover.png') no-repeat 0px 5px;
}
.page-id-1455 div.introduction {
	background: url('images/bordeaux/questionmark.png') no-repeat 0 1px;
 }
.page-id-1455 div.introduction.excl {
	background: url('images/bordeaux/exclamationmark.png') no-repeat 0 1px;
	margin-top: 6px;
}

.page-id-1455 div.post-top {
	border-bottom: 1px dotted #a78f96;		/* 45% Color*/
}