/*  
Theme Name: PancakeSeven2
Theme URI: http://www.pancakeseven.com
Author: Thorsten Beeck
Author URI: http://www.pancakeseven.com
*/

/* General *******************************************************************/

body
	{
		text-align: center;
		background-color: #222222;
		color: #cccccc;
		font-size: 12pt;
		font-family: Georgia, Arial;
		margin: 0;
		padding: 0;
	}
	
small, .nocomments, .postmetadata, blockquote, strike
	{
		color: #cccccc;
	}

code
	{
		font-family:"Courier New", Courier, monospace;
		font-size: 12pt;
		color: #919191;
	}

acronym, abbr, span.caps
	{
		font-size: 0.9em;
		letter-spacing: .07em;
		cursor: help;
		border-bottom: 1px dashed #333333;
	}

p img
	{
		max-width: 100%;
		padding: 0;
	}
	
img.centered
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

img.alignright
	{
		display: inline;
		margin: 0 0 2px 7px;
		padding: 4px;
	}

img.alignleft
	{
		display: inline;
		margin: 0 7px 2px 0;
		padding: 4px;
	}
	
select
	{
		width: 130px;
	}
	
blockquote
	{
		margin: 15px 30px 0 10px;
		padding-left: 10px;
		border-left: 3px solid #919191;
		color: #919191;
	}

blockquote cite
	{
		display: block;
		margin: 5px 0 0;
	}
	
a img
	{
		border: none;
	}

.description
	{
		font-size: 14px;
		clear: both;
		font-weight: bold;
		text-transform: uppercase;
		color: #999999;
		margin: 0;
	}

.clear
	{
		clear: both;
	}

.alignright
	{
		float: right;
		margin-right: 30px;
	}

.alignleft
	{
		float: left;
	}
	
.entry form, .center
	{ 
		text-align: center;
	}

.alt
	{
		margin: 0;
		padding: 10px;
	}
	
p.left
	{
		text-align: left;
	}

/* Header Area ***************************************************************/
	
#header
	{
		height: 193px;
		width: 700px;
		background-image: url(images/header_bg.png);
		margin: auto;
	}
	
#logo
	{
		height: 35px;
		width: 90px;
		clear: both;
		float: left;
		margin: 27px 0 0 0;
	}
	
ul#navlist
	{
		float: right;
		margin: 30px 0 0 0;
		padding: 0;
	}

ul#navlist li
	{
		font-family: Georgia, Arial;
		font-size: 20pt;
		display: inline;
		list-style-type: none;
		color: #cccccc;
	}
	
#intro
	{
		clear: both;
		float: left;
		text-align: justify;
		color: #cccccc;
		font-size: 16pt;
		font-family: Georgia, Arial;
		line-height: 30px;
		margin: 15px 0 0 0;
	}

/* Content Area **************************************************************/
	
#page
	{
		width: 700px;
		text-align: left;
		margin: auto;
	}
	
#contentarea
	{
		clear: both;
		width: 700px;
		padding-top: 0px;
		margin: 0;
	}
	
#cb_spacer
	{
		height: 15px;
		width: 700px;
		clear: both;
		background-image: url(images/cb_spacer.png);
		margin: auto;
	}
	
/* Footer Area ***************************************************************/

#footer_bg
	{
		background-image: url(images/footer_bg.gif);
		background-position: bottom left;
		background-repeat: repeat-x;
	}

#content_bottom
	{
		width: 700px;
		height: 181px;
		background: url(images/contentbottom_bg.gif) bottom left repeat-x;
		color: #cccccc;
		font-size: 10pt;
		font-family: Georgia, Arial;
	}

