sidebar/*

Theme Name: Ari

Theme URI: http://www.elmastudio.de/wordpress-themes/ari/

Description: Ari is a minimalistic, flexible three-column blog theme. The theme uses CSS3 media queries for its responsive layout and is therefore optimized for tablet pcs and smart phones (the theme switches to a two-column layout when viewed on a horizontal iPad screen, and to a one-column layout on iPhones). You can also choose a dark color scheme and the backgound-, text- and link-colors can be customized in the theme options page.

Author: Elmastudio

Author URI: http://www.elmastudio.de/wordpress-themes/

Version: 1.1.2

Tags: white, dark, three-columns, left-sidebar, right-sidebar, flexible-width, custom-colors, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready

License: GNU/GPL Version 2 or later

License URI: http://www.gnu.org/licenses/gpl.html

*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

@font-face { font-family: 'TUOS Blake'; src: url('fonts/TUOS-blake-webfont.eot'); src: url('fonts/TUOS-blake-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/TUOS-blake-webfont.woff') format('woff'), url('fonts/TUOS-blake-webfont.ttf') format('truetype'), url('fonts/TUOS-blake-webfont.svgz#TUOSBlake') format('svg'), url('fonts/TUOS-blake-webfont.svg#TUOSBlake') format('svg'); font-weight: normal; font-style: normal; }

/* Reset

--------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: transparent;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 75%;
}
/* General Structure and Styles

--------------------------------------------- */

.panel {
    background: #462053;
    background: rgba(0,0,0,0.3);
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 10px;
    margin: 0 0 20px 0;
    width: 100%;
}

body {
    font-family: 'Open Sans', sans-serif, Arial;
    color: #FFF;
    background: #000;
}
#container {
    background: url(images/bg.gif) top left no-repeat #603175;
}
#globalNavigation {
    background-color: #000;
    border-bottom: 1px solid #FFF;
    clear: both;
    color: #FFF;
    display: block;
    font-weight: normal;
    font-size: 12px;
    padding: 7px;
}
#wrap {
    /*max-width: 960px;*/
    z-index: 0;
    margin-left: 25px;
}
#sidebar-primary {
    width:190px;
    margin-bottom: 60px;
    float:left;

}
#main {
    /*width:72%;*/
    float:left;
}
#content {
    /*width: 62.5%;*/
    float:left;
    font-size: 14px;
    overflow: hidden;
}
.home #content {
    width: 95%;
}
.home #page {
    margin-bottom:0;
}
#sidebar-secondary {
    /*width: 35%;*/
    margin: 0 0 40px 0;
    float:right;
}

.footer {
    border-top: 8px solid #52315f;
    background-color: #000;
    width: 100%;
}

.hide {
    height: 1px;
    left: -2500px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

/* Global navigation
--------------------------------------------- */
#globalNavigation ul {
    display: inline;
    margin: 0;
    padding: 0;
}
#globalNavigation ul li {
    display: inline;
    list-style: none outside none;
}
#searchBox {
    display: inline;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0.25em;
    top: 4px;
}
#searchBox fieldset {
    border: medium none;
    display: inline;
    margin: 3px 0 0;
    padding: 0;
}
#searchBox input, #searchBox select {
    margin-top: -3px;
    vertical-align: top;
}
#searchBox .submit {
    background-color: #8E8E8E;
    border: 1px solid #000;
    color: #FFF;
}

/* Alignment
--------------------------------------------- */

