/*
Theme Name: Jucknix Theme
Theme URI: http://netzor.de/
Description: Das Jucknix Seitendesign.
Version: 1.6
Author: Peter Majmesku
Author URI: http://netzor.des: effective, user friendly, powerful
Text Domain: Jucknix

    Jucknix-Theme v1.0
     http://www.netzor.de

    This theme was designed and built by Peter Majmesku,
    whose blog you will find at http://blog.netzor.de/

*/ /* Begin Typography & Colors */
body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background: #FFFCED;
    color: #333;
    text-align: center;
}

.entry ul li:before {
    content: "";
    padding-left: 0px;
}

#page {
    background-color: white;
    border: 1px solid #959596;
    text-align: left;
    min-height:1178px;
}

#content {
    font-size: 1.18em; // 1.2 em;
    float: right;
    margin-right: 205px;
    margin-top: -27px;
    min-height: 1015px;
    padding-right: 11px;
    position: relative;
    z-index: 2;
}

#content_single {
    font-size: 1.18em; //1.2 em;
    float: right;
    margin-right: 205px;
    margin-top: -35px;
    min-height: 980px;
    position: relative;
    z-index: 2;
}

.widecolumn .entry p {
    font-size: 1.05em;
}

.narrowcolumn .entry,.widecolumn .entry {
    line-height: 1.4em;
}

.widecolumn {
    line-height: 1.6em;
}

.narrowcolumn .postmetadata {
    text-align: center;
}

.thread-alt {
    background-color: #f8f8f8;
}

.thread-even {
    background-color: white;
}

.depth-1 {
    border: 1px solid #ddd;
}

.even,.alt {
    border-left: 1px solid #ddd;
}

#header {
    background: #FFF url('images/header.png') no-repeat center;
    border: none;
    clear: both;
    height: 69px;
    text-align: center;
    margin-top: 10px;
}

#description {
    background: #FFF url('images/dok_sprechblase.png') no-repeat;
    height: 148px;
    width: 438px;
    margin-top: -30px;
    margin-right: 20px;
    color: #3562A9;
}

#desc_text {
    margin-left: 130px;
    width: 283px;
    padding-top: 30px;
    padding-left: 10px;
}

#footer {
    background: #FFF;
    border: none;
}

small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
}

h1,h2,h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif
        ;
    font-weight: bold;
}

h1 {
    font-size: 1.3em;
    text-align: left;
}

#headerimg .description {
    font-size: 1.2em;
    text-align: center;
}

h2 {
    font-size: 1.6em;
}

h2.pagetitle {
    font-size: 1.6em;
}

#sidebar h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
}

h3 {
    font-size: 1.3em;
}

h1,h1 a,h1 a:hover,#headerimg .description {
    text-decoration: none;
    color: #e86a1e;
}

h2,h2 a,h3,h3 a {
    color: #e86a1e;
}

h2,h2 a,h2 a:hover,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite
    {
    text-decoration: none;
}

.sticky {
    background: #f7f7f7;
    padding: 0 10px 10px;
}

.sticky h2 {
    padding-top: 10px;
}

.commentlist li,#commentform input,#commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li ul li {
    font-size: 1em;
}

.commentlist li {
    font-weight: bold;
}

.commentlist li .avatar {
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
}

.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;
}

#sidebar {
    font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    float: left;
    margin-top: -30px;
    position: relative;
    z-index: 2;
}

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: #357AC7;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #FF6600;
}

#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;
}

/* End Typography & Colors */ /* Begin Structure */
body {
    margin: 0 0 20px 0;
    padding: 0;
}

#page {
    background-color: white;
    margin: 5px auto;
    padding: 0;
    width: 910px;
    border: 1px solid #EFECDE;
    margin-left: 0px;
}

.narrowcolumn {
    float: left;
    margin: 0px 0 0;
    width: 450px;
}

.widecolumn {
    padding: 10px 0 20px 0;
    margin: 5px 0 0 150px;
    width: 450px;
}

.post {
    margin: 0 0 40px;
    text-align: justify;
}

.post hr {
    display: block;
}

.widecolumn .post {
    margin: 0;
}

