/*
    Theme Name: Tripod
    Theme URI: http://cosmothemes.com/tripod
    Description: Our themes are using the 960 grid system while the mark-up is powered by a strong css framework. This theme has been tested in all modern browsers - IE 8, IE 9 , Opera, Firefox, Safari and Chrome. Key features of the template - infinit Color Schemes, Background Styling Options, Custom Text-based Logos, Social Media Links, Multiple Multi-Level jQuery Menus, Built-in Breadcrumbs, Custom Front Page Layout, Advertisement Sidebars, Custom Widget (Popular, Recent, Comments, Tags), Twitter Widget, Contact Form Widget, Flickr Widget, Custom Page Templates, Hide/Show Meta Elements for each particular post, Featured Image, Built-in Social Sharing, About the author box, Built-in Related Posts, Nested Comments, 100+ Shortcodes, Unlimited sidebars, Language support.
    Version: 3.0
    Tags: fixed-width,custom-menu,custom-colors,custom-header,custom-background,two-columns,left-sidebar,right-sidebar,sticky-post,theme-options
	License: GNU General Public License and Themeforest general license
	License URI: Licensing/README_License.txt
	Author URI: http://cosmothemes.com
    Author: CosmoThemes
*/


#social_sidebar {
	left: 0px;
	top: 192px;
	width: 115px;
	margin: 0;
	padding: 3px 0px 0px 0px;
	position: fixed;
	z-index: 9999;
	display:block;
	background-color: rgb(255,200,0);
}



.ribbon {
  background-color: #a00;
  overflow: hidden;
  white-space: nowrap;
  /* top left corner */
  position: absolute;
  left: -50px;
  top: 40px;
  /* 45 deg ccw rotation */
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  /* shadow */
  -webkit-box-shadow: 0 0 10px #888;
     -moz-box-shadow: 0 0 10px #888;
          box-shadow: 0 0 10px #888;
}
.ribbon a {
  border: 1px solid #faa;
  color: #fff;
  display: block;
  font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 1px 0;
  padding: 10px 50px;
  text-align: center;
  text-decoration: none;
  /* shadow */
  text-shadow: 0 0 5px #444;
}

.pictures-page-container {
	margin-left: -115px;
}

.pictures-header-image-container {
	background-color: #000000;
	text-align: center;
}

.pictures-page-text-container {
	text-align: center;
}

.pictures-page-text {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.pictures-page-text h1 {
	font-size: 36px;
}

.pictures-page-text p {
	text-align: justify;
	font-size: 12.5px;
}

.pictures-page-email-collection {
	margin-top: 45px;
	background-color: #f6cc00;
	color: #ffffff;
	padding: 30px 0px;
	text-align: center;
}

.pictures-page-email-collection-container {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.pictures-page-email-collection h1 {
	font-size: 52px;
}

.pictures-page-email-collection p {
	font-size: 18px;
}

.email-input-container {
	text-align: center;
	margin-left: 75px !important;
}

.pictures-page-email-form input {
    width: 100%;
    height: 100%;
    border: 2px solid #000000;
    font-size: 18px;
    color: #ffffff;
}

.pictures-page-email-form button {
    width: 100%;
    height: 100%;
    background-color: #dcbee1;
    text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: bold;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.newsletter-form-wrapper {
	margin-top: 2em;
}

.email-form-button {
	width: 160px;
}

#email-collection-form {
	margin-left: 75px !important;
}

.bi-email-signup {
	width: 400px !important;
}

.bi-email-signup::-webkit-input-placeholder { 
    color: #ffffff; text-overflow: ellipsis; 
}
.bi-email-signup:-moz-placeholder { 
    color: #ffffff !important; text-overflow: ellipsis; 
    opacity:  1;
}
.bi-email-signup::-moz-placeholder { 
    color: #ffffff !important; text-overflow: ellipsis; 
    opacity:  1;
} /* for the future */
.bi-email-signup:-ms-input-placeholder { 
    color: #ffffff !important; text-overflow: ellipsis; 
}
.bi-email-signup:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
color: #ffffff
}

@media screen and (max-width: 600px) {
	.pictures-page-container {
		margin-left: 0;
	}
	.pictures-page-text {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
	.pictures-page-text h1 {
		font-size: 18px;
	}

	.pictures-page-text p {
		text-align: justify;
		font-size: 11px;
	}
	
	.pictures-page-email-collection-container {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	.pictures-page-email-collection h1 {
		font-size: 20px;
	}

	.pictures-page-email-collection p {
		font-size: 13px;
	}

	.email-input-container {
		text-align: center;
		padding-left: 25px;
	}

.email-form-button {
	width: 10px;
}

#email-collection-form {
	margin-left: 25px !important;
}

	
	.bi-email-signup {
		width: 160px !important;
	}
	
	.pictures-page-email-form button {
	 	width: 75px;
	}

}