.alignleft {
    display: inline;
    float:left;
}
.alignright {
    display: inline;
    float: right;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignleft,  img.alignright,  img.aligncenter {
    margin-bottom: 10px;
}

/* Headings
--------------------------------------------- */
h1 {
    padding:0px 0px 20px 0px;
    font-family: 'TUOS Blake',Arial,Helvetica,sans-serif;
    font-size: 33px;
    font-weight: normal;
    line-height: 35px;
}
h2 {
    clear: right;
    padding: 0 0 10px 0;
    font-family: 'TUOS Blake',Arial,Helvetica,sans-serif;
    font-size: 26px;
    font-weight: normal;
    line-height:25px;
}
h3 {
    padding: 0 0 10px 0;
    font-family: 'TUOS Blake',Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height:21px;
}
h4 {
    font-family: Arial,Helvetica,sans-serif;
    padding: 0 0px 10px 0px;
    font-size: 18px;
    font-weight: normal;
    line-height:21px;
}
h5 {
    padding:16px 0px 8px 0px;
    font-size: 16px;
    line-height:20px;
}
h6 {
    padding:10px 0px 5px 0px;
    font-size: 13px;
    line-height:19px;
}

/* Links
--------------------------------------------- */
a {
    color: #FFF;
    text-decoration:none;
}
.meta a {
    color: #CCC;
}
a:hover {
    color: #FFC5DA;
    text-decoration:underline;
}

.sidebar li ul.children, .sidebar li.current_page_ancestor ul.children li ul.children, .sidebar ul.children li ul.children {
    display: none;
    visibility: hidden;
}
.sidebar li.current_page_item ul.children, .sidebar li.current_page_ancestor ul.children, .sidebar li.current_page_ancestor ul.children li.current_page_item ul.children, .sidebar li.current_page_ancestor ul.children li.current_page_ancestor ul.children {
    display: block;
    margin: 5px 0 0 10px;
    visibility: visible;
}
.sidebar li.current_page_item ul.children li a {
    font-weight: normal;
}

/* --- Link Colors --- */

#content a:hover, .sidebar li.widget-container a:hover {
    color: #FFC5DA;
}

/* Footer
--------------------------------------------- */
.footer-container {
    text-align: center;
    margin: 30px 0;
}

.footer-links > li {
    display: inline-block;
    font-size: 12px;
    margin-top: 30px;
}

.footer-links > li:before {
    content: "|";
    padding: 0 3px;
}

.footer-links > li:first-child:before {
    content: "";
    padding-left: 0;
}

.social-icon {
    display: inline-block;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    background-color: #fff;
    margin-top: 15px;
    margin-right: 40px;
    text-align: center;
}

    .social-icon:hover {
        background-color: #FFC5DA;
        text-decoration: none;
    }

.social-icon .fa { /* font-awesome icons */
    color: #52315f;
    font-size: 45px;
    margin-top: 15px;
    margin-bottom: 20px;
    display: block;
}

.copyright {
    font-size: 12px;
    margin-top: 10px;
}


/* Misc
--------------------------------------------- */
#content h2 a:hover, ul.sidebar a:hover, .comment-meta a:hover, p.logged-in-as a:hover, p.meta a:hover, a.post-edit-link:hover {
    /*color:#88C34B;*/
}
#searchsubmit:hover, form#commentform p.form-submit input#submit:hover, input.wpcf7-submit:hover {
    /*background:#88C34B;*/
}

.margin-none {
    margin: 0 !important;
}

/* Lists
--------------------------------------------- */
#content #page ul, #content .post ul {
    padding: 0 0px 15px 25px;
}
#content #page ul li, #content .post ul li {
    margin: 0;
    padding:0px 0px 10px 0px;
    line-height:21px;
    list-style: square !important;
}
#content #page ol, #content .post ol {
    padding: 0 0px 20px 30px;
}
#content #page ol li, #content .post ol li {
    padding:0px 0px 10px 0px;
    line-height:21px;
    list-style: decimal;
}
#content #page ol ol li, #content .post ol li ol li {
    list-style: upper-alpha !important;
}
#content #page ol ol ol li, #content .post ol li ol ol li {
    list-style: lower-roman !important;
}

/* Sidebars
--------------------------------------------- */

