/*
Theme Name: iflex Black & White
Theme URI: http://www.iflex-media-design.de
Version: 1.0
Description: Theme iflex 2010
Author: Ryoades
Author URI: http://www.www.iflex-media-design.de
*/

/*---------------------- [Reset Style] ----------------------*/

@font-face {
	font-family: 'Yanone Kaffeesatz';
	font-style: normal;
	font-weight: 400;
	src: local('Yanone Kaffeesatz'), url('http://themes.googleusercontent.com/font?kit=YDAoLskQQ5MOAgvHUQCcLdZ76ZYKVLHIjRQjrp3kYFc') format('truetype');
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 
a, a:link, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var, fieldset,
dl, dt, dd, ol, ul, li, 
form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
pre, sub, sup, em {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	}
:focus {
	outline: 0;
	}
ol, ul {
	list-style: none;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/*---------------------- [Tabelle CSS] ----------------------*/

#main table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	}
#main table {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #bbb;
	background-color: #e9e9e9 ;
	box-shadow: #bbb 1px 1px 3px;
 	-moz-box-shadow: #bbb 1px 1px 3px;
	-webkit-box-shadow: #bbb 1px 1px 3px;
	}
#main table td,
#main table th {
	padding: 5px;
	border-bottom: 1px solid #bbb;
	}
#main table th {
	background-color: #ddd ;
	}


/*---------------------- [Allgemeines CSS] ----------------------*/

body { 
	background: #ddd url(images/main-bg.png) repeat left top;
	text-align: center; 
	font: normal 12px/21px Arial, Verdana, sans; 
	color: #555; 
	}
a { 
	text-decoration: none; 
	color: #4c5255; 
	}
a:hover { 
	text-decoration: none; 
	color: #0095ce; 
	}
.clear { 
	clear: both; 
	}
br.clear { 
	margin: 0px; 
	padding: 0px; 
	}
h1, h2, h3, h4, h5, h6 { 
	font-family: "Yanone Kaffeesatz", Arial, Verdana, sans; 
	font-weight: normal; 
	padding-bottom: 5px; 
	color: #444; 
	line-height: 1em; 
	}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
	color: #444; 
	}
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; padding: 5px 0 0 0; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { 
	padding-bottom: 10px; 
	line-height: 20px; 
	}
strong { 
	font-weight: bold; 
	}
strong a { 
	font-weight: bold; 
	color: #0095ce; 
	text-decoration: underline; 
	}
cite, em, i { 
	font-style: italic; 
	}
pre, code { 
	font-family: Courier New, monospace; 
	margin-bottom: 10px; 
	}
ins { 
	text-decoration: none; 
	}
sup, sub { 
	height: 0; 
	line-height: 1; 
	position: relative; 
	vertical-align: baseline; 
	}
sup { 
	bottom: 0.8em; 
	}
sub { 
	top: 0.3em; 
	}
dl { 
	margin: 0 0 1.5em 0; 
	}
dl dt { 
	font-weight: bold; 
	}
dd  { 
	margin-left: 1.5em;
	}
blockquote  { 
	margin: 1.5em; 
	color: #eeeeee; 
	font-style: italic; 
	}

/*----------------- [INPUT ELEMENTS GLOBAL (CSS 1 kompatibel)] --------------*/

input, textarea {
	background: #555; 
	border: 1px solid #6f797d; 
	color: #ffffff; 
	padding: 3px; 
	}
input[type=button]:hover, input[type=submit]:hover {
	border: 1px solid #373331; 
	background-color: #373331;
	color: #f7f4f3;
	}
input[type=text]:focus, input[type=password]:focus {
	border: 1px solid #373331; 
	background-color: #fff; 
	color: #373331; 
	}
input[type=submit] {
	padding: 6px 8px 6px 8px; 
	}
input[type=submit]:hover {
	background-color: #0095ce;
	border: 1px solid #fff; 
	color: #fff; 
	}
textarea:focus {
	border: 1px solid #373331; 
	background-color: #fff; 
	color: #373331; 
	}
select {
	padding: 4px 8px 4px 8px; 
	}

/*----------------- [CSS 3 Elements] --------------*/

input[type=text], input[type=password], input[type=file],
input[type=submit], textarea, select,
.gallery-postimage,
.thumb-gallery,
.thumb-gallery img.preview-thumb,
.project-popup,
img.avatar,
.comment-author span.fn,
#recent-projects div.project-item,
div.success, div.failure, div.waiting,
#from-blog .content img.thumb,
#main table,
a.readmore, a.comment-reply-link,
div.meta_box {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	}

/*------------[CAPTIONS AND ALIGNMENTS]-----------*/

.aligncenter { 
	display: block; 
	margin: 10px auto; 
	}
.wp-caption { 
	border:1px solid #6C7478; 
	text-align: center; 
	background-color: #565D62; 
	padding-top: 4px; 
	margin-bottom: 10px; 
	}
.wp-caption.alignleft { 
	margin: 0px 5px 10px 10px; 
	}
.wp-caption.alignright { 
	margin: 0px 0px 10px 10px; 
	}
.wp-caption img { 
	margin: 0; 
	padding: 0; 
	border: 0 none; 
	}
.wp-caption p.wp-caption-text { 
	font-size: 11px; 
	line-height: 17px; 
	padding: 0 4px 5px; 
	margin: 0; 
	}
.alignleft { 
	float: left 
	}
.alignright { 
	float: right; 
	}
.tableleft { 
	display: table-row;
	float: left;
	clear: both; 
	margin: 5px 0; 
	}
.tableright { 
	display: table-row;
	float: left; 
	text-align: left;
	margin: 5px 0; 
	}
.w120 { width: 120px;}
.w140 { width: 140px;}
.w160 { width: 160px;}
.w180 { width: 180px;}
.w200 { width: 200px;}

.container img.alignleft { 
	display: inline; 
	float: left; 
	margin-right: 15px; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	}
.container img.alignright { 
	display: inline; 
	float: right; 
	margin-left: 10px; 
	}


/*---------------------- [ Haupt Layout] ----------------------*/

.adminbar { 
	background-color: #555; 
	color: #fff;
	text-align: center; 
	width: 100%;
	height: 20px;
	padding: 4px 0 8px 0;
	position: fixed;
	bottom: 0px; 
	}
		.adminbar ul { 
 			margin: 0 0 0 20px; 
			}
			.adminbar ul li {
				float: left;
				margin: 0 0 0 6px; 
				}
				.adminbar ul li a { 
					display: block;
					color: #fff;
					padding: 5px;
					}
