/*
Theme Name:     Planet Sputnik
Theme URI:  
Description:    Child theme for the F8 theme
Author:         Jasia & Graphpaperpress
Author URI:    
Template:       f8-lite
Version:   
*/

@import url("./../f8-lite/style.css");

h6 {font-weight: normal;}
body.single.blog div.content h6, body.single.homecat div.content h6 {margin-bottom: 30px; font-style:italic;}
body.single.homecat div.content p[style*="text-align: center;"] {margin-bottom: 0px;}
h4.widgettitle  {font-family: 'Rancho'; font-size: 2.0em;   margin-bottom: 0.5em; }
h6.archive-header {font-family: 'Rancho'; font-size: 1.8em; font-weight: bold; /*height: 70px;*/   }
 h6.underlined {font-family: 'Rancho'; font-size: 2.2em;text-transform:none; font-weight: bold;}
div.block {font-family: 'Rancho'; font-size: 2.5em; color: #000; margin-bottom: 40px;  }
#masthead h4 {font-family: 'Rancho'; font-size: 2.1em; color: #000; margin: 0.7em 0; }
h2, h3 {font-family: 'Rancho'; font-size: 2.5em; color: #000; }
div.archive h2 {text-transform: uppercase;}
#content h2 {font-family: 'Rancho'; font-size: 2em; color: #000; }
h2 + h2, p {font-family: 'Rancho'; font-size: 2em; color: #000; }
 div.blogarchive li, div.tagcloud {font-family: 'Rancho'; font-size: 1.7em; color: #000; }
body.single h2 {font-family: 'Rancho'; font-size: 2em; color: #000;}
body.home p, #footer p, p.postmetadata {font-family:'Helvetica', Arial, sans-serif; font-size: 12px;}
body.category-9 p {  margin: 0 0 0.6em;}
body.category-9 .post {  margin: 0 0 3em;}
.blogarchive h4 {margin: 0  0 0.5em 0;}
.blogarchive ul,.blogarchive ol {
    margin: 0 ;
}

a:link, a:visited {color: #54b5b5;text-decoration: none;}
a:hover, a:active {color: #3e8686;text-decoration: underline;}

ul#socialnav {margin:0;padding:0;list-style:none; }
ul#socialnav li {margin:0;padding:0;float: left;}
ul#socialnav li a  {display: block; text-indent: -3333px; height: 30px; width: 24px; margin-left: 10px;}

ul#socialnav li.twitter a {background: url(./images/twitter_24.png) no-repeat;}	
ul#socialnav li.youtube a {background: url(./images/youtube_24.png) no-repeat;}
ul#socialnav li.facebook a {background: url(./images/facebook_24.png) no-repeat;}
ul#socialnav li.rss a {background: url(./images/rss_24.png) no-repeat;}   
ul#socialnav li.instagram a {background: url(./images/instagram_24.png) no-repeat;}   
ul#socialnav li.pinterest a {background: url(./images/pinterest_24.png) no-repeat;}   
ul#socialnav li.twitter a:hover, ul#socialnav li.facebook a:hover, ul#socialnav li.rss a:hover, ul#socialnav li.youtube a:hover, ul#socialnav li.instagram a:hover, ul#socialnav li.pinterest a:hover { background-position: 0 -36px; }

#footer { background:transparent url('./images/footer_border.gif') no-repeat left top; margin: 1em 0 0;
    padding: 50px 1em 1em 1em;}
#footer p{ color: #72c1c1;}

div.imagecontent {margin: 0 auto;
    text-align: center;}
	
#masthead span {color: #7873a5; font-size: 0.82em;}
	
/* gallery navigation */
.nav-image-left, .nav-image-up, .nav-image-right {
    float: none;
    margin: 0;
    text-align: left;
    width: auto;
}

.nav-image-left a:hover, .nav-image-up a:hover, .nav-image-right a:hover {
    color: #3e8686;
}

.nav-image-left a, .nav-image-up a, .nav-image-right a {padding: 0; font-weight: normal; font-family: 'Rancho'; font-size: 2em;}
.navigation  {width: 600px; position: relative; height: 90px;}

.nav-image-right {position: absolute; left: 0px;}
.nav-image-left {position: absolute; right: 0px; }	
.nav-image-left a {display: block; background:transparent url('./images/arrow_next.png') no-repeat left 0px; padding-left: 30px; height: 48px; padding-top: 8px;}
 .nav-image-right a { background:transparent url('./images/arrow_prev.png') no-repeat right 0px; padding-right: 30px; height: 48px;  padding-top: 8px;}

.nav-image-up {    float: none;
    margin: 0 auto;
    text-align: center;
    width: auto;}	
	
/* navigation */
.sf-menu ul {
    background-color: #54B5B5;
	}
	
.sf-menu ul li {  background-color: #54B5B5; border-right: 1px solid #fff;}

.sf-menu ul li a  { font-family: 'Rancho'; font-weight: normal; font-size: 18px; text-shadow: none; padding: 7px 3px 15px 7px; color: #000000; width: 75px;}
.sf-menu ul a, .sf-menu ul a:visited {
    color: #000;
}




.sf-menu ul li a:hover, .sf-menu ul li#active a:hover {
    background-color: #000000;
    color: #FFFFFF;
}

.sf-menu ul li.current-menu-item a, body.home .sf-menu ul li.menu-item-765 a, body.parent-pageid-89 li.menu-item-94 a, body.parent-pageid-85 li.menu-item-96 a, body.parent-pageid-143 li.menu-item-146 a, body.parent-pageid-91 li.menu-item-93 a, body.blog li.menu-item-2547 a, body.single.blog li.menu-item-2735 a {  
    color: #FFFFFF; background:#000000; }

.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active {
	background:		#000000;
	outline:		0;
	color: #FFFFFF;
}
/* make subnav colour correct*/ 
.sf-menu ul.sub-menu a, .sf-menu ul.sub-menu a:visited, .sf-menu ul li a.sf-with-ul:active  {
    color: #fff;
}
#inside-widgets {
margin:0em 0;
}

#mc_embed_signup {width: 400px; background-color: #fdeae7; padding: 5px;}
body.page-id-112 #mc_embed_signup {margin: 20px auto; }
.mc-field-group {text-align: center; margin-bottom: 15px;}
#mc_embed_signup label {
width: 120px;
display:  inline-block;
}
.indicates-required {text-align: right;margin-bottom:0.4em}
#mc_embed_signup h2 {margin-bottom:0.4em;}
#mc_unsub_link {margin-top: 0.6em;}
#mc_embed_signup div.mce_inline_error {background-color: #666699 !important;}

.mc_custom_border_hdr {
font-family: 'Rancho'; font-weight: normal; 
font-size: 2.1em !important;
padding:0px !important;
width:100%;
}

#mc_signup_form .mc_var_label {
width: 120px;
display:  inline-block;
}

.mc_merge_var {
margin:0 0 5px 0 !important;
padding:0;
}

.mc_success_msg {
color:#54b5b5 !important;
}


.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}
/*.wp-caption-text {
    font-size: 18px !important;
}
*/
body.single.blog div.content img, body.single.homecat div.content img {border: 6px #fff solid; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
        box-shadow: 0 3px 6px rgba(0,0,0,.5); margin-bottom: 8px;}
.blogarchive {margin-bottom: 4em; background-color:#fce6e2; padding: 5px;}
.sidebarcol {float: right; width: 290px}
.widget_tag_cloud {margin-bottom: 4em; background-color:#eceafd; padding: 5px;}


ul.related {margin:50px 0 0 0; padding:0;}
ul.related p {font-size: 1.7em;line-height: 1.3;}
ul.related h4 {font-family: 'Rancho';
font-size: 1.6em; height: auto; margin-bottom: 0.2em;
}