/*
Theme Name:		Adelle
Description:	Your brand is eager and ready to go. The Adelle Theme is ready for you! With a soft pink confetti header and minimalist two-columns, you can get started blogging in no time. Adelle is poised to host any female-oriented brand.
Version:			14.04
Author:				BluChic
Author URI:		http://www.bluchic.com
Theme URI:		http://www.bluchic.com/shop/adelle-theme
License:			GPL
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:					black, pink, white, light, two-columns, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, theme-options, threaded-comments, translation-ready
*/

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; vertical-align: baseline; background: transparent;}
ins {background-color: #ff9; color: #000; text-decoration: none;}
mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table {border-collapse: collapse; border-spacing: 0; padding: 5px; font-size: 1em; width: 100%; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
tr, th, td, tbody, thead, tfoot {padding: 10px; vertical-align: top; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
th {background: #efefef;}
input, select {vertical-align: middle;}
:focus {outline: 0;}
hr {background: none; border: none; margin: 10px 0; border-bottom: 1px solid #ccc; clear: both;}
code {font-size: 1.1em;}
code {display: inline-block; border: 1px solid #eee; font-size: 0.9em; padding: 0 3px;}
pre {overflow: auto; font-family: 'courier new', courier, monospace; font-size: 0.85em; padding: 10px;  border: 1px solid #ccc;}
html {-webkit-font-smoothing: antialiased;}
@-webkit-keyframes fontfix { from{ opacity: 1; } to { opacity: 1; } }
@-moz-keyframes fontfix { from{ opacity: 1; } to { opacity: 1; } }
@-o-keyframes fontfix { from{ opacity: 1; } to { opacity: 1; } }
@keyframes fontfix { from{ opacity: 1; } to { opacity: 1; } }
body {-webkit-animation-delay: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-duration: 0.1s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear;}

/*************************************************************************************************************************
Screen smaller than 680px
*************************************************************************************************************************/
@media all and (max-width: 680px) {

  /* Overall */
  .container {margin: 10px auto; width: 90%; overflow: hidden;}
  .header {position: relative; width: 90%; margin: 0 auto; padding: 0px 0 0 0;}
  .section {clear: both; margin: 20px 0;}
  .aside {clear: both; margin: 30px 0; background: #f8f8f8;}
  .footer {clear: both; overflow: hidden; margin: 0 auto; width: 100%; color: #777;}

  /* .header form */
  .header-form {display: none;}

  /* .header */
  .header h1,
  .header h5 {font-size: 24px; text-transform: uppercase; margin: 10px 0 0 0; text-align: center;}
  .header-title {color: #647165;}
  .header-desc {margin: 0; color: #777; text-align: center;}

  /* .nav */
  .mobile-nav {display: block; width: 100%; margin: 0 auto; }
  .tinynav {display: block; width: 100%; margin: 0 auto; }
  .nav {position: relative; display: block; float: right; padding: 2% 0%; clear: both; line-height: 1em; text-transform: uppercase; width: 100%; }
  .nav ul {display: none; list-style: none;}
  
  #searchform {
    display: block;
    position: relative;
    float: right;
    margin-right: 0px;
  }

  /* .post-info-meta */
  ul.post-info-meta {color: #888; padding: 0;}
  ul.post-info-meta li {list-style: none; float: none;}
  ul.post-info-meta li.post-info-comment {}

  /* .footer */
  p.footer-copy {background: #9a99a1; color: #fff; padding: 20px; clear: both; font-size: 0.9em; overflow: hidden; margin: 0 auto;}
  p.footer-copy .footer-credit {}

}


@media all and (min-width: 681px) {
    .nav {
        width: 65%;
        postion: relative;
        float:left;
    }
    
    #searchform {
        postion: relative;
        float:right;
    } 
}
/*************************************************************************************************************************
Screen between 681px and 1024px
*************************************************************************************************************************/
@media all and (min-width: 681px) and (max-width: 1024px) {

  /* Overall */
  .container {margin: 10px auto; width: 90%; overflow: hidden;}
  .header {position: relative; width: 90%; margin: 0 auto; padding: 40px 0 0 0;}
  .section {float: left; width: 60%; margin: 20px 0;}
  .aside {float: right; width: 35%; margin: 30px 0; background: #f8f8f8;}
  .footer {clear: both; overflow: hidden; margin: 0 auto; width: 100%; color: #777;}

  /* .header form */
  .header-form {clear: both; overflow: hidden; position: absolute; top: 4px; right: 20px;}
  .header-text {width: 80px; border: 1px solid #bbb;}

  /* .header */
  .header h1,
  .header h5 {font-size: 40px; text-transform: uppercase; margin: 10px 0 0 0;}
  .header-title {color: #647165;}
  .header-desc {margin: 0; color: #777;}

  /* .nav */
  .mobile-nav {display: none;}
  .tinynav {display: none;}
  .nav {position: relative; padding: 0 1%; line-height: 1em; text-transform: uppercase;}
  .nav ul {list-style: none; max-width: 70%; display: inline-block;}
  .nav a {display: block; padding: 14px 10px; color: #333;}
  .nav a:hover {text-decoration: underline; color: #333;}
  .nav ul ul a {display: block; padding: 14px 10px; position: relative;}

  /* .post-info-meta */
  ul.post-info-meta {color: #888; padding: 0;}
  ul.post-info-meta li {list-style: none; float: left;}
  ul.post-info-meta li.post-info-comment {float: right;}

  /* .footer */
  p.footer-copy {position: relative; background: #9a99a1; color: #fff; padding: 10px 30px; clear: both; font-size: 0.9em; overflow: hidden; margin: 0 auto;}
  p.footer-copy .footer-credit {display: block; float: right; width: 55px; height: 11px; background: url('images/footer_credit.png') no-repeat 0 0; text-indent: -9999px; margin-top: 5px;}

}

/*************************************************************************************************************************
Screen larger than 1025px
*************************************************************************************************************************/
@media all and (min-width: 1025px) {

  /* Overall */
  .container {margin: 10px auto; width: 1020px; overflow: hidden;}
  .header {position: relative; width: 1020px; margin: 0 auto; padding: 40px 0 0 0;}
  .section {float: left; width: 640px; margin: 30px 0 30px 20px;}
  .aside {float: right; width: 300px; margin: 30px 20px 30px 0; background: #f8f8f8;}
  .footer {clear: both; overflow: hidden; margin: 0 auto; width: 1020px; color: #777;}

  /* .header form */
  .header-form {clear: both; overflow: hidden; position: absolute; top: 4px; right: 40px;}
  .header-text {width: 100px; border: 1px solid #bbb;}

  /* .header */
  .header h1,
  .header h5 {font-size: 48px; text-transform: uppercase; margin: 10px 0 0 0;}
  .header-title {color: #647165;}
  .header-desc {margin: 0; color: #777;}

  /* .nav */
  .mobile-nav {display: none;}
  .tinynav {display: none;}
  .nav {position: relative; padding: 0px !important; line-height: 1em; text-transform: uppercase;}

	/*.nav:before,
	.nav:after {border: 1.6em solid #9a99a1; content: ""; display: block; position: absolute; bottom: 0; top: 0; z-index: 1;}
	.nav:before {border-left-color: #fff; border-right-width: 1.4em; left: 0;}
	.nav:after {border-left-width: 1.4em; border-right-color:#fff; right: 0;}*/
  .nav ul {list-style: none; max-width: 780px; display: inline-block;}
  .nav a {display: block; padding: 14px; color: #333;}
  .nav a:hover {text-decoration: underline; color: #333;}
  .nav ul ul a {display: block; padding: 14px; position: relative;}

  /* .post-info-meta */
  ul.post-info-meta {color: #888; padding: 0;}
  ul.post-info-meta li {list-style: none; float: left;}
  ul.post-info-meta li.post-info-comment {float: right;}

  /* .footer */
	p.footer-copy :before,
	p.footer-copy :after {border: 1.8em solid #9a99a1; content: ""; display: block; position: absolute; bottom: 0; top: 0; z-index: 1;}
	p.footer-copy :before {border-left-color: #fff; border-right-width: 1.4em; left: 0;}
	p.footer-copy :after {border-left-width: 1.4em; border-right-color:#fff; right: 0;}

  p.footer-copy {position: relative; background: #9a99a1; color: #fff; padding: 10px 40px; clear: both; font-size: 0.9em; overflow: hidden; margin: 0 auto;}
  p.footer-copy .footer-credit {display: block; float: right; width: 55px; height: 11px; background: url('images/footer_credit.png') no-repeat 0 0; text-indent: -9999px; margin-top: 5px;}

}

/* OVERALL */
body {font: normal 0.8em 'Muli', Lucida Sans Unicode, Lucida Grande, Verdana, Tahoma, Arial, Sans-serif; color: #666; background: #fff;}
body p {margin-bottom: 20px; line-height: 1.8em; word-wrap: break-word; -ms-word-wrap: break-word;}

/* hgroup */
h1,
h2,
h3,
h4,
h5,
h6 {line-height: 1.2em; margin-bottom: 15px; font-family: 'Montserrat', Sans-serif; font-weight: 400; word-wrap: break-word; -ms-word-wrap: break-word;}
h1 {font-size: 1.6em; color: #647165;}
h2 {font-size: 1.4em; color: #647165;}
h3 {font-size: 1.2em; color: #333;}
h4 {font-size: 1.2em; color: #333;}
h5 {font-size: 1em; color: #555;}
h6 {font-size: 1em; color: #555;}

/* LINK */
a {color: #ff8f85; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a:hover {color: #000;}

/* .nav */
.nav .current-menu-item > a,
.nav .current-menu-ancestor > a,
.nav .current_page_item > a,
.nav .current_page_ancestor > a {text-decoration: underline;}

.nav ul ul a {display: block; padding: 10px; position: relative;}

.nav li {display: inline-block; float: left; position: relative; z-index: 100;}
.nav li:hover > ul {opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
zoom: 1;
visibility: visible;
height: auto;
}

.nav ul ul {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
zoom: 0;
visibility: hidden;
height: 0;
position: absolute; width: 200px; background: #000; z-index: 200;
}

.nav ul li.has-sub > a {background: url('images/menu_down.gif') no-repeat right center;}
.nav ul ul li.has-sub > a {background: url('images/menu_right.gif') no-repeat right center;}

.nav ul ul li {display: block; float: none;}

.nav ul ul ul {position: absolute; left: 200px; top: 0;}

/* .article */
.sticky {}
.article {margin-bottom: 50px; padding-bottom: 20px; background: url('images/break.gif') repeat-x bottom center; overflow: hidden; clear: both;}
.article .post-thumb {padding: 2px; border: 1px solid #ddd;}
.article .post-header {margin-bottom: 30px; overflow: hidden;}
.article .post-date {float: left; margin-right: 10px; background: #9a99a1; color: #fff; width: 45px; padding: 18px; line-height: 1em; font-size: 1.2em; text-align: center; text-transform: uppercase;}
.article .post-date span {color: #fff; font-size: 1.4em;}
.article .post-date a {color: #fff;}
.article h2.post-title {font: italic 400 1.8em 'Lora', Serif; margin: 10px 0 5px 0; line-height: 1.2em;}
.article h2.post-title a {color: #647165;}
.article .post-comment {padding: 2px 0 2px 20px; background: url('images/comment_icon.gif') no-repeat 0 4px;}
.article .attachment-alignleft {float: left; margin: 0 10px 5px 0;}
.article .archives {overflow: hidden; clear: both; padding: 10px 0;}
.article .archives .archives-box {width: 45%; float: left; padding: 2px;}

/* .article misc */
.article blockquote {font: italic 400 1.4em 'Lora', Serif; display: block; clear: both; margin: 20px 0; padding: 20px 20px 20px 60px; background: #f8f8f8 url('images/blockquote.gif') no-repeat 20px 25px; font-style: italic; color: #888;}
.article blockquote p {padding: 0;}
.article ul {margin: 0 0 20px 25px; list-style: circle outside;}
.article ol {margin: 0 0 20px 25px; list-style: decimal outside;}
.article li {margin: 3px 0; line-height: 1.8em;}

/* .article misc */
.pagetitle { font-size: 2em; padding: 20px; color: #6f7382;}

.page-pagination {font-weight: bold; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 5px 0;}
.page-pagination span {margin: 2px 5px;}

.pagination {clear: both; font-size: 0.85em; padding: 10px 0; overflow: hidden; list-style: none;}
.pagination a:hover,
.pagination .current {padding: 5px 10px; margin-right: 5px; background: #ff8f85; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.pagination a {padding: 5px 10px; margin-right: 5px; background: #eee; color: #666; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

.post-footer {clear: both; padding: 20px 0 5px 0; margin: 0; overflow: hidden;}
.post-footer ul {margin: 0; list-style: none;}
.post-footer ul li {margin: 5px 0;}

.footer-navi {clear: both; overflow: hidden; padding: 0 !important; margin-bottom: 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.footer-navi li.previous {float: left;}
.footer-navi li.next {float: right;}

/* .gallery */
.gallery {clear: both; overflow: hidden;}
.gallery .gallery-item {margin-top: 0 !important;}
.gallery dl {margin: 0;}
.gallery a {padding: 5px; display: block;}
.gallery a img {max-width: 100%; height: auto;}
.gallery-caption {}

/* .sideform */
.sideform {clear: both; overflow: hidden; text-align: center;}
.sidetext {width: 150px; margin: 2px auto; color: #888; border: 1px solid #bbb;}

/* .side-widget */
.side-widget {padding: 20px 20px 30px 20px; margin-bottom: 20px; border-bottom: 1px solid #c0c0c0; overflow: hidden; clear: both;}
.textwidget {overflow: hidden; clear: both;}
.side-widget h3 {font-size: 1.3em; font-weight: 400; text-transform: uppercase; text-align: center; margin-bottom: 15px; color: #888;}
.side-widget select {display: block; width: 90%; margin: 0 auto;}
.side-widget ol,
.side-widget ul {clear: both; list-style: none;}
.side-widget ol.children,
.side-widget ul.children {clear: both; list-style: none; margin-left: 20px;}
.side-widget ol li,
.side-widget ul li {margin: 5px 0; line-height: 1.8em;}

.side-widget.widget_search {
	border-bottom: none;
	padding-bottom: 10px;
	padding-top: 0px;
	margin: 0;
	padding: 0;
}
.side-widget.widget_search .sideform input.sidetext {
	width: 50%;
	border: none;
	margin: 0;
	font-size: 16px;
	float: right;
	padding: 20px;
}
.side-widget.widget_search .sideform input.sidetext.focused {
	width: 100%;
	-webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}

.side-widget.widget_search .sideform input.sidebutton {
	display: none;
}

.side-widget.widget_wpfifc_widget {
    padding: 0;
    background: #fff;
}

.FeaturedImageTaxWidgetwpfifc_widget-2 .items {
    width: 35%;
}

.FeaturedImageTaxWidgetwpfifc_widget-2 .items.item_0,
.FeaturedImageTaxWidgetwpfifc_widget-2 .items.item_1,
.FeaturedImageTaxWidgetwpfifc_widget-2 .items.item_3,
.FeaturedImageTaxWidgetwpfifc_widget-2 .items.item_4,
.FeaturedImageTaxWidgetwpfifc_widget-2 .items.item_6,
.FeaturedImageTaxWidgetwpfifc_widget-2 .items.item_7,
.FeaturedImageTaxWidgetwpfifc_widget-2 .items.item_9,
.FeaturedImageTaxWidgetwpfifc_widget-2 .items.item_10,
.FeaturedImageTaxWidgetwpfifc_widget-2 .items.item_12
.FeaturedImageTaxWidgetwpfifc_widget-2 .items.item_13 {
    margin: 5% 7.5%;
}
.FeaturedImageTaxWidgetwpfifc_widget-2 .items.item_2,
.FeaturedImageTaxWidgetwpfifc_widget-2 .items.item_5,
.FeaturedImageTaxWidgetwpfifc_widget-2 .items.item_8,
.FeaturedImageTaxWidgetwpfifc_widget-2 .items.item_11,
.FeaturedImageTaxWidgetwpfifc_widget-2 .items.item_14 {
    margin: 5% 32.5%;
}
.FeaturedImageTaxWidgetwpfifc_widget-2 .items {
    opacity: 0.8;
}
.FeaturedImageTaxWidgetwpfifc_widget-2 .items:hover {
    opacity: 1;
}
.FeaturedImageTaxWidgetwpfifc_widget-2 .items {
    position: relative;
}
.FeaturedImageTaxWidgetwpfifc_widget-2 .items .label {
    margin-top: 0px;
    visibility: visible;
    opacity: 1;
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 150px;
    margin-left: -75px;
}
.FeaturedImageTaxWidgetwpfifc_widget-2 .items:hover .label {
    visibility: visible;
    opacity: 1;
}
.FeaturedImageTaxWidgetwpfifc_widget-2 .items .label,
.FeaturedImageTaxWidgetwpfifc_widget-2 .items .label:hover {
 color: #333;
}




/* .footer */
p.footer-copy a:hover {color: #fff;}

/* .comment-box */

/* .comment-box */
.comment-box {clear: both; margin-top: 20px; padding: 0 10px; overflow: hidden;}
.comment-box h4 {font-size: 1.4em; margin: 10px 0;}
#commentform label {display: inline-block; width: 80px; margin: 0; vertical-align: top;}
#respond {padding: 10px; background: #fff;}
p.comment-inputs {margin-bottom: 0;}
.required-input {color: #f00;}
.comment-input {width: 50%;}
.comment-textarea {width: 95%; height: 80px;}
.comment-input,
.comment-textarea {border: 1px solid #ccc; padding: 5px; color: #999; font: normal .85em Verdana, Tahoma, Arial, San-serif;}
.avatar {margin-right: 20px; float: left; border: 1px solid #999;}
.comment-meta {clear: both; overflow: hidden;}
.comment-meta h6 {font-size: 1em; margin-bottom: 3px;}
.comment-meta small {font-style: italic; color: #999; font-size: .85em;}
ol.commentlist {margin: 0;}
ol.commentlist li {border-bottom: 1px solid #ddd; margin-bottom: 20px; list-style: none;}
ol.commentlist li p {padding: 5px 0; margin: 0 0 10px 55px; line-height: 1.8em;}
ol.commentlist li ul {padding: 0;}
ol.commentlist li ul.children li {border: none; border-left: 1px solid #ddd; padding: 0 0 0 30px; margin: 0; list-style: none;}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist .parent {}
ol.commentlist .comment {overflow: hidden; padding: 10px 0;}
ol.commentlist .children {}
ol.commentlist .pingback {}
ol.commentlist .bypostauthor {}
ol.commentlist .comment-author {}
ol.commentlist .comment-author-admin {}
ol.commentlist .alt {}
ol.commentlist .odd {}
ol.commentlist .even {}
ol.commentlist .thread-alt {}
ol.commentlist .thread-odd {}
ol.commentlist .thread-even {}
ol.commentlist li ul.children .alt {}
ol.commentlist li ul.children .odd {}
ol.commentlist li ul.children .even {}
ol.commentlist .vcard {}
ol.commentlist .vcard cite.fn {}
ol.commentlist .vcard span.says {}
ol.commentlist .vcard img.photo {}
ol.commentlist .vcard img.avatar {}
ol.commentlist .vcard cite.fn a.url {}
a.comment-reply-link {float: right;}
.comment-pagination {clear: both; overflow: hidden; margin: 10px 0;}

/* #wp-calendar */
#wp-calendar {text-align: center; width: 100%; font-size: 0.9em;}
#wp-calendar caption {font-weight: bold; text-align: center; padding: 5px 0; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee;}
#wp-calendar th {font-style: normal; text-transform: capitalize; padding: 2px; border-right: 1px solid #eee;}
#wp-calendar td {font-style: normal; padding: 2px; border-right: 1px solid #eee;}
#wp-calendar tr {border-top: 1px solid #eee; border-left: 1px solid #eee;}
#wp-calendar tfoot td {border-bottom: 1px solid #eee;}

/* img */
img {max-width: 100%; height: auto;}
img.aligncenter {display: block; margin: 0 auto 10px auto;}
img.alignright {display: inline; margin: 0 0 10px 20px;}
img.alignleft {display: inline; margin: 0 20px 10px 0;}
.aligncenter,
.centered {display: block; margin: auto;}
.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}

/* .wp-caption */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ccc; background: #efefef; margin: 15px; padding: 1%; text-align: center; max-width: 96%;}
.wp-caption img {border: 0;}
.wp-caption p.wp-caption-text {font-size: 0.85em; line-height: 1.2em; padding: 3px 0; margin: 0;}

/* Input and label */
select,
textarea,
input {border: 1px solid #ccc; color: #888; padding: 5px; font-family: Arial, Verdana, Sans-serif;}
input[type=submit] {border: 1px solid #ccc; color: #555; cursor: pointer; background: #eee; padding: 5px 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
input[type=submit]:hover {border: 1px solid #aaa; background: #aaa; color: #fff;}
label {display: inline-block; margin-right: 20px;}

/* Misc */
.hidden {display: none;}
.focused {border: 1px solid #888;}
.highlight {background: #efefef; padding: 0 2px;}
.button {padding: 1px 5px;}
.fade {filter: alpha(opacity=50); opacity: 0.5;}
.clearfix {clear: both; height: 10px;}
.shadow {-webkit-box-shadow: 0 0 5px 0 #aaa; box-shadow: 0 0 5px 0 #aaa;}
.transparency {background-color: rgba(255, 255, 255, 0.8);}
.radius-100 {-moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;}
.radius-10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.radius-8 {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.radius-4 {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}




.postThumb {
    width: 100%;
    height: auto;
    float: none;
}
.postThumb a img {
    float: none;
    width: 100%;
}

.postText {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    float: none;
    /*overflow-x: hidden;*/
}



@media (min-width: 680px) {
    .post-content .postThumb {
    	width: 50%;
    	height: auto;
    	float: left;
    }
    
    .post-content .postText {
    	width: 45%;
    	margin-left: 5%;
    	height: auto;
    	padding-bottom: 10px;
    	float: left;
    	/*overflow-x: hidden;*/
    }
}

#sidebar-header { 
   width: 100%;
   float: right;
   margin-bottom: 30px;
}
.relatedpost {
    float: left;
    width: 25%;
    margin: 0% 2.5%;
}
.relatedpost .postThumb {
	overflow: hidden;
	height: 150px;
	margin-bottom: 20px;
}
.relatedpost .relatedText {
}


@media (min-width: 680px) {
	#sidebar-header { 
        width: 35%;
        float: right;
        margin-bottom: 10px;
    }
}

.breadcrumbs {
    margin-top: 10px;
}

@media (min-width: 680px) {
    .menu-kategorien-container {
        border-bottom: 1px solid #999999;
        padding-bottom: 8px;
        padding-top: 7px;
        
        background: -moz-linear-gradient(#fff, #f8f8f8);
        background: -webkit-linear-gradient(#fff, #f8f8f8);
        background: linear-gradient(#fff, #f8f8f8);
    }
    
    .menu-kategorien-container > .menu > .menu-item {
        display: inline-block;
        list-style-type: none;
        position: relative;
        -moz-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
        -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
        transition: height 0.5s;
        /*height: 0px;*/
        
    }
    
    .menu-kategorien-container .menu-item:hover > a,
    .menu-kategorien-container .menu-item.current-menu-item > a,
    .menu-kategorien-container .menu-item .sub-menu .menu-item:hover > a,
    .menu-kategorien-container .menu-item .sub-menu .menu-item.current-menu-item > a {
        color: #000;
    }
    
    .menu-kategorien-container .menu-item a {
        padding: 0px 35px 20px 15px;
        color: #333;
        font: "Muli",Lucida Sans Unicode,Lucida Grande,Verdana,Tahoma,Arial,sans-serif;
        color: #545454;
        font-size: 16px;
        
    }
    .menu-kategorien-container .menu-item .sub-menu a {
        font-size: 14px;
        padding-bottom: 3px;
    }
    
    .menu-kategorien-container .menu-item > a {
    }
    
    .menu-kategorien-container .menu {
        transition: height 0.5s;
        -moz-transition: height 0.5s;
        -webkit-transition: height 0.5s;
        overflow: hidden;
        height: 20px;
    }
    
    
    .menu-kategorien-container .menu-item .sub-menu {
        display: none;
        position: absolute;
        padding-top: 10px;
        transition: height 0.5s;
        -moz-transition: height 0.5s;
        -webkit-transition: height 0.5s;
        overflow: hidden;
    }
    
    .menu-kategorien-container .menu-item .sub-menu  li {
        display: block;
        width: 120px;
    }
    .menu-kategorien-container .menu-item .sub-menu  li a {
        padding-right: 0px;
        
    } 
    
    /*.menu-kategorien-container .menu-item:hover .sub-menu,
    .menu-kategorien-container .menu-item.current-menu-item .sub-menu {
        display: block;
        top: 30px;
    }*/
}
.jquery-responsive-select-menu {
    width: 100%;
}

/*jQuery(".menu-kategorien-container .menu-item").mouseover( function() { jQuery(this).animate({height: '100px' }); } ).mouseout(function(){console.log('out');});*/

.fb {
    background: url('images/fb.gif');
    margin-left: 20px;
    margin-right: 5px;
}
.twitter {
    background: url('images/twitter.gif');
    margin: 0px 10px;
    
}
.instagram {
    background: url('images/instagram.gif');
    margin: 0px 10px;
    
}
.pinterest {
    background: url('images/pinterest.gif');
    margin: 0px 20px 0px 10px;
}

.socialitem {
    height: 48px;
    width: 48px;
    display: inline-block;
    margin-top: 10px;
}
.socialitem a {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}