.container { 
	clear: all;
	text-align: left; 
	width: 960px; 
	margin: 0 auto;	
	position: relative; 
	}
#header { 
	background: url(images/header_bg.png) top left repeat-x; 
	height: 185px; 
	}
	#header .top { 
		position: relative; 
		width: 960px; 
		height: 48px; 
		margin: 0 auto; 
		}
		#header .top .breadcrumb { 
			position: relative; 
			float: left;
			width: 560px; 
			text-align: left;
 			margin: 10px 0 0 15px; 
			}
		#header .top ul { 
			float: right;
 			margin: 8px 0 0 0 !important; 
			top: 0px;
			}
			#header .top ul li {
				float: left;
				margin: 0 0 0 3px; 
				padding: 0px; 
				}
			#header .top ul > li.current_page_item, 
			#header .top ul > li:hover, 
			#header .top ul > li.current-cat { 
				}
				#header .top ul li a { 
					color: #333; 
					display: block; 
					position: relative; 
					padding: 4px 14px 6px 22px; 
					height: 18px; 
					vertical-align: baseline;
					text-transform: normal;
					border: 0px solid #ff4900;
					}
				#header .top ul li a:hover { 
					color: #555; 
					}
				#header .top ul li.page-item-24 { 
					background: url(images/icons.png) -5px -121px no-repeat; 
					}
				#header .top ul li.page-item-20 { 
					background: url(images/icons.png) -5px -152px no-repeat; 
					}
				#header .top ul li.page-item-21 { 
					background: url(images/icons.png) -5px -211px no-repeat; 
					}
				#header .top ul li.page-item-22 { 
					background: url(images/icons.png) -5px -181px no-repeat; 
					}
	#header .container { 
		position: relative; 
		height: 125px; 
		margin: 0 auto; 
		}
	#header .container a#logo { 
		float: left;
		display: block; 
		background: url(images/logo.png) 0px 0px no-repeat; 
		width: 351px;
		height: 125px; 
		margin: 0 0 0 -30px; 
		z-index: 2; 
		}
	div#header .container .divider { 
		float: left; 
		position: relative; 
		background: url(images/slogan-divider.png) 0px 6px no-repeat; 
		width: 2px;
		height: 67px; 
		margin: 22px 0 0 -10px; 
		}
	div#header p#slogan span { 
		color: #ffffff; 
		}

/*---------------------- [Header Suche] ----------------------*/

div#search-icon { 
	background: url(images/slogan-divider.png) 0px 6px no-repeat; 
	padding: 31px 0 20px 22px; 
	position: absolute; 
	top: 22px; 
	right: 0px; 
	}
	div#header div#search-form { 
		background: url(images/search-hover-bg.png) no-repeat; 
		width: 197px; 
		height: 38px; 
		position: absolute; 
		top: 33px; 
		right: 65px; 
		padding: 15px 10px 0px 14px; 
		display: none; 
		z-index: 3; 
		}
	div#header div#search-form input { 
		background: none; 
		border: 0px; 
		color: #6c767b; 
		font: normal 16px/21px Arial, Verdana, sans; 
		}

/*---------------------- [ Header Navigation] ----------------------*/

ul#top-navigation { 
	position: absolute; 
	top: 30px; 
	left: 325px; 
	background: url(images/blog_main_navi.png) 0px 0px no-repeat; 
	width: 560px;
	height: 75px;
	}
	ul#top-navigation li {
		margin: 0; 
		padding: 0; 
		height: 80px; 
		}
	ul#top-navigation > li.current_page_item, 
	ul#top-navigation > li:hover, 
	ul#top-navigation > li.current-cat { 
		}
		ul#top-navigation li a { 
			font-size: 13px; 
			color: #d3e1e8; 
			display: block; 
			position: relative; 
			padding: 7px 12px 5px 2px; 
			height: 20px; 
			}
		ul#top-navigation li a:hover { 
			text-decoration: none; 
			}
		ul#top-navigation > li.current_page_item > a, 
		ul#top-navigation > li:hover > a, 
		ul#top-navigation > li.current-cat > a { 
			color: #ffffff; 
			}
			ul#top-navigation li ul { 
				background: url(images/drop-menu-topbg.png) top left no-repeat; 
				margin-top: 40px; 
				width: 208px;
				padding: 10px 0px 0px;
				}	
			ul#top-navigation > li > ul ul { 
				top: -11px; 
				}
				ul#top-navigation li ul li { 
					width: 208px;
					margin: 0px; 
					padding: 0;
					border-bottom: 1px solid #181b1f;
					border-top: 1px solid #33373c;
					}
				ul#top-navigation li ul li:first-child { 
					border-top: 0px solid #555;
					}
				ul#top-navigation li ul li:last-child { 
					background: url(images/drop-menu-bottombg.png) repeat-x bottom left; 
					width: 208px;
					height: 10px;
					margin: 0px; 
					padding: 0 0 12px 0; 
					border-bottom: 0px solid #555;
					}
					ul#top-navigation li ul li a { 
						background: #222528 url(images/dropdown-link-bg.png) 20px 15px no-repeat; 
						margin: 0px; 
						padding: 11px 5px 7px 35px; 
						width: 168px; 
						color: #798187; 
						}
					ul#top-navigation li ul li a:hover { 
						background-color: #0095ce; 
						color: #fff; 
						}
		 

		ul#top-navigation li.cat-item-3 > a,
		ul#top-navigation li.cat-item-6 > a,
		ul#top-navigation li.page-item-540 > a,
		ul#top-navigation li.page-item-5 > a { 
			text-transform: uppercase;
			margin: 0px; 
			height: 70px;
			}
		ul#top-navigation li.cat-item-3 > a { 
			padding: 16px 10px 0 54px; 
			width: 65px;
			}
		ul#top-navigation li.cat-item-6 > a { 
			padding: 16px 10px 0 53px; 
			width: 73px;
			}
		ul#top-navigation li.page-item-540 > a { 
			padding: 16px 10px 0 45px; 
			width: 88px;
			}
		ul#top-navigation li.page-item-5 > a { 
			padding: 16px 10px 0 60px; 
			width: 75px;
			}
/*------------------------- [Content Area] ----------------------------*/
div#main-area-wrap { 
	background: url(images/main-bottom.png) repeat-x bottom left; 
	height: 34px; 
	}
  div#main-area { 
	padding: 10px 0px 15px; 
	}

