/*  
Theme Name: incredibuls fantastic world
Description: Wordpress Theme for my blog
Version: 1.0
Author: Christophe Chan Hin
Author URI: http://www.incredibul.de/
Author URI: http://www.texto.de

color: #FF2288
*/

/*Basics*/

html {
background: url(images/bg.jpg) top left;
background-repeat:repeat-x;
background-color:#6ec2f9;
}
 
body {
	background:  url(images/headpart.jpg) top left;/*da kann noch ein top bg hin*/
	background-repeat:repeat-x;
	font: 62.5% Arial, sans-serif;
	color:#333;
}

#bottombackground {
	background-image:url("backgrounds/bg_base.gif");
    background-repeat:repeat-x;
    background-position:bottom left; 
	outline:none;
}

#main {
	padding: 0 0 0 0;
}

small {
	font-size:0.8em;
}
	
a {color: #000;}

a:hover {text-decoration:none}

h4 {
	margin-top:1em;
	margin-bottom:0.3em;
    font-size:1.8em;
}

/*header*/

#header {
	height: 268px;
	background:url(images/header-bg.jpg);
	background-repeat:no-repeat;
	z-index:5;
	padding: 0 0 0 0;
}
	
#header h1 {
	margin:0;
	display:none;
}

#introtext{
width:55em;
margin: 2em 0em 0em 41em;
}


/*White Boxes*/	
   
#wrap {
	margin:0 0 0 0;
	background-color:#fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}



#portfolio-content {
	display: none;
	z-index:9;
	margin:2em 0em 0em 0em;
	padding-bottom:2em!important;
	min-height:32em;
	background-color:#fff;
	overflow: hidden;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/*Blog post*/	

.post{
	font-size: 1em;
	font-weight: normal;
	padding: 0 0 0 0;
}

.postcontent{
	margin: 2.7em 1.2em 3em 4.7em;
}

.archive{
	margin: 0.5em 0.5em 0.5em 1.8em!important;
}


.post p{
	font-size: 1.4em;
	margin:0em 0em 1em 0em;
}

.post p strong {
	font-weight:bold;
}

.post a {
	color:#222222;
}

.post del {
	text-decoration:line-through;
}

.video {
	margin:0em!important;
	padding-bottom:1em;
}

.post a:hover, .turnpage a:hover{
	color:#FF2288;
}

.post h2 a{
    font-size:2.6em;
	margin:0em;
	color: #ff3333;
	text-decoration:none;
}

.post h3 a{
	font-size:1.6em;
}

.post h6{
	color:#555;
	font-size:1.1em;
	margin-top:0.3em;
	line-height:.5em;
}

.post  h6 a{
	text-decoration:none;
	font-weight: bold;
	color:#777;	
}

.post h2#nonindex{
	font-size:2.6em;
	visibility: hidden;
	margin:0em;
}

.post h2 a:hover{
	color: #FF2288;
}

.post ol, .post ul {
	margin-bottom:1em;
	font-size:1.2em;
}

.post li{
	margin-left:2em;
	margin-bottom:0.3em;
	color:#444444;
	list-style-image:url(images/arrow.gif);
	list-style-position: outside;
}

.post cite a{
	font-size:.9em;
	text-decoration:none;
	font-weight:normal;
	color:#333;
}