ul.sidebar {
    font-size: 12px;
    line-height:18px;
}
ul.sidebar > li,
ul.children > li {
    margin-bottom: 5px;
}
ul.sidebar > li > a,
ul.children > li > a {
    font-size: 14px;
}
ul.sidebar li.widget-container, ul.sidebar li.pagenav, ul.sidebar li.categories {
    margin:0px 0px 20px 0px;
    /*padding:0px 0px 10px 0px;*/

    overflow:hidden;
/*  line-height:23px;*/
}

/* Sidebar Primary
--------------------------------------------- */

/* --- Theme Logo --- */

.logo {
    margin-bottom: 30px;
    padding-top: 20px;
}
.logo h1 {
    padding:5px 0px 0px 0px;
    font-size:30px;
    line-height:35px;
}
.logo h1 a:hover {
    text-decoration:none;
}
.logo p {
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
}
.logo img {
    max-width:100%;
    margin:0;
    padding:0;
}
/* --- Text Widget --- */

ul.sidebar li.widget-container {
    background-color: #432251;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
ul.sidebar li.widget-container h3 {
    display: block;
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 10px 10px 8px;
    border-bottom: 1px solid #603175;
}
ul.sidebar li.widget-container p,
ul.sidebar li.widget-container ul li,
ul.sidebar li.widget-container select {
    clear: both;
    font-size: 14px;
    margin: 0 10px 10px 10px!important;
    line-height:1.6 !important;
}
#sidebar-primary ul.sidebar li.widget-container img {
    margin:3px 10px 0px 0px;
    float:left;
}

.nav-widget { clear:both; padding-top:20px; }
ul.nav-widget li.widget-container {
    background-color: #432251;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-bottom:10px;
    width:80%;
}
.nav-widget .search-input { width:95%; margin: 0 0 10px 0; }
.nav-widget form { padding:10px; }

.nav-widget li.widget-container h3 { border-bottom: 1px solid #603175;
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 10px 10px 8px;}

.social {

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 10px;
    text-align: center;
    width: 100%;

}

.social a {
    display: inline-block;
    padding: 10px 5px 0;
    width: 25px;
}

.social a img {

    border-radius: 3px;
    max-width: 100%;

}

@media screen and (min-width: 768px) {

    .social {
        padding: 0;
        text-align: left;
    }

    .social a {
        padding: 10px 5px 0 0;
    }
}


/* Sidebar Secondary
--------------------------------------------- 

#sidebar-secondary img {
    max-width: 100%;
    display: block;
    margin:0px;
    padding: 0;
}
#sidebar-secondary img.banner {
    max-width: 100%;
    display: block;
    margin:0px 0px 10px 0px;
    padding: 0;
}*/

/* Sidebar Homepage
--------------------------------------------- */

#sidebar-homepage {
    clear: both;
    padding: 0 0 40px 0;
    width: 100%;
}
#sidebar-homepage ul.sidebar li {
    float: left;
    margin: 0 10px 10px 0;
}
#sidebar-homepage ul.sidebar li:first-child {
    /*width: 61.5%;*/
}
#sidebar-homepage ul.sidebar li:first-child img {
    float: right;
    margin: 0 0 0px 10px;
}
#sidebar-homepage ul.sidebar li ul li {
    min-height: 0;
    width: 95%!important;
}

/* Sidebar Widgets (can be used for both Sidebars)
--------------------------------------------- */

ul.sidebar li.widget_archive ul li,
ul.sidebar li.widget_pages ul li.page_item,
ul.sidebar li.widget_categories ul li.cat-item,
ul.sidebar li.widget_links ul.blogroll li,
ul.sidebar li.widget_nav_menu ul#menu-navigation li.menu-item,
ul.sidebar li.widget_meta ul li {
    line-height:23px;
}
/* --- Text Widget --- */

ul.sidebar li.widget_text img {
    margin:0 10px 10px 0px;
    float:left;
}
/* --- Custom Menu Widget --- */

