/*  
Theme Name: i3Theme 1.4 (Center Edition)
Theme URI: http://www.mangoorange.com
Description: WordPress theme designed by <a href="http://www.ndesign-studio.com">N.Design Studio</a>, columnized by <a href="http://www.mangoorange.com">MangoOrange</a>. Supported by <a href="http://www.webhostinggeeks.com">Web Hosting Geeks</a>.
Version: 1.4
Author: Mickey Cheong
Author URI: http://www.mangoorange.com/about/

	This theme was designed by Nick La, columnized by Mickey Cheong, supported by Web Hosting Geeks.
	
	By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - A link back to N.Design Studio and MangoOrange™ must be retained in the footer (either modified or unmodified)
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute
    
  	Changelog
  	Version 1.4
  	
		* Availability of author credential of each post
		* Improved blog header title with better navigation information
		* Newly Support Plugins (means fully tested)
		  * Paged Comments (http://www.keyvan.net/code/paged-comments/)		
		* BUG FIXED: Unable to display more than one row of sub navigation bar
		* BUG FIXED: Wrong function name used, bloginfo() instead of get_bloginfo() [original iTheme code]
		* BUG TEMP-FIXED: Temporary increase the length of the list to 2 times (over 2000px in height).
  	
  	Version 1.3.1
  	
		* BUG FIXED: Sub-navigation bar will be display regardless whether there are sub-categories
  	
	Version 1.3
	
		* Optimised codings
		* Fully tested on Internet Explorer 7, Firefox 2, Safari 3 and Opera 9
		* Works on the latest Wordpress v2.3 release
		* Newly Support Plugins (means fully tested)
		  * Inline Adsense (http://philhord.com/phord/adsense-inline-with-wordpress-blog-posts/)
		  * Secure Contact Form (http://blue-anvil.com/archives/secure-accessible-contact-form-for-wordpress-multi-user-version)
		* Supported by Web Hosting Geeks (http://www.webhostinggeeks.com), 
			hence expect more features and enhancement in the future.
		* BUG UNFIXED:
			* IE7 unable to display the toggle button in Wordpress 2.2.3 
				* SOLUTION: Upgrade to Wordpress 2.3

  	Version 1.2

    * Bug Fixed: Unable to display sub-navigation bar when using Widgets Plugin by Automattic
    * Left and Right Edition made available.

	Version 1.1
	
    * Support Widgets Plugin by Automattic.
    * Support Recent Posts and Recent Comments widgets.
    * Links sorted according to alphabetical order by default.

*/

/* @group Basics */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 20, 2010 05:51:58 PM America/New_York */


@font-face {
	font-family: HeadType;
	src: url('http://www.markuswaeger.com/wp-content/fontfaces/Prociono-Regular.eot');
	src: local('☺'), url('http://www.markuswaeger.com/wp-content/fontfaces/Prociono-Regular.ttf') format('truetype'), url('http://www.markuswaeger.com/wp-content/fontfaces/Prociono-Regular.svg#webfont') format('svg');
}

@font-face {
	font-family: 'BodyType';
	src: url('http://www.markuswaeger.com/wp-content/fontfaces/Sansation_Regular.eot');
	src: local('☺'), url('http://www.markuswaeger.com/wp-content/fontfaces/Sansation_Regular.ttf') format('truetype'), url('http://www.markuswaeger.com/wp-content/fontfaces/Sansation_Regular.svg#webfont') format('svg');
}

@font-face {
	font-family: 'BodyTypeLight';
	src: url('http://www.markuswaeger.com/wp-content/fontfaces/Sansation_Light.eot');
	src: local('☺'), url('http://www.markuswaeger.com/wp-content/fontfaces/Sansation_Light.ttf') format('truetype'), url('http://www.markuswaeger.com/wp-content/fontfaces/Sansation_Light.svg#webfont') format('svg');
}

@font-face {
	font-family: 'BodyTypeBold';
	font-weight: bold;
	src: url('http://www.markuswaeger.com/wp-content/fontfaces/Sansation_Bold.eot');
	src: local('☺'), url('http://www.markuswaeger.com/wp-content/fontfaces/Sansation_Bold.ttf') format('truetype'), url('http://www.markuswaeger.com/wp-content/fontfaces/Sansation_Bold.svg#webfont') format('svg');
}

@font-face {
	font-family: 'CodeRegular';
	src: url('http://www.markuswaeger.com/wp-content/fontfaces/Share-Regular.eot');
	src: local('☺'), url('http://www.markuswaeger.com/wp-content/fontfaces/Share-Regular.ttf') format('truetype'), url('http://www.markuswaeger.com/wp-content/fontfaces/Share-Regular.svg#webfont') format('svg');
}