/*---------------------- [ Startseite Slogan ] ------------------------*/

	h1#slogan-phrase { 
		background: url(images/slogan-bg.png) no-repeat left center; 
		padding: 5px 0 5px 45px; 
		line-height: 35px; 
		margin:  0 0 25px 0; 
		font-size: 34px;
		color: #555; 
		}
	p#slogan-phrase br { 
		margin:  0 0 25px 0; 
		}
		h1#slogan-phrase small { 
			font: bold 14px Century gothic, Georgia, sans; 
			}
		h1#slogan-phrase span { 
			color: #0095ce; 
			}
	
/*------------------ [ Startseite Seiten-Vorschau ] --------------------*/

#main-area div#main.home { 
	width: 620px; 
	}
	.page-block { 
		float: left; 
		width: 290px; 
		}
	.page-block.fullwidth { 
		width: 595px; 
		}
	.page-block.first { 
		margin-right: 20px; 
		}
		.page-block h3 { 
			background: url(images/page-block-h3.png) no-repeat left center; 
			padding: 10px 0px 8px 35px; 
			letter-spacing: -1px; 
			}
		.page-block h3#post-5 { 
			background: url(images/icons/folder-group.png) no-repeat left center; 
			padding: 10px 0px 8px 45px; 
			}
		.page-block h3#post-540 { 
			background: url(images/icons/folder-iflex.png) no-repeat left center; 
			padding: 10px 0px 8px 45px; 
			}
		.page-block div.separator { 
			background: url(images/h3-main-separator.png) no-repeat; 
			width: 270px; 
			height: 2px; 
			margin-bottom: 12px; 
			}
		.page-block p { 
			text-align: left; 
			}
	#main-area a.readmore,
	a.comment-reply-link { 
		display: block; 
		float: right; 
		min-width: 70px;
		height: 15px;
		padding: 7px 12px;
		margin: 0 10px 0 0; 
		font-size: 11px;
		font-weight: bold; 
		text-align: center;
		color: #FFF; 
		background-image: -webkit-gradient(
			linear,
    			left bottom,
    			left top,
 				color-stop(0.45, #BBB),
    			color-stop(0.40, #AAA)
			);
		background-image: -moz-linear-gradient(
   			center bottom,
    			#BBB 45%,
    			#AAA 20%
			);  
		border: 1px solid #FFF; 
		}
	#main-area a.readmore:hover,
	a.comment-reply-link:hover { 
		background-image: -webkit-gradient(
			linear,
    			left bottom,
    			left top,
 				color-stop(0.45, #0095ce),
    			color-stop(0.40, #487fac)
			);
		background-image: -moz-linear-gradient(
   			center bottom,
    			#5ea0d1 45%,
    			#487fac 20%
			);  
		border: 1px solid #FFF; 
		}
	a.readmore span img#print { 
		margin: 0px 5px 0 -3px; 
		}

	#main-area #from-blog h3 { 
		font-weight: bold; 
		font-size: 24px; 
		letter-spacing: -1px; 
		line-height: 24px; 
		}
.page-block img.alignleft { 
	margin: 0 8px 0 0; 
	}
.page-block img.alignright { 
	margin: 0 0 0 5px; 
	}
		
/*---------------------- [ Startseite from Blog] ----------------------*/

#from-blog { 
	float: right; 
	width: 330px; 
	}
#from-blog ul.control { 
	overflow: hidden; 
	padding-left: 7px; 
	}
	#from-blog ul.control li { 
		float: left; 
		background: url(images/fromblog-li-separator.png) no-repeat bottom right; 
		padding-right: 2px; 
		position: relative; 
		height: 33px; 
		}
	#from-blog ul.control li.last { 
		background: none; 
		}
		#from-blog ul.control li a { 
			color: #777; 
			font-weight: bold; 
			display: block; 
			}
			#from-blog ul.control li.ui-state-active a { 
				background: url(images/fromblog-active.png) repeat-x left bottom; 
				color: #333; 
				} 
			#from-blog ul.control li a span { 
				display: block;
				height: 14px; 
				padding: 10px 12px 9px 33px; 
				} 
			#from-blog ul.control li a span.recent { 
				background: url(images/icons.png) 0px -60px no-repeat; 
				}
			#from-blog ul.control li a span.popular { 
				background: url(images/icons.png) 0px 0px no-repeat;
				} 
			#from-blog ul.control li a span.comments { 
				background: url(images/icons.png) 0px -30px no-repeat;
				} 
#from-blog .content { 
	position: relative; 
	background: url(images/fromblog.png) repeat-y -330px 0px; 
	}
	#from-blog .content h3 { 
		background: url(images/fromblog.png) no-repeat 0 0; 
		padding: 20px 45px 14px 23px; 
		}
		a.rss-button { 
				position: absolute; 
				top: 20px; 
				right: 15px; 
				display: block;
				height: 30px; 
				width: 30px;
				background: url(images/icons.png) 0px -240px no-repeat; 
				}
	#from-blog .content img.thumb { 
		float: left; 
		border: 4px solid #555; 
		margin-right: 12px; 
		}
	#from-blog .content #recent-tabbed, 
	#from-blog .content #popular-tabbed, 
	#from-blog .content #random-tabbed { 
		background: url(images/fromblog.png) no-repeat -990px 0px; 
		}

div.ui-tabs-hide { display: none; }
			
	#from-blog .content .post { 
		padding: 12px 10px 8px 20px ; 
		background: url(images/fromblog.png) no-repeat -990px 0px;
		overflow: hidden; 
		position: relative; 
		}
		#from-blog .content h4 { 
			padding: 0 0 0 55px; 
			}
		#from-blog .content p.meta { 
			color: #777; 
			font-size: 11px; 
			padding: 0 0 4px 55px; 
			}
			#from-blog .content p.meta a { 
				color: #555; 
				font-weight: bold; 
				}
			#from-blog .content .post a.thumblink { 
				}			
			#from-blog .content .post .date { 
				position: absolute; 
				top: 8px; 
				left: 14px; 
				background: url(images/icons/icon-date-bg.png) no-repeat; 
				text-transform: uppercase; 
				color: #FFF; 
				font-size: 10px; 
				padding: 6px 2px 14px 7px; 
				letter-spacing: -1px; 
				line-height: 10px; 
				width: 40px; 
				}					
		#from-blog .content #content-bottom { 
			background: url(images/fromblog.png) no-repeat -660px 0px;
			width: 330px; 
			height: 13px; 
			padding: 0 0 0; 
			}
					
