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

 _                  _____ _
| |    _____   ____|_   _| |__   ___ _ __ ___   ___  ___
| |   / _ \ \ / / _ \| | | '_ \ / _ \ '_ ` _ \ / _ \/ __|
| |__| (_) \ V /  __/| | | | | |  __/ | | | | |  __/\__ \
|_____\___/ \_/ \___||_| |_| |_|\___|_| |_| |_|\___||___/


 @Author: LoveThemes
 @URL: http://lovethem.es


 This file contains the styling for the actual theme, this
 is the file you need to edit to change the look of the
 theme.

 This files contents are outlined below.


 1.  Default WordPress
 2.  Base Styles
 3.  Header
 4.  Logo
 5.  Primary Navigation
 6.  Content
 7.  Portfolio Module
 9.  Newsletter Module
 10. Twitter Module
 11. Footer
 12. Social Module
 13. Contact Module
 14. 404 Page
 15. Posts
 16. Social Share
 17. Related Posts
 18. Postmeta
 19. Pagination
 20. Postnavi
 21. Sidebar
 22. Comments


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

 Default wordpress

----------------------------------------------------------
----------------------------------------------------------
*/
.attachment .entry-content .entry-caption {
    font-size: 140%;
    margin-top: 24px;
}

.attachment .entry-content .nav-previous a:before {
    content: '\2190\00a0';
}

.attachment .entry-content .nav-next a:after {
    content: '\00a0\2192';
}

#calendar_wrap {
}

table#wp-calendar {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0 !important;
    border-spacing: 0;
}

#wp-calendar td {
    padding:6px !important;
}

#wp-calendar th {
    padding:3px 0 !important;
    font-weight: bold;
    text-align: center;
}

#wp-calendar {
    font-weight: bold;
    text-align: center;
    padding:10px;
}

.alignleft,
img .alignleft {
    display: inline;
    margin: 0 15px 10px 0;
    float: left;
}

.alignright,
img .alignright {
    display: inline;
    margin: 0 0 10px 15px;
    float: right;
}

.aligncenter,
img .aligncenter {
    clear: both;
    display: block;
    margin: 0 15px 15px 15px;
}

.wp-caption {
    line-height: 18px;
    margin-bottom: 20px;
    max-width: 675px !important;
    padding:5px;
    text-align: center;
}

.wp-caption img {
    margin: 0 10px 10px 0;
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
    color: #aaaaaa;
    margin: 5px;
}

.wp-smiley {
    margin: 0;
}

.sticky {
    float: left;
}

.bypostauthor {

}

.gallery {
    margin: 0 auto 18px;
}

.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery img {
}

.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto;
}

.gallery .gallery-caption {
    font-size: 12px;
    margin: 0 0 12px;
}

.gallery dl {
    margin: 0;
}

.gallery img {
}

.gallery br + br {
    display: none;
}

#content .attachment img {
    display: block;
    margin: 0 auto;
}

.wp-smiley {
    display: none;
}

.tag {
    color: inherit !important;
}

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

 Base Styles

----------------------------------------------------------
----------------------------------------------------------
*/
/*html,
body {
    height: 100%;
}*/

body {
    background: #fbfbfb;
    color: #111111;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

a {
    color: inherit;
}

a:active {
    color: #111111;
}

::-moz-selection {
    background: #111111;
    color: #ffffff;
    text-shadow: none;
}

::selection {
    background: #000000;
    color: #ffffff;
    text-shadow: none;
}

::-webkit-input-placeholder {
    color: #aaaaaa;
}

:-moz-placeholder {
    color: #aaaaaa;
}

::-moz-placeholder {
    color: #aaaaaa;
}

:-ms-input-placeholder {
    color: #aaaaaa;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

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

 Header

----------------------------------------------------------
----------------------------------------------------------
*/
header#main {
    background: #ffffff;
    width: 100%;
    padding:100px 0;
    margin-bottom: 50px;
    border-bottom:1px solid #eeeeee;
    position: relative;
    z-index: 9995;
    float: left;
}

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

 Logo

----------------------------------------------------------
----------------------------------------------------------
*/
#site-logo {
    -webkit-transition: 250ms linear all;
    -moz-transition: 250ms linear all;
    transition: 250ms linear all;
}

#site-logo h1 {
    margin: 0;
    padding:0;
}

#site-logo p.desc {
    color: #aaaaaa;
}

#site-logo p.desc:after {
    display: block;
    height: 2px;
    background: #cccccc;
    content: " ";
    width: 75px;
    margin-top: 35px;
}

#site-logo img:hover {
    opacity:1;
}

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

 Primary Navigation

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


#primary .navigation {
    display: block;
    position: fixed;
    z-index: 9998;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}

#primary .navigation li {
    display: inline;
    color: #ffffff;
    font-weight: 600;
}

#primary .navigation li a {
    text-transform: uppercase;
}

#primary .navigation li a:hover {
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#primary .navigation ul li ul {
    display: none;
}

#nav-toggle {
    position: absolute;
    z-index: 9999;
    right: 15px;
}

#nav-toggle {
    cursor: pointer;
    width: 20px;
    height: 50px;
}

#nav-toggle:hover {
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    cursor: pointer;
    height: 7px;
    width: 35px;
    background: #111111;
    position: absolute;
    display: block;
    content: '';
}

#nav-toggle span:before {
    top: -10px;
}

#nav-toggle span:after {
    bottom: -10px;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    transition: all 500ms ease-in-out;
}

#nav-toggle.active span {
    background-color: transparent;
}

#nav-toggle.active span:before,
#nav-toggle.active span:after {
    top: 0;
}

#nav-toggle.active span:before {
    transform: rotate(45deg);
}

#nav-toggle.active span:after {
    transform: rotate(-45deg);
}

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

 Content

----------------------------------------------------------
----------------------------------------------------------
*/
#content {
    width: 100%;
    float: left;
    position: relative;
    z-index: 101;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#content a:hover {
    color: #111111;
}

#articles {
    padding:25px 50px 100px 0;
}

#page {
    padding:25px 0 100px 0;
}

#articles p,
#page p {
    line-height: 1.5em;
    margin-top: 0.2em;
    margin-bottom: 1.5em;
}

#articles hr,
#page hr {
    background: #eeeeee;
    display: inline-block;
    height: 3px;
    width: 100%;
    border: 0;
    padding:0;
    margin: 15px 0 35px 0;
}

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

 Portfolio Module

----------------------------------------------------------
----------------------------------------------------------
*/
#folio {
    width: 100%;
    float: left;
    position: relative;
    z-index: 101;
}

body.home #folio {
    margin-bottom: -101px;
}

#folio ul {
    text-align: center;
}

#folio ul li {
    /*background: #ffffff;*/ /* sergio */
    position: relative;
    overflow: hidden;
    float: left;
}

#folio ul li a img {
    width: 100%;
    height: auto;
    margin-right: 1px;
    border: none;
    box-shadow: none;
    padding:0;
    -webkit-transition: 250ms linear all;
    -moz-transition: 250ms linear all;
    transition: 250ms linear all;
}

#folio ul li a:hover img {
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}
#folio ul li a:hover .caption-content h2 {
    visibility: visible;
    opacity: 1;
    transition: opacity 2s linear;
    transition: all 0.5s ease-in-out;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    filter: blur(0);
    -webkit-filter: blur(0);
    margin: 7px;
}
#folio ul li a:hover .caption-content .sub-titulo {
    /*visibility: visible;
    opacity: 1;
    transition: opacity 2s 0.5s ease*/

    visibility: visible;
    opacity: 1;
    transition: opacity 2s linear;
    transition: all 0.5s ease-in-out;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    filter: blur(0);
    -webkit-filter: blur(0);
}


#folio ul li .caption {  
    /*border:20px solid rgba(255,255,255,1); */
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: 150ms linear all;
    -moz-transition: 150ms linear all;
    transition: 150ms linear all;
}

#folio ul li a:hover .caption {    
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

#folio ul li .content_60 {position:relative;top:calc(50% - 60px);}
#folio ul li .content_46 {position:relative;top:calc(50% - 46px);}
#folio ul li .content_50 {position:relative;top:calc(50% - 50px);}
#folio ul li .content_42 {position:relative;top:calc(50% - 42px);}
#folio ul li .content_56 {position:relative;top:calc(50% - 56px);}
#folio ul li .content_54 {position:relative;top:calc(50% - 54px);}
#folio ul li .content_58 {position:relative;top:calc(50% - 58px);}
#folio ul li .content_62 {position:relative;top:calc(50% - 62px);}

#folio ul li .caption-content h2 {visibility: hidden;opacity: 0;transform: translateY(-10px);    -webkit-transform: translateY(-10px);}
#folio ul li .caption-content .sub-titulo {visibility: hidden;opacity: 0;transform: translateY(10px);    -webkit-transform: translateY(10px);}
/*#folio ul li .caption-content .sub-titulo {visibility: hidden;opacity: 0;transform: translateY(10px);    -webkit-transform: translateY(10px);}*/


#folio ul li .caption h6 {
    color: #111111;
    margin-bottom: 5px;
    font-weight: 800;
}

#folio ul li .caption h6:after {
    background: #111111;
}

#folio ul li .caption span {
    color: #111111;
    font-weight: 600;
    font-size: 11px !important;
    /*text-transform: uppercase;*/
}

#folio ul li .caption [class^="icon-"]:before,
#folio ul li .caption [class*=" icon-"]:before {
    color: #111111;
    font-weight: 200;
    font-size: 18px;
    margin-bottom: 15px;
}

#filters {
    padding:15px 0;
    margin-top: -70px;
    width: 100%;
    z-index: 9999;
    float: left;
}

body.home #filters {
    display: none;
}

nav#filter {
    text-align: center;
}

nav#filter ul li {
    display: inline-block;
    padding:0 5px;
}

nav#filter ul li a {
    padding:0 10px;
    color: #111111;
    font-size: 14px;
    font-weight: 400;
}

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

 Newsletter Module

----------------------------------------------------------
----------------------------------------------------------
*/
#newsletter {
    width: 100%;
    margin-top: 15px;
    padding-top: 30px;
    border-top: 1px solid #404040;
    float: left;
    position: relative;
}

#newsletter p {
    margin-bottom: 25px;
}

#newsletter label {
    display: none;
}

#newsletter input[type="text"] {
    background: #ffffff;
    width: 100%;
    float: left;
    position: absolute;
}

#newsletter input[type="submit"] {
    position: relative;
    right: 0;
    margin: 0;
    float: right;
    padding:15px 25px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

@-moz-document url-prefix() {
    #newsletter input[type="submit"] {
        padding:13px 25px;
    }
}

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

 Twitter Module

----------------------------------------------------------
----------------------------------------------------------
*/
#twitter,
#twitter ul {
    margin: 0;
    padding:0;
}

#twitter ul {
    margin-bottom: 25px;
}

#twitter li {
    max-width: 90%;
}

#twitter span {
    width: 100%;
    float: left;
    text-transform: lowercase;
    color: #666666;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.2);
    padding-bottom: 10px;
}

#twitter ul li,
#twitter ul a.twitter-profile {
    list-style: none;
    line-height: 24px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.3);
    min-height: 175px;
}

#twitter li a:hover {
    color: #ffffff;
}

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

 Footer

----------------------------------------------------------
----------------------------------------------------------
*/
footer#footer {
    background: #333333;
    width: 100%;
    padding:25px 0;
    position: relative;
    z-index: 250;
    float: left;
}

footer#footer h6 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

footer#footer p {
    line-height: 20px;
}

footer#footer p,
footer#footer li,
footer#footer a {
    font-size: 14px;
    font-weight: 500;
    color: #777777;
}

footer#footer [class^="icon-"]:before,
footer#footer [class*=" icon-"]:before {
    color: #777777 !important;
}

footer#footer a:hover {
    color: #ffffff !important;
}

footer#footer li {
    line-height: 20px;
    list-style: none;
}

footer#footer .widget {
    margin-bottom: 25px;
}

footer#footer li {
    line-height: 20px;
    list-style: none;
}

footer#footer .widget li {
    line-height: 32px;
    list-style: none;
    border-bottom:1px solid #404040;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

footer#footer .widget li:last-child {
    border: none;
}

footer#footer table#calendar_wrap {
    width: 100%;
    float: left;
}

footer#footer table#wp-calendar caption {
    color: #ffffff;
}

footer#footer table#wp-calendar,
footer#footer table#wp-calendar td,
footer#footer table#wp-calendar tr {
    color: #777777;
}

footer#footer table#wp-calendar {
    background: transparent;
    width: 100%;
    float: left;
}

footer#footer table#wp-calendar thead {
    background: #313131;
}

footer#footer table#wp-calendar td {
    border-top: 1px solid #313131;
}

#lower-footer {
    background: #313131;
    width: 100%;
    padding:15px 0 0 0;
    float: left;
}

#lower-footer p {
    color: #555555;
    font-size: 13px;
}

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

 Social Module

----------------------------------------------------------
----------------------------------------------------------
*/
#social li {
    display: inline;
    margin: 0 !important;
    margin-left: 10px !important;
}

#social li [class^="icon-"]:before,
#social li [class*=" icon-"]:before {
    font-size: 16px;
    color: #555555;
    -webkit-transition: 150ms linear all;
    -moz-transition: 150ms linear all;
    transition: 150ms linear all;
}

/* facebook */
#social li.facebook:hover [class^="icon-"]:before,
#social li.facebook:hover [class*=" icon-"]:before {
    color: #3b5998;
}

/* twitter */
#social li.twitter:hover [class^="icon-"]:before,
#social li.twitter:hover [class*=" icon-"]:before {
    color: #00aced;
}

/* google+ */
#social li.googleplus:hover [class^="icon-"]:before,
#social li.googleplus:hover [class*=" icon-"]:before {
    color: #dd4b39;
}

/* linkedin */
#social li.linkedin:hover [class^="icon-"]:before,
#social li.linkedin:hover [class*=" icon-"]:before {
    color: #007bb6;
}

/* dribbble */
#social li.dribbble:hover [class^="icon-"]:before,
#social li.dribbble:hover [class*=" icon-"]:before {
    color: #ea4c89;
}

/* pinterest */
#social li.pinterest:hover [class^="icon-"]:before,
#social li.pinterest:hover [class*=" icon-"]:before {
    color: #cb2027;
}

/* youtube */
#social li.youtube:hover [class^="icon-"]:before,
#social li.youtube:hover [class*=" icon-"]:before {
    color: #bb0000;
}

/* vimeo */
#social li.vimeo:hover [class^="icon-"]:before,
#social li.vimeo:hover [class*=" icon-"]:before {
    color: #1ab7ea;
}

/* skype */
#social li.skype:hover [class^="icon-"]:before,
#social li.skype:hover [class*=" icon-"]:before {
    color: #12A5F4;
}

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

 Contact Module

----------------------------------------------------------
----------------------------------------------------------
*/
#contactform #form-messages {
    width: 100%;
    float: left;
}

#contactform input[type="text"],
#contactform input[type="number"],
#contactform textarea {
    width: 100%;
    padding:15px;
    margin-bottom: 15px;
}

#contactform input[type="submit"] {
    padding:15px 20px;
    position: relative;
    z-index: 25;
}

#contact_form textarea {
    min-height: 250px;
}

#gmap {
    background: #ffffff;
    border: 1px solid #eeeeee;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
    padding:5px;
    width: 100%;
    margin-bottom: 25px;
    float: left;
    position: relative;
    z-index: 150;
}

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

 FourOhFour

----------------------------------------------------------
----------------------------------------------------------
*/
body.error404 {
    background: #ffffff !important;
}

body.error404 #content {
    margin: 0;
    padding:0;
}

#fourohfour {
    width: 300px;
    margin: 0 auto;
    margin-top: 18%;
}

#fourohfour h5 {
    margin-top: 50px;
    margin-bottom: 15px;
}

#fourohfour [class^="icon-"]:before,
#fourohfour [class*=" icon-"]:before {
    color: #ffffff !important;
}

#fourohfour .button {
    margin-top: 25px;
    padding-bottom: 15px;
}

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

 Posts

----------------------------------------------------------
----------------------------------------------------------
*/
#articles {
    height: 100%;
    float: left;
    border-right: 1px solid #eaeaea;
    margin-top: -50px;
    padding-top: 50px;
}

.post {
    margin-bottom: 75px;
}

.post h2 a {
    color: #111111 !important;
    margin-bottom: 15px;
}

.post img {
    max-width: 100%;
    height: auto;
    /*margin-top: 3px;
    margin-bottom: 25px;*/
    float: left;
    background: #ffffff;
    /*border: 1px solid #eeeeee;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
    padding:5px;*/
}

.post iframe {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 15px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
    padding:5px;
}

.post .reading-time {
    color: #aaaaaa;
    font-size: 14px;
}

.post .read-more a {
    text-transform: capitalize;
    border-bottom:1px dotted;
}

.single .post {
    margin-bottom: 0;
}

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

 Social Share

----------------------------------------------------------
----------------------------------------------------------
*/
#social-share {
    width: 100%;
    float: left;
    padding-bottom: 25px;
}

#social-share a {
    width: 33.33333%;
    border: none;
    padding:12px 15px 15px 15px;
    float: left;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#social-share a.social-facebook {
    background: rgba(59, 89, 152, 1);
}

#social-share a:hover.social-facebook {
    background: rgba(59, 89, 152, 0.8);
}

#social-share a.social-twitter {
    background: rgba(0, 172, 237, 1);
}

#social-share a:hover.social-twitter {
    background: rgba(0, 172, 237, 0.8);
}

#social-share a.social-google {
    background: rgba(221, 75, 57, 1);
}

#social-share a:hover.social-google {
    background: rgba(221, 75, 57, 0.8);
}

#social-share [class^="icon-"]:before,
#social-share [class*=" icon-"]:before {
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 200;
    margin-right: 5px;
    margin-top: 4px;
}

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

 Related Posts

----------------------------------------------------------
----------------------------------------------------------
*/
#related-posts li {
    list-style: none;
}

#related-posts li img {
    margin-bottom: 10px;
    margin-right: 10px;
}

#related-posts li p {
    margin-bottom: 0.5em;
    font-size: 14px;
}

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

 Postmeta

----------------------------------------------------------
----------------------------------------------------------
*/
.postmeta {
    width: 100%;
    margin-bottom: 25px;
    color: #aaaaaa;
    float: left;
}

.postmeta:after {
    display: block;
    height: 2px;
    background: #eaeaea;
    content: " ";
    width: 50px;
    margin-top: 35px;
    margin-bottom: -15px;
}

.postmeta,
.postmeta a {
    font-size: 14px;
}

.postmeta a:hover {
    color: #111111 !important;
}

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

 Pagination

----------------------------------------------------------
----------------------------------------------------------
*/
.pagination {
    width: auto;
    margin-top: 5px;
    font-size: 14px !important;
    color: #222222;
}

.pagination .current {
    padding:5px 10px;
    border-radius: 3px;
}

.pagination a.page-numbers {
    font-size: 14px !important;
    padding:5px 10px;
    margin-right: 5px;
    border-radius: 2px;
}

.pagination a:hover {
    color: #ffffff !important;
}

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

 Postnavi

----------------------------------------------------------
----------------------------------------------------------
*/
.postnavi {
    width: 50%;
}

.postnavi ul li {
    margin-right: 5px;
    display: inline;
}

.postnavi ul li a {
    color: #222222 !important;
    font-weight: 600 !important;
}

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

 Sidebar

----------------------------------------------------------
----------------------------------------------------------
*/
#aside {
    border-left: 1px solid #eaeaea;
    margin-left: -1px;
    float: left;
}

aside .widget {
    width: 100%;
    padding:0 0 25px 45px;
    margin-bottom: 30px;
    border-bottom:1px solid #eaeaea;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

aside .widget:last-child {
    border-bottom:none;
}

aside #searchform {
    width: 100%;
    float: left;
    position: relative;
}

aside #searchform label {
    display: none;
}

aside #searchform input[type="text"] {
    position: relative;
}

aside #searchform input[type="submit"] {
    padding:14px 15px 15px 15px;
    font-size: 14px;
    position: absolute;
    right: 0;
    margin-top: -47px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

aside .widget select {
    width: 100%;
    float: left;
    word-wrap: break-word;
}

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

aside .widget li {
    font-size: 14px;
    margin-bottom: 5px;
}

aside a:hover {
    color: #111111 !important;
}

.tagcloud a {
    font-size: 12px !important;
    text-transform: capitalize;
    color: #ffffff !important;
    font-weight: 600;
    padding:4px 7px;
    margin: 2px;
    border-radius: 2px;
    float: left;
}

.tagcloud a:hover {
    background: #111111 !important;
}

aside .widget img {
    max-width: 100%;
    height: auto;
    padding:2px;
    margin: 0 6px 6px 0;
    float: left;
    background: #ffffff;
    border: 1px solid #eeeeee;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
    padding:5px;
}

aside .widget .wp-caption {
    display: none;
}

aside p,
aside li,
aside dt,
aside dd,
aside a {
    font-size: 13px;
}

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

 Comments

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

#commentbox {
    width: 100%;
    padding-top: 25px;
    float: left;
}

#commentbox h3 {
    font-size: 24px;
}

ul#comments .comment-body {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom:1px dotted #eaeaea;
}

ul#comments .comment-author {
    width: 90px;
    float: left;
}

ul#comments .comment-meta {
    margin-bottom: 10px;
    font-size: 12px;
}

ul#comments img.avatar {
    margin: 3px 15px 0 0;
    background: #ffffff;
    border: 1px solid #eeeeee;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
    padding:5px;
    float: left;
}

ul#comments .comment-body p {
    font-size: 14px;
}

ul#comments .reply a {
    background: #eaeaea;
    color: #ffffff !important;
    font-size: 12px;
    padding:0 8px;
    margin-top: -15px;
    float: right;
    border-radius: 3px;
}

ul#comments .reply a:hover {
    background: #111111 !important;
}

ul#comments li ul.children {
    list-style: none;
}

#respond label {
    font-size: 13px;
}

#respond input[type="text"],
#respond textarea {
    width: 100%;
    float: left;
}

#respond textarea {
    margin-top: 15px;
}

#respond p.form-allowed-tags,
#respond p.logged-in-as {
    font-size: 14px;
}

#respond code {
    background: none;
    border: none;
    font-size: 13px;
}

p.comment-notes {
    width: 100%;
    font-size: 1em;
    margin-bottom: 35px;
}

.fn,
.says,
.comment-form-comment label {
    display: none;
}