/*
Theme Name: So It Goes
Theme URI: http://spiresoftware.com.au
Description: So It Goes theme, designed by Michael Knight, developed by Hammy Goonan
Author: Hammy Goonan and Michael Knight
Author URI: http://spiresoftware.com.au
Version: 1.0

*/

/* fonts with many thanks as always to Font Squirrel (http://www.fontsquirrel.com) on July 27, 2013 */

@font-face {
    font-family: 'brandon_grotesque_regularRg';
    src: url('fonts/brandon_reg-webfont.eot');
    src: url('fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandon_reg-webfont.woff') format('woff'),
         url('fonts/brandon_reg-webfont.ttf') format('truetype'),
         url('fonts/brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'romain_bptestfont_textRgIt';
    src: url('fonts/romain_bptestfont_text_regular_italic-webfont.eot');
    src: url('fonts/romain_bptestfont_text_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/romain_bptestfont_text_regular_italic-webfont.woff') format('woff'),
         url('fonts/romain_bptestfont_text_regular_italic-webfont.ttf') format('truetype'),
         url('fonts/romain_bptestfont_text_regular_italic-webfont.svg#romain_bptestfont_textRgIt') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'romain_bptestfont_text_reguRg';
    src: url('fonts/romain_bptestfont_text_regular-webfont.eot');
    src: url('fonts/romain_bptestfont_text_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/romain_bptestfont_text_regular-webfont.woff') format('woff'),
         url('fonts/romain_bptestfont_text_regular-webfont.ttf') format('truetype'),
         url('fonts/romain_bptestfont_text_regular-webfont.svg#romain_bptestfont_text_reguRg') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

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

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

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

}
@font-face {
    font-family: 'baskervillenormal';
    src: url('fonts/baskerville-webfont.eot');
    src: url('fonts/baskerville-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/baskerville-webfont.woff') format('woff'),
         url('fonts/baskerville-webfont.ttf') format('truetype'),
         url('fonts/baskerville-webfont.svg#baskervillenormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'baskervilleitalic';
    src: url('fonts/Baskerville-Italic.eot');
    src: url('fonts/Baskerville-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/Baskerville-Italic.woff') format('woff'),
         url('fonts/Baskerville-Italic.ttf') format('truetype'),
         url('fonts/Baskerville-Italic.svg#Baskerville-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* General */
html{ padding: 0; margin: 0; }
body{ width: 100%; height: 100%; margin: 0; padding: 0; font-family: 'baskervillenormal', Times, serif; font-size: 17px; line-height: 20px; color: #000; }
a{ color: #000; text-decoration: none; }
p{}
h1{}
h2{ font-size: 21px; }
h3{ font-size: 15px; font-family: 'romain_bp_headline_regularRg', Times, serif; }
h4{}
blockquote{}
img{}
.menu{ font-family: 'brandon_grotesque_regularRg', Arial, sans-serif; text-align: center; padding: 0; font-size: 13px; }
.menu li{ list-style-type: none; display: inline-block; }
.button { background-color: #000; color: #fff; font-family: 'romain_bptestfont_text_reguRg', Times, serif; font-size: 12px; padding: 5px 50px 3px; margin: 15px 0; border: none; cursor: pointer; }
.romain { font-family: 'romain_bptestfont_text_reguRg', Times, serif; }
.brandon { font-family: 'brandon_grotesque_regularRg', Arial, sans-serif; }
.league-gothic { font-family: 'league_gothicregular'; }

/* Wordpress bits */
.alignright{ float: right; padding-left: 10px; }
.alignleft{ float: left; padding-right: 10px; }
.aligncenter{ margin: 0 auto; }
p.wp-caption-text{ margin-top: 0; }
.alignleft .wp-caption-text { text-align: right; }
.alignright .wp-caption-text { text-align: left; }
.current-menu-item, .current-category-ancestor { text-decoration: underline; }
#searchform label{ display: none; }
#s{ margin: 1px 0 0 0 ; padding: 2px; height: 14px; width: 131px; }
#searchsubmit{ background-color: #000; color: #fff; font-family: 'romain_bptestfont_text_reguRg', Times, serif; font-size: 12px; padding: 5px 0 3px; width: 76px; text-align: center; margin: 15px 0; border: none; cursor: pointer; }
/* Layout */
#header{ width: 1020px; margin: 0 auto; }
#main{ width: 1020px; margin: 0 auto; position: relative; padding-bottom: 20px; }
#footer{ width: 1020px; margin: 0 auto; clear: both; }

/* header */

#header { text-align: center}
#header h1{ display: none; }
#header img{ padding-top: 25px; }
.logo-link img { width: 220px; }

/* Top Nav */
.topnav .menu{ font-size: 16px; line-height: 17px; letter-spacing: .02em; }
#menu-top-nav li{ padding: 2px 45px; width: 75px; }
.menu-spacer{ height: 40px; }

/* Bottom Nav */
.bottomnav{ font-size: 12px; line-height: 17px; letter-spacing: .01em; }
#menu-bottom-nav li{ width: 90px; padding: 2px 20px 20px; }

/* Home page */
.home-entry{}
.landing { width: 916px; margin: 0 auto 45px; }
.landing a { line-height: 0; display: inline-block; }
.landing .alignleft, .landing .alignright { padding: 0; }
.landing .magazine { margin-bottom: 22px; }
.landing .gallery { margin: 0 22px; }
/* About Page */
.about-us p{ }

/* Newsletter Page */

.entry.newsletter{ background-color: #6e6e6e; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 320px; width: 700px; font-size: 21px; font-family: 'romain_bp_headline_regularRg', serif; z-index: 101; text-align: center;}
.newsletter input { border: none; margin: 30px 0; width: 590px !important; height: 50px; -moz-box-shadow: inset 0 0 10px #aaa; -webkit-box-shadow: inset 0 0 10px #aaa; box-shadow: inset 0 0 10px #aaa; font-size: 21px; font-family: 'romain_bp_headline_regularRg', serif; }
.newsletter input[type=submit] { background-color: #fff; }
.newsletter-popup{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 100; background-image: url('images/ajax-loader.gif'); background-position: center center; background-repeat: no-repeat; display: none; opacity: 0.75; }
div.wpcf7-validation-errors { color: #a41919; border: none; margin: none; padding: none; font-size: 21px; }
div.wpcf7-response-output { margin: 0; padding: 0; border: none; }
.newsletter .close { position: absolute; top: 5px; right: 10px; }

/* Diary page */
#sidebar{ float: right; width: 220px; }
#content{ float: left; width: 785px; margin-right: 15px; }
.entry { font-size: 15px; margin-bottom: 15px; margin-bottom: 20px; margin-bottom: 20px; }
h2.post-title{ font-family: 'romain_bp_headline_regularRg', Times, serif; margin: 0 0 15px; line-height: 1em; font-weight: 400; }
.post-meta{ font-family: 'brandon_grotesque_regularRg', Arial, sans-serif; }
.entry .attachment-post-thumbnail{ float: left; padding-right: 20px; }
.instagram, .facebook{ position: relative; margin-bottom: 15px; height: 220px; overflow: hidden; }
.instagram span { font-family: 'brandon_grotesque_regularRg', Arial, sans-serif; font-size: 13px; display: block; text-align: center; }
.facebook span{ position: absolute; top: 10px; display: block; text-align: center; width: 190px; padding-bottom: 5px; margin: 10px 20px; border-bottom: 1px solid black; font-size: 16px; line-height: 36px; font-family: 'romain_bp_headline_regularRg', serif; text-shadow: -1px 1px 1px #fff; }
.facebook span{ top: 150px; }
.keep-in-touch span { display: block; text-align: center; width: 180px; padding-bottom: 5px; margin: 10px 20px; border-bottom: 1px solid black; font-size: 16px; line-height: 36px; font-family: 'romain_bp_headline_regularRg', serif; text-shadow: -1px 1px 1px #fff; }
.keep-in-touch ul { padding: 0; margin: 10px 0; text-align: center; }
.keep-in-touch ul li { list-style-type: none; display: inline-block; }
.keep-in-touch ul a { height: 20px; width: 20px; padding: 0 10px; background-repeat: no-repeat; background-position: center center; display: inline-block; }
.keep-in-touch a.fb-link { background-image: url('images/facebook.png'); width: 10px; }
.keep-in-touch a.tw-link { background-image: url('images/twitter.png'); }
.keep-in-touch a.pt-link { background-image: url('images/pinterest.png'); }
.keep-in-touch a.vi-link { background-image: url('images/vimeo.png'); }
.keep-in-touch a.ig-link { background-image: url('images/instagram.png'); }

#diary-menu li{ width: 85px; padding: 2px 25px; margin-bottom: 15px; }
.category-banner { margin-bottom: 30px; height: 270px; }
.loader{  background-image: url('images/ajax-loader.gif'); background-position: center center; background-repeat: no-repeat; height: 31px; width: 100%; }
.subscribe-sidebar { text-align: center; background-color: #6e6e6e; }
.subscribe-sidebar p { margin: 0; padding: 10px 0 0; }
.subscribe-sidebar .wpcf7-text{ padding: 5px; width: 190px; border: none;}
.subscribe-sidebar .wpcf7-submit { background-color: #fff; color: #000; font-family: 'romain_bptestfont_text_reguRg', Times, serif; font-size: 12px; padding: 5px 0 3px; width: 200px; margin: 15px 0; border: none; cursor: pointer; }
span.wpcf7-not-valid-tip-no-ajax { display: none; }
.subscribe-sidebar div.wpcf7-validation-errors { color: #a41919; display: block; padding: 5px 0; font-size: 12px; }

/* posts */
.post-banner{ width: 100%; margin-bottom: 40px; }
.social-media { margin-left: 40px; }
.social-media span { font-family: 'brandon_grotesque_regularRg', Arial, sans-serif; font-size: 13px; }
.fb-post-link, .tw-post-link { background-repeat: no-repeat; background-position: center center; width: 20px; height: 17px; display: inline-block; }
.fb-post-link { background-image: url('images/facebook.png'); }
.tw-post-link { background-image: url('images/twitter.png'); }

/* Film Page */
.film-posts { padding: 0; margin: 0; position: relative; }
.film-titles li{ padding: 10px 20px; }
.film-thumbnail { list-style-type: none; float: left; padding: 0; margin: 0; margin-bottom: 40px; cursor: pointer; position: relative; height: 204px; }
.film-thubnail-overlay{ height: 100%; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; }
.film-thumbnail:hover .film-thubnail-overlay{ opacity: 0.6; }
.film-thumbnail .overlay-text { position: absolute; bottom: 10px; left: 10px; opacity: 0; font-family: 'romain_bptestfont_textRgIt', serif; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.film-thumbnail:hover .overlay-text { opacity: 1; }
.film-popup { display: none; position: absolute; width: 900px; height: 100%; background-color: #fff; left: 0; top: 0; z-index: 100; padding: 0 70px; }
.film-popup h3 { font-weight: 400; font-size: 21px; font-family: 'romain_bp_headline_regularRg'; float: left; margin-top: 0; line-height: 21px; text-transform: uppercase; }
iframe { margin: 0 auto; display: block; }
.film-popup .embed { clear: both; font-family: 'baskervilleitalic', serif; font-size: 16px; text-align: center; }
.film-popup {  }
.film-popup .social-media { text-align: left; }
.video-text {width: 640px; margin: 0 auto; }
.the-video { min-height: 500px; background-color: #fff; background-image: url('images/ajax-loader.gif'); background-position: center center; background-repeat: no-repeat; }
.close { font-family: 'romain_bptestfont_textRgIt', serif; font-style: italic; font-size: 21px; float: right; cursor: pointer; line-height: normal; }

#film-single .post-title { display: inline-block; }

/* Magazine page */
#order-l, #order-r{ text-align: center;  }
#order-l{ float: left; width: 410px; }
#order-r{ float: right; width: 410px; }
.order{ margin-top: 25px; }
.order h3{ display: inline-block; margin-top: 0; }
.order span{ display: inline-block; font-size: 12px; }
.order select { display: block; margin: 0 auto; }
.magazine-social-media { width: 200px; float: left; text-align: center;}
.magazine-post { position: relative; margin: 45px auto; width: 700px; }
.buy { clear: both; text-align: center; margin: 30px auto; width: 410px; }
.buy p { font-size: 15px; }
.mag-text{ text-align: center; width: 390px; padding-right: 30px; float: left; font-size: 16px; line-height: 1.2em; }
h1.mag-title { border-bottom: 1px solid black; font-size: 38px; line-height: 1.2em; margin: 20px 10px; }
.mag-content img { margin-top: 30px; }
.magazine-post .attachment-post-thumbnail { float: right; }
.magazine-page { text-align: center; font-size: 24px; font-style: italic; margin-top: 40px; }
.magazine-menu { position: absolute; top: 60px; left: 0; list-style-type: none; padding: 0; margin: 0; z-index: 100; text-align: right;}
.magazine-menu .current { font-style: italic; font-weight: bold; }

/* Gallery Page */
.tumblr-feed div { width: 500px; margin-bottom: 20px; }
.tumblr-feed div img { width: 500px; }

/* App Page */

.ipad-app { width: 535px; margin: 0 auto; }
.ipad-app img { margin: 0 auto; display: block; margin-bottom: 20px; }
.ipad-app p { font-size: 13px; text-align: center; }
.ipad-app h3 { text-transform: uppercase; font-size: 12px; text-align: center; }
.ipad-app .button { text-align: center; }

/* 404 */
.fourohfour{ width: 330px; 	height: 500px; padding-top: 50px; margin: 0 auto; text-align: center; font-size: 16px; letter-spacing: 0.01em }

/* slideshow */
.go_gallery{ width: 705px; height: 470px; overflow: hidden; position: relative; margin: 0 auto; }
#home_page.go_gallery{ width: 1020px; height: 530px; }
.go_gallery ul{ width: 99999px; margin: 0; padding: 0; position: absolute; }
.go_gallery li{ display: inline-block; list-style-type: none; margin: 0; padding: 0; width: 1020px; height: 500px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.slider-pag{ margin: 20px 0 0 0; padding: 0; text-align: center; }
.slider-pag-item{ text-align: center; list-style-type: none; display: inline-block; padding: 0 20px; width: 14px; height: 15px; background-image: url('images/sliderpag.png'); background-repeat: no-repeat; background-position: center center; cursor: pointer; }
.go_prev{ position: absolute; left: -30px; top: 260px; z-index: 10; }
.go_next{ position: absolute; right: -30px; top: 260px; z-index: 10; }

.mg_prev{ position: absolute; left: 120px; top: 260px; z-index: 10; }
.mg_next{ position: absolute; right: 120px; top: 260px; z-index: 10; }

.hm_prev{ position: absolute; left: -30px; top: 280px; z-index: 10; }
.hm_next{ position: absolute; right: -30px; top: 280px; z-index: 10; }

/* Wrap */
.wrap:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

/* Media queries for iPhone */

@media all and (max-width: 1050px){
	.go_prev, .hm_prev{ left: 0; top: 45%; padding: 20px 20px 20px 0; background: rgba(256, 256, 256, 0.5); }
	.go_next, .hm_next{ right: 0; top: 45%; padding: 20px 0 20px 20px; background: rgba(256, 256, 256, 0.5); }
	.home-page #main, .home-page #header, .home-page #footer { width: 100%; }
}