#from-blog .content .post p.meta span.comments-number a { 
	background: url(images/comment-numberbg.png) no-repeat; 
	color: #FFF; 
	font-size: 9px; 
	font-weight: bold; 
	display: inline-block; 
	line-height: 14px; 
	text-align: center; 
	width: 24px;
	height: 18px; 
	}
#from-blog .content .post p.meta span.comments-number a:hover { 
	text-decoration: none; 
	}
	
/*---------------------- [Content Allgemein] ----------------------*/

#main-area #main { 
	float: left; 
	width: 640px; 
	}
h1#post-title { 
	background: url(images/heading-separator.png) no-repeat bottom left; 
	display: block; 
	width: 641px; 
	height: 38px; 
	padding: 5px 0 5px 0;
	}
	h1#post-title span { 
		background: url(images/heading-bg.png) no-repeat 0px 0px; 
		padding: 0 0 0 30px; 
		height: 38px;
		display: block;
		float: left;
		}
#main .post { 
	padding: 10px 30px 25px 18px; 
	background: url(images/post-bottom-bg.png) no-repeat bottom left; 
	}
	#main div.post.gallery { 
		padding: 20px 0 15px 0; 
		}
	#main div.post.index { 
		padding: 30px 0 15px 0; 
		}
#main-area #sidebar { 
	float: right; 
	width: 277px; 
	}
#main-area #main.fullwidth { 
	width: 960px; 
	}

/*---------------------- [Post Ansicht] ----------------------*/

h2.cat-title { 
	line-height: 1em; 
	font-weight: bold; 
	margin: 9px 0 6px 2px; 
	}
h2.cat-title a:hover { 
	text-decoration: none; 
	}
	div.meta_box { 
		width: 600px; 
		padding: 0; 
		margin-bottom: 10px; 
		background-color: #DDD; 
		border: 1px solid #BBB;
		}
		p.post-meta { 
			font-size: 12px; 
			padding: 7px 13px 7px 13px; 
			}
div.entry { 
	width: 639px; 
	background: url(images/heading-separator.png) no-repeat bottom left; 
	margin-bottom: 20px;
	padding: 0 0 23px 0; 
	}
	#main ul { 
		list-style-type: square; 
		margin: 0px 0px 15px 18px; 
		}
		#main ul li { 
			margin: 0 0 2px 0; 
			padding: 0; 
			}
	#main ol { 
		list-style-type: decimal; 
		list-style-position: inside; 
		margin: 0 0px 10px 10px; 
		}
		#main ul li ul, 
		#main ul li ol { 
			margin: 2px 0 2px 20px; 
			}
		#main ol li ul, 
		#main ol li ol  { 
			margin: 2px 0 2px 35px; 
			}
	.w550 { 
		width: 550px;
		margin: 0 auto;
		}
	.w500 { 
		width: 500px;
		margin: 0 auto;
		}
	.post .leftcont { 
		width: 295px;
		float: left;
		}
	.post .rightcont { 
		width: 295px;
		float: right;
		}
		#main strong { 
			/* color: #007aa9;  */
			}
		#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { 
			color: #007aa9; 
			clear: both;
			}
		#main .h_small_seperator {
			padding: 8px 0 2px 18px;
			background: url(images/heading-separator.png) no-repeat bottom left; 
			}
		#main .blue_underline {
			color:#0095ce;
			text-decoration:underline;
			}
		#main .h3_arrow {
			clear: both;
			background: url(images/icons/arrow_blue.png) 0px 4px no-repeat;
			padding: 6px 0px 3px 32px;
			}
		#main a.link_mit_pfeil {
			background: url(images/icons/post-linkarrow.png) no-repeat center left; 
			padding: 0 0 0 15px;
			color:#0095ce;
			text-decoration:none;
			}
		#main a.link_mit_pfeil:hover {
			text-decoration: underline;
			}
div.entry.last { 
	background: none; 
	margin-bottom: 0; 
	}
p.single-post-meta { 
	background: url(images/post-meta-bg.png) repeat-y; 
	width: 457px; 
	padding: 9px 170px 9px 22px; 
	position: relative; 
	}
p.single-post-meta.full { 
	padding-right: 25px; 
	width: 602px; 
	}
	p.single-post-meta a { 
		color: #0095ce; 
		}
	p.single-post-meta a:hover { 
		color: #37b8ea; 
		}
	p.single-post-meta span.post-comments { 
		display: block; 
		position: absolute; 
		top: 0px; 
		right: 10px; 
		width: 148px; 
		height: 39px; 
		background: url(images/post-comments-bg.png) no-repeat 0 -2px; 
		}
	span.post-comments a,
	span.post-comments span { 
		display: block; 
		text-align: center; 
		width: 148px; 
		height: 11px; 
		padding: 13px 0 17px 0;
		color: #fff; 
		}
	span.post-comments a:hover { 
		color: #555; 
		}
div.single-meta-bottom { 
	background: url(images/single-meta-bottom.png) no-repeat; 
	width: 639px; 
	height: 2px; 
	}
		
/*---------------------- [Sidebar Widget] ----------------------*/

#flashcontent { 
	width: 276px;
	height: 170px;
	margin-bottom: 10px; 
	border: 0px solid #ff4900;
	}
.widget { 
	clear: both;
	background: url(images/widget.png) repeat-y -276px 0px;
	color: #FFF; 
	margin-bottom: 10px; 
	}
	.widget:last-child { 
		margin-bottom: 0px; 
		}
	.widget a { 
		color: #0095ce; 
		}
	.widget a:hover { 
		color: #37b8ea; 
		}
	.widget div.content-top { 
		background: url(images/widget.png) no-repeat 0px -5px;
		width: 276px; 
		height: 12px; 
		}
	.widget div.content-bottom { 
		background: url(images/widget.png) no-repeat -552px 17px;
		width: 276px; 
		height: 10px; 
		padding: 15px 0px 0px; 
		}
	.widget h3.title { 
		background: url(images/widget.png) no-repeat -828px 20px;
		margin-bottom: 14px; 
		width: 246px; 
		margin-left: 12px; 
		padding: 4px 0px 0px; 
		}
		.widget h3.title span { 
			background: url(images/icons/icon-blog.png) no-repeat 6px 1px; 
			padding: 0px 0px 11px 35px; 
			display: block; 
			line-height: 24px; 
			}
			.widget h3.title span a { 
				font: 18px bold Century gothic, Helvetiva, sans;
				color: #555;
				letter-spacing: -0.5px; 
				}
			.widget h3.title span a:hover,
			.widget h3.title span a.current_page_item { 
				color: #0095ce;
				}