.post blockquote {
	font-size:1.1em;
	text-indent: 25px;
	background: url(images/quotes1.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-bottom:1em;
}

.post blockquote p {
	display: inline;
	font-weight:normal;
	font-size:1em;
	margin: 0;
	padding-right: 2.4em;
	background: url(images/quotes2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.post img {
	border: 2pt solid #CCC!important;
	padding: 4px;
}


.postfooter {
	font-weight:bold;
	font-size:0.8em;
	line-height: 1.5em;
}

.postfooter a{
	font-weight:normal;
	text-decoration:none;
	line-height: 1.5em;
}

.postfooter em{
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
	line-height: 1.5em;
	color: #FF2288;
}

.line {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 1px;
	background-color: #AAA;
} 

.head{
	display:block;
	margin-left:5em;
}

.the_date {
	display:block;
	text-align: center;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/date.gif) no-repeat;
	width:32px;
	height:40px;
	font-weight: bold;
	color:#fff;
	margin-top:0.4em;
}

.date_m {
	display:block;
	font-size: 1.2em;
	margin:0;
	margin-bottom:0.2em;
	padding:0em 0em 0em 0em;
	line-height: .5em;
	text-transform: uppercase;
	text-align:center;
}

.date_d {
	display:block;
	font-size:2.2em;
	margin:0;
	padding:0;
	text-align: center;
}

	
#main img {
	
	border:solid 1px #fff;
	background: #fff;
	margin: 1em 0 0.5em 0;
}

/*sprites*/

.sprite-16 {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0;
	margin-top:0.3em;
	padding: 0;
	position: relative;
	top: 4px;
	overflow: hidden;
}

.sprite-16-content {
	display: inline-block;
	background: url(images/sprites_16.gif) no-repeat;
	position: absolute;
	width: 86px;
	height: 86px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	text-indent: -1000px;
}
	
.sprite-16-categories{left: 0px; top:-1px;}
.sprite-16-tags {left:-18px; top:-1px;}
.sprite-16-twitter {left:-35px; top:-1px;}
.sprite-16-facebook  {left:-52px; top:-1px;}
.sprite-16-comments{left:-69px; top:-1px;}
.sprite-16-search{left:-1px; top:-18px;}
.sprite-16-minirss{left:-18px; top:-21px;}
.sprite-16-minirsscomments{left:-35px;top:-18px;}
.sprite-16-wordpress{left:-52px; top:-19px;}	

/*sidebar*/

.sidebar_wrap{
width:25em;
}
   
.sidebar_content{
	margin: 2.7em 1.2em 3em 4.7em;
}	
	
#rssbutton a{
	background: url(images/rss.gif)  no-repeat left center; 
	padding-top:0px; 
	padding-bottom:20px; 
	height:30px;
	width:30px; 
	display:block;
}

/*footer and flashgame*/
	
#footer {
    clear:both;
}
    
#footer p {
    padding:5px;
    margin:0;
}
	
#flashlayer {
    left:0px; 
	bottom: 0px;
    margin: 0;
    padding: 0;
    height:270px; 
}

#embedflash {
    width: 940px;
    height:240px; 
    bottom:30px;
    outline:0;
	z-index:1;
}

/* turnpage (previous and next entries */

.turnpage h6 a{
	padding:0em 0em 0em 0em;
	margin: 0em 1em 0em 3em;
	font-size:1.1em;
	text-decoration:none;
	font-weight: bold;
	color:#777;	
}

.next_posts {
	float:left;
}

.prev_posts{
	float:right;
}

/*Comments and Single Posts*/

.singlepostinfo{
	font-style:italic;
	padding-top:1em;
}

#comments{
height:2em;
width:100%;
border:none;
margin:2em 0 0 0;
}

#comments:active{border:none}

.commentlist{
	font-size: 100%;
	margin: 0 0 2em 0!important;
	padding: 0!important;
	clear: both;
	display: inline-block;
}

.commentlist ol {
margin-bottom:0em!important;
}

.commentlist ul, .commentlist ol, .commentlist li{
	padding:0!important;
	list-style-image:none!important;
	list-style-position: outside;
}

.commentlist li{
	margin:0 0 1.5em 0!important;	
}

.commentlist img{
	border: 0.2em solid #7d7d7d!important;
	margin: 0!important;
	padding: 0;

}

.the_comment p{
	font-size:1em;
	margin:0!important;
}


.the_comment small a{
font-size:1em;
margin:0!important;
line-height:0.9em;
text-decoration:none;
color:#848484;
}

.comment_avatar{
display:inline-block;
width:5.5em;
}

.comment_avatar p{
margin:0!important;
padding:0!important;
}

.comment_author a{
font-weight:bold;
font-size:0.9em;
text-decoration:none;
color:#313131;
}

.comment_speech{
display:inline-block;
background: url(images/comment.gif) no-repeat right 14px;
width:2em;
height:8.5em;
margin-right:-0.3em;
}

.comment_content{
display:inline-block;
background-color:#d2ebf7;
vertical-align:top;
font-size:0.9em;
color:#222;
padding:1.2em 1.2em 2em 1.2em;
margin:0em;
width:33em;
min-height:3em;
}

