/*
Theme Name: Carto
Author: August van de Ven
Author URI: http://www.augustable.com
Description: Carto is a minimalistic and responsive design with a professional looking color scheme. 
Version: 1.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License: GNU General Public License v2.0
Tags: red, gray, pink, two-columns, right-sidebar 
*/

html {  
    font-family: 'Oswald', sans-serif;
    background-image: url(images/back.jpg);
    background-attachment: fixed;
}

#container {

}

footer {
	
}

div.title {
    font-size: 40px;
}

div.timedate {
    font-size: 15px;
    color: grey;
}

div.fblike {
    position: relative;
    left: 10px;
}

div.headertext {
    font-size: 40px;
    color: white;
    margin-left: -10px;
    margin-right: -8px;
    margin-top: -40px;
    padding-left: 20px;
    padding-top: 5px;
    background-color: #FF3333;
    height: 100px;
}

div.header a{
    text-decoration: none;
}

div.menulist{
    position: relative;
    list-style-type: none;
    background-color: #FF5C5C;
    width: calc(100% + 16px);
    height: 40px;
    top: -50px;
    padding-top: 0px;
    margin-left: -8px;
    margin-right: -8px;
}

div.menuitem a{
    text-decoration: none;
    padding-top: -10px;
    font-size: 25px;
    color: #E6E6E6;
    transition: .2s;
    position: relative;
    left: 50px;
    height: 40px;
    padding-bottom: 2px;
}

div.menuitem li{
    display: inline;
    padding-right: 70px;
}

div.menuitem a:hover{
    text-decoration: none;
    color: white;
    font-size: 25px;
    background-color: #FF3333;
    padding-left: 20px;
    padding-right: 20px;
    transition: .2s;
}

div.menu ul li{
    list-style-type: none;
}

.content{
    list-style-type: none;
}

.content li{
    background-color:#E6E6E6;
    width: calc(100% - 500px);
    margin-top: 20px;
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 20px;
    font-size: 20px;
    transition: 0.5s;
    min-width: 700px;
    border-style: solid;
    border-width: 3px;
    border-color: grey;
    margin-bottom: 0px;
    
}


div.footer {
    background-color: grey;
    color: white;
    width: calc(100% );
    text-align: center;
    position: fixed;
    bottom: 0px;
    height: 25px;
    left: 0px;
}

div.blogcontent {
    font-size: 15px;
    min-width: 700px;
}

div.pagecontent {
    background-color:#E6E6E6;
    width: calc(100% - 500px);
    margin-top: 20px;
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 50px;
    padding-left: 30px;
    font-size: 20px;
    transition: 0.5s;
    min-width: 700px;
    border-style: solid;
    border-width: 5px;
    border-color: grey;
}

.sidebarwp {
    position: absolute;
    right: 5px;
    top: 180px;
    background-color:#E6E6E6;
    border-radius: 5px;
    border-style: solid;
    border-width: 3px;
    border-color: grey;
    width: 300px;
    font-size: 15px;
    padding-top: 10px;
    font-weight:normal;
}

.sidebarwp a {
    color: grey;
    font-size: 15px;
    transition: .2s;
    
}

.sidebarwp a:hover {
    color: #FF3333;
    transition: .2s;
}

.sidebarwp input[type=submit]{
    background-color:#FF5C5C;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:3px solid #FF3333;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:'Oswald', sans-serif;
    font-size:15px;
    margin-left: 20px;
    padding:0px 24px;
    margin-top: 10px;
    text-decoration:none;
    text-shadow:0px 1px 0px #grey2;
    transition: 0.2s;
    opacity: 0.8;
    position: relative;
        
}

.sidebarwp input[type=text] {
    background-color:#FF5C5C;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:3px solid #FF3333;
    display:inline-block;
    color:#ffffff;
    font-family:'Oswald', sans-serif;
    font-size:16px;
    padding:0px 5px;
    margin-left: 20px;
    margin-top: 10px;
    text-decoration:none;
    text-shadow:0px 1px 0px #grey2;
    transition: 0.2s;
    opacity: 0.5;
    width: 180px;
}