.widget .widget-content { 
	padding: 0 20px 0 12px; 
	}
	.widget-content, 
	.widget-content a { 
		font: 12px normal Helvetiva, Tahoma, sans;
		color: #555;
		}
	.widget-content a:hover { 
		color: #0095ce;
		}
	.widget-content li.current_page_item a { 
		color: #0095ce;
		}
	.widget .widget-content ul { 
		margin: 0 0 0 10px; 
		}
	.widget-content ul.subpages a { 
		}
		.widget .widget-content ul li { 
			background: url(images/widget-li-bullet.png) no-repeat 0px 10px; 
			padding: 7px 0px 7px 18px; 
			}
			.widget .widget-content ul li ul { 
				padding:5px 0px 0px 7px; 
				margin: 0px 0px -12px; 
				}

.widget ul.folio {
	float: left;
	width: 250px;
	margin: 0 0 5px 15px;
	}
	.widget ul.folio li {
		list-style-type: none;
		line-height: 20px;
		}
		.widget ul.folio li div.label {
			color: #0095ce;
			clear: both;
			float: left;
			width: 75px;
			}
		.widget ul.folio li div.right {
			color: #555;
			width: 165px;
			float: right;
			display: block;
			}
	.widget a.readmore {
		float: left !important; 
		margin: 0 0 0 100px !important;
		font: 14px bold; 
		}

	.widget-content .kontakt { 
		width: 265px;
		height: 130px;
		background: url(images/block-kontakt.png) no-repeat top center;
		}
	.widget-content .iflexshop { 
		width: 265px;
		height: 130px;
		background: url(images/block-iflex-shopsystem.png) no-repeat top center;
		}
		.widget-content .kontakt p span.text, 
		.widget-content .iflexshop p span.text { 
			display: none;
			}
		.widget-content .kontakt a.maillink { 
			display: block;
			width: 190px;
			height: 20px;
			margin: 95px 0 0 0;
			}

/*---------------------- [Galerie Uebersicht] ----------------------*/


.gallery-postimage { 
	margin: 0 auto 20px auto; 
	position: relative; 
	overflow: hidden;
	width: 595px;
	height: 328px;
	padding: 8px; 
	border: 1px solid #777; 
	background: #252525; 
	box-shadow: #999 1px 1px 3px;
 	-moz-box-shadow: #999 1px 1px 3px;
	-webkit-box-shadow: #999 1px 1px 3px;
	}
	.gallery-postimage a.thumbnail-post { 
		display: block;
		overflow: hidden;
		height: 328px;
		border: 1px solid #555; 
		margin: 0 auto 10000px auto; /* abstand zu bild verschieben um nicht sichtbar */
		}
		.gallery-postimage a.thumbnail-post img { 
			overflow: hidden;
			margin: -20px 0 0 -100px; /* mittig 800px bild */ 
			}
	.gallery-postimage  span.overlay { 
		background: url(images/gallery-overlay.png) no-repeat; 
		display: none; 
		position: absolute;
		top: 9px; 
		left: 9px; 
		z-index: 3; 
		width: 595px; 
		height: 328px; 
		} 

div#main-area .container a img.category { 
	margin-top: 6px; 
	}
			
.thumb-gallery { 
	float: left; 	
	border: 1px solid #777; 
	padding: 7px; 
	background: #252525; 
	width: 127px;
	height: 127px;
	margin: 0px 20px 20px 0px; 
	position:relative; 
	box-shadow: #999 1px 1px 3px;
 	-moz-box-shadow: #999 1px 1px 3px;
	-webkit-box-shadow: #999 1px 1px 3px;
	}
	.thumb-gallery a { 
		display: block; 
		} 
	.thumb-gallery img.preview-thumb {
		width: 125px;
		height: 125px;
		border: 1px solid #555; 
		}
	.thumb-gallery img.preview-thumb:hover {
		border: 1px solid #777; 
		box-shadow: inset #111 1px 1px 3px;
		-moz-box-shadow: inset #111 1px 1px 3px;
		-webkit-box-shadow: inset #111 1px 1px 3px;
		}
	.thumb-gallery.last { 
		margin-right: 0px; 
		}
	
.project-popup { 
	display: none; 
	position: absolute; 
	top: -200px; 
	left: -141px; 
	padding: 6px; 
	z-index: 1000 !important;
	background: url(images/overlay_bg.png) repeat; 
	border: 1px solid #777; 
	box-shadow: #555 2px 2px 4px;
 	-moz-box-shadow: #555 2px 2px 4px;
	-webkit-box-shadow: #555 2px 2px 4px;
	}
	.project-popup img.popup-thumb { 
		border: 1px solid #777; 
		}
	.project-popup span { 
		position: absolute; 
		top: 6px; 
		left: 0px; 
		z-index: 5; 
		display: none; 
		width: 406px; 
		height: 245px; 
		}
	.project-popup a { 
		display: block; 
		}

/*-----------------[FEATURED SLIDER]--------------*/


div#featured-slider { 
	background: url(images/featured-bg.png) no-repeat; 
	width: 950px; 
	height: 357px; 
	position: relative; 
	padding: 10px 0 0 10px; 
	margin: 0 0 25px 0; 
	}
	div.pics { 
		position: relative; 
		float: left; 
		width: 571px; 
		height: 348px; 
		overflow: hidden; 
		margin: 0; 
		padding: 0; 
		}
		div.pics img.pic { 
			margin: 0; 
			padding: 0; 
			width: 571px; 
			height: 348px; 
			}
	span.feat-overlay { 
		display: block; 
		width: 571px; 
		height: 348px; 
		background: url(images/overlay.png) no-repeat; 
		position: absolute; 
		top: 0; 
		left: 0; 
		}
div#slider-control { 
	float: right; 
	width: 379px; 
	}
	div#slider-control span.order { 
		display: none; 
		}
	.featitem {
 		cursor:pointer; 
		float:left; 
		height: 116px; 
		}
		.featitem div.item-content { 
			float: left; 
			padding: 12px 16px 12px 17px; 
			border-bottom: 1px solid #BBB; 
			}
		.featitem.last div.item-content { 
			border-bottom: 0px solid #BBB; 
			}
	.featitem.active { 
		background: url(images/featitem-active-bg.png) no-repeat right bottom; 
		}				
		.featitem img { 
			background: url(images/featitem-thumb.png) no-repeat; 
			float: left; 
			padding: 5px 8px 8px 5px; 
			margin-right: 19px; 
			width: 80px;
			height: 80px;
			}
		.featitem div.description { 
			float: left; 
			width: 234px; 
			}
			.featitem h2 { 
				padding: 0 0 8px 0; 
				font: 16px bold Helvetica, Tahoma, sans; 
				}			
			.featitem p.excerpt { 
				width: 220px; 
				color: #555; 
				line-height: 15px; 
				padding: 4px 8px 0 0; 
				}
			
