/*
Theme Name: Princess Misia | by Fleur Glansbeek
Theme URI: http://princessmisia.com
Author: Fleur Glansbeek
Author URI: http://fleurglansbeek.nl
Description: A minimalistic and clean Wordpress template
Version: 1.0

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}

#wpstats {
display: none;
}

.pinit-button {
border: none !important;
}

._43qm, .pts, .pluginFacepile, . _43qm ul li a img {
display: none !important;
}

html {
text-rendering: optimizelegibility;
}

body {
width: 100%;
background: url(http://princessmisia.com/blog/wp-content/uploads/2014/09/DSC_1040_rgb_smaller.jpg);
font-family: 'Special Elite';
font-size: 13px;
line-height: 22px;
}

.fs_powered_by {
display: none !important;
}

a {
text-decoration: none;
color: #000;
}

li {
list-style: none;
}

.fb_iframe_widget {
padding-top: 25px !important;
}

/* HEADER */

header {
width: 85.94%; /* 1100px / 1280px */
margin: 0 auto;
}

/* MAIN ELEMENTS */

.wrapper {
width: 1100px; /* 1100px / 1280px 85.94%*/
margin: 0 auto;
}

.sidebar {
width: 27.27%; /* 300px / 1100px */
float: left;
margin-right: 4.54%; /* 50px / 1100px */
}

.main, .shop-page {
width: 59.09%; /* 650px / 1100px */
height: 100% !important;
background: #fff;
padding: 50px 4.54%; /* 50px / 1100px */
float: left;
}

/* SIDEBAR */

.sidebar .widget {
clear: both;
padding-bottom: 50px;
}

.sidebar .widgettitle {
display: none;
}

