/*
    Theme Name: Jappy Theme
    Theme URI: http://www.jappy.de
    Description: Jappy Theme
    Version: 1.0
    Author: Mex
    Author URI: http://www.jappy.de
*/


/* clearfix */
.cf:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.cf {display:inline-block}
html[xmlns] .cf {display:block}
* html .cf {height:1%}

/* headlines */
h1 {padding-top:70px;margin:0}
h2 {margin:10px 0 0}
h2.pagetitle {margin-top:30px;text-align:left}
h3 {padding:0;margin:20px 0 0}
h2 {font-size:1.6em}
h2.pagetitle {font-size:1.6em}
h2.post-headline {padding-top:15px}
h2.post-headline a:hover {color:#3b3b3b}
h3 {font-size:1.3em}
h1, h2, h3 {font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;font-weight:bold}
h1 {font-size:4em;text-align:center}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color:#417BC4}
h3.comments {padding:0;margin:40px auto 20px;}
h3#comments {text-align:left}
h3#respond {text-align:left}

/*  images */
p img {padding:0;max-width:760px}
img.centered {display:block;margin-left:auto;margin-right:auto}
img.alignright {padding:4px;margin:0 0 2px 7px;display:inline}
img.alignleft {padding:4px;margin:0 7px 2px 0;display:inline}
.alignright {float:right}
.alignleft {float:left}
a img {border:none}

/* search */
#searchform {padding:0 10px;text-align:right}
#search {width:185px;float:right}

/* comments */
.commentlist {padding:0;text-align:justify}
.commentlist li {margin:15px 0 3px;padding:5px 10px 3px;list-style:none}
.commentlist p {margin:10px 5px 10px 0}
#commentform p {margin:5px 0}
.nocomments {text-align:center;margin:0;padding:0}
.commentmetadata {margin:0;display:block}
#commentform input {width:170px;padding:2px;margin:5px 5px 1px 0}
#commentform textarea {width:100%;padding:2px}
#commentform #submit {margin:0;float:right}
form#commentform {text-align:left}
.commentlist li, #commentform input, #commentform textarea {font:0.9em 'Lucida Grande',Verdana,Arial,Sans-Serif}
.commentlist li {font-weight:bold}
.commentlist cite, .commentlist cite a {font-weight:bold;font-style:normal;font-size:1.1em}
.commentlist p {font-weight:normal;line-height:1.5em;text-transform:none}
#commentform p {font-family:'Lucida Grande',Verdana,Arial,Sans-Serif}
.commentmetadata {font-weight:normal}
.comment {width:110px;height:25px;float:right;background: url(/wp-content/themes/jappy/images/comment.gif) right no-repeat;width:110px;height:20px;}
.comment p {margin:2px 0 0 0}
.comment p.comment-text {float:left;color:#cfcfcf;padding:5px 0 0 0}
.comment p.comment-text a {color:#dbdbdb}
.comment p.comment-number {width:10px;color:#3b3b3b;float:right;padding:0 8px 0 0;text-align:right}

/* post */
.post {margin:0 0 20px;text-align:left;font-family:Arial,Helvetica,sans-serif;font-size:1em;float:left;border-bottom: 1px solid #efefef;padding-bottom:20px}
.post hr {display:block}
.postmetadata ul, .postmetadata li {display:inline;list-style-type:none;list-style-image:none}
.postmetadata {clear:left}
.post-header {height:70px;margin: 0 0 15px 0}
.post-header .meta {width:550px;float:left;color:#dbdbdb}
.post-header .meta a {color:#417BC4}
p.postmetadata {color:#333}
p.postmetadata a {color:#417BC4}

/* entry */
.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020"}
.entry ol {padding:0 0 0 35px;margin:0}
.entry ol li {margin:0;padding:0}
.entry form {text-align:center}
.entry p a:visited {color:#b85b5a}
html>body .entry ul {margin-left:0px;padding:0 0 0 30px;list-style:none;padding-left:10px;text-indent:-10px}
html>body .entry li {margin:7px 0 8px 10px}

/* navigation */
.navigation {display:block;text-align:center;padding:10px 0 10px 0;float:left;width:114px}
div.navigation div.alignleft {background: url(/wp-content/themes/jappy/images/arrow-left-page-navigation-grey.gif) right no-repeat;width:57px;height:23px;margin: 0 0 10px 0}
div.navigation div.alignleft a{font-size:1.4em}
div.navigation div.alignright {background: url(/wp-content/themes/jappy/images/arrow-right-page-navigation-blue.gif) right no-repeat;width:57px;height:23px;margin: 0 0 10px 0}
div.navigation div.alignright a{font-size:1.4em}

/* sidebar */
#sidebar {float:right;padding:1px 0 10px 0;width:145px}
#sidebar form {margin:0}
#sidebar #searchform #s {width:108px;padding:2px}
#sidebar #searchsubmit {padding:1px}
#sidebar ul {width:190px}
#sidebar ul, #sidebar ul ol {margin:0;padding:0}
#sidebar ul li {background: url(/wp-content/themes/jappy/images/arrow-right-navigation.gif) right no-repeat /*#efefef*/;color:#bcbcbc;list-style-type:none;list-style-image:none;min-height:20px;padding:9px 15px 3px 15px;border-bottom:1px solid #fff;}
#sidebar ul li:hover, #sidebar ul li.current-cat {background: url(/wp-content/themes/jappy/images/arrow-right-navigation.gif) right no-repeat #d6e8ff;border-bottom:1px solid #b8cde8;}
#sidebar ul li a {font-weight:bold;color:#417BC4;text-decoration:none}
#sidebar ul li#linkcat-2 {display:none}
#sidebar ul p, #sidebar ul select {margin:5px 0 8px}
#sidebar ul ul, #sidebar ul ol {margin:5px 0 0 10px}
#sidebar ul ul ul, #sidebar ul ol {margin:0 0 0 10px}
ol li, #sidebar ul ol li {list-style:decimal outside}
#sidebar ul ul li, #sidebar ul ol li {margin:3px 0 0;padding:0}
#sidebar h2 {margin:5px 0 0;padding:0}
#sidebar {font-size: 1em;text-align:left;width:145px;float:left;margin-right:25px}
#sidebar a {font-size:1.2em}
#sidebar h2 {font-size:1.2em}

/* calendar */
#wp-calendar {empty-cells:show;margin:10px auto 0;width:155px}
#wp-calendar #next a {padding-right:10px;text-align:right}
#wp-calendar #prev a {padding-left:10px;text-align:left}
#wp-calendar a {display:block}
#wp-calendar caption {text-align:center;width:100%}
#wp-calendar td {padding:3px 0;text-align:center}
#wp-calendar td.pad:hover {background-color:#fff}
#wp-calendar #prev a, #wp-calendar #next a {font-size:9pt}
#wp-calendar a {text-decoration:none}
#wp-calendar caption {font:bold 1.3em 'Lucida Grande',Verdana,Arial,Sans-Serif;text-align:center}
#wp-calendar th {font-style:normal;text-transform:capitalize}

/* header */
#header-wrapper {margin:0 auto;text-align:right;padding:0px;height:74px;width:1000px;border-right:1px solid #cfcfcf;border-left: 1px solid #cfcfcf;background: url(/wp-content/themes/jappy/images/header-background.gif) top repeat-x;}
#header-wrapper #claim {width:115px;height:40px;float:left}
#logo {width:160px;height:69px;float:left;display:block;overflow:hidden;padding:5px 0 0 5px}
#header-wrapper #header-links {width:835px;height:25px;float:right;margin:-4px 0 0 0}
#header-wrapper #header-links ul {list-style-type:none;float:right;margin:0;padding:0 10px 0 0}
#header-wrapper #header-links ul li {float:left;padding-left:5px;font-weight:bold;display: inline-block;zoom: 1;display: inline;vertical-align: baseline;margin: 0 2px 0 4px;outline: none;cursor: pointer;text-align: center;text-decoration: none;padding: 6px 5px 5px 5px;/*text-shadow: 0 1px 1px rgba(0,0,0,.3)*/;-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);color: #606060;/*border: solid 1px #b7b7b7*/;background: #fff;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));background: -moz-linear-gradient(top,  #fff,  #ededed);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');}
#header-wrapper #header-links ul li:hover {text-decoration: none;background: #ededed;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));background: -moz-linear-gradient(top,  #fff,  #dcdcdc);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');}
#header-wrapper #header-links ul li.jappy-link a span{background: url(/wp-content/themes/jappy/images/12x9-pfeil-15.gif) top no-repeat;width:77px;padding-left:10px;background-position:50% 47%}
#header-wrapper #header-links ul li a {/*color:#333;border-bottom: 2px solid #417bc4;*/display:block}
#header-wrapper #header-links ul li a:hover {color:#417BC4;text-decoration:none;}
#header-wrapper #search {width:835px;height:34px;float:right;margin-top:15px}
#header-wrapper #search .find {background: url("http://s1.jappy.tv/i/icG14.gif") no-repeat scroll 6px -1138px #fff;border:1px solid #ccc;border-left:none;cursor: pointer;float:right;height:23px;margin:0;padding:0;position:relative;right:3px;width:30px}
#header-wrapper #search .enter {background: none repeat scroll 0 0 #fff;border:1px solid #ccc;color:#BABABA;float:right;height:16px;margin:0;padding:3px 0 2px 5px;width:140px}
#header {background-color:#73a0c5;margin:0 0 0 1px;padding:0;height:200px;width:100px;}

/* footer */
#footer {padding:0;margin:0 auto;width:1000px;clear:both}
#footer p {margin:0;padding:20px 0;text-align:center}
#footer-wrapper {margin:0 auto;padding:15px 0 0 0;width: 1000px;border-right:1px solid #cfcfcf;border-left:1px solid #cfcfcf;background:#efefef;height:50px}
#footer-wrapper p {margin:0;color:#3b3b3b;font-size:1.1em;}
#footer-wrapper ul {margin:0;list-style-type:none;text-align:center}
#footer-wrapper ul li {float:left}
#footer-wrapper a {color:#3b3b3b}
#footer-wrapper a:hover {color:#417BC4}

/* date */
.date {background: url(/wp-content/themes/jappy/images/calendar.gif) top no-repeat;width:60px;height:70px;float:left;text-align:center;margin:0 15px 15px 0}
.date p.date-day {font-weight:bold;font-size:3em;margin:5px 0 0 0;color:#fff}
.date p.date-month-year {font-size:0.9em;margin:0;color:#3b3b3b}

/* pagenavi */
.wp-pagenavi {width:760px;text-align:left;height:23px}
.wp-pagenavi a.nextpostslink, .wp-pagenavi a.last {background: url(/wp-content/themes/jappy/images/arrow-right-page-navigation-blue.gif) right no-repeat;border:none}
.wp-pagenavi a.first, .wp-pagenavi a.previouspostslink {background: url(/wp-content/themes/jappy/images/arrow-left-page-navigation-grey.gif) left no-repeat;border:none;}
.wp-pagenavi a.smaller, .wp-pagenavi span.extend {background: url(/wp-content/themes/jappy/images/arrow-left-page-navigation-grey.gif) right no-repeat;border:none}
.wp-pagenavi a.larger {background: url(/wp-content/themes/jappy/images/arrow-right-page-navigation-blue.gif) left no-repeat;border:none}
.wp-pagenavi span.current {background: url(/wp-content/themes/jappy/images/navigation-orange-active-point.gif) left no-repeat;border:none}

/* breadcrumbs */
.breadcrumbs {text-align:left;color:#bcbcbc}

/* miscellaneous */
body {font-size:62.5%;/* Resets 1em to 10px */font-family:Arial,Helvetica,sans-serif;background:url(http://s1.jappy.tv/i/d/bg4.gif) top repeat-x #B8B8B8 scroll; margin:0px;padding:0px;color:#333;text-align:center}
acronym, abbr, span.caps {cursor:help}
acronym, abbr {border-bottom:1px dashed #999}
blockquote {margin:15px 30px 0 10px;padding-left:20px;border-left:5px solid #ddd}
blockquote cite {margin:5px 0 0;display:block}
.center {text-align:center}
hr {display:none}
.alt {margin:0;padding:10px}
#content-wrapper {margin:0 auto;padding: 0;width: 1000px;border-right:1px solid #cfcfcf;border-left:1px solid #cfcfcf;background:#fff}
#content {font-size:1.2em;width:760px;float:right;margin-right:25px;margin-top:12px}
.widecolumn .entry p {font-size:1em}
.narrowcolumn .entry, .widecolumn .entry {line-height:1.4em}
.widecolumn {line-height:1.6em}
.narrowcolumn .postmetadata {text-align:left}
.alt {background-color:#f8f8f8;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
small {font-family:Arial,Helvetica,Sans-Serif;font-size:0.9em;line-height:1.5em}
#headerimg .description {font-size:1.2em;text-align:center}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration:none;color:white}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration:none}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color:#777}
code {font:1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {font-size:0.9em;letter-spacing:.07em}
a, h2 a:hover, h3 a:hover {color:#417BC4;text-decoration:none}
a:hover {color:#417BC4;text-decoration:underline}
body {margin:0;padding:0}
#headerimg {margin:0;height:200px;width:100%;}
.narrowcolumn {float:left;padding:0;margin:0px 0 0;width:750px;}
.widecolumn {padding:10px 0 20px 0;margin:0 0 0 45px;width:900px}
.widecolumn .post {margin:0 0 10px 0}
.narrowcolumn .postmetadata {padding-top:5px;margin:0}
.widecolumn .postmetadata {margin:10px 0}
.widecolumn .smallattachment {text-align:center;float:right;width:150px;margin:5px 5px 5px 0px;}
.widecolumn .attachment {text-align:center;margin:5px 0px}
select {width:130px}
.addthis_toolbox {margin-bottom:10px}