@font-face {
	font-family: 'CodeMono';
	src: url('http://www.markuswaeger.com/wp-content/fontfaces/Share-TechMono.eot');
	src: local('☺'), url('http://www.markuswaeger.com/wp-content/fontfaces/Share-TechMono.ttf') format('truetype'), url('http://www.markuswaeger.com/wp-content/fontfaces/Share-TechMono.svg#webfont') format('svg');
}






body {
	margin: 0;
	padding: 0;
	background-color: #444A4F;
	color: #444a4f;
}

a, a:visited {
	color: #444A4F;
	text-decoration: none;
}
a:hover {
	color: #f90;
}

.center {
	text-align: center;
}

.hideaway {
	display: none;
}

.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
.hidden {
	clear: both;
	visibility: hidden;
}

.invisible {
}

strong, b {
	font-family: BodyTypeBold;
}

code {
	font-family: CodeMono, "Andale Mono", "Courier New", Courier, mono;
	letter-spacing: 1px;
	word-spacing: -4px;
	padding-right: 2px;
	padding-left: 4px;
	background-color: #f2f3e8;
	border-style: solid;
	border-width: 1px;
	margin-right: 2px;
	margin-left: 2px;
}



/* @end */

/* @group Container */

#page {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

#wrapper {
	padding: 0;
	margin: 0;
	font: 14px/20px BodyType, "Lucida Grande", Lucida, Verdana, sans-serif;
}

#content {
	margin-left: 5px;
	margin-right: 5px;
	width: 624px;
	border: 3px solid #9CAAB5;
	margin-top: 5px;
	float: left;
	background-color: white;
}

#header {
	width: 963px;
	border-bottom: 3px solid #f90;
	text-align: center;
	color: #f90;
	margin-top: 5px;
	padding: 0 7px 3px 30px;
	height: 24px;
	background: #900 url(http://www.markuswaeger.com/wp-content/mainimages/mwLogo21px.gif) no-repeat 4px 3px;
}

#header h1 {
	letter-spacing: 3px;
	margin: 3px 0 0 2px;
	display: block;
	float: left;
	padding: 0;
	text-transform: uppercase;
	font-size: 11px;
}

#header h1 a, #header h1 a:visited {
	color: #f90;
}

#header h1 a:hover {
	color: #fc0;
}

#header .description {
	margin: 0;
	padding-top: 5px;
	display: block;
	float: right;
	font-style: italic;
	font-size: 13px;
	letter-spacing: 1px;
}

#nav {
	display: none;
}

#left-col {
	float: left;
}

/* @group Sidebar */

#sidebar-left {
	float: left;
}

#sidebar-right {
	float:right;
	clear: right;
}

#sidebar-right, #sidebar-left {
	width: 180px;
	color: #707A82;
	font-size: 11px;
	word-spacing: -1px;
	line-height: 15px;
}

#sidebar-right ul, #sidebar-left ul {
	list-style-type: none;
	margin: 0;
	line-height: 22px;
	padding: 0;
}

#sidebar-right ul li a, #sidebar-right li a:visited, #sidebar-left ul li a, #sidebar-left ul li a:visited {
	color: #707A82;
	display: block;
	margin: 0;
	padding: 2px 7px;
	border-top: 1px solid #9CAAB5;
}

#sidebar-right ul li a:hover, #sidebar-right ul li a:focus, #sidebar-right ul li a:active, #sidebar-left ul li a:hover, #sidebar-left ul li a:focus, #sidebar-left ul li a:active  {
	background-color: #E6EDF2;
	color: #444A4F;
}

#sidebar-right ul li ul li a, #sidebar-right ul li ul li a:visited, 
#sidebar-left ul li ul li a, #sidebar-left ul li ul li a:visited  {
	padding: 0 0 0 22px;
	border-bottom-style: none;
	border-top-style: none;
	margin: 0;
}

#sidebar-right ul li ul li ul li a, #sidebar-right ul li ul li ul li a:visited, 
#sidebar-left ul li ul li ul li a, #sidebar-left ul li ul li ul li a:visited  {
	margin: 0;
	padding: 0 0 0 37px;
}

#sidebar-right h3, #sidebar-left h3
{
}

#sidebar-right p, #sidebar-left p  {
}

#twitter-tools .dbx-content {
	font-size: 11px;
	padding: 2px 7px;
}

#twitter-tools .dbx-content li {
	margin: 0;
	padding: 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#twitter-tools .dbx-content a {
	display: inline;
	border-style: none;
	margin: 0;
	padding: 0;
}