ul.sub-menu {
    margin: 0px 0px 0px 15px;
}
ul.sidebar li.widget_categories ul li.cat-item ul.children {
    margin:0px 0px 0px 15px;
}
/* --- Pages Widget --- */

ul.sidebar li.widget_pages ul li.page_item ul.children {
    margin:0px 0px 0px 15px;
}
/* --- Search Widget --- */

.search-input {
    max-width: 100%;
/*  width: 95%;*/
  width: 61%;
    margin:0px 7px 10px 10px;
    font-size:12px;
    float:left;
    clear: left;
}

@media screen and (max-width: 979px) {
    .search-input {
        width: 80%;
    }
}

#searchsubmit {
    margin:0px 4px 0px 0px;
    padding:4px 7px 4px 7px;
    float:left;
    background:#4C4C4C;
    border:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#fff;
    cursor:pointer;
}
/* --- Recent Post Widget --- */

ul.sidebar li.widget_recent_entries ul li {
    padding: 0;
    line-height:16px;
}
ul.sidebar li.widget_recent_entries ul li a {
    line-height:16px;
}
/* --- Recent Comments --- */

ul.sidebar li.widget_recent_comments ul#recentcomments li.recentcomments {
    padding: 0px 0px 12px 0px;
    line-height:16px;
}
ul.sidebar li.widget_recent_comments ul#recentcomments li.recentcomments a {
    padding: 0px 0px 12px 0px;
}
/* --- Calendar Widget --- */

table#wp-calendar caption {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:18px;
    text-align:left;
    padding:0px 0px 3px 0px;
}
table#wp-calendar td {
    padding:3px;
}
/* --- Social Links Custom Widget --- */

ul.sidebar li.widget_sociallinks a {
    padding:0px 20px 0px 20px;
    line-height:23px;
}
ul.sidebar li.widget_sociallinks a.rss {
    background:url(images/rss-icon.png) 0 0 no-repeat;
}
ul.sidebar li.widget_sociallinks a.twitter {
    background:url(images/twitter-icon.png) 0 0 no-repeat;
}
ul.sidebar li.widget_sociallinks a.facebook {
    background:url(images/fb-icon.png) 0 0 no-repeat;
}
ul.sidebar li.widget_sociallinks a.googleplus {
    background:url(images/googleplus-icon.png) 0 0 no-repeat;
}
ul.sidebar li.widget_sociallinks a.flickr {
    background:url(images/flickr-icon.png) 0 0 no-repeat;
}
ul.sidebar li.widget_sociallinks a.vimeo {
    background:url(images/vimeo-icon.png) 0 0 no-repeat;
}
ul.sidebar li.widget_sociallinks a.xing {
    background:url(images/xing-icon.png) 0 0 no-repeat;
}
ul.sidebar li.widget_sociallinks a.linkedin {
    background:url(images/linkedin-icon.png) 0 0 no-repeat;
}
ul.sidebar li.widget_sociallinks a.delicious {
    background:url(images/delicious-icon.png) 0 0 no-repeat;
}
/* Posts

--------------------------------------------- */