.sidebarwp input[type=submit]:hover {
    background-color: #ff4a4c;
    transition: 0.2s;
    opacity: 1;
}

.sidebarwp input[type=text]:hover {
    transition: 0.2s;
    opacity: 1;
}

.sidebarwp input[type=submit]:active {
    position:relative;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.sticky {
    
}
.gallery-caption{
    
}
.bypostauthor {
    
}
.sidebarinner {
    padding-left: 10px;
}

div.writtenby {
    position: relative;
    top: -25px;
    left: 40%;
}

div.writtenby a{
    color: white;   
    transition: .2s;
}

div.writtenby a:hover{
    transition: .2s;
    color: #FF3333;   
}

label.screen-reader-text {
    font-size: 20px;
}

div.sidebarinner ul{
    list-style-type: none;
    position: relative;
    left: -40px;
}

div.sidebarinner li{
    list-style-type: none;
    padding-left: 20px;
}

h2.widgettitle {
    font-weight: normal;
    
}

div.headerall {
    position: relative;
    top:30px;
}

div.title a {
    color: black;
    text-decoration: none;
    transition: .2s;
}

div.title a:hover {
    transition: .2s;
    color: #FF3333; 
}
div.comment-respond {
    background-color:#E6E6E6;
    width: calc(100% - 520px);
    border-radius: 5px;
    padding-top: 0px;
    padding-bottom: 50px;
    padding-left: 30px;
    font-size: 15px;
    transition: 0.5s;
    min-width: 700px;
    border-style: solid;
    border-width: 3px;
    border-color: grey;
    margin-left: 40px;
    position: relative;
    display: block;

}

textarea[name=comment]{

    background-color:#FF5C5C;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:3px solid #FF3333;
    display:inline-block;
    color:#ffffff;
    font-family:'Oswald', sans-serif;
    font-size:16px;
    padding:0px 5px;
    margin-left: 0px;
    margin-top: 10px;
    text-decoration:none;
    text-shadow:0px 1px 0px #grey2;
    transition: 0.2s;
    opacity: 0.5;
    width: 683px;
    height: 89px;
}

label[for=comment] {
    padding-right: 200px;
}

input.submit{

    background-color:#FF5C5C;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:3px solid #FF3333;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:'Oswald', sans-serif;
    font-size:15px;
    margin-left: 0px;
    padding:0px 24px;
    margin-top: 10px;
    text-decoration:none;
    text-shadow:0px 1px 0px #grey2;
    transition: 0.2s;
    opacity: 0.8;
    position: relative;
        
}

input.submit:hover {
    background-color: #ff4a4c;
    transition: 0.2s;
    opacity: 1;
}

textarea[name=comment]:hover {
    transition: 0.2s;
    opacity: 1;
}

div[id=comments]{
    background-color:#E6E6E6;
    width: calc(100% - 520px);
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: -20px;
    padding-left: 30px;
    font-size: 15px;
    transition: 0.5s;
    min-width: 700px;
    border-style: solid;
    border-width: 3px;
    border-color: grey;
    margin-left: 40px;
    margin-bottom: 20px;
    position: relative;
    margin-bottom: 50px;
}

div[id=comment-form] {
    position: relative;
    margin-bottom: 20px;

}

div[id=comments] li {
    list-style-type: none;
    margin-bottom: 20px;
    
}

div[id=comments] p {
    margin-top: -0px;
    margin-bottom: -0px;
}

div[id=comments] ul {

}

div[id=comments] a {
    color: grey;
    text-decoration: none;
    transition: .2s;
}

div[id=comments] a:hover {
    transition: .2s;
    color: #FF3333; 
}

div.reply {
/*    border-bottom-style: solid;
    border-color: grey;
    border-width: 3px;*/
    padding-bottom: 10px;
    padding-left: 30px;
    position: relative;
    left: -30px;
    border-radius: 5px;
}

a {
        color: grey;
    transition: .2s;
}

a:hover {
    transition: .2s;
    color: #FF3333; 
}

div.tagslist {
    font-size: 15px;
}

div.post_pag a{
    text-decoration: none;
    position: relative;

}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

div.comment-respond {
    position: relative;
}