/*
Theme Name: WikiWP
Theme URI: http://wikiwp.com
Author: Chereshka & Florian Steller
Description: Powerful Wiki-style theme for WordPress. WikiWP is best suited for an encyclopedic website. The theme gives you the opportunity to turn your blog into an encyclopedia! Now you can build our own Wikipedia using the advantages of WordPress. Easy to use and modify, clean and understandable code. WikiWP focuses on the content and is also SEO-friendly. For more information see the documentation on wikiwp.com.
Version: 1.4.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.en.html
Tags: white, light, silver, gray, fluid-layout, custom-header, translation-ready, full-width-template
Text Domain: wikiwp
*/

html, body 
    {
  	font-family: sans-serif;
  	font-size: 15px;
  	margin: 0;
  	padding: 0;
  	color: #252525;
    background-color: #F0F0F0;
    }
 
.admin-bar .sidebar { margin-top: 32px; }

.clearfix:after 
    {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    }


/* REQUIRED FOR WORDPRESS */
.sticky {}

.bypostauthor {}


/* FONTS */
h1, h2 { font-family: 'Linux Libertine',Georgia,Times,serif; }

h1 { font-size: 2em; }

.post-title,
.cat-title { margin-top: 0; }

h2 
    { 
    margin-top: 2.5em;
    margin-bottom: 1em;
    font-size: 1.8em;
    font-weight: normal; 
    }

h3
    {
    font-family: sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    }

h4 
    {
    font-family: sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    }

h5 
    {
    font-family: sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    font-style: italic;
    }

h6 
    {
    font-family: sans-serif;
    font-size: 1em;
    font-weight: bold;
    }

h1, h2, h3, h4, h5, h6 { margin-left: -24px; }

p { line-height: 1.5em; text-align: justify; }

