@import "fontello/css/fontello.css";
@import "normalize.css";
@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700);
@import url(http://fonts.googleapis.com/css?family=Felipa&subset=latin,latin-ext);

body {
     background-color: #FFFFFF;
}
p   {text-indent:2.5em}

.main-frame {
     font-family: 'Libre Baskerville', serif;
     width: 1100px;
     margin: 0 auto;
     margin-bottom: 50px;
     /*
     border: 1px solid #CECECE;
     box-shadow: 0 0 20px #A3A3A3;
     */
}


a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{background-color:lightgreen;}


.header-social-icons {
     font-size: 20px;
     color: #ADADAD;
     letter-spacing: 5px;
     text-align: center;
     padding: 10px 0 10px 0;
     border-bottom: 1px solid #EEEEEE;
}

.logo-slogan {
     margin: 0 auto;
     padding: 37px 0 37px 0;
     text-align: center;
}

.logo {
     font-size: 60px;
     font-weight: 400;
     color: #777777;
     margin-top: 0;
}

.slogan {
     font-size: 16px;
     font-weight: 400;
     color: #666666;

     margin-top: -70px;
}

.navigation-bar {
     text-align: center;
     word-spacing: 28px;
     letter-spacing: 2px;
     line-height: 36px;
     border-top: 1px solid #EEEEEE;
     border-bottom: 1px solid #EEEEEE;
     padding: 15px 30px 15px 30px;
     font-size: 16px;
     font-weight: 700;
}

.navigation-bar a:link {
     color: #575757;
     text-decoration: none;
}

.navigation-bar a:visited {
     color: #575757;
     text-decoration: none;
}

.post-area {
     padding-top: 30px;
}

.single_post {
     padding-top: 30px;
}

.post {
     width: 810px;
     margin: 0 auto;
}
     .title::selection, .content::selection {
          background: gold; /* Safari */
          color:#000000;
     }
     .title::-moz-selection, .content::-moz-selection {
          background: gold; /* Firefox */
          color:#000000;
     }
.post .title {
     padding-top: 30px;
     text-align: center;
     font-weight: 700;
     font-size: 20px;
     color: #666666;
}

.post .content {
     text-align: justify;
     font-weight: 300;
     font-size: 15px;
     line-height: 28px;
     color: #666666;
}

.post .quota {
     width: 700px;
     margin: 0 auto;
     text-align: center;
     font-style: italic;
     font-size: 13px;
     font-weight: 300;
     color: #818181;
     line-height: 28px;
}

/* POST quota */
.post .quota:before {
     content: "\"";
     font-size: 30px;
}

.post .quota:after {
     content: "\"";
     font-size: 30px
}

/* POST quota */

.post .image {
     width: 780px;
     margin: 25px auto 25px auto;
}

.image img {
     border: 5px solid #747474;
}

.post li {
     font-size: 14px;
     font-weight: 300;
     color: #666666;
     padding: 5px 0 5px 0;
}

.previus-next-post-link {
     font-size: 12px;
     font-weight: 700;
     color: #999999;
     text-transform: uppercase;
     text-align: center;
     padding: 25px 0 30px 0;
}

.post-info-line {
     margin-top: 35px;
     border-top: 0 solid #FFFFFF;
     border-right: 0 solid #FFFFFF;
     border-left: 0 solid #FFFFFF;
     border-bottom: 1px solid #DDDDDD;
     width: 500px;

}

.post-info-text {
     text-align: center;
     font-size: 15px;
     font-weight: 300;
     letter-spacing: 0.1em;
     color: #666666;
}

.post-info-text .author {
     font-family: 'Felipa', cursive;
     font-size: 16px;
}

.post-social-icons {
     text-align: center;
     font-size: 16px;
     color: #ADADAD;
     margin-bottom: 20px;
     letter-spacing: -10px
}

.post-control {
     border-top: 1px solid #EEEEEE;
     border-bottom: 1px solid #EEEEEE;
     width: 270px;
     margin: 0 auto;
     font-size: 14px;
     text-align: center;
     color: #CCCCCC;
     padding: 3px 0 30px 0;
}

     .post-control .a{
          float:left;
          padding-right: 20px;
     }

     .post-control .b{
          float:left;
          padding-left: 20px;
     }

     .icon-left-open-mini{
          font-size:20px;
     }

     .icon-right-open-mini{
          font-size:20px;
     }




.footer {
     font-size: 14px;
     font-weight: 300;
     color: #999999;
     text-align: center;
     border-top: 1px solid #EEEEEE;
     padding: 15px 0 15px 0;
     margin-top: 30px;
}

.about {
     width: 810px;
     margin: 0 auto;
     padding: 30px 0 30px 0;
}

.about .title {
     text-align: left;
     font-weight: 700;
     font-size: 22px;
     color: #666666;
     padding-left: 40px;
}

.about .content {
     text-align: justify;
     font-weight: 300;
     font-size: 16px;
     line-height: 28px;
     color: #666666;
}

.contact {
     width: 810px;
     margin: 0 auto;
     padding: 30px 0 30px 0;
}

.contact .title {
     text-align: left;
     font-weight: 700;
     font-size: 22px;
     color: #666666;
     padding-left: 40px;
}

.contact .content {
     text-align: center;
     font-weight: 300;
     font-size: 16px;
     line-height: 28px;
     color: #666666;
}

.contact .map-and-address {
}

.map-and-address .google-map {
     padding: 15px 0 15px 0;
}

.map-and-address .address {
     text-align: center;
     font-weight: 300;
     font-size: 14px;
     word-spacing: 5px;
     font-style: normal;
     color: #666666;
     padding: 15px 0 15px 0;
}

.contact-form-and-twitter {
     border-top: 1px solid #EEEEEE;
     padding: 40px 0 40px 0;
}

.layout-a {
     width: 810px;
     margin: 0 auto;
}

.contact-form-and-twitter .contact-form {
     width: 450px;
     height: 400px;
     float: left;
}

.contact-form-and-twitter .owner-twitter {
     width: 300px;
     float: left;
}

.owner-twitter {
     font-size: 12px;
     padding: 20px 20px 0 20px;
}

.tw-user {
     font-size: 14px;
     color: #999999;
}

.user-tweets {
     font-size: 12px;
     color: #999999;
     font-style: italic;
}

.portfolio {
     width: 810px;
     margin: 0 auto;
}

.portfolio .title {
     text-align: center;
     font-size: 22px;
     font-weight: 300;
     color: #666666;
     margin: 35px 0 35px 0;
}

.portfolio .filter {
     text-align: center;
     font-size: 14px;
     font-weight: 300;
     color: #666666;
     word-spacing: 5px;
     margin: 35px 0 35px 0;
}

.portfolio .filter a:link {
     color: #666666;
}

.portfolio .filter a:hover {
     color: #000000;
}

.portfolio .filter a:visited {
     color: #666666;
}

.page-404 {
     width: 350px;
     margin: 0 auto;
     padding: 40px 0 40px 0;
     border-top: 1px solid #EEEEEE;
}

.archive {
     width: 810px;
     margin: 0 auto;
     padding: 35px 0 35px 0;
}

.archive .main-title {
     text-align: center;
     font-size: 22px;
     font-weight: 700;
     color: #666666;
}

.archive .sub-title {
     font-size: 20px;
     font-weight: 300;
     color: #666666;
}

.archive .list-title {
     font-size: 16px;
     font-weight: 700;
     color: #666666;
}

.archive li {
     font-size: 14px;
     font-weight: 300;
     color: #666666;
     list-style-type: none;
     padding: 5px 0 5px 0;
}

.archive .date {
     font-size: 12px;
     font-weight: 700;
     color: #666666;
     font-style: italic;
}

.author {
     width: 810px;
     margin: 0 auto;
     padding: 35px 0 35px 0;
}

.author .title {
     text-align: center;
     font-size: 22px;
     font-weight: 700;
     color: #666666;
}

.author li {
     font-size: 14px;
     font-weight: 300;
     color: #666666;
     list-style-type: none;
     padding: 5px 0 5px 0;
}

.author .date {
     font-size: 12px;
     font-weight: 700;
     color: #666666;
     font-style: italic;
}

.category {
     width: 810px;
     margin: 0 auto;
     padding: 35px 0 35px 0;
}

.category .title {
     text-align: center;
     font-size: 22px;
     font-weight: 700;
     color: #666666;
}

.category li {
     font-size: 14px;
     font-weight: 300;
     color: #666666;
     list-style-type: none;
     padding: 5px 0 5px 0;
}

/* Home Slider Section */
.home-slider {
     height: 350px;
     margin: 45px 0 0 0;
     background-color: #DDDDDD;
}

/* Home Slider Section */

/* Media query sample */
/*
@media (max-width: 600px){
	.main-frame {
		width:300px;
	}
}
*/