.aktt_tweets {
}

.TweetButton_button {
	margin: 0 0 0 150px;
	padding: 0;
	width: 430px;
	height: 20px;
}

.fblike {
	height: 70px;
	margin: 0;
	padding: 0;
}

.feed, .feed a:hover {
	background: url(http://www.markuswaeger.com/wp-content/socmedia/feed-16x16.png) no-repeat 6px 5px;
	display: block;
	text-indent: 20px;
}

.mail, .mail a:hover {
	background: url(http://www.markuswaeger.com/wp-content/socmedia/email-16x16.png) no-repeat 6px 5px;
	display: block;
	text-indent: 20px;
}

.inspiration, .inspiration a:hover {
	background: url(http://www.markuswaeger.com/wp-content/socmedia/website-16x16.png) no-repeat 6px 5px;
	display: block;
	text-indent: 20px;
}

.zoo, .zoo a:hover {
	background: url(http://www.markuswaeger.com/wp-content/socmedia/zootool-16x16.png) no-repeat 6px 5px;
	display: block;
	text-indent: 20px;
}

.tweets, .tweets a:hover {
	background: url(http://www.markuswaeger.com/wp-content/socmedia/twitter-16x16.png) no-repeat 6px 5px;
	display: block;
	text-indent: 20px;
}

.fb, .fb a:hover {
	background: url(http://www.markuswaeger.com/wp-content/socmedia/facebook-16x16.png) no-repeat 6px 5px;
	display: block;
	text-indent: 20px;
}

.fbseite, .fbseite a:hover {
	background: url(http://www.markuswaeger.com/wp-content/socmedia/facebook-16x16.png) no-repeat 6px 5px;
	display: block;
	text-indent: 20px;
}

.itunes, .itunes a:hover {
	background: url(http://www.markuswaeger.com/wp-content/socmedia/itunes-16x16.png) no-repeat 6px 5px;
	display: block;
	text-indent: 20px;
}

.youtube, .youtube a:hover {
	background: url(http://www.markuswaeger.com/wp-content/socmedia/youtube-16x16.png) no-repeat 6px 5px;
	display: block;
	text-indent: 20px;
}

.flickr, .flickr a:hover {
	background: url(http://www.markuswaeger.com/wp-content/socmedia/flickr-16x16.png) no-repeat 6px 5px;
	display: block;
	text-indent: 20px;
}

.mobme, .mobme a:hover {
	background: url(http://www.markuswaeger.com/wp-content/socmedia/mobme-16x16.png) no-repeat 6px 5px;
	display: block;
	text-indent: 20px;
}

.medelicious, .medelicious a:hover {
	background: url(http://www.markuswaeger.com/wp-content/socmedia/delicious-16x16.png) no-repeat 6px 5px;
	display: block;
	text-indent: 20px;
}

/* @group Widgets */

/* FLICKR RSS WIDGET */

#last-year .dbx-content p {
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin: 0;
	border-bottom-color: #9CAAB5;
}

#last-year .dbx-content li a {
	line-height: 16px;
}


/* SEARCHFORM WIDGET */

#searchform div {
	margin: 0 0 5px;
	padding: 0;
	text-align: center;
}

input#s {
	width: 156px;
	background-color: #C8D9E8;
	border: 1px solid #9CAAB5;
	padding: 3px;
	margin: 5px 0;
}

input#s:hover {
	background-color: white;
}

input#s:focus {
	background-color: white;
}

/* ARCHIVE WIDGET */

.widget_archive .dbx-content {
	text-align: center;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

.widget_archive .dbx-content select {
	width: 160px;
}

/* WERBE WIDGET RUCHSACKCENTER */

#sidebar-left .textwidget {
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
}

div.textwidget span.werbung a img {
	width: 172px;
	height: 172px;
	margin: 1px;
}

/* AUTOR WIDGET */

.blogautor {
	display: block;
	padding: 95px 5px 5px 7px;
	background: url(http://www.markuswaeger.com/wp-content/mainimages/selbstportrait.jpg) no-repeat;
}

.blogautor p {
	margin: 0;
}

.blogautor h2 {
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
}

.feedburnerbutton {
	width: 170px;
	height: 34px;
	text-align: center;
}

/* BUECHER WIDGET */

.buecher {
	margin: 0;
	display: block;
	padding: 7px;
}

.buecher h2 {
	margin: 0;
	font: bold 11px BodyTypeBold;
	color: #a20000;
}

.buecher a.buchbild {
	text-align: center;
	margin-bottom: 10px;
	display: block;
	margin-top: 20px;
}

.buecher p {
	margin: 0;
}

.buecher a, .buecher a:visited {
	color: #a20000;
}

.buecher a:hover {
	color: #444A4F;
}

.buecher .zitat {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-indent: -5px;
	font-style: italic;
}

.buecher .referenz {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	display: block;
}

/* SEMINARE WIDGET */

.eposseminare {
	display: block;
	background: url(http://www.markuswaeger.com/wp-content/mainimages/eposseminare.jpg) no-repeat;
	margin: 0;
	padding-top: 117px;
	padding-left: 7px;
	padding-right: 5px;
	font-family: BodyType, Georgia, "Times New Roman", Times, serif;
}

.dbx-group #wp-cumulus {
	margin: 0;
	padding: 0;
}

#wpcumuluswidgetcontent {
	margin: 0;
	padding: 0;
}

#tagcloudflash {
	padding: 0;
	margin: 0;
}

#delicious-1 a.delicious_title_link {
	color: white;
}

li.delicious-item {
	line-height: 15px;
	margin: 0;
	padding: 2px 0 5px;
	border-bottom-width: 1px;
}

#sidebar-right ul li a.delicious-link, #sidebar-right ul li a.delicious-link a:visited {
	border-bottom-style: none;
	line-height: 15px;
	font-weight: bold;
}

ul.delicious li.delicious-item .delicious-timestamp {
	color: #9CAAB5;
	padding: 0 0 0 7px;
	line-height: 15px;
}

.delicious-desc {
	padding: 0 7px;
	font-style: italic;
	line-height: 15px;
	margin: 0;
	color: #9CAAB5;
	display: inline-block;
}

.wp-polls-form p, .wp-polls p {
	color: #900;
	text-align: left;
}

.wp-polls-form p strong, .wp-polls p strong {
	text-align: left;
	display: block;
}

.wp-polls {
	margin-left: 7px;
	margin-right: 7px;
	line-height: 15px;
}

.wp-polls-ul li {
	margin: 0 0 7px;
	line-height: 15px;
}

#zootool-badge img {
}

#zootool-badge ul {
    width: 200px;
	display: block;
	margin: 4px;
}

#zootool-badge li {
    float: left;
    list-style: none;
    background: #fff;
}