#content .post, #content .page {
    padding:0px 0px 1px 0px;
    margin:0px 0px 30px 0px;
}
#content .post p, #content .page p {
    padding:0px 0px 15px 0px;
    font-size: 14px;
    line-height:23px;
}
#content .post p small {
    font-size:13px;
}
#content blockquote {
    border-left: 5px solid #FFF;
    margin:10px 0px 30px 0px;
    padding:0px 0px 0px 16px;
    font-family: Arial, Helvetica, sans-serif;
    line-height:21px;
    font-style:italic;
}
#content blockquote p {
    padding:0 !important;
}
#content blockquote p cite {
    padding:5px 0px 0px 0px;
    font-size:12px;
    font-weight:bold;
}
#content address {
    padding:0px 0px 20px 0px;
    line-height:20px;
}
#content pre {
    padding:0px 0px 20px 0px;
}
#content table {
    background-color: #432251;
    background-color: rgba(0, 0, 0, 0.3);
    border-bottom: none;
    margin: 0 0 20px 0px;
    max-width: 100%;
    text-align: left;
    vertical-align: top;
}
#content table tr {
    border-bottom: 1px solid #603175;
}
#content table tr th {
    border-left: 1px solid #603175;
    border-right: 1px solid #603175;
    padding: 10px;
}
#content table tr th:first-child, #content table tr td:first-child {
    border-left: none;
}
#content table tr td {
    border-left: 1px solid #603175;
    border-right: 1px solid #603175;
    padding: 10px;  
}
#content img {
    max-width: 100%;
    width: auto;
    height: auto;
}
#content img.wp-post-image {
    margin: 0;
    padding: 0;
    float: left;
}
#content img.wp-smiley {
    display: inline;
}
#content img.alignleft {
    margin: 5px 10px 10px 0px;
}
#content img.alignright {
    margin: 5px 0px 5px 10px;
}
#content img.alignnone {
    margin: 10px 0px 10px 0px;
}
#content .wp-caption {
    max-width: 100%;
    display: block;
}
#content p.wp-caption-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:18px;
    padding:7px 0px 10px 0px;
}
#content object,  #content embed,  #content iframe {
    display: block;
    max-width: 100%;
    margin: 3px 0 10px 0;
}
#content .post p.meta, #content .page p.meta, li.widget-container span.meta, ul#posts li.post span.meta {
    color: #CCC;
    margin:0px 0px 0px 0px;
    padding:0 0px 5px 0px;
    font-size:12px;
    line-height:19px;
    clear:both;
}
#content .post .meta span, #content .page p.meta span {
    padding:0px 0px 0px 0px;
    font-size:12px;
    line-height:19px;
}
a.post-edit-link {
    font-size:12px;
}
#content p.previous {
    float:left;
    font-size:14px;
    margin: 0 0 20px 0;
}
#content p.next {
    float:right;
    font-size:14px;
    margin: 0 0 20px 0;
}
#content .sticky h3.sticky-label {
    font-size:10.5px;
    font-weight:normal;
    padding:0;
    text-transform:uppercase;
    letter-spacing:2px;
}

/* Single Post
--------------------------------------------- */
#content .post #author-info {
    margin:10px 0;
    padding:0 0px 0px 0px;
    overflow:hidden;
}
#content .post #author-avatar {
    margin:5px 15px 0px 0px;
    float:left;
}
#content .post #author-description {
    overflow:hidden;
}
#content .post #author-description h2 {
    padding:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
}
#content .post #author-description h2 span {
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:0.1em;
}
#content .post #author-description p, .page-link {
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:18px;
}

/* --- Comments --- */
.comment {
    background-color: #432251;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 10px 0;
    padding: 10px;
}
.post .comments-content {
    margin:6px 0px 0px 0px;
}
#comments-content {
    margin: 15px 0;
}
#content .post #comments-content h3#comments {
    padding:80px 0px 8px 0px;
    font-size:16px;
}
#comments-content .comment-body cite {
    font-style: normal;
}
#comments-content .comment-body p {
    padding:0px 0px 10px 0px;
    font-size:13px;
    line-height:19px;
}
#comments-content p.moderation {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#999;
}
#content .post #comments-content ol,  #content #page #comments-content ol {
    padding:0px;
}
#content .post #comments-content ol li ul.children,  #content #page #comments-content ol li ul.children {
    padding:0px;
}
#content .post #comments-content ol li.depth-1 {
    padding:25px 0px 10px 0px;
    overflow:hidden;
}
#comments-content ol li.depth-2,  #content #page #comments-content ol li.depth-2,  #comments-content ol li.depth-3,  #content #page #comments-content ol li.depth-3,  #comments-content ol li.depth-4,  #content #page #comments-content ol li.depth-4,  #comments-content ol li.depth-5,  #content #page #comments-content ol li.depth-5 {
    margin:10px 0px 0px 30px;
    padding:25px 0px 0px 0px;
    border-bottom:none;
    overflow:hidden;
}
.comment-meta {
    padding:0px 0px 10px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}
