/*
Theme Name: RalfMack.com Theme 
Theme URI: http://ralfmack.com

Description: Customized Photo Theme for Ralf Mack by Werbestudio Mack, All Rights Reserved &copy; 2009
Tags: Photos, featured Content 

Version: 1.6
Author: Werbestudio Mack, Lukas Petri 
Author URI: http://wsmack.de

Used Colors: 
		Orange: #f49e00
*/


/* Overal setup */
* { margin:0; padding:0; }
body { background:#000000 url(images/mainbackground.jpg); color: #F2F2F2; font:12px/14px  helvetica, arial,Sans-serif; }
a   { color:#aaa;text-decoration:none;outline:0; }
a:hover { color:#eee; }
a img { border: none; }
ul, li { list-style: none;margin:0;padding:0; }
h1  { font-size:30px; } 
h2  { font-size:14px; } 
h3  { font:bold 11px arial,helvatica;color:#bbb; }
h3 SPAN.slash { font:bold 10px Arial !important; text-transform: lowercase; }
h4  { font-size:14px; }
code { font: 11px  "Courier New"; color:#666; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; }
embed  { text-align:center; margin:0 auto; align:center; }
blockquote { color:#ddd; padding:5px;font: 12px Arial,Sans-serif;line-height:1.4em; }
.clear { clear: both; }
.clear-both { clear: both; }
.pagenavi  { margin: 10px 5px; border-top: 1px solid #333; padding: 9px; border-bottom: 1px solid #333; background: transparent url(images/px.png); font-size:16px; color:#fff;}
.pagenavi, .pagenavi a:link, .pagenavi a:visited{font-weight: bold; color: #FFCC00;}
.left{float:left;}
.right{float:right;}
.aligncenter{text-align: center; align:center; margin:0 auto;}
.alignleft{margin:3px 15px 5px 0; float:left; display:inline;}
.alignright{ margin:3px 0 5px 15px; float:right; display:inline; }
.mydropdowns{font:11px/13px  helvetica, arial,Sans-serif;color: #F2F2F2; border: 1px solid #333; background-color: #464646;} 
.archivheader{margin: 25px 0 25px 8px; }

.widecolumn{line-height:1.4em; padding:25px; margin: 0 4px 8px 4px; background: transparent url(images/pxd.png) repeat 0 0; height:100%;}

/* navigation */


#menu-welcome-active a:link, #menu-about-active a:link, #menu-portfolio-active a:link, #menu-studio-active a:link, #menu-workshops-active a:link, #menu-contact-active a:link, #menu-composings-active a:link, #menu-seminare-active a:link,
#menu-blog-active a:link, #menu-shop-active a:link, #menu-videos-active a:link,

#menu-welcome-active a:visited, #menu-about-active a:visited, #menu-portfolio-active a:visited, #menu-studio-active a:visited, #menu-workshops-active a:visited, #menu-contact-active a:visited, #menu-composings-active a:visited, #menu-seminare-active a:visited, #menu-blog-active a:visited, #menu-shop-active a:visited, #menu-videos-active a:visited,

#menu-welcome-active a:hover, #menu-about-active a:hover, #menu-portfolio-active a:hover, #menu-studio-active a:hover, #menu-workshops-active a:hover, #menu-contact-active a:hover, #menu-composings-active a:hover, #menu-seminare-active a:hover,
#menu-blog-active a:hover, #menu-shop-active a:hover, #menu-videos-active a:hover

{color:#fbcb3a;}


/* navigation  neu*/


ul.topnav   { list-style:none;text-align:center;  }
.topnav li   { float:left;margin: 0; text-align:center; padding:5px 18px;}
.topnav li a  { font:16px arial;outline:none; font-weight:bold;color:#fff;text-decoration:none;display:block;}	
.topnav li a:hover, .topnav li.current_page_item a:link, .topnav li.current_page_item a:visited{color:#fbcb3a;  }

/* header */
.headerwrapper{height: 137px; background:transparent url(images/headerdarker.jpg);}
#header { width:950px;margin:0 auto;padding:107px 0 20px 0; background:transparent url(images/ralfmack-logo.png) no-repeat center -15px; }
.headeroverline {width:950px;margin:0 auto; background:transparent url(images/overline-bg.gif) no-repeat center top; height:90px;}
#header h1 a { display:block;font-size: 20px; margin: 5px 0; width: 240px;text-indent: -999em; }
#header h1 a:hover { color: #7ebe40; }
#main-wrapper { display:block; margin:0 auto;width:950px;padding:10px;text-align:left;/*background:url(images/px.png); */}
.main { margin:0;padding:0;overflow: hidden; }


/* index page */
.post {width: 465px; height:159px; overflow:hidden; margin: 0 4px 8px 4px; background:url(images/pxd.png); /*float:left;*/ }
.post h2 { font-size:18px; font-weight:normal; padding-bottom:5px; line-height:normal;}
.post h2 a:link, .post h2 a:visited{ color:#F2F2F2;}
.post h2 a:hover{ color:#ccc;}
.indexpostthumb{ width:163px; height:139px; float:left; background-color:#000; background-repeat:no-repeat; background-position: center; margin: 10px 14px 0 10px; overflow:hidden;}
.indexpostcontent{ height:147px; width: 225px;float: left;  margin: 8px 5px 0 0; }
.indexpostmeta{font-size:10px; padding-bottom:5px; display:block;}
.indexpostmeta a:link, .indexpostmeta a:visited{ color:#ccc;}
.indexpostmeta a:hover{ color:#fff;}
.indexpostcopy{ /*width: 250px;*/height:96px; overflow:hidden; line-height:16px;}
.featuredpost-readmore{float:right;}
.featured { line-height:1.4em; padding:25px; margin: 0 8px 8px 4px; background: transparent url(images/pxd.png) repeat 0 0; height:100%; }
.featuredsmallbox{line-height:1.4em; padding:10px; margin: 0 4px 8px 4px; background: transparent url(images/pxd.png) repeat 0 0;  float:left; border-bottom: 1px solid #666;}
.featured h2 {font-size:14px; font-weight:bold; padding-top:8px; }
.featuredsmallbox h2 {font-size:16px; font-weight:bold; padding-top:0; padding-bottom:8px; line-height:normal; }
.featured h2 a:link, .featured h2 a:visited, .featuredsmallbox h2 a:link, .featuredsmallbox h2 a:visited{ color:#F2F2F2;}
.featured h2 a:hover, .featuredsmallbox h2 a:hover{ color:#ccc;}

.freie_plaetze{padding:3px; font-weight:bold; float:right; margin-top:2px;}
.freie_plaetze a:link, .freie_plaetze a:visited{color:#990; /*color:#FFCC66;*/ display:block;}
.freie_plaetze a:hover {color:#fff;}

.comment_count
{
	float:right;
	width:29px;
	height:25px;
	background:url(images/comment.png) top right no-repeat;
	padding:6px 0 0 0;
	text-align:center;
	font-weight:bold;
	margin:0 0 15px 0;
	line-height:15px;
}
.comment_count a:link, .comment_count a:visited{color:#333;}
.comment_count a:hover{color:#F00;}

.ngg-widget a img{ background-color:#fff; padding:2px; margin: 4px;}

.startblogbox {width: 454px; background:transparent url(images/pxd.png) repeat scroll 0 0; float:left; margin-bottom:8px; padding:15px 0 0 15px;}
.startseminarbox{ float:left; background:transparent url(images/pxd.png) repeat scroll 0 0; width: 469px; height:400px;}

.searchheader{font-size:18px; background:transparent url(images/pxd.png); padding:20px; width:610px; margin:0 0 20px 5px; }

/* thumnail covers */

.thumb-title { margin-bottom:5px;background:#000;bottom:0;right:0;display:block;position:absolute;padding:4px;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; }
.thumb-title:hover { background:#222; }
.thumb-title h2 { margin: 0; line-height: 1.4em; }
.thumb-title h2 a { font:11px Arial,helvetica;display:block;color:#aaa;text-decoration: none;text-transform:capitalized; }
.thumb-title h2 a:hover { color: #fff;}


/* single page */
.singlepost { line-height:1.4em; padding:25px; margin: 0 4px 8px 4px; background: transparent url(images/pxd.png) repeat 0 0; height:100%; }
.singlepost h2, .singlepost h2 a { font:22px arial,helvetica;line-height:1.4em;color:#ddd;text-decoration:none; text-align:center; }


.singlepost .postMeta { font:10px Arial;margin-bottom:5px;color:#999; text-align:center; }
.singlepost .postMeta span.date { padding:0 2px 0 0; }
.singlepost .postMeta span.comments { background: url(images/comment.gif) no-repeat left center;padding-left:15px; }
.singlepost .postMeta span.comments a,
.singlepost .postMeta span.date a{ color:#999; }
.singlepost {  line-height:18px;overflow:hidden;padding-bottom:25px; }
.entry { line-height:18px;overflow:hidden;padding-bottom:0px; }
.entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; }  /*//////// SMILEY ////////*/
.entry img,.entry a img { /*border:1px solid #999;*/ border:none; }
.entry a:hover img { border-color:#eee; }
.singlepost h3 { font-size: 12px;font-weight:bold; color: #F2F2F2; display:inline; }
.singlepost p { margin: 1em 0; }
.singlepost p a,.post.singlepost li a { color:#b3d565; }
.singlepost p a:hover { color:#ddd; }
.singlepost p strong { font-weight: bold; }
.singlepost p em { font-style: normal; }
.singlepost a { color:#a9a393; }
.singlepost a:hover { color:#ddd; }
.singlepost blockquote { margin: 0 1.5em; color: #ccc; }
.singlepost ul, .post.singlepost ol { margin: 1em; }
.singlepost ul li, .singlepost ol li { margin: 0; color: #F2F2F2; line-height: 1.4em; }
.singlepost .wp-caption-text{ font-style:italic; font-size:11px; padding:3px;  color:#CCCCCC; margin:0 5px 5px 5px;}


.seminarlink { background: transparent url(images/button-bg-red.gif); color:#FFCC00; font-weight:bold; font-size:16px; margin:20px auto;  text-align:center; align:center; -moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #c45c5c; width:350px;}
.seminarlink:hover{background-color: #FFCC00; background-image:none; border:1px solid #fff;}
.seminarlink a:link, .seminarlink a:visited{ color:#FFCC00; display:block; padding:10px; }
.seminarlink a:hover{ color:#fff; }

.seminarlisting{line-height:1.4em; padding:4px 0 4px 15px; margin: 4px 4px 4px 0;  height:100%; clear: both; border-bottom: 1px solid #999;}
.seminarlisting p{margin-bottom:0;}
.seminarlistingheader {font-size:16px; font-weight:bold; padding:0; line-height:normal; margin:0;}
.seminarlistingheader a:link, .seminarlistingheader a:visited{ color: #FC6;}
.seminarlistingheader a:hover{ color:#ccc;}


/* entries */

.entry ul li {margin: 8px 0 8px 10px; list-style-type:disc; }
.seminarbestelltabelle tr td{ padding: 3px; margin:3px;}

#crp_related {padding: 10px 0 10px 30px; clear:both; background:transparent url(images/gold-bg.gif); margin:0;}
#crp_related h3{font-size:16px; color: #DDDDDD;}
#crp_related li{ list-style-type:none;}
#crp_related li:before{ content:'>> '}

.sociable{padding: 10px 0 10px 30px; clear:both; background:transparent url(images/gold-bg.gif); margin:0; }

/* COMMENTS */
.commentbox{color:#fff; background:transparent url(images/gold-bg.gif); padding:30px; margin:0;}
h3#comments, h3#respond { font-weight:bold; font-size: 18px;font-family: arial, verdana;letter-spacing:-1px; color:#ddd;padding:5px 0;}	
ol.commentlist { list-style:none; margin:8px 0 8px 0; padding:0; }
ol.commentlist cite { text-transform:none; font-style:normal; }
ol.commentlist li { border-bottom:1px dotted #ccc; padding:8px; background: transparent url(images/gold-bg-dark.gif);  }

.comment-author.vcard { font-size:13px; margin:3px 0; padding:0; font-weight:bold; }	
.comment-author.vcard .fn a:link, .comment-author.vcard .fn a:link, .comment-author.vcard .fn a:visited { color:#F2F2F2;}
.comment-author.vcard .fn a:hover { color:#fff; }
.comment-meta.commentmetadata { display:block; font-size:10px; }	
.comment-meta.commentmetadata a { color:#F2F2F2; }
.comment-body p{ margin-left:58px; }	
.comment-body .reply{ text-align:right; font-style:italic; padding-right:20px; }
ol.commentlist li {  margin: 0; }
ol.commentlist li span.moderate { padding:2px; color:#f30; }
.avatar{float:left; margin-right:10px; }
ol.commentlist li.altcomment, ol.commentlist li.alt { background: transparent url(images/gold-bg-darker.gif);  }

.comment-author-admin{ border-left: 5px solid #FC3;}


/* form */
#commentform { margin: 1em 0;}
#author, #email,#url,#comment{font:1em arial,helvetica,verdana,sans-serif;margin: 5px 0;padding:2px;}
.comment-warning strong { color: #999; font-weight: bold; }


/* sidebar */
#sidebar{width: 220px; margin-left:30px; float:left; background:url(images/pxd.png); padding:15px;}
#sidebar h2{padding: 4px; margin:30px 0 3px -3px; background:url(images/gold-bg.gif);}
#searchForm{margin-top:10px;}
#searchForm #s{ background-color:#333; border:1px solid #666; color:#CCC; padding:6px; }

.widget_archive ul li {margin:5px 0; padding-left:30px; background: transparent url(images/25x25px/folder_red.png) no-repeat; height:25px; line-height:28px;}
.widget_recent_comments ul li {margin:5px 0; padding-left:30px; background: transparent url(images/25x25px/comments.png) no-repeat; min-height:25px; padding-top:6px; }

#feedcounter{background: transparent url(images/rss.png) no-repeat; height:40px; padding: 8px 0 0 58px; font-size:12px;}
.feedcountnumber{font-weight: bold; font-size:18px;}
#feedcounter a:link, #feedcounter a:visited{font-size:11px; color:#F90;}

.wid0get_mailpress .MailPressFormEmail, .widget_mailpress  .MailPressFormName{ background-color:#333; border:1px solid #666; color:#CCC; padding:3px; margin-top:8px; }
.widget_mailpress .MailPressFormSubmit{padding:0; background-color: #000; border:1px solid #666; font-weight:bold; font-size:11px; color:#ccc; margin-top:8px;}

.poplist{ margin-left:19px;}
.poplist li{ padding:0 0 6px 0; list-style-type:disc;}

/* footer */
#lang_sel_footer{color:#bbb; font-size:9px;line-height:1.4em; padding:5px;margin:0 auto;clear:both;width:932px; background: transparent url(images/pxd.png) repeat 0 0; border:0;}
.lang_sel_sel{ background-color: #080808;;}


#footer { color:#bbb; font-size:9px;line-height:1.4em; padding:5px;margin:0 auto;clear:both;width:932px;text-align:right; background: transparent url(images/pxd.png) repeat 0 0;}
#footer a { color: #ccc;}
#footer a:hover { color:#eee; }
#footer img { display: none; }

/* Contact Forms*/
form dl, dl.labels {
		margin:0em;
		font-size:100%;
		margin-top:10px
	}
	
	form dt, dl.labels dt {
		float:left;
		width:7em;
		margin-bottom:0.8em;
		color:#ccc;
		text-align:right;
		font-weight:400;
		position:relative /*IEWin hack*/
	}
	
	form dd, dl.labels dd {
		margin-left:7.5em;
		margin-bottom:0.8em;
		font-size:100%;
		font-style:normal;
		text-align:left;
		padding-left:0.5em
	}
	
	form dd.submit, dl.labels dd.submit  {
		margin-top:2em
	}
	
	.error_msg {
		font-weight:700;
		color:#C33;
	}
	
	.pxs_css_spamcheck {
		display: none !important;
	}


/* --------- Shop Template --------------- */

.page-template-shop-page-php #main-wrapper{ width:1000px; padding:10px 0;}


/* FACEBOOK und Co -- */

.facebookkram{padding: 5px 0 10px 30px; clear:both; background-color: #E8E6D7; margin:0; }
.fb-like{  margin:0 20px; color:#fff; }
.fb-like a{color:#fff;}
.FB_share_button FB_ElementReady{  margin:10px 20px; float:right;}

#tweetmeme_button{padding: 10px 0 10px 30px; clear:both; background:transparent url(images/gold-bg.gif); margin:0; }