/*-------------------[COMMENTS]-------------------*/

.comment-body { 
	overflow: hidden; 
	}
.comment-wrap { 
	float: left; 
	width: 80%; 
	padding: 0 0 10px; 
	}
	img.avatar {
		border: 5px solid #252525; 
		float: left; 
		margin: 8px 21px 0 8px; 
		-moz-box-shadow-left: #999 1px 1px 3px;
		-webkit-box-shadow: #999 1px 1px 3px;
		}
	.comment-author span.fn {
		font-size: 13px; 
		display: inline-block; 
		padding: 4px 9px; 
		background: #555; 
		color: #FFF; 
		margin: 8px 0 10px 0; 
		}
		.comment-author span a { 
			color: #FFF; 
			}
	.commentmetadata { 
		font: italic bold 1em/1em Arial Sans-serif; 
		display: inline; 
		border-bottom: 1px solid #bbb; 
		clear: both; 
		margin: 5px 0 0; 
		color: #252525; 
		}
.comment-content { 
	width: 100%; 
	padding: 5px 0 0; 
	}
.reply-container { 
	float: right; 
	}
	a.comment-reply-link { 
		}
#commentform { 
	margin: 0; 
	}

/*-------------------[COMMENTS LISTE]-------------------*/

#comment-section { 
	}
	#comment-section p#comments { 
		display: block; 
		width: 621px; 
		height: 20px; 
		margin: 0;
		padding: 0px 0 18px 20px;
		font: 20px bold century gothic, sans;
		color: #333; 
		background: url(images/heading-separator.png) no-repeat bottom left; 
		}
	#comment-section .navigation { 
		overflow: hidden; 
		padding: 0 0 15px; 
		}
	#main ol.commentlist { 
		list-style-type: none; 
		padding: 0 0 15px 0; 
		background: url(images/post-bottom-bg.png) no-repeat bottom left; 
		}
		ol.commentlist li { 
			list-style-type: none; 
			padding: 10px 0 1px 19px; 
			border-bottom: 1px solid #CCC;
			}
		ol.commentlist ul.children { 
			margin: 2px 0 2px 85px; 
			list-style-type: none; 
			}
			ol.commentlist ul.children li {
				border-top: 1px solid #CCC;
				padding: 20px 0 0 20px; 
				}
			ol.commentlist li:last-child { 
				border-bottom: 0px solid #CCC;
				}
			#commentform input#author, 
			#commentform input#email, 
			#commentform input#url, 
			#commentform textarea { 
				width: 50%; 
				}
li.depth-1 .comment-wrap { width: 487px; }
li.depth-2 .comment-wrap { width: 383px; }
li.depth-3 .comment-wrap { width: 280px; }
li.depth-4 .comment-wrap { width: 180px; }
				
/*---------------------[FOOTER]-------------------*/

#footer-widget-area {
	background: url(images/footer_bg.png) repeat top left; 
	padding: 15px 0 0 0; 
	}
	#recent-projects {
		position: relative; 
		padding-bottom: 5px; 
		}
		#recent-projects h3 { 
			color: #555; 
			padding: 5px 0 15px 0; 
			}	
		#recent-projects div.project-item { 
			background: #34393d; 
			margin: 0 24px 24px 0; 
			padding: 6px; 
			width: 120px; 
			height: 120px; 
			float: left; 
			border: 1px solid #40464b; 
			position: relative; 
			}
		#recent-projects div.project-item:hover { 
			background: #444; 
			border: 1px solid #555; 
			}
			#recent-projects div.project-item a { 
				display: block; 
				}
			#recent-projects div.project-item.last { 
				margin-right: 0px; 
				}
			#recent-projects a.readmore { 
				position: absolute; 
				left: 235px; 
				top: 0px; 
				}
		#footer-widget-area a.readmore { 
			display: block; 
			min-width: 70px;
			height: 15px;
			padding: 7px 12px;
			margin: 0 10px 0 0; 
			font-size: 11px;
			font-weight: bold; 
			text-align: center;
			color: #666; 
			background-image: -webkit-gradient(
				linear,
    			left bottom,
    			left top,
 				color-stop(0.45, #222),
    			color-stop(0.40, #111)
			);
			background-image: -moz-linear-gradient(
   				center bottom,
    			#BBB 45%,
    			#AAA 20%
			);  
			border: 1px solid #333; 
			}
		#footer-widget-area a.readmore:hover { 
			color: #999;
			border: 1px solid #555; 
			}
			
#footer { 
	background: url(images/footer-bottom.png) repeat-x top left; 
	border-top: 1px solid #383c40; 
	padding: 12px 0 3px; 
	}
		#footer p { 
			font-size: 11px; 
			color: #7c848a; 
			margin-left: 15px; 
			}
		#footer .sociallinks { 
			background: url(images/footer-sociallinks.png) no-repeat top left;
			width: 653px;
			height: 37px; 
			margin: 0 auto 5px auto;
			}
			.sociallinks a { 
				float: left;
				display: block;
				height: 30px; 
				margin: 5px auto ;
				border: 0px solid #383c40; 
				}
			.sociallinks a.twitter { 
				width: 90px;
				margin-left: 140px ;
				}
			.sociallinks a.facebook { 
				width: 95px;
				}
			.sociallinks a.designbump { 
				width: 110px;
				}
			.sociallinks a.misterwong { 
				width: 125px;
				}
			.sociallinks a.deviantart { 
				width: 90px;
				}
		#footer a { 
			color: #666; 
			}

/*--------------------[SIDEBAR]-------------------*/

img#about-image { 
	border: 2px solid #434749; 
	display: inline; 
	float: left; 
	margin: 5px 10px 5px 0; 
	}
/*------------------[SEARCH FORM]-----------------*/

#subscribe #search { 
	float: right; 
	margin: 21px 24px 0 0; 
	}
#subscribe #search h3 { 
	font-size: 17px; 
	color: #6c8a96; 
	font-style: italic; 
	float: left; 
	margin: 0 17px 0 0; 
	}