.comment-gravatar {
    margin:1px 15px 0px 0px;
    float:left;
}
#comments-content .comment-body {
    padding:0px;
    overflow:hidden;
}
.reply {
    margin:10px 0px 0px 0px;
    float:right;
}
a.comment-reply-link {
    font-size:12px;
    font-weight:bold;
}
p.logged-in-as {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    margin: 0 0 10px 0;
}
#comments-content ol li.post.pingback {
    margin:0px;
    padding: 20px 0px 10px 20px;
    list-style:none;
}
#content #comments-content .comment-body ol {
    padding:6px 0 6px 30px;
    line-height: 1.3;
}
#content #comments-content .comment-body ol li {
    list-style: decimal !important;
}
#content #comments-content .comment-body ol li ol li {
    list-style: upper-alpha !important;
}
#content #comments-content .comment-body ol li ol ol li {
    list-style: lower-roman !important;
}
.bypostauthor {
}

/* --- Comment Reply --- */
a#cancel-comment-reply-link {
    padding:3px 0px 0px 0px;
    float:right;
    font-size:12px;
}
#content .post #comments-content #respond h3#reply-title {
    padding:20px 0px 6px 0px;
    font-size:16px;
}
#content .post form#commentform p {
    font-size:13px;
}
form#commentform p.comment-notes {
    padding:5px 0px 15px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}
form#commentform input#author, form#commentform input#email, form#commentform input#url {
    font-family: Arial, Helvetica, sans-serif;
    height:22px;
    display: block;
    font-size: 14px;
}
form#commentform textarea#comment {
    width:90%;
    padding:3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
form#commentform p.comment-form-author, form#commentform p.comment-form-email, form#commentform p.comment-form-url, form#commentform p.comment-form-comment {
    padding: 0 0 10px 0;
}
form#commentform p.form-submit input#submit {
    background: #000;
    margin:8px 0px 10px 1px;
    padding:6px 8px 6px 8px;
    border:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#fff;
    cursor:pointer;
}

/* --- Comments Navigation --- */
.nav-previous {
    float:left;
    margin:20px 0 0 0;
}
.nav-next {
    float:right;
    margin:20px 0 0 0;
}

/* WordPress Image Gallery
--------------------------------------------- */
.gallery {
    margin: auto;
    padding:5px 0px 5px 0px;
}
.gallery .gallery-item {
    float: left;
    margin: 10px 5px 0px 5px;
    text-align: center;
    width: 30%;
    vertical-align: top;
}
.gallery img {
    border: 1px solid #cfcfcf;
}
.gallery .gallery-caption {
    margin-left: 0;
    padding: 5px 0px 8px 0px;
    font-family:'Droid Serif', Times, serif;
    font-size: 12px;
    line-height: 18px;
}

/* Archives 
--------------------------------------------- */

/*h1.archive {
    margin:0px 0px 25px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom:1px dotted #4C4C4C;
    font-family:'Droid Serif', Times, serif;
    font-size:12px;
    font-weight:normal;
    font-style:italic;
    letter-spacing:0.1em;
}
h1.archive strong {
    font-style:normal;
    text-transform:uppercase;
}*/

/* Pages 
--------------------------------------------- */
#page {
    margin-bottom:10px;
    padding:0px 0px 20px 0px;
}
.home #page {
    padding: 0;
}
#page p {
    padding:0px 0px 15px 0px;
    font-size: 14px;
    line-height:21px;
}
#page p small {
    font-size: 13px;
}

/* Plugin Styles
--------------------------------------------- */

/* --- Contact Form 7 --- */