#zootool-badge ul li a {
	border: 1px solid #707a82;
	margin: 3px;
	padding: 0;
}

#flickr_photostream-widget-3 div.dbx-content ul a {
	display: block;
	float: left;
	margin: 3px;
	padding: 1px;
	border: 1px solid #707a82;
}

#flickr_photostream-widget-3 div.dbx-content {
	padding: 2px;
}



/* @end */



/* @end */

/* @group Footer */

#footer {
	width: 640px;
	clear: both;
	color: #707a82;
	text-align: center;
	margin: 0;
	padding-top: 10px;
	line-height: 16px;
	font-size: 11px;
}

#footer a, #footer a:visited {
	color: #707a82;
}

.page-nav, .post-nav {
	background-color: #9CAAB5;
	display: block;
	width: 610px;
	padding: 5px 7px 2px;
	float: left;
}

.page-nav a, .page-nav a:visited, .post-nav a, .post-nav a:visited {
	color: white;
	letter-spacing: 1px;
	font-style: italic;
}

.page-nav a:hover {
	color: #444a4f;
}

.next-entries, .next {
	float: right;
}



/* @end */



/* @end */

/* @group Post */

.post {
	display: block;
	float: left;
	color: #707A82;
	padding-bottom: 0;
	padding-left: 22px;
	padding-right: 0;
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
	width: 602px;
}

.post .post {
	margin: 0;
}

.post .date {
	padding: 5px 0 4px;
	border-bottom: 3px solid #9CAAB5;
	margin-right: 0;
	margin-left: 145px;
	margin-bottom: 0;
	clear: none;
	font-size: 11px;
	line-height: 16px;
}

.post h2 {
	margin: 15px 0 20px -2px;
	padding-right: 18px;
	font: 27px/30px HeadType, Georgia, "Times New Roman", Times, serif;
}

.post h2 a, .post h2 a:visited {
	text-decoration: none;
	color: #a20000;
	display: block;
}

.post h2 a:hover, .postdata a:hover {
	color: #c30;
}

.postdata {
	margin-left: 145px;
	margin-top: 0;
	margin-bottom: 25px;
	padding: 3px 30px 5px 10px;
	font-size: 11px;
	line-height: 16px;
	background-color: #e6edf2;
	border-top: 3px solid #9CAAB5;
}