#subscribe #search-form  { 
	float: left; 
	}
input#search-field { 
	width: 184px; 
	border: 1px solid #e0e0e0; 
	padding: 7px 5px; 
	}

/*---------------[KONTAKTFORM]-----------------*/

.cform { 
	background: url(images/post-bottom-bg.png) 0px 0px no-repeat;
	margin: 0;
	padding: 20px 80px 0 60px;
	width: 480px;
	}
.cform fieldset	{ 
	margin-top: 10px; 
	padding:5px 0 15px 0; 
	}
.cform .cf_hidden {
	display:none; 
	padding:0!important;
	margin:0!important;
	}
.cform legend { 
	padding: 0; 
	color: #0095ce; 
	font-weight: bold;
	}
ol.cf-ol { 
	margin:0!important; 
	padding:0!important;
	}
	ol.cf-ol li {
		background:none!important; 
		margin:5px 0!important;
		padding:0; 
		list-style:none!important; 
		text-align:left;
		line-height:1.3em;
		}
.cform label {
	padding: 0; 
	width: 120px; 
	margin: 0 10px 0 0; 
	display: inline-block;
	text-align: right;
	vertical-align: top;
	}
.cform label span {
	width: 120px;
	display:block; 
	}
	/* anfrage form */
	#cforms2form { 
		padding: 20px 80px 0 0;
		width: 600px;
		}
	#cforms2form label, #cforms2form label span {
		width: 200px; 
		text-align: left;
		}
	/* anfrage form */
	#cforms2form input, #cforms2form textarea {
		width: 260px; 
		}

label.cf-before {
	margin:4px 10px 0 0; 
	}
label.cf-after 	{
	margin: 4px 15px 0pt 6px;
	text-align: left;
	width: 115px;
	}
label.cf-after span {
	width: 115px;
	display: block;
	}
label.cf-group-after {
	margin: 3px 4px 0 2px;
	width: 72px;
	text-align: left;
	}
label.cf-group-after span {
	width: 72px;
	display: block;
	}

span.reqtxt,
span.emailreqtxt { 
	margin: 3px 0 0 3px;
	font-size: 0.9em;
	vertical-align: top;
	}
input#sendbutton {
	margin: 0 0 0 130px;
	}

ol.cf-ol li.cf_li_err {
	background: #0095ce url(li-err-bg.png) repeat!important;
	color: #fff;
	padding: 5px 0!important;
	margin: 5px 0!important;
	}

label.secq,
label.seccap {
	vertical-align: text-bottom;
	margin-bottom: 4px;
	}
input.secinput {
	vertical-align: text-bottom;
	}
#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height: 15px;
	width: 50px;
	padding: 4px 4px;
	margin: 0;
	}
img.captcha {
	vertical-align: text-bottom;
	margin: 0 0 0 10px!important;
	padding: 0!important;
	border: none!important;
	float: none!important;
	}
img.captcha-reset {
	vertical-align: text-bottom;
	background: url(captcha_reset_grey.gif) no-repeat;
	margin: 0 0 2px 3px;
	width: 21px;
	height: 21px;
	border: none;
	}

div.cf_info {
	display: none;
	padding: 10px 15px!important;
	width: 380px;
	line-height: 1.3em;
	margin: 10px auto;
	}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
	}
	div.cf_info ol li {
		padding:1px 0;
		margin:2px 0;
		}
div.cf_info a	{
	color:#ad2929!important;
	text-decoration:underline!important;
	}
div.success, div.failure, div.waiting {
	display:block;
	background-color: #0095ce;
	color: #fff;
	}
div.mailerr {
	display:block;
	}
.mailerr, 
.cform .cf_errortxt {
	color:#ad2929; 
	}

[disabled] {
	color:#ddd;
	border-color:#ddd!important;
	background:none!important;
}
.disabled {
	border-color:#ddd!important;
}
* html .cform fieldset, *+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
	}
* html .cform legend, *+html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
	}
* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt { 
	display: inline-block;  /*for ie6*/
	}
*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt {
	display: inline-block; /*for ie7*/
	}
* html img.captcha {
	margin-bottom:1px!important;
	}
*+html img.captcha {
	margin-bottom:1px!important;
	}


/*---------------[DEFAULT DROPDOWN SETTINGS]---*/

.nav ul { 
	position:absolute; 
	top:-999em; 
	background-position: bottom; 
	background-repeat: no-repeat; 
	z-index: 10; 
	}
.nav li { 
	float:left; 
	position:relative; 
	}
.nav a { display:block; 
	float: left; 
	}
.nav li:hover ul, ul.nav li.sfHover ul { 
	left: 0; 
	top: 35px; 
	}
.nav li:hover li ul, .nav li.sfHover li ul { 
	top: -999em; 
	}
.nav li li:hover ul, ul.nav li li.sfHover ul { 
	left: 207px; 
	top: 0; 
	}
.nav li:hover ul, .nav li li:hover ul { 
	top: -999em; 
	}
.nav li li {	
	display: block;	padding: 0px; 
	float: left; 
	height: auto !important; 
	}
.nav li ul { 
	width: 208px; 
	}
.nav li li a:link, .nav li li a:visited {	
	display: block; 
	height: auto; 
	float: left; 
	}
.nav li:hover { 
	visibility: inherit; 
	}

/*-----------------[WP PAGE NAVI]-----------------*/

p.pagination { clear: both; 
	float: left; 
	width:620px; 
	padding: 15px 12px; 
	}
	span#prev-posts { float: left; }
	span#next-posts { float: right; }
		
/*-------------------[PAGE NAVI]------------------*/

.wp-pagenavi { 
	margin: 0; 
	font: bold 12px/24px Arial; 
	color: #666; 
	}
	.wp-pagenavi a, 
	.wp-pagenavi a:link, 
	.wp-pagenavi a:visited { 
		width: 29px; 
		height: 29px; 
		line-height: 24px; 
		text-align: center; 
		margin: 0 2px; 
		text-decoration: none; 
		background: url(images/pagenavi-bg.png) no-repeat 0 0; 
		display: inline-block; 
		padding: 0; 
		}
	.wp-pagenavi a:hover { 
		background: url(images/pagenavi-bg.png) -58px 0px no-repeat;
		color: #fff; 
		}
	.wp-pagenavi span.pages { 
		padding: 6px 7px; 
		margin: 2px 2px 2px 2px; 
		border: none; 
		color: #666; 
		background: none; 
		}
	.wp-pagenavi span.current { 
		width: 29px; 
		height: 29px; 
		margin: 0 -2px 0 2px; 
		background: url(images/pagenavi-bg.png) -29px 0px no-repeat;
		display: inline-block; 
		line-height: 24px; 
		text-align: center; 
		padding: 0; 
		}