.narrowcolumn .postmetadata {
    padding-top: 5px;
}

.widecolumn .postmetadata {
    margin: 30px 0;
}

.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
}

.postmetadata {
    clear: both;
}

.clear {
    clear: both;
}

#footer {
    margin-left: 195px;
    width: 500px;
    clear: both;
}

#footer p {
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
}

/* End Structure */ /*  Begin Headers */
h1 {
    margin: 0;
}

h2 {
    margin: 30px 0 0;
}

h2.pagetitle {
    margin-top: 30px;
    text-align: center;
}

#sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
}

h3 {
    padding: 0;
    margin: 30px 0 0;
}

h3.comments {
    padding: 0;
    margin: 40px auto 20px;
}

/* End Headers */ /* Begin Images */
p img {
    padding: 5px;
    max-width: 100%;
}

/*  Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */
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;
}

/* End Images */ /* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
    margin-left: 10px;
    padding: 0 0 0 30px;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: url('/wp-content/themes/default/images/quadrat.png');
    padding-left: 0px;
}

html>body .entry li {
    margin: 7px 0 8px 10px;
    list-style-type: none;
}

.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    list-style-type: none;
}

.entry ol li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.postmetadata ul,.postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
}

#sidebar ul,#sidebar ul ol {
    margin: 0;
    padding: 0;
    margin-bottom: -3px;
}

#sidebar ul li {
    list-style-type: none;
}

#sidebar ul p,#sidebar ul select {
    margin: 5px 0 8px;
}

#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;
}

/* End Entry Lists */ /* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
}

#sidebar #searchform #s {
    width: 108px;
    padding: 2px;
}

#sidebar #searchsubmit {
    padding: 1px;
}

#searchfield {
    background-color: #D2E9FF;
}

.menuhead {
    background: #FF6600 url('images/orange_topright.gif') no-repeat scroll
        right top;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 3px 5px 3px 10px;
    margin-bottom: 2px;
    margin-top: 20px;
}

#searchhead {
    background: #FF6600 url('images/orange_topright.gif') no-repeat scroll
        right top;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 3px 5px 3px 10px;
    margin-bottom: 2px;
}

.entry form {
    /* This is mainly for password protected posts, makes them look better. */
    text-align: center;
}

select {
    width: 130px;
}

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
}

#commentform {
    margin: 5px 10px 0 0;
}

#commentform textarea {
    width: 100%;
    padding: 2px;
}

#respond:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
}

/* End Form Elements */ /* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
}

.commentlist {
    padding: 0;
    text-align: justify;
}

.commentlist li {
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
    list-style: none;
}

.commentlist li ul li {
    margin-right: -5px;
    margin-left: 10px;
}

.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;
}

/* End Comments */ /* Begin Sidebar */
#sidebar {
    padding: 20px 0 10px 0;
    width: 190px;
    margin-left: 14px;
}

#sidebar form {
    margin: 0;
}

/* End Sidebar */ /* Begin 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 { /* Doesn't work in IE */
    background-color: #fff;
}

/* End Calendar */ /* Begin Various Tags & Classes */
acronym,abbr,span.caps {
    cursor: help;
}

acronym,abbr {
    border-bottom: 1px dashed #999;
}

blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 17px;
    border-left: 5px solid #ddd;
}

blockquote cite {
    margin: 5px 0 0;
    display: block;
}

.center {
    text-align: center;
}

.hidden {
    display: none;
}

.screen-reader-text {
    position: absolute;
    left: -1000em;
}

hr {
    display: none;
}

a img {
    border: none;
}

.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
}

/* End Various Tags & Classes*/ /* Captions */
.aligncenter,div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 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;
}

#navcontainer {
    position: relative;
    top: -49px;
    margin-left: 220px;
}

#navlist ul li {
    width: 1000px;
}

#navlist {
    margin-top: 24px;
}

.navlist {
    display: inline;
    float: left !important;
    list-style-type: none;
    background: transparent url('images/nav-beige.png') no-repeat;
    line-height: 1.5em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    font-size: 12px;
    margin-left: -12px;
    width: 122px;
    height: 28px;
    position: relative;
    padding-top: 6px;
}