a { color: #0074A2; }

a:link { text-decoration: none; }

a:active, a:hover { color: #2EA2CC; }

a:visited { color: #663399; }

ul, ol, dl 
    { 
    padding-left: 1em;
    list-style-position: inside;
    }

li,
dt,
dd
    { 
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    }

ol { counter-reset: item }

ol li { display: block; }

ol li:before 
    { 
    content: counters(item, ".") "."; 
    counter-increment: item; 
    padding-left: 1em;
    padding-right: 0.2em; 
    margin-left: -1em;
    }
    
dt 
    {
    margin-top: 1em;
    font-family: serif;
    font-size: 1.1em;
    font-weight: bold;
    }

thead th
    {
    background-color: #F0F0F0;
    }

th, td
    {
    border: 1px solid #E5E5E5;
    padding: 0.6em;
    }

th { background-color: #F9F9F9; }

blockquote
    {
    position: relative;
    margin-left: 3.5em;
    font-family: serif;
    font-size: 1em;
    color: #4D4D4D;
    }

blockquote:before
    {
    position: absolute;
    top: -0.3em;
    left: -0.6em;
    content: '“';
    font-size: 2.5em;
    font-family: serif;
    color: #AAAAAA;
    }

pre { white-space: pre-wrap; }

input[type="text"],
input[type="email"],
input[type="password"],
    {
    -webkid-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    border: 1px solid #AAAAAA;
    padding: 2px;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -ms-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
    }

textarea
    {
    -webkid-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    border: 1px solid #AAAAAA;
    padding: 0.6em;
    width: 100%;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    transition: border-color 0.3s;
    }

input:focus,
textarea:focus
    {
    border: 1px solid #FFB806;
    padding: 0.6em;
    outline: none;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -ms-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
    }

input[type="submit"] 
    { 
    margin: 0.5em 0 0 0;
    border: none;
    border-radius: 0.3em;
    padding: 0.6em 2em;
    background-color: #FFBA00;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    }

input[type="submit"]:hover
    { 
    cursor: pointer;
    background-color: #FFCF4C;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    }

input[type="submit"]:active 
    { 
    background-color: #FFE04C;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    }


/* Media */
img 
    { 
    -moz-force-broken-image-icon: 1; /* firefox broken image placeholder */
    border: none;
    height: auto;
    max-width: 100%;
    }

.alignnone { margin: 1.6em 0; }

.alignright
    {
    float: right;
    clear: right;
    margin: 0.3em 0 1.6em 1.6em
    }

.alignleft
    {
    float: left;
    clear: left;
    margin: 0.3em 1.6em 1.6em 0;
    }

.aligncenter 
    {
    display: block;
    margin: 1.6em auto;
    }

.size-full,
.size-medium,
.size-thumbnail,
.attachment-full,
.attachment-medium,
.attachment-thumbnail
    { 
    box-sizing: border-box;
    padding: 5px;
    background-color: #F0F0F0; 
    }

.wp-caption 
    {
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    max-width: 100%;
    text-align: center;
    color: #4D4D4D;
    background-color: #F0F0F0;
    }

.wp-caption a,
.wp-caption a img
    {
    display: block;
    padding: 0;
    height: auto;
    width: 100%;
    }


.wp-caption-text 
    {
    line-height: 17px;
    padding: 0.6em 5px;
    margin: 0;
    font-size: smaller;
    text-align: left;
    }


/* Gallery */
.gallery-item { display: inline-block; }

.gallery-caption { display: none; } 


/* Header */
header 
    { 
    margin-left: 200px;
    padding: 10px 0;
    height: 60px;
    background-color: white;
    }

.header-search-form input
    { 
    cursor: pointer;
    position: relative;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #FFBA00;
    border-left: none;
    float: left;
    margin-top: 20px;
    padding: 0 1em;
    height: 50px;
    width: 160px;
    font-family: 'Linux Libertine',Georgia,Times,serif;
    font-size: 1.5em;
    line-height: 1em;
    color: #AAAAAA;
    -webkit-transition: width 0.3s, color 0.3s;
    -moz-transition: width 0.3s, color 0.3s;
    -ms-transition: width 0.3s, color 0.3s;
    -o-transition: width 0.3s, color 0.3s;
    transition: width 0.3s, color 0.3s;
    }

.header-search-form input:focus
    { 
    cursor: auto;
    border-top: none;
    border-right: none;
    border-left: none;
    float: left;
    margin-top: 20px;
    padding: 0 1em;
    height: 50px;
    width: 20%;
    background: transparent;
    -webkit-transition: width 0.3s, color 0.3s;
    -moz-transition: width 0.3s, color 0.3s;
    -ms-transition: width 0.3s, color 0.3s;
    -o-transition: width 0.3s, color 0.3s;
    transition: width 0.3s, color 0.3s;
    }

.header-search-form input[type="submit"],
.header-search-form .screen-reader-text { display: none; }

.add-post-link
    { 
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 20px;
    padding: 20px 20px 10px 20px;
    height: 20px;
    }


.add-post-link:hover {}

.add-post-link-plus
    { 
    display: inline-block;
    float: left;
    }

.add-post-link-text 
    { 
    display: inline-block;
    float: left;
    }


/* Sidebar */
.sidebar
    {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    padding: 1.6em;
    font-family:sans-serif;
    font-size: 13px;
    }

#logo 
    { 
    cursor: pointer; 
    width: 100%; 
    }

.logo-img
    { 
    height: auto;
    width: 100%; 
    }

.blog-name
    {
    margin: 1.4em 0;
    padding: 0;
    font-size: 1.3em;
    }

.blog-name a { color: #252525;}

aside { margin: 30px 0; }

aside .widget,
aside .menu
    {
    display: block;
    border-bottom: 1px solid #E5E5E5;
    margin: 0;
    padding: 1em 0;
    color: #4D4D4D;
    list-style: none;
    }

aside .sub-menu
    {
    display: block;
    margin: 0;
    padding: 0.3em 0;
    color: #4D4D4D;
    list-style: none;
    }

  aside .widget li,
  aside .menu li { padding: 0.2em 0 0.2em 1em; }

  aside .sideul,
  aside .widget ul
    {
    margin: 0;
    padding: 0;
    list-style: none;
    }

  aside input#s
    {
     -webkid-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
    width: 100%;
    outline: none;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    -ms-transition: padding 0.3s;
    -o-transition: padding 0.3s;
    transition: padding 0.3s;
    }

  aside input#s:focus
    {
    padding: 0.6em;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    -ms-transition: padding 0.3s;
    -o-transition: padding 0.3s;
    transition: padding 0.3s;
    }


/* content */
article { margin: 0; }

.container
    {
    margin-left: 200px;
    font-family: sans-serif;
    }

.content
    {
    padding: 2.5em 3.5em;
    background-color: white;
    }


/* categories */

.cat-title-description p
    {
    display: inline-block;
    border-left: 1px dashed #aaaaaa;
    margin: 0 0 0 1.6em;
    padding: 10px 0 0 10px;
    color: #aaaaaa;
    }



/* excerpt */
.excerpt { margin-bottom: 2.5em; }

.excerpt-title
    {
    margin: 0.6em 0;
    font-size: 1.6em;
    }

.excerpt-thumbnail 
    {
    float: left;
    margin: 1em 1em 0 0;
    }

.excerpt p { margin-top: 0.6em; }


/* Category */
.excerpt-portfolio
    {
    padding: 0.6em;
    width: 300px;
    background-color: #F0F0F0;
    }


/* Posts */
.postmeta
    {
    border-left: 1px solid #E5E5E5;
    float: right;
    clear: right;
    margin: 2.5em;
    padding: 0 0.6em 0 1.6em;
    width: 300px;
    font-size: smaller;
    color: #4D4D4D;
    }

.postmeta-title
    {
    display: block;
    padding:  0 0.4em 0.4em 0.4em;
    font-size: 1.5em;
    font-weight: bold;
    }

.postmeta-thumbnail 
    {
    display: block;
    margin-bottom: 1px;
    }

.postmeta-edit 
    {
    display: block;
    padding: 0.6em;
    }

.postmeta-section 
    {
    display: block;
    margin-top: 1px;
    padding: 0.6em;
    background-color: #F0F0F0;
    }

.postmeta .categories,
.postmeta .tags
    {
    background-color: white;
    }

.postmeta .related
    {
    margin-top: 1em;
    background-color: white;
    }

.related-post-thumb
    {
    display: inline-block;
    float: left;
    margin-right: 0.6em;
    height: auto;  
    width: 40px;
    }

.related-posts
    {
    margin: 0.6em 0 0 1em;
    padding: 0;
    list-style: none;
    }

.related-posts li
    {
    display: block;
    clear: left;
    margin: 0;
    padding: 0.6em 0;
    }

.related .thumbnail-mini img
    {
    height: auto;  
    width: 100%;
    }


/* postinfo */
.postinfo
    {
    margin-top: 1px;
    padding: 0.6em;
    overflow: hidden;
    font-size: smaller;
    color: #4D4D4D;
    }

.postinfo h4
    {
    margin: 0 0 0.5em 0;
    font-weight: bold;
    color: #4D4D4D;
    }

.pargination
    {
    border-top: 1px solid #F0F0F0;
    margin: 2.5em auto;
    padding: 1.6em 0;
    width: 60%;
    font-size: smaller;
    text-align: center;
    }

.pargination-text
    {
    display: inline-block;
    margin-right: 1em;
    color: #4D4D4D;
    }

.pargination .pargination-item
    {
    display: inline-block;
    padding: 0.6em 1em;
    color: #4D4D4D;
    background-color: #F0F0F0;
    }

.pargination a .pargination-item
    {
    display: inline-block;
    padding: 0.6em 1em;
    color: #4D4D4D;
    background-color: #FFBA00;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    }

.pargination a .pargination-item:hover
    {
    background-color: #FFCF4C;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    }

.pargination a .pargination-item:active 
    { 
    background-color: #FFE04C;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    }

.postinfo-author
    {
    display: block;
    margin-top: 5em;
    background-color: #F0F0F0;
    }

.postinfo-tags,
.postinfo-postnav,
.postinfo-related,
.post-nav
    {
    border-top: 1px solid #F0F0F0;
    display: block;
    }

.previous-post-link  
    { 
    float: left; 
    padding: 0.6em; 
    }

.next-post-link 
    { 
    float: right;
    padding: 0.6em; 
    }

.last-posts-list 
    {
    border-top: 1px solid #F0F0F0;
    padding: 0.6em;
    }


/* posts pargination */
.posts-pargination
    {
    border-top: 1px solid #F0F0F0;
    margin: 2.5em auto;
    padding: 1.6em 0;
    width: 60%;
    font-size: smaller;
    text-align: center;
    }

.previous-posts-link { margin-left: 1.6em; }

.next-posts-link { margin-right: 1.6em; }


/* comments */
.comments { margin: 4em 0; }

.comment-form-comment { overflow: hidden; }

.commentlist
    {
    padding: 0;
    list-style-type: none;
    }

.commentlist .odd {  padding: 0;  background-color: #F9F9F9; }

.commentlist .even {  padding: 0;  background-color: white; }

.comment { margin: 1em 0; }

.comment-body
    { 
    clear: both; 
    padding: 0.6em;
    }

.comment-body p 
    { 
    clear: both; 
    margin-left: 32px;
    padding-left: 0.6em;
    }

.comment-author
    {
    display: inline-block;
    float: left;
    }

.comment-meta
    {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 1em;
    background-color: transparent;
    }

.commentlist .avatar
    { 
    float: left;
    margin-right: 0.6em;
    }

.comment-meta .fn 
    {
    font-weight: bold;
    font-style: normal;
    }

.comment-meta .says 
    { 
    display: inline-block;
    margin-right: 2.5em;
    font-size: smaller;
    }

.comment-meta time
    { 
    display: inline-block;
    margin-right: 2.5em;
    font-size: smaller;
    color: #AAAAAA;
    }

.comment-edit-link { font-size: smaller; }

.comment-reply-link 
    {
    display: inline-block;
    margin-left: 32px;
    padding: 0.3em 0 0 0.6em;
    width: 200px;
    font-size: smaller;
    }

.comment-reply-link:before
    {
    content: '» ';
    }

.commentlist .children
    {
    border-top: 1em solid white;
    border-left: 2.5em solid white;
    margin: 0;
    padding: 0;
    list-style-type: none;
    }

.commentlist .children .comment
    {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }

.children .comment-body
    {
    border-left: 1px dashed #AAA;
    }

.comment-respond { clear: both; }

.form-allowed-tags 
    { 
    font-size: smaller;
    color: #AAAAAA;
    }

/* posts pargination */
.comment-nav
    {
    border-top: 1px solid #F0F0F0;
    margin: 2.5em auto;
    padding: 1.6em 0;
    width: 60%;
    font-size: smaller;
    text-align: center;
    }

.comment-nav .alignright 
    { 
    display: inline-block;
    float: none;
    margin: 0 0 0 1.6em; 
    }

.comment-nav .alignleft
    { 
    display: inline-block;
    float: none;
    margin: 0 1.6em 0 0; 
    }


/* author */
.author-postings 
    {
    margin-left: 150px;
    padding-left: 1em;
    }  

.author-list
    {
    clear: both;
    margin-top: 2.5em;
    } 

.author-list-item
    {
    display: inline-block;
    margin: 1em;
    list-style: none;
    }  

.author-list-avatar
    {
    float: left;
    margin-right: 1em;
    } 

.author-list-text { float: left; } 

.author-list-text:after { clear: both; } 


/* footer */
footer 
    {
    clear: both;
    padding: 2.5em 3.5em;
    background-color: white;
    }

footer p { text-align: center; }
  	
.spacer { clear: both; } 	

.border
    {
  	border:1px solid #006699;
  	padding:8px;
  	margin:16px;
    }

.author, .date, .category { font-size:auto; }

  .edit
  {
    font-style:normal;
    font-weight:normal;
    margin-left:16px;
  }

.footer-rss-link
    {
    display: inline-block;
    position: relative;
    margin-left: 20px;
    }

.footer-rss-link:before 
    {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -20px;
    margin-top: -8px;
    height: 16px;
    background:url(images/rss32.png) top left no-repeat; 
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-left: 20px;
    }

  
  /* Elements */

  #searchform
  {
    margin-top:5px;
    margin-bottom:6px;
  }

  #wp-calendar
  {
    margin-top:8px;
    border:1px solid #CCC;
    padding:8px;
    background-color:white;
    font-size:90%;
    font-family:sans-serif;
    font-style:normal;
    color:#666;
  }

  #wp-calendar caption
  {
    font-style:italic;
  }

  #wp-calendar a
  {
    font-weight:bold;
    color:#036;
    text-decoration:underline;
  }

  #wp-calendar a:visited
  {
    color:#333;
  }

  #wp-calendar a:hover
  {
    color:red;
  }


  /* Misc. */

  fieldset
  {
    padding:16px 8px 0px 8px;
    font-size:85%;
    -moz-border-radius:4px;
    border-radius:4px;
  }

  .cat_fieldset
  {
    padding-top:8px;
  }

  .cat_fieldset ul
  {
    margin-top:8px;
  }

  legend
  {
    font-style:italic;
    color: #999;
  }

  .cat_legend
  {
    padding-bottom:4px;
  }