#replybox{
font-size:100%;
margin: 0 0 3em 0;
}

#replybox p {
margin:0 0 0.3em 0;
}

#respond{
height:2em;
width:100%;
margin:0 0 0.3em 0!important;
}

#author{
border: 0.1em solid #AAA;
height:1.4em;
width: 14em;
margin:0 0 0 1.2em;
padding-top:0.3em;
padding-left:0.3em;
}

#email{
border: 0.1em solid #AAA;
height:1.4em;
width: 14em;
margin:0 0 0 1.2em!important;
padding-top:0.3em;
padding-left:0.3em;
}

#url{
border: 0.1em solid #AAA;
height: 0.8em!important;
width: 13.6em!important;
margin:0 0 0 1.2em!important;
padding-bottom:0.7em!important;
}

#comment{
border: 0.1em solid #AAA;
width: 80%;
margin:0 0 0 1em!important;
}

#comment_loggedin{
font-size:1.2em;
margin:0 0 1em 1em!important;
text-decoration:none;
}

#submit{
border: 0.1em solid #b2cbd7;
font-size:0.9em!important;
height:1.8em;
width: 13em;
background-color:#d2ebf7;
margin:0 0 0 1em!important;
padding:0!important;
}

#submit:hover{
color:#399;
border: 0.1em solid #b2dbe7;
background-color:#e2ebff!important;
}

/* smileys */
img.wp-smiley {
    float: none;
	text-align:bottom;
	margin:0!important;
	padding:0!important;

}


/* upper navigation bar*/  
  
#main-navigation ul {
	width: 100%;
	text-align: right;
}

#main-navigation ul li {
	display: inline;
}

#main-navigation #nav-small li {
	margin-left: 1em;
}

#main-navigation #nav-small li a {
	color: #999;
	text-decoration: none;
	font-size: 0.9em;
}

#main-navigation #nav-small li a:hover {
}

#main-navigation #nav-large li {
	color: #333;
	float:right;
}

#main-navigation #nav-large {
	margin-top: 0;
	white-space: nowrap;
	height: 84px;
	overflow: hidden;
}

#main-navigation #nav-large li {
}

#main-navigation #nav-large li a img{
	width: 100px;
	height: 42px;
}

#main-navigation #nav-large-aboutme a {
	background: url(images/nav_buttons.jpg) 0 0 no-repeat;
	width: 120px;
	height: 42px;
	display: inline-block;
}

#main-navigation #nav-large-aboutme a:hover {
	background: url(images/nav_buttons.jpg) 0 -42px no-repeat;
}

#main-navigation #nav-large-blog a {
	background: url(images/nav_buttons.jpg) -120px -0px no-repeat;
	width: 80px;
	height: 42px;
	display: inline-block;
}

#main-navigation #nav-large-blog a:hover {
	background: url(images/nav_buttons.jpg) -120px -42px no-repeat;
}



#main-navigation #nav-large-portfolio a {
	background: url(images/nav_buttons.jpg) -200px -0px no-repeat;
	width: 116px;
	height: 42px;
	display: inline-block;
}

#main-navigation #nav-large-portfolio a:hover {
	background: url(images/nav_buttons.jpg) -200px -42px no-repeat;
}



 
 
/*formats for widget sidebar*/
.widget{
	font-size:1.1em;
}

.widget ul{
	margin:0em;
	padding:0em;
}

.widget li a{
	text-decoration:none;
}

.widget li a:hover{
	text-decoration:none;
	color: #FF2288;
}

.widget_recent_entries li a{
	margin: 0em;
	border-top: 1px solid #c0c0c0;
	white-space: nowrap;
	overflow:hidden;
	display:block;
}

#recentcomments li{
	margin: 0em;
	border-top: 1px solid #c0c0c0;
	white-space: nowrap;
	overflow:hidden;
	display:block;
}


.widget_categories li{
	margin: 0em;
	height:20px;
	border-top: 1px solid #c0c0c0;
	white-space: nowrap;
	overflow:hidden;
	display:block;
}

.widget_archive li{
	margin: 0em;
	height:20px;
	border-top: 1px solid #c0c0c0;
	white-space: nowrap;
	overflow:hidden;
	display:block;
}