#content .wpcf7 {
    padding:20px 0px 20px 0px;
}
#content #page .wpcf7 p {
    padding:0px 0px 10px 0px;
    font-size:13px;
}
input.wpcf7-text {
    height:22px;
}
.wpcf7 textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
}
input.wpcf7-submit {
    margin:0px;
    padding:6px 8px 6px 8px;
    border:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#fff;
    cursor:pointer;
}
.wpcf7-response-output, .wpcf7-not-valid-tip {
    margin:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:18px;
}

/* --- jQuery Thickbox --- */
#TB_window img#TB_Image {
    border-bottom:none ! important;
    border-left:none ! important;
    border-right: none ! important;
    border-top: none ! important;
    margin: 15px 0px 0px 15px;
}
#TB_caption {
    height: 30px ! important;
    padding: 7px 15px 15px 15px ! important;
}
#TB_secondLine {
    padding: 4px 0px 0px 0px;
}
#TB_closeWindow {
    height: 30px ! important;
    padding: 11px 15px 10px 0px ! important;
}
#TB_window a {
    color: #4C4C4C ! important;
}

/* SPERI Comment styling */

/*#content .post p.bio, #content .page p.bio*/
.author_bio_shortcode > .bio {
    background-color: #EFEFEF;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 5px -10px 15px -10px;
    padding: 10px 10px 0 10px;
}

#content .category-speri-comment {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
    margin: 0 0 15px 0;
    padding: 15px 10px 10px 10px;
}

.single #content .category-speri-comment {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.archive #content .category-speri-comment {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom-radius: 5px;
}

#content .category-speri-comment a {
    color: #603175;
}

#content .category-speri-comment a:hover {
    color: #EE5274;
}

#content .category-speri-comment .meta, #content .category-speri-comment .meta a {
    color: #666!important;
}

#content.comment-posts .category-speri-comment {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
}
    

#content .speri-comment {
    background-color: #432251;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: block;
    font-family: 'TUOS Stephenson', Georgia, "Times New Roman", Times, serif;
    font-size: 35px;
    letter-spacing: -1px;
    padding: 5px 10px;
    width: 100%\9;
}

#content .speri-comment a {
    color: #FFF;
}

#content.comment-posts .speri-comment {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 10px 0;
}

#content .speri-comment a {
    text-decoration: none;
}

#content .speri-comment .highlight {
    font-family: 'TUOS Blake',Arial,Helvetica,sans-serif;
    /*color: #9BC12A;*/
    color: #EE5274;
}

time {
    display: block;
    margin: 0 0 10px 0;
}

/* Responsiveness

--------------------------------------------- */

/* Large desktop */
@media screen and (min-width: 1200px) { 
    #main { width: 970px; }
    #content { width: 720px; }
    #sidebar-secondary { width: 230px; }
}

@media screen and (min-width: 980px) and (max-width: 1199px) {  
    #main { width: 750px;}
    #content { width: 500px; }
    #sidebar-secondary { width: 230px; }
}

/* Portrait tablet to landscape and desktop */
@media screen and (min-width: 768px) and (max-width: 979px) {   
    #main { width: 538px; }
    #content { float: none; width: 514px; }
    #sidebar-homepage ul.sidebar li { float: none; margin: 0 0 10px 0; min-height: 0; width: auto; max-width: 500px; }
    #sidebar-homepage ul.sidebar li:first-child { width: auto; }
    #sidebar-secondary { float: none; margin: 0 25px 0 0; }
}
 
/* Landscape phone to portrait tablet */
@media screen and (max-width: 767px) {
    #sidebar-primary { float: none; margin: 0 0 40px 0; }
    #main { margin: 0 -12.5px; width: 100%;}
    #content { float: none; width: 100%; }
    #sidebar-homepage ul.sidebar li { float: none; margin: 0 0 10px 0; min-height: 0; width: auto; }
    #sidebar-homepage ul.sidebar li:first-child { width: auto; }
    #sidebar-secondary { float: none; width: 100%; }
}