#content_bottom  h3
	{
		font-size: 15pt;
		font-family: Georgia, Arial;
		color: #a651d5;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}

#content_bottom a
	{
		color: #ffffff;
		text-decoration: none;
	}
	
#content_bottom a:hover
	{
		color: #919191;
		text-decoration: none;
	}
	
#content_bottom li
	{
		list-style: none;
		line-height: 23px;
	}

#content_bottom .letzteartikel
	{
		height: 166px;
		width: 360px;
		float: left;
		text-align: left;
		line-height: 20px;
		padding: 15px 0 0 0;
	}

#content_bottom .letzteartikel ul
	{
		list-style: none;
		padding-left: 0px;
	}
	
#content_bottom .letzteartikel ul li
	{
		padding-left: 0px;
		list-style: none;
	}

#content_bottom .kategorien
	{
		height: 166px;
		width: 270px;
		float: left;
		text-align: left;
		line-height: 20px;
		padding: 15px 0 0 0;
	}
	
#content_bottom .kategorien ul
	{
		padding-left: 0px;
		list-style: none;
	}
	
#content_bottom .kategorien ul li
	{
		padding-left: 0px;
		list-style: none;
	}

#content_bottom .archiv
	{
		height: 166px;
		width: 70px;
		float: left;
		text-align: left;
		line-height: 20px;
		padding: 15px 0 0 0;
	}
	
#content_bottom .archiv ul
	{
		padding-left: 0px;
		list-style: none;
	}
	
#content_bottom .archiv ul li
	{
		padding-left: 0px;
		list-style: none;
	}

#footer
	{
		width: 700px;
		height: 51px;
		background: url(images/footer_bg.gif) bottom left repeat-x;
		clear: both;
		color: #cccccc;
		font-size: 8pt;
		font-family: Georgia, Arial;
		text-align: center;
	}

#footer .top
	{
		height: 15px;
		text-align: center;
		padding: 10px 0 0 0;
	}

#footer .bottom
	{
		height: 21px;
		text-align: center;
		padding: 5px 0 0 0;
	}
	
/* Links ***********************************************************************/
	
a
	{
		color: #ff9920;
		text-decoration: none;
	}
	
a:hover
	{
		color: #915e21;
		text-decoration: none;
	}
	
a.home
	{
		font-family: Georgia, Arial;
		font-size: 20pt;
		font-weight: bold;
		color: #ff9920;
		text-decoration: none;
	}
	
a:hover.home
	{
		font-family: Georgia, Arial;
		font-size: 20pt;
		font-weight: bold;
		color: #915e21;
		text-decoration: none;
	}
	
a.portfolio
	{
		font-family: Georgia, Arial;
		font-size: 20pt;
		font-weight: bold;
		color: #a9ee1e;
		text-decoration: none;
	}
	
a:hover.portfolio
	{
		font-family: Georgia, Arial;
		font-size: 20pt;
		font-weight: bold;
		color: #668820;
		text-decoration: none;
	}
	
a.about
	{
		font-family: Georgia, Arial;
		font-size: 20pt;
		font-weight: bold;
		color: #46cccc;
		text-decoration: none;
	}
	
a:hover.about
	{
		font-family: Georgia, Arial;
		font-size: 20pt;
		font-weight: bold;
		color: #347777;
		text-decoration: none;
	}
	
a.extras
	{
		font-family: Georgia, Arial;
		font-size: 20pt;
		font-weight: bold;
		color: #d449ce;
		text-decoration: none;
	}
	
a:hover.extras
	{
		font-family: Georgia, Arial;
		font-size: 20pt;
		font-weight: bold;
		color: #7b3678;
		text-decoration: none;
	}
	
a.misc
	{
		font-family: Georgia, Arial;
		font-size: 8pt;
		color: #ffffff;
		text-decoration: none;
	}
	
a:hover.misc
	{
		font-family: Georgia, Arial;
		font-size: 8pt;
		color: #919191;
		text-decoration: none;
	}

a.home_footer
	{
		font-family: Georgia, Arial;
		font-size: 8pt;
		color: #ff9920;
		text-decoration: none;
	}
	
a:hover.home_footer
	{
		font-family: Georgia, Arial;
		font-size: 8pt;
		color: #915e21;
		text-decoration: none;
	}
	
a.portfolio_footer
	{
		font-family: Georgia, Arial;
		font-size: 8pt;
		color: #a9ee1e;
		text-decoration: none;
	}
	
a:hover.portfolio_footer
	{
		font-family: Georgia, Arial;
		font-size: 8pt;
		color: #668820;
		text-decoration: none;
	}
	
a.about_footer
	{
		font-family: Georgia, Arial;
		font-size: 8pt;
		color: #46cccc;
		text-decoration: none;
	}
	
a:hover.about_footer
	{
		font-family: Georgia, Arial;
		font-size: 8pt;
		color: #347777;
		text-decoration: none;
	}
	
a.extras_footer
	{
		font-family: Georgia, Arial;
		font-size: 8pt;
		color: #d449ce;
		text-decoration: none;
	}
	
a:hover.extras_footer
	{
		font-family: Georgia, Arial;
		font-size: 8pt;
		color: #7b3678;
		text-decoration: none;
	}
	
a.page_portfolio
	{
		color: #a9ee1e;
		text-decoration: none;
	}
	
a:hover.page_portfolio
	{
		color: #668820;
		text-decoration: none;
	}
	
a.page_about
	{
		color: #46cccc;
		text-decoration: none;
	}
	
a:hover.page_about
	{
		color: #347777;
		text-decoration: none;
	}
	
a.page_extras
	{
		color: #d449ce;
		text-decoration: none;
	}
	
a:hover.page_extras
	{
		color: #7b3678;
		text-decoration: none;
	}
	
a.page_misc
	{
		color: #ffffff;
		text-decoration: none;
	}
	
a:hover.page_misc
	{
		color: #919191;
		text-decoration: none;
	}

/* Post Details **************************************************************/

.portfolio
	{
		color: #a9ee1e;
	}	
	
.about
	{
		color: #46cccc;
	}
	
.extras
	{
		color: #d449ce;
	}

.post
	{
		padding: 0;
	}

.entry
	{
		line-height: 23px;
		text-align: justify;
	}

.posttop
	{
		clear: both;
		width: 100%;
		height: 56px;
		margin-top: 0px;
	}
	
.posttop_page
	{
		clear: both;
		width: 100%;
		height: 30px;
		margin-top: 0px;
	}

.posttop .dateicon
	{
		height: 56px;
		width: 75px;
		background-image: url(images/date_bg.png);
		float: left;
	}

.posttop .title
	{
		padding-left: 10px;
		float: left;
	}

.posttop_page .titlepage
	{
		padding-left: 0px;
		float: left;
	}

.posttop .dateicon .day
	{
		font-size: 16pt;
		color: #cccccc;
		clear: both;
		text-align: center;
		text-transform: uppercase;
		margin: 5px 17px 0 0;
	}

.posttop .dateicon .month
	{
		font-size: 8pt;
		color: #cccccc;
		clear: both;
		text-align: center;
		text-transform: uppercase;
		margin: 0 17px 0 0;
	}

.posttop .thetitle a
	{
		font-size: 20pt;
		color: #ff9920;
		clear: both;
	}

.posttop_page .thetitlepage
	{
		font-size: 20pt;
		color: #cccccc;
		clear: both;
	}

.posttop .thetitle a:hover
	{
		color: #915e21;
		text-decoration: none;
	}

.posttop .title .under
	{
		font-size: 9pt;
		color: #cccccc;
		clear: both;
		line-height: 25px;
	}

.posttop .title .under a
	{
		font-size: 9pt;
		color: #ff9920;
		clear: both;
		line-height: 25px;
	}
	
.posttop .title .under a:hover
	{
		color: #915e21;
		text-decoration: none;
	}
	
.postmetadata ul, .postmetadata li
	{
		display: inline;
		list-style-type: none;
		list-style-image: none;
	}

.comment
	{
		float: right;
		height: 32px;
		width: 35px;
		font-size: 13pt;
		font-family: Georgia, Arial;
		text-align: center;
		background-image: url(images/comment_bg.png);
	}
	
.comment a
	{
		color: #ff9920;
	}
	
.comment a:hover
	{
		color: #915e21;
		text-decoration: none;
	}
	
.commentlist
	{
		padding-left: 0;
		text-align: justify;
		line-height: 20px;
	}
	
.commentlist li, #commentform input, #commentform textarea 
	{
		font-family: Georgia, Arial;
	}

.commentlist li
	{
		font-weight: bold;
		margin: 10px 0 10px 0;
		padding: 0;
		list-style: none;
		border-bottom: #333333 dashed 1px;
	}

.commentlist cite, .commentlist cite a
	{
		font-weight: bold;
		font-style: normal;
		font-size: 10pt;
	}

.commentlist p
	{
		font-weight: normal;
		font-family: Georgia, Arial;
		font-size: 10pt;
		color: #cccccc;
		margin: 10px 5px 10px 0;
	}
	
#commentform
	{
		text-align: left;
		padding-left: 0;
	}
	
#commentform p
	{
		font-family: Georgia, Arial;
		margin: 5px 0;
	}
	
#commentform input
	{
		background-color: #333333;
		color: #cccccc;
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
		border: #444444 solid 0px;
	}

#commentform textarea
	{
		background-color: #333333;
		color: #cccccc;
		width: 100%;
		border: #444444 solid 0px;
		padding: 0;
	}

#commentform #submit
	{
		margin-right: 0;
		float: right;
	}

.commentmetadata
	{
		display: block;
		font-weight: normal;
		margin: 0;
	}

.nocomments
	{
		text-align: center;
		margin: 0;
		padding: 0;
	}
	
.avatar
	{
		height: 50px;
		width: 50px;
		float: right;
		margin: 0 0 40px 40px;
	}

.postbottomspacer
	{
		height: 32px;
		width: 700px;
		clear: both;
		float: left;
		background-image: url(images/postbottomspacer.png);
	}

.postbottom a.commentslink
	{
		height: 30px;
		padding-top: 3px;
		display: block;
		float: left;
		padding-right: 6px;
	}

.navigation
	{
		clear: both;
		text-align: center;
	}

.navigation a
	{
		color: #ff9920;
		padding: 0;
	}

.navigation a:hover
	{
		color: #915e21;
		text-decoration: none;
	}