@CHARSET "UTF-8";

/*
 * Author: Markus Kinzl
 * Web: http://www.ma3xl3.com
 * Version: 2.5
 * Copyright 2011
 */
 
 
/* ================================
	global settings
=================================*/

* { padding:0; margin:0; }

/* --- links --- */
a {	color: #33707e;	text-decoration: underline; }
a:hover { text-decoration:none; }

#content a { font-weight:bold; }

a img { border:none; }

#side-right a { color: #404040;	text-decoration: none; }
#side-right a:hover { color:#9F9F9F; }

/* --- pics --- */
img.shadow { box-shadow:0 0 5px 1px #222; }
img.bottom-space { margin-bottom:20px; }

/* --- form --- */
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; }


/* --- titles --- */
h1,h2,h3,h4,h5,h6 { color:#333; }

#content .post-title { margin-bottom:13px; }
#content .post-title a { text-decoration:none; color:#222; font-size:30px; line-height:36px; font-weight:bold; letter-spacing:-2px; }

#content .box.post h3 { font-size:18px; line-height:1.3em; margin:0 -18px; padding:15px 18px 20px; background:url(img/seperator-title.png) repeat-x; }
#content .box.post h4 { font-size:14px; line-height:1.3em; margin-bottom:15px; }

#side-right h2 { border-bottom:1px dotted #222; color:#222; font-weight:bold; font-size:18px; margin-bottom:10px; padding:5px 10px 7px; }

/* --- paragraphes --- */
p { line-height: 1.8em; letter-spacing:0.02em; padding-bottom:20px; }

/* --- lists --- */
#side-right ul { list-style-type:none; }

#content .post .content ul,
#content .post .content ol { margin:0 30px 20px; }
#content .post .content ul ul,
#content .post .content ol ol { margin-top:10px; margin-bottom:10px; margin-right:0; }
#content .post .content li { margin-bottom:10px; line-height:1.8em; }

/* --- wordpress styles --- */
.aligncenter,
div.aligncenter { display:block; margin:5px auto 5px auto; }

/* --- floates --- */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }


/* ================================
	start
=================================*/

body {
	background:url(img/bg_wood.jpg) repeat fixed;
	color:#404040;
	font-size:12px;
	font-family:Arial,Verdana,sans-serif;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.3em;
}

/* --- header --- */
#header { background:url(img/spriteme2.png) repeat-x 0 -10px; height:140px; padding-bottom:7px; margin-bottom:10px; }
#header-inner { margin:0 auto; width:975px; height:100%; background:url(img/header-iphone.jpg) no-repeat 285px 5px; position:relative; }
#header-inner h1 a { display:block; background:url(img/header-logo-ma3xl3.jpg) no-repeat; width:300px; height:72px; overflow:hidden; text-indent:-9000px; left:0; top:15px; position:absolute; }

#header-inner #search { position:absolute; top:30px; right:0; }
#header-inner #search-text { background:url(img/spriteme2.png) repeat-x 0 -176px; border:1px solid #000000; padding:8px; width: 285px; }
#header-inner #search-submit { border:0; position:absolute; top:5px; right:5px; }

#header-inner #menu-main { position:absolute; left:0; top:102px; background:url(img/menu-main-seperator.gif) no-repeat left top; padding-left:1px; list-style-type:none; }
#header-inner #menu-main li { background:url(img/menu-main-seperator.gif) no-repeat right top; padding-right:1px; float: left; }
#header-inner #menu-main li a { color:#333333; display:block; text-decoration:none; padding:0 30px; line-height:37px; }
#header-inner #menu-main li a:hover { text-decoration: none;	background:#FEFEFE; }
#header-inner #menu-main li.current-menu-item a { font-weight:bold; background:#fff; margin-top:-1px; line-height:39px; box-shadow:inset 0 0 10px 0 #000; }

#header-inner #menu-social { position:absolute; top:102px; right:0; list-style-type:none; }
#header-inner #menu-social li { float:left; margin:3px 3px 0 3px; }
#header-inner #menu-social a { display:block; width:30px; height:30px; text-indent:-9000px; background:url(img/spriteme1.png) -10px -10px no-repeat; }
#header-inner #menu-social a.twitter { background-position:-40px -10px; }
#header-inner #menu-social a.rss { background-position:-70px -10px; }
#header-inner #menu-social a.googleplus { background-position:-100px -10px; }


/* --- page --- */
#page { margin:0 auto; width:975px; }
#page .box { background-color:#ffffff; border:1px solid #cfcfcf; box-shadow:0 0 5px #000; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; }
#page .ad-top { margin-bottom:15px; padding:2px 0; text-align:center; }


/* --- side-right --- */
#side-right { float:right; width:304px; }
#side-right .ad { text-align:center; }
#side-right .box { margin-bottom:10px; padding:10px; }
#side-right .no-padding { padding:0 !important; }
#side-right .no-margin { margin:0 !important; }
#side-right .box .paragraph { margin-bottom:15px; padding:0 7px; }

#side-right #donate form { text-align:center; }
#side-right #donate input {	border:none; }
#side-right #donate .paragraph { margin-bottom:0; }

#side-right #newtagcloud { text-align: justify; }

#side-right .accordion { cursor:pointer; position:relative; padding-left:35px; }
#side-right .accordion span { display:block; position:absolute; top:5px; left:5px; width:22px; height:18px; background:url(img/accordion-arrows.png) no-repeat; }
#side-right .accordion.opened span { background-position:0 -18px; }

/* - jb-unlock-status */
#side-right #jb-status table { border-collapse:collapse; }
#side-right #jb-status td { width:43px; }
#side-right #jb-status th span { display:block; padding-bottom:5px; }
#side-right #jb-status th.first { width:90px; }
#side-right #jb-status .title { font-weight:bold; }
#side-right #jb-status .center { text-align:center; }
#side-right #jb-status td.seperator { height:5px; overflow:hidden; }
#side-right #jb-status td div.hide { display:none; overflow:hidden; }
#side-right #jb-status td div.inner { padding:1px 0; }
#side-right #jb-status table a,
#side-right #jb-status .icon { display:block; width:16px; height:16px; margin:0 auto; background:url(img/spriteme1.png) -10px -112px no-repeat; text-indent:-9000px; overflow:hidden; }
#side-right #jb-status .problems { background-position:-26px -112px; }
#side-right #jb-status .warning { background-position:-42px -112px; }
#side-right #jb-status .cancel { background-position:-58px -112px; }
#side-right #jb-status #no-fw-updates .icon { float:left; margin:0 7px 0 0; }
#side-right #jb-status #no-fw-updates p { line-height:21px; }

#side-right #no-fw-updates { margin-top:25px; }
#side-right #no-fw-updates p { font-weight:bold; padding:0; }
	
/* --- footer --- */
#footer { background:url(img/spriteme2.png) repeat-x 0 -289px; height:42px; overflow:hidden; }
#footer .footerinner { margin:0 auto; width:975px; color:#f1f1f1; padding-top:15px; font-size:11px; }
#footer ul { list-style-type:none; }
#footer li { float:right; border-right:solid 1px #f1f1f1; padding:0 10px; }
#footer li.last { border-right:none; }
#footer a { color:#f1f1f1; }

/* --- content --- */
#content { float: left; width: 660px; }
#content .box { margin-bottom:25px; }

#content .box .content { background:url(img/box-bg.gif) #ffffff repeat-x top;	padding:18px 18px 18px 18px; position:relative; }
#content .box .post-img { border:1px solid #CFCFCF; }
#content .box .footer-seperator { background:url(img/seperator-footer.png) repeat-x #e6e6e6; padding:18px; }
#content .box .comment-amount span { display:block; float:left; margin:-7px 6px -10px 0; width:32px; height:14px; padding:7px 0 11px; line-height:1em; text-align:center; font-weight:bold; font-size:14px; background:url(img/spriteme1.png) -10px -60px no-repeat;  }

/* - list - */
#content .box.list .post-img { display:block; position:absolute; top:18px; left:18px; }
#content .box.list .content { padding-left:163px; }

/* - post - */
#content .box.post .comments-amount { margin-left:15px; }
#content .box.post .post-date { margin-bottom:25px; }
#content .box.post .post-img { float:left; margin:0 25px 10px 0; }

#content .box.post img.alignright {	float:right; margin:0 0 10px 20px; padding:4px; }
#content .box.post img.alignleft { float:left; margin:0 20px 10px 0; padding:4px; }

#content .box.post blockquote { border:1px solid #ddd; background:url(img/quote.jpg) top right #fbfbfb no-repeat; font-size:12px; font-style:italic; margin:0 20px 20px; padding:15px 70px 0 20px; }

#content .box.post .tags { font-size:10px; }
#content .box.post .tags .tagtitle { float:left; margin-right:10px; }
#content .box.post .tags .tagcontent { float:left; width:570px; }

/* - general - */
#content .post-date { font-size:11px; line-height:1em; background-color:#5EB7CB; color:#fff; padding:3px 5px; display:inline-block; }
#content .post-date a { color:#fff; }
#content .post-excerpt { margin-top:15px; font-size:13px; font-style:italic; }
#content .post-readarticle { padding-left:15px; }

/* - subcols - */
#content .box .subcols { background:url(img/subcols-bgr.gif) left center repeat-y; }
#content .box .subcols .col1 { width:285px; float:left;}
#content .box .subcols .col2 { width:285px; float:right; }
#content .box .subcols h2 { font-size:18px; letter-spacing:-1px; margin-bottom:18px; font-weight:normal; }
#content .box .subcols ul { list-style-type:none; } 
#content .box .subcols li { border-bottom:1px solid #e7e7e7; margin-bottom:10px; padding:0 0 9px 50px; position:relative; }
#content .box .subcols a { display:block; min-height:42px; }
#content .box .subcols a img { border:1px solid #CFCFCF; position:absolute; top:0; left:0; width:40px; height:40px; }
/* ================================
	Plugin-Styles
=================================*/

/* --- plugin-wp-pagenavi --- */
#content .wp-pagenavi { font-size:12px; text-align:right; padding:6px 10px; line-height:20px; }
#content .wp-pagenavi a, .wp-pagenavi .current { border:1px solid #CFCFCF; color:#33707E; margin-left:3px; padding:3px 7px; text-decoration:none; }
#content .wp-pagenavi a:hover, .wp-pagenavi .current { background:#EAEAEA; color:#5F5F5F; }
#content .wp-pagenavi .pages { float:left; }

/* --- plugin-sociable --- */
#content .box.post .sociable { margin:0; }
#content .box.post .sociable li { float:left; margin:0 5px; list-style-type:none; }
#content .box.post .sociable .sociablefirst { margin-left:0; }
#content .box.post .sociable img { display:block; }

/* --- plugin-appstore --- */
#content .box.post .apps { display:block; font-size:12px !important; line-height:1.15 !important; margin-bottom:-15px !important; }
#content .box.post .apps .Title { font-size:14px !important; font-weight:bold !important; }
#content .box.post .apps .Hersteller,
#content .box.post .apps .Freigabe,
#content .box.post .apps .Preis { font-size:12px !important; }
#content .box.post .apps .Image { margin:0 10px !important; }

/* --- plugin-nggallery ---*/
#content .box.post .ngg-galleryoverview { margin:0 0 1.3em 17px !important; }

/* --- plugin-facebook-like --- */
#content .box.post .wpfblike { overflow:hidden; }

/* --- plugin-wpstats --- */
#wpstats { display:none; }

/* --- plugin-paypal-donations --- */
#content .box.post .paypal-donations { padding-bottom:1.3em; text-align:center; }
#content .box.post .paypal-donations input { border:none; }

/* --- plugin-soziale --- */
#content .box.post .socialize-containter { margin:0 !important; }
#content .box.post .socialize-button { width:auto !important; padding:0 10px 0 0; }