@media screen and (max-width: 480px) {
    #searchBox {
        position: static;
    }
}


/* FLOATS CLEARING
--------------------------------------------- */
.clear {
    clear:both;
    display:block;
    overflow:hidden;
    visibility:hidden;
    width:0;
    height:0;
}
.clearfix:after, li.widget-container:after {
    clear:both;
    content:' ';
    display:block;
    font-size:0;
    line-height:0;
    visibility:hidden;
    width:0;
    height:0
}

/* Website periphery / add-on styles
--------------------------------------------- */
iframe#facebook {
    background: #FFF;
}


/* =Print styles
----------------------------------------------- */
@media print {

    html {
        font-family: Arial, Helvetica, sans-serif;
        background: #fff;
        color: #000;
    }

    ul.sidebar, #globalNavigation, #comments-content, footer, .bottomcontainerBox, #hupso_counters_0 {
        display: none;
    }

}


/* =Social share
----------------------------------------------- */
.h3-share {
    padding: 0;
}

a.hupso_counters {
    display: none;
}

.hupso_google {
    margin-top: 2px;
}
 
.hupso_twitter {
    margin-left: 0 !important;
}

@media screen and (max-width: 480px) {
    #counters_hupso_counters_0 {
        display: block !important;
    }

    .hupso_twitter {
        padding-left: 10px;
    }
}

/* =Icons
----------------------------------------------- */
.icon-single-page {
    float: right;
    padding-top: 3px;
}

.icon-printer {
    background: url('images/icon-printer.gif') no-repeat;
    display: inline-block;
    width: 20px;
    height: 18px;
    margin-right: 10px;
    vertical-align: text-top;
}

@media screen and (max-width: 500px) {
    .icon-single-page {
        float: left;
    }
}

@media screen and (max-width: 340px) {
    .hupso_google{
        clear: left;
        margin-top: 10px;
    }

    .icon-single-page {
        margin-left: 10px;
        margin-top: 5px;
    }
}

/* = Miscellaneous
----------------------------------------------- */
.widget-container > select {
    max-width: 210px;
}

.home-h1 {
    font-size: 26px;
}

.header-logo {
    display: block;
    width: 100%;
    float: left;
}
    .header-logo > li {
        display: inline-block;
    }

@media screen and (max-width: 767px) {
    .logo {
        text-align: center;
    }
}

.sub-menu {
    display: none;
}

.current_page_ancestor > ul.sub-menu,
.current_page_item > ul.sub-menu,
.current_page_parent > ul.sub-menu {
    display: block;
}

.current-menu-item > a {
    font-weight: bold;
}

/* = Fix homepage blocks
----------------------------------------------- */
.widget-blocks-2 {
    width: 45.5%;
    min-height: 245px;
}

@media screen and (min-width: 980px) and (max-width: 1199px) {  
    .widget-blocks-2  {
        min-height: 310px;
    }
}

.widget-blocks-3 {
    width: 30%;
    min-height: 200px;
}

@media screen and (max-width: 979px) {
    .widget-blocks-3-img {
        display: none;
    }
}

.widget-blocks-3 > .textwidget > img {
    margin: 0 !important;
    max-width: 100%;
}

.widget-blocks-3-img {
    line-height: 0 !important;
}


/* =Twitter feed
----------------------------------------------- */
.entry-content > a {
    color: #ec6885
}

.entry-meta, .entry-meta a {
    font-size: 12px;
    color: #ccc;
}

.time-meta {
    display: block;
}

.from-meta {
    display: none;
}

/* =Responsiv Primary Nav
--------------------------------------------- */
@media screen and (max-width: 767px) {
    #sidebar-primary {
        width: 96%;
    }
}   

.tinynav {
    height: 30px;
    font-family: 'Open Sans', sans-serif, Arial;
    font-size: 16px;
}