.logo {
width: 104.66%; /* 314px / 300px */
height: 203px;
background: url(http://princessmisia.com/blog/wp-content/uploads/2014/09/logo-for-blog-03.png);
background-repeat: no-repeat;
text-indent: -9999px;
margin: -25px 0 -45px 0;
}

.topmenu {
width: 115%; /* 345px / 300px */
height: 175px;
background: url(http://princessmisia.com/blog/wp-content/uploads/2014/09/nav.png);
/*background-size: 100% auto;*/
background-repeat: no-repeat;
margin-left: -11.66%; /* 35px / 300px */
}

.topmenu li {
font-size: 18px;
letter-spacing: 0.75px;
}

.nav-01 {
margin: 15px 0 0 17.39%; /* 60px / 345px */
float: left;
color: #fff;
}

.nav-02 {
float: right;
margin: 67px 8.11% 0 0; /* 28px / 345px */
color: #2d3957;
}

.nav-03 {
float: left;
margin: 50px 0 0 8.4%; /* 29px / 345px */
color: #2d3957;
}

.nav-04 {
float: right;
margin: 52px 20.86% 0 0; /* 72px / 345px */
color: #fff;
}

.cookbook {
width: 80%; /* 240px / 300px */
height: 129px;
background: url(http://princessmisia.com/blog/wp-content/uploads/2014/09/cookbook_V3.png);
background-repeat: no-repeat;
text-indent: -99999px;
}

.fourplay {
width: 80%; /* 240px / 300px */
height: 305px;
background: url(http://princessmisia.com/blog/wp-content/uploads/2014/10/cover-final_HR.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
float: right;
margin-right: 28px !important;
}

.intro {
width: 90%; /* 270px / 300px */
margin: 0 auto;
padding-top: 50px;
}

.intro-title {
width: 83.7%; /* 226px / 270px */
height: 53px;
background: url(http://princessmisia.com/blog/wp-content/uploads/2014/09/element-04.png);
background-repeat: no-repeat;
margin: 0 auto;
text-align: center;
margin-bottom: 10px;
}

.intro-title h4 {
color: #fff;
font-size: 16px;
letter-spacing: 0.75px;
padding-top: 18px;
}

.intro p {
font: normal 300 13px Helvetica, Arial, sans-serif !important;
line-height: 19px !important;
text-align: center;
margin-bottom: 15px;
}

.searchform {
width: 100%; /* 259px / 300px */
height: 58px;
margin: -10px 0 20px 0%; /* 20px / 300px */
}

.screen-reader-text {
display: none;
}

.searchform input {
height: 20px;
width: 160px;
background: none;
border: 1px solid #ff0c52;
color: #fff;
padding: 5px;
margin-top: 19px;
float: left;
position: relative;
}

#searchsubmit {
width: 130px; /* 70px / 259px */
height: 41px;
background: url(http://princessmisia.com/blog/wp-content/uploads/2014/10/element-11-normal.png);
border: none !important;
font-family: 'Special Elite';
font-size: 15px;
letter-spacing: 1px;
color: #fff;
padding: 1px 0 0 0 !important;
margin: 14px 0 0 -10px;
}

.social {
width: 103%; /* 309px / 300px */
height: 95px;
background: url(http://princessmisia.com/blog/wp-content/uploads/2014/09/social-background.png);
background-repeat: no-repeat;
margin: -10px 0 0 -3.33%; /* 10px / 300px */
}

.social a {
font-size: 15px;
text-transform: lowercase;
letter-spacing: 0.75px;
color: #2d3957;
}

.twitter {
float: left;
margin: 15px 0 0 10.67%; /* 33px / 309px */
}

.instagram {
float: right;
margin: 16px 22.97% 0 0; /* 71px / 309px */
}

.facebook {
float: left;
margin: 25px 0 0 23.94%; /* 74px / 309px */
}

.pinterest {
float: right;
margin: 21px 6.47% 0 0; /* 20px / 309px */
}

/* POST AREA */

.post {
width: 100%; /* 650px / 650px */
border-bottom: 1px solid #73b0b9;
margin-bottom: 50px;
}

.date {
width: 28.61%; /* 186px / 650px */
height: 48px;
background: url(http://princessmisia.com/blog/wp-content/uploads/2014/09/element-01.png);
background-repeat: no-repeat;
margin: 0 auto;
}

.date p {
width: 48.38%; /* 90px / 186px */
margin: 0 auto;
font-size: 14px;
line-height: 16px;
color: #fff;
text-align: center;
letter-spacing: 0.5px;
padding-top: 10px;
}

.date strong {
clear: both !important;
}

.post h2 {
width: 100%; /* 650px / 650px */
font-size: 20px;
text-align: center;
margin: 2px 0 5px 0;
}

.post h2 a {
color: #3d3d3d;
}

.post img {
max-width: 100%; /* 650px / 650px */
height: auto;
}

.post .entry {
font: normal 300 13px Helvetica, Arial, sans-serif;
line-height: 19px;
}

.post .entry p {
margin-bottom: 12px;
text-align: center !important;
}

.post .entry strong {
font-weight: bold;
}

.post .entry em {
font-style: italic;
}

.post .entry a {
border-bottom: 1px solid #000;
}

.more {
width: 35.07% !important; /* 228px / 650px */
height: 40px;
background: url(http://princessmisia.com/blog/wp-content/uploads/2014/09/element-02.png);
background-repeat: no-repeat;
margin: 15px 0 0 -3.07%; /* 20px / 650px */
}

.more a {
padding: 0 2px 0 40px;
display: inline-block;
border: none !important;
}

.more-link {
font-family: 'Special Elite';
font-size: 15px;
color: #fff !important;
letter-spacing: 0.5px;
padding-top: 11px !important;
}

.post-footer {
width: 100%; /* 650px / 650px */
height: 60px;
margin-top: 35px;
}

.post-footer a {
color: #73b0b9;
}

.labels, .slash, .comments {
margin-right: 2.3%; /* 15px / 650px */
}

.slash {
display: none;
}

.sharedaddy {
width: 330px;
float: right;
font-family: 'Special Elite';
font-size: 13px;
margin: 36px 0 0 0;
}

.sharedaddy h3 {
color: #000;
float: left;
}

.sharedaddy li {
float: left;
margin-left: 12px;
}

.sharedaddy a {
text-decoration: none !important;
border: none !important;
color: #73b0b9;
}

.fb-social-plugin {
width: 330px;
clear: both !important;
float: right;
padding-top: 2px;
}

/* PAGE NAVIGATION */

.pagenav {
width: 100%; /* 650px / 650px */
font-size: 17px;
text-transform: lowercase;
letter-spacing: 0.75px;
}

.background {
width: 27.84%; /* 181px / 650px */
height: 57px;
background: url(http://princessmisia.com/blog/wp-content/uploads/2014/09/element-03.png);
background-repeat: no-repeat;
margin: 0 auto -38px auto;
}

.pagenav .up {
font-size: 19px;
}

.back {
width: 47.69%; /* 310px / 650px */
text-align: right;
float: left;
}

.home {
width: 4.61%; /* 30px / 650px */
margin: 0 auto;
text-align: center;
padding-top: 2px;
}

.further {
width: 47.69%; /* 310px / 650px */
float: right;
text-align: left;
margin-top: -24px;
}

.further a {
text-align: left !important;
}

/* COMMENTS */

#comments_template {
width: 100%; /* 650px / 650px */
margin: 0 auto;
}

#comments, .avatar, .says, .commentmetadata {
display: none;
}

.comment {
margin-bottom: 20px;
}

.comment-body {
width: 92.3%; /* 600px / 650px */
margin: 0 auto;
}

.comment-author {
width: 66.66%; /* 400px / 600px */
height: 35px;
background: url(http://princessmisia.com/blog/wp-content/uploads/2014/09/element-06.png);
background-repeat: no-repeat;
margin-left: -2.33%; /* 14px / 600px */
padding: 9px 0 0 3.66%; /* 22px / 600px */
}

.fn {
font-size: 14px;
color: #2d3957;
letter-spacing: 0.75px;
}

.comment-body p {
font: normal 300 13px Helvetica, Arial, sans-serif;
line-height: 19px;
}

.reply {
font-size: 12px;
text-transform: lowercase;
letter-spacing: 0.5px;
padding-top: 2px;
}

.reply a {
color: #73b0b9;
}

#respond {
width: 92.3%; /* 600px / 650px */
margin: 0 auto;
padding-top: 20px;
}

#respond h3 {
font-size: 20px;
text-transform: lowercase;
letter-spacing: 0.75px;
}

#commentform p {
font-size: 12px;
}

#commentform textarea {
width: 96.66%; /* 580px / 600px */
padding: 10px 1.66%; /* 10px / 600px */
}

#commentform input {
width: 38.33%; /* 230px / 600px */
padding: 6px;
margin: 0 0.83% 5px 0; /* 5px / 600px */
}

input, textarea {
outline: 0;
border: 1px solid #73b0b9;
}

#submit {
width: 39.16%; /* 235px / 600px */
height: 53px;
border: none !important;
background: url(http://princessmisia.com/blog/wp-content/uploads/2014/09/element-08.png);
background-repeat: no-repeat;
padding: 0 !important;
margin: -7px 0 0 -1.83% !important; /* 11px / 600px */
font-family: 'Special Elite';
font-size: 14px;
color: #fff;
letter-spacing: 0.25px;
}

/* SINGLE POST */

.singlepost .post .entry {
margin-bottom: 15px;
}

/* REGULAR PAGE */

.pagetitle, .pagecontent h3 {
font-family: 'Special Elite';
font-size: 20px;
margin: 2px 0 5px 0;
}

.pagecontent h3 {
margin: 23px 0 8px 0;
}

.pagetitle a {
color: #3d3d3d;
}

.pagecontent {
font: normal 300 13px Helvetica, Arial, sans-serif;
line-height: 19px;
color: #000;
/* min-height: 1215px; */
}

.pagecontent p {
margin-bottom: 12px;
}

.pagecontent strong {
font-family: 'Special Elite';
color: #73b0b9;
}

.pagecontent strong a {
color: #73b0b9;
}

.pagecontent img {
max-width: 100%; /* 650px / 650px */
height: auto;
}

/* CONTACT FORM */

.wpcf7-form {
width: 100%; /* 650px / 650px */
margin: 50px auto 0 auto;
}

.wpcf7-form .left {
width: 43.07%; /* 280px / 650px  */
float: left;
margin-right: 3.07%; /* 20px / 650px */
}

.wpcf7-form .right {
width: 53.84%; /* 350px / 650px */
float: left;
}

.wpcf7-form input {
width: 92.85%; /* 260px / 280px */
padding: 13px 3.57%;
}

.wpcf7-form textarea {
width: 94.28%; /* 330px / 350px */
height: 165px;
padding: 13px 2.85%; /* 10px / 350px */
margin-top: 2px;
}

.wpcf7-submit {
width: 67.14% !important; /* 235px / 260px */
height: 53px;
border: none !important;
background: url(http://princessmisia.com/blog/wp-content/uploads/2014/09/element-08.png);
background-repeat: no-repeat;
padding: 0 !important;
margin: -15px 0 0 -1.69% !important; /* 11px / 650px */
font-family: 'Special Elite';
font-size: 14px;
color: #fff;
letter-spacing: 0.25px;
}

.press-releases {
font-family: 'Special Elite';
letter-spacing: 1px;
}

/* PORTFOLIO PAGE */

.portfolio .column-1 {
width: 84.61%; /* 550px / 650px */
margin: 0 auto;
}

.grid {
width: 104.61%; /* 680px / 650px */
margin: 40px 0 0 -2.3%; /* 15px / 650px */
}

.portfolio h3 {
text-align: center;
}

.portfolio .column-1 p {
text-align: center;
}

.project {
width: 45.58%; /* 310px / 680px */
height: auto !important;
padding: 0 2.2% 25px 2.2%; /* 15px / 680px */
}

.portfolio .project img {
width: 100%; /* 310px / 310px */
height: auto;
}

.project img:hover {
opacity: 0.85;
}

.project h3 {
font-family: 'Special Elite';
font-size: 17px;
text-align: center;
letter-spacing: 0.5px;
margin: 5px 0 3px 0;
}

.project .label {
font-size: 11px;
line-height: 16px;
text-align: center;
letter-spacing: 0.25px;
}

.project .label a:hover {
color: #73b0b9 !important;
}

/* PORTFOLIO ITEM PAGE */

.item-page h2 {
font-size: 22px;
margin-bottom: 5px;
}

.item-page p:first-child {
width: 100%; /* 550px / 650px */
margin: 10px auto 0 auto;
}

.item-page p {
width: 100%; /* 650px / 650px */
margin: 0 auto;
text-align: center;
}	

.item-page .label a:hover {
color: #73b0b9 !important;
}

.item-page img, .item-page iframe {
width: 100% !important; /* 650px / 650px */
height: auto;
}

.item-page .post {
border: none;
}

.item-page .bottom-nav {
width: 100%; /* 650px / 650px */
margin: 0 auto;
font-size: 17px;
text-transform: lowercase;
letter-spacing: 0.75px;
text-align: center;
}

/* SHOP PAGE */

.shop-page article {
float: left;
}

.shop-page article h3 {
margin-top: 5px;
}

.shop-page article p, .shop-page article div {
margin-bottom: 20px !important;
}

.shop-page img {
max-width: 100%; /* 400px / 400px */
height: auto;
}

.payment-button {
margin-left: -10%;
}

.payment-button .pinit-button {
display: none !important;
}

.payment-button img.pinit-hover {
opacity: 1 !important;
}

/* CATEGORY PAGE */

.category {
margin-top: -20px;
}

/* MEDIA QUERIES */

input, textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}

/* IPAD */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

/* 100% == 1024px */

.wrapper {
width: 900px; /* 900px / 1024px */
margin: 0 auto;
}

.logo, .topmenu, .cookbook, .fourplay, .intro-title, .social, .date, .more, .background, .comment-author, #submit, .wpcf7-submit, .searchform {
background-size: 100% auto;
}

.nav-01 {
margin: 11px 0 0 17%; /* 60px / 345px */
}

.nav-02 {
margin: 52px 7% 0 0; /* 28px / 345px */
}

.nav-03 {
margin: 36px 0 0 6%; /* 29px / 345px */
}

.nav-04 {
margin: 20px 19% 0 0; /* 72px / 345px */
}

.fourplay {
margin-top: -20px;
}

.intro {
padding-top: 30px;
}

.intro .title {
width: 92% !important; /* 226px / 270px */
height: 53px;
margin-bottom: -10px !important;
}

.intro-title h4 {
padding-top: 13px;
}

.twitter {
float: left;
margin: 11px 0 0 8%; /* 33px / 309px */
}

.instagram {
float: right;
margin: 13px 21% 0 0; /* 71px / 309px */
}

.facebook {
float: left;
margin: 14px 0 0 21%; /* 74px / 309px */
}

.pinterest {
float: right;
margin: 11px 4% 0 0; /* 20px / 309px */
}

.date {
width: 34% !important; /* 186px / 650px */
height: 48px;
}

.post h2 {
margin-bottom: 10px;
}

.more a {
padding: 0 2px 0 32px;
}

.more-link {
padding-top: 6px !important;
}

.background {
margin: 0 auto -44px auto;
}

.wpcf7-submit {
padding-top: -8px !important;
margin: -12px 0 0 -1.69% !important; /* 11px / 650px */
}

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

/* 100% == 1024px */

.wrapper {
width: 900px; /* 900px / 1024px */
margin: 0 auto;
}

.logo {
background-size: 100% auto;
}

.topmenu {
background-size: 100% auto;
}

.nav-01 {
margin: 11px 0 0 17%; /* 60px / 345px */
}

.nav-02 {
margin: 52px 7% 0 0; /* 28px / 345px */
}

.nav-03 {
margin: 36px 0 0 6%; /* 29px / 345px */
}

.nav-04 {
margin: 20px 19% 0 0; /* 72px / 345px */
}

.cookbook {
background-size: 100% auto;
}

.fourplay {
margin-top: -20px;
background-size: 100% auto;
}

.intro {
padding-top: 30px;
}

.intro-title, .searchform {
background-size: 100% auto;
}

.intro .title {
width: 92% !important; /* 226px / 270px */
height: 53px;
margin-bottom: -10px !important;
}

.intro-title h4 {
padding-top: 13px;
}

.social {
background-size: 100% auto;
}

.twitter {
float: left;
margin: 11px 0 0 8%; /* 33px / 309px */
}

.instagram {
float: right;
margin: 13px 21% 0 0; /* 71px / 309px */
}

.facebook {
float: left;
margin: 14px 0 0 21%; /* 74px / 309px */
}

.pinterest {
float: right;
margin: 11px 4% 0 0; /* 20px / 309px */
}

.date {
width: 34% !important; /* 186px / 650px */
height: 48px;
background-size: 100% auto;
}

.post h2 {
margin-bottom: 10px;
}

.more {
background-size: 100% auto;
}

.more a {
padding: 0 2px 0 32px;
}

.more-link {
padding-top: 6px !important;
}

.background {
margin: 0 auto -44px auto;
background-size: 100% auto;
}

.comment-author, #submit {
background-size: 100% auto;
}


.wpcf7-submit {
padding-top: -4px !important;
margin: -12px 0 0 -1.69% !important; /* 11px / 650px */
background-size: 100% auto;
}

}