#sidebar div.custom-sidebar-block ul.control li a:hover, 
ul#cats-menu li a:hover, ul#page-menu li a:hover, 
div#slider-control .featitem h2 a  { 
	text-decoration: none; 
	}
.js #featured-slider, .js #recent-projects, .js #from-blog div.content {display: none;}
.foursixeight { 
	margin: 0 0 15px 84px;
	}
.widget_addn {
	position: absolute;
	left: -450px;
	top: -400px;
	}

/*-------------------[SOCIABLE]------------------*/

#main .post-extra { 
	padding: 0 30px 5px 18px; 
	background: url(images/post-bottom-bg.png) no-repeat bottom left; 
	border: 0px solid #ff9900;
	}
	#main .post-extra .left { 
		float: left;
		}
	#main .post-extra .right { 
		margin: 0 0 0 240px;
		}

div.sociable { 
	margin: 0 !important;
	padding: 0 !important;
	}
	.sociable-tagline {
		display: block;
		color: #555;
		}
	.sociable ul {
		display: inline;
		margin: 0 !important;
		padding: 0 !important;
		}
		.sociable ul li {
			background: none;
			display: inline !important;
			list-style-type: none;
			margin: 0;
			padding: 1px;
			}
		.sociable ul li:before { 
			content: ""; 
			}
		.sociable ul li a {
			display: block;
			float: left;
			width: 20px;
			height: 20px;
			margin: 0 2px 0 0 ;
			padding: 0;
			text-indent: -9999px;
			background: url(images/social_icons.png) 0px 0px no-repeat;
			opacity: 0.6;
			}
		.sociable a.twitter {					background: url(images/social_icons.png) 0px 0px no-repeat;	}
		.sociable a.rss {						background: url(images/social_icons.png) -20px 0px no-repeat; }
		.sociable a.facebook {				background: url(images/social_icons.png) -40px 0px no-repeat; }
		.sociable a.myspace {				background: url(images/social_icons.png) -60px 0px no-repeat; }
		.sociable a.googlebookmarks {	background: url(images/social_icons.png) -80px 0px no-repeat; }
		.sociable a.misterwongde {	background: url(images/social_icons.png) -100px 0px no-repeat; }
		.sociable a.delicious {				background: url(images/social_icons.png) -120px 0px no-repeat; }
		.sociable a.digg {						background: url(images/social_icons.png) -140px 0px no-repeat; }
		.sociable a.yahoobookmarks {	background: url(images/social_icons.png) -160px 0px no-repeat; }
		.sociable a.yahoobuzz {			background: url(images/social_icons.png) -180px 0px no-repeat; }
		.sociable a.live {						background: url(images/social_icons.png) -200px 0px no-repeat; }
		.sociable a.googlebuzz {		background: url(images/social_icons.png) -220px 0px no-repeat; }

		.sociable ul li a:hover {
			opacity: 1.0;
			}

/*-------------------[POSTRATING]------------------*/

.post-ratings {
	opacity: 1.0;
}
.post-ratings-loading {
	display: none;
	height: 16px;
	text-align: left;
}
.post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG {
	border: 0;
	padding: 0;
	margin: 0;
}
.post-ratings-text {
}
.post-ratings-comment-author {
	font-weight: normal;
	font-style: italic;
}

/*-------------------[TOOLTIP]------------------*/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

/*-------------------[FONT]------------------*/

h1#post-title,
#header .top2 ul li a,
ul#top-navigation li a, 
p#slogan-phrase,
h2.cat-title, 
div.page-block h3, 
#respond h3, 
div#recent-projects h3, 
p#comments,
p#slogan-phrase small, 
div.featitem h2, 
div.widget h3.title, 
div#from-blog h3, 
.post h3,
div.widget-content ul.subpages a, 
#main .post h4,
a.readmore span, 
span.post-comments a, 
span.post-comments span,
a.visit_site, 
div#from-blog ul.control li a, 
div#from-blog div.content h4 { 
	font-family: "Yanone Kaffeesatz", Arial, Verdana, sans; 
	}

h1#post-title { 
	font-size: 31px;
	font-style: normal;
	font-weight: 400;
	}
p#slogan-phrase { 
	font-size: 28px;
	}
h2.cat-title, 
div.page-block h3, 
#respond h3, 
p#comments { 
	font-size: 26px;
	}
p#slogan-phrase small, 
div.featitem h2, 
div.widget h3.title, 
div#from-blog h3, 
div#recent-projects h3, 
.post h3 { 
	font-size: 22px;
	}
div.widget-content ul.subpages a, 
#main .post h4 { 
	font-size: 20px;
	}
ul#top-navigation li a{ 
	font-size: 20px;
	}
ul#top-navigation li ul li a, 
#header .top2 ul li a { 
	font-size: 17px;
	}
a.readmore span, 
span.post-comments a, 
span.post-comments span,
a.visit_site, 
div#from-blog ul.control li a, 
div#from-blog div.content h4 { 
	font-size: 16px;
	}

/*-------------------[FANCYBOX]------------------*/

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}
div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}
div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/fancybox/fancy_progress.png') no-repeat;
}
div#fancy_outer {
	position: absolute;
    	top: 0;
    	left: 0;
    	z-index: 90;
   	padding: 20px 20px 40px 20px;
   	margin: 0;
   	background: transparent;
    	display: none;
}
div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}
div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}
div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}
img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}
div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('images/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	outline: none;
	overflow: hidden;
}
a#fancy_left {
	left: 0px; 
}
a#fancy_right {
	right: 0px; 
}
span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}
span#fancy_left_ico {
	left: -9999px;
	background: transparent url('images/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('images/fancybox/fancy_right.png') no-repeat;
}
a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}
a#fancy_left:hover span {
	left: 20px; 
}
a#fancy_right:hover span {
	right: 20px; 
}
#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}
div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}
div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}
div#fancy_title table {
	margin: 0 auto;
}
div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}
td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('images/fancybox/fancy_title_left.png') repeat-x;
}
td#fancy_title_main {
	height: 32px;
	background: transparent url('images/fancybox/fancy_title_main.png') repeat-x;
}
td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('images/fancybox/fancy_title_right.png') repeat-x;
}