.postdata a, .postdata a:visited, .entry .comments a,  .entry .comments a:visited {
	text-decoration: none;
	color: #707A82;
}

.postdata .Autor {
	display: block;
}

.postdata .category {
	display: block;
}

.postdata .tagbox {
	display: block;
}

.postdata .comments {
	display: block;
}

.postdata .edit {
	display: block;
}

.writer p.submeta{
	display: none;
}

.entry {
	color: #444a4f;
	margin-top: 20px;
}

.entry p {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 20px;
	text-align: justify;
	width: 580px;
}

.entry ul {
	list-style-type: square;
	margin: 0;
	padding: 0 5px 0 20px;
}

.entry ul li {
	padding-right: 18px;
}

.entry a:visited, .entry a {
	text-decoration: none;
	color: #900;
}

.entry a:hover {
	color: #f90;
}

.entry img {
}

.entry .comments {
	margin-left: 145px;
	margin-top: 0;
	padding: 3px 30px 5px 10px;
	font-size: 11px;
	line-height: 16px;
	background-color: #e6edf2;
	border-top: 3px solid #9CAAB5;
	display: block;
	clear: both;
	height: 75px;
	margin-bottom: 25px;
}

.entry blockquote {
	margin: 0;
}

.post-ratings {
	float: left;
	display: block;
}

img.wp-smiley {
	margin: 0;
	padding: 0;
}

/* TWITTER KURZMELDUNGEN */

ul.aktt_tweet_digest {
	list-style-type: none;
	background-color: #E6EDF2;
	border-top: 1px dotted #444A4F;
	padding: 0;
	margin-right: 22px;
	font-family: CodeMono, "Andale Mono", "Courier New", Courier, mono;
	margin-bottom: 25px;
}

ul.aktt_tweet_digest li {
	list-style-type: none;
	border-bottom: 1px dotted #444A4F;
	margin: 0;
	padding: 5px 10px;
}

.entry ul.socialwrap {
	display: block;
	width: 430px;
	float: left;
	padding-left: 150px;
}

.googleadd {
	margin-left: 145px;
	float: left;
	margin-top: 10px;
	margin-bottom: 24px;
}

/* @group Comment Area */

#kommentare {
	display: block;
	clear: both;
}

h3#comments, h3#respond {
	margin-left: 150px;
	border-top: 3px solid #9CAAB5;
	padding-top: 20px;
	color: #444A4F;
	font-size: 14px;
}

ol.commentlist {
	margin: 0;
	list-style-type: none;
	padding: 0;
	color: #444A4F;
}

ol.commentlist li {
	margin: 0 0 0 150px;
}

.commentbox {
	display: block;
	font-weight: normal;
	font-style: normal;
	color: #707A82;
	font-size: 11px;
	padding-right: 20px;
}

.commentbox .commentmetadata {
	font-weight: normal;
	font-style: normal;
	color: #707A82;
	font-size: 11px;
	line-height: 16px;
}

.commentbox .commentmetadata a, .commentbox .commentmetadata a:visited, .commentbox p a {
	color: #707A82;
}

.commentbox .commentmetadata a:hover, .commentbox cite a:hover, .commentbox p a:hover {
	color: #f90;
}

.commentbox cite {
	font-weight: normal;
	font-style: normal;
	color: #707A82;
}

.commentbox cite a, .commentbox cite a:visited {
	font-weight: normal;
	font-style: normal;
	color: #707A82;
}

.foravatars {
	float: left;
	margin-left: -65px;
}

.commentbox p {
	font-style: italic;
	color: #707A82;
	font-size: 14px;
}

#commentform {
	margin-left: 150px;
}

#commentform p {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 16px;
	color: #444A4F;
}

textarea#comment {
	width: 380px;
}

.flattr_button {
	width: 14px;
}

/* @end */



/* @end */

/* @group Powerpress */

p.itunesabo {
	width: 580px;
	display: block;
	text-align: center;
	padding-right: 0;
	border-bottom: 3px solid #9caab5;
	margin-right: 0;
	margin-left: 0;
	padding-bottom: 20px;
}

.powerpress_player {
	display: block;
	width: 580px;
	background-color: #e6edf2;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	border-top: 3px solid #9caab5;
}

p.powerpress_links {
	background-color: #e6edf2;
	display: block;
	width: 580px;
	margin: 0;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 8px 0 10px;
	border-bottom: 3px solid #9caab5;
	border-top: 3px solid #9caab5;
}

.entry object {
	margin: 0 auto 40px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	display: block;
}

/* @end */