.widget_links li a{
	margin: 0em;
	height:20px;
	border-top: 1px solid #c0c0c0;
	white-space: nowrap;
	overflow:hidden;
	display:block;
}

.widget_meta li a{
	margin: 0em;
	display:inline-block;
	vertical-align:bottom;
}



/*custom search form*/

#search{
	padding-bottom: 2.5em;
	width:190px;
}

#searchform input.text {
  font-size:1.4em;
  text-indent:1.2em;
  vertical-align: top;
  color:#555;
  width: 150px;
  height:22px;
  border:3px solid #ccc;
  float:left;
  background: url(images/lupe.gif)2px 3px no-repeat;
}

#searchform input.text:focus{
	background: url(images/clear.gif)2px 3px no-repeat;
	text-indent:0.2em;
	outline: none;  
}

#searchsubmit{
	/*background: transparent url(images/searchgo.gif)no-repeat top;*/
	border: none;
	height:27px;
	width:30px;
	text-indent: -9999px;
	cursor: pointer;
	margin:0px 0 0px 0px;
	padding:0px 0 0 0;
	float:right;
}

/* PORTFOLIO */
.portfolio{
	font-size: 1em;
	font-weight: normal;
	padding: 0 0 0 0;
}

.pf-nav{
	margin: 0em 7em 0em 4.7em;
	width:22em;
}

.pf-content{
	text-align:center;
	width:64em;
}

.portfolio h2{
    font-size:2.4em!important;
	margin:0em 0em 1em 0em!important;
	color: #FF2288!important;
	text-decoration:none;
}

.portfolio h3{
	font-size:1.5em;
	margin-bottom:0.3em;
}

.portfolio li, .portfolio li a{
	font-size:1.1em;
	margin: 0em;
	border-top: 1px solid #c0c0c0;
	white-space: nowrap;
	overflow:hidden;
	display:block;
	text-decoration:none;
	color:#333;
}

.portfolio li a:hover{
	color: #ff2288;
    text-decoration:none;
}

.portfolio a {
	color: #ff2288;
    text-decoration:none;
}

.portfolio a:hover {
	color: #ff2288;
	text-decoration:underline;
}

.currentMenu {
	font-weight:bold;
}
/*------------------------slideviewer css*-----------------------------/
/*preload classes*/ 
.svw {width: 60px; height: 60px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
	position: relative; 
	overflow: hidden;
} 

.stripViewer p strong{
	font-weight:bold;
	margin-bottom:1em!important;
	color: #fff;
	text-transform: none!important;
}

.stripViewer p{
    font-size:1.2em;
	padding:1em;
	bottom: 0;
	left:0;
	right:0;
	margin-bottom:0em;
	color: #fff;
	background-color: #111;
	/*transparency*/
	opacity: .8;
	/*transparency ie*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	filter: alpha(opacity=90);
	z-index:7;
	position:absolute;
	float:left;
	text-align:left;
}

.stripViewer ul { /* this is your UL of images */ 
	margin: 0; 
	padding: 0; 
	position: relative; 
	left: 0; 
	top: 0; 
	width: 1%; 
	list-style-type: none; 
} 
.stripViewer ul li {  
	float:left; 
	border-top:none;
} 

.stripTransmitter { 
    float:left;
	overflow: auto; 
	width: 1%; 
	margin: 0em 2em 0em 33.7em!important;
} 

.stripTransmitter ul { 
	margin: 0; 
	padding: 0; 
	position: relative;
	list-style-type: none; 
} 

.stripTransmitter ul li { 
	width: 2em; 
	float:left; 
	margin: 0 0.2em 0 0; 
	border-top:none!important;
} 

.stripTransmitter a { 
	font: bold 1.1em; 
	text-align: center; 
	line-height: 20px; 
	background: #FF2288; 
	color: #fff!important; 
	text-decoration: none; 
	display: block; 
} 

.stripTransmitter a:hover, a.current { 
	background: #FF6688; 
	color: #fff!important; 
    text-decoration: none; 
} 

/*favicon image*/

 /* end of document
 ---------------------------------------------------------------------------------*/

.blogroll img {
margin: 0px 5px 0px 0px;
vertical-align:middle;
}