#navlist_forum {
    display: inline;
    float: left;
    list-style-type: none;
    background: transparent url('images/nav-blau.png') no-repeat;
    line-height: 1.5em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    font-size: 12px;
    margin-left: -12px;
    width: 122px;
    height: 28px;
    position: relative;
    padding-top: 6px;
}

#navlist_forum a {
    color: #FFF;
}

#navlist_forum:hover {
    display: inline;
    float: left;
    list-style-type: none;
    background: transparent url('images/nav-orange.png') no-repeat;
    line-height: 1.5em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    font-size: 12px;
    margin-left: -12px;
    width: 122px;
    height: 28px;
    position: relative;
    padding-top: 6px;
}

#navlist_forum:hover a {
    color: #FFF !important;
}

#active_navlist {
    display: inline;
    float: left;
    list-style-type: none;
    background: transparent url('images/nav-orange.png') no-repeat;
    line-height: 1.5em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    font-size: 12px;
    margin-left: -12px;
    width: 122px;
    height: 28px;
    position: relative;
    padding-top: 6px;
}

#active_navlist:hover {
    display: inline;
    float: left;
    list-style-type: none;
    background: transparent url('images/nav-blau.png') no-repeat;
    line-height: 1.5em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    font-size: 12px;
    margin-left: -12px;
    width: 122px;
    height: 28px;
    position: relative;
    padding-top: 6px;
}

#active_navlist:hover a {
    color: #FFF !important;
}

#active_navlist a { /* background-color: #3161ad !important; */
    color: #FFF !important;
}

.navlist:hover {
    display: inline;
    list-style-type: none;
    background: transparent url('images/nav-orange.png') no-repeat;
    line-height: 1.5em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    font-size: 12px;
    margin-left: -12px;
    width: 122px;
    height: 28px;
    position: relative;
    padding-top: 6px;
}

.navlist:hover a {
    color: #FFF !important;
}

.whitelink {
    color: #fff;
}

.whitelink:hover {
    color: #3562A9;
}

#home { /*background-color: #ff6500 !important;*/
    
}

.headNavLink:hover {
    
}

#active {
    background-color: blue !important;
}

.cat-item {
    background-color: #D2E9FF;
    line-height: 1.5em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    font-size: 12px;
    padding-left: 8px;
    border-bottom: 1px solid #d3cccc;
}

.current-cat {
    
}

#logo img {
    margin-right: 685px !important;
    margin-top: 5px !important;
}

#lead {
    font-size: 15px;
    color: #3179c5;
}

#board_login {
    float: right;
    width: 240px;
    margin-right: 20px;
    position: relative;
    margin-top: -40px;
    z-index: 1;
}

#board_login_forum {
    float: right;
    width: 280px;
    margin-right: 0px;
    position: relative;
    margin-top: -39px;
    z-index: 1;
    font-size: 10px;
    line-height: 14px;
}

.cat-item-16 a:hover,.cat-item-17 a:hover {
    color: #FF6600 !important;
}

.menu {
    position: relative;
    z-index: 1000;
    height: 235px;
}

.menu :hover>a {
    
}

.not-current a {
    color: #357AC7 !important;
}

.not-current a:hover {
    color: #FF6600 !important;
}

.current-cat ul,.current-cat-parent ul {
    visibility: visible !important;
    position: relative !important;
}

#current {
    color: #FF6600 !important;
}

.cat-item-16,.cat-item-17 {
    background-color: #3562A9 !important;
}

.cat-item-16 a,.cat-item-17 a {
    color: #FFF !important;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
    visibility: hidden;
    position: absolute;
    top: -2px;
}

ul.children {
    margin-bottom: 1px !important;
}

#widget {
    margin-left: 30px;
    list-style-type: none;
}

.widget {
    border: 1px solid #EFECDE;
    padding: 4px;
}

#ads {
    margin-top: -42px;
}

.widgettitle {
    color: #959596;
}

#footer a {
    color: #357AC7;
}

#footer a:hover {
    color: #FF6600;
}

#leaderboard {
    margin-bottom: -65px;
    height: 90px; /*90px für OpenX, 20 ohne*/
    width: 728px;
    margin: 5px auto 0;
    margin-left: 91px;
}

#skyscraper {
    height: 600px;
    width: 160px;
    background-color: transparent;
    float: right;
    margin-right: -166px;
    margin-top: -20px;
}

.commentlist {
    margin-top: -40px;
}

#square_button {
  border: 1px solid #EEE;
  padding: 0px 5px 5px 20px;
  margin-top: -17px;
  margin-left: 2px;
  width: 136px;
}

#square_button2 {
    border: 1px solid #EEEEEE;
    padding: 3px 3px 3px 3px;
    margin-top: 5px;
}

#tagcloud {
    margin-left:735px;
    width:160px;
    z-index: 2;
    margin-top: -23px; // 3 px; original
    font-weight: normal;
}

#tagcloudBody {
    background-color:#FFFFFF;
    border:2px solid #EEEEEE;
    height:145px;
    margin-top:-18px;
    overflow:hidden;
    padding-left:2px;
    padding-right:2px;
    text-align:justify;
    font-weight: normal;
}

#tagcloudBody a:hover {
    text-decoration: underline;
}

#tagcloudHead {
    background: #FF6600 url(images/orange_topleft.gif) no-repeat scroll left top;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 3px 5px 3px 10px;
    text-align: right;
}

/**** TAG-CLOUD SIZE STEPS ****/

.tag-link-8 {
    color: #C7D1F9;
}

.tag-link-9-5 {
    color: #7893FF;
}

.tag-link-9-875 {
    color: #5876F6;
}

.tag-link-9-125 {
    color: #9BAEFE;
}

.tag-link-8-75 {
    color: #B0BFFF;
}

.tag-link-8-375 {
    color: #C1CCFB;
}

.tag-link-11 {
    color: #365FFD;
}

.tag-link-5 {
    color: #D4DDFF;
}

#tagActive {
    color: #FF6600 !important;
}

/**** END TAG-CLOUD SIZE STEPS ****/


.post_body a {
    color: #000;
    font-weight: normal;
}

.post_body a:hover {
    color: #000059;
    text-decoration: underline;
}

.post_subject {
    color: #888888;
    font-weight: normal;
}

#rightColumn {
    position: absolute;
    top: 247px;
}

.poster_name {
    color: #FFAB4E !important;
    font-weight: bold;
}
.menu ul.children .cat-item {
    margin-left: 15px !important;
    border-bottom: none !important;
    list-style-position: outside;
    list-style-image: url('/wp-content/themes/default/images/quadrat.png');
}

li .child-headers {
    color: #FF6600 !important;
    font-style: italic !important;
}


/******* FORUM BOX CHANGES *********/
#forumText {
	color: #FF5B1F;
    height: 15px;
    margin-left: 3px;
    width: 200px;
}

#lastForumPostsHead {
	background: #FF6600 url(images/orange_topleft.gif) no-repeat scroll left top;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 3px 5px 3px 10px;
	text-align: right;
	margin-top: 15px;
}

#lastForumPosts {
	margin-left:735px;
	width:160px;
	margin-top: 17px;
}

#lastForumPosts a {
	font-weight: normal !important;
}

#lastForumPostsBody {
	border: 2px solid #EEEEEE;
	margin-top: -18px;
	text-align: left;
	padding-left: 4px;
	font-size: small;
	font-weight: normal !important;
}

#lastForumPostsBody img {
	margin-left: -2px;
}

.rightSidebarHead {
	background: #FF6600 url(images/orange_topleft.gif) no-repeat scroll left top;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 3px 5px 3px 10px;
	text-align: right;
}

#newElementsRightSidebar {
  width: 200px;
}

iframe {
 height: 415px !important;

}

.friends_header {

  width: 145px !important;
  margin-bottom: 0px;
  margin-top: 15px;

}

#twitterFacebookButtons {
  margin-left: -96px;
}

.recommendations {
  width: 148px;
  margin-left: -38px;
}

#square_button img {
  margin-left: -20px;
}

#twitterButton {
   margin-left:110px;
   margin-top:-47px;
}

#twitterLink {
    margin-left:64px;
    margin-top:-15px;
}