/*
Theme Name: Follow me Darling
Theme URI: http://followmedarling.se/
Description: Follow me Darlings theme. Clean white, black, pink and grey theme. Sidebar is in the footer. 
Swedish translation is included for reference.
Version: 1.52
Author: Jonk
Author URI: http://jonk.pirateboy.net
Tags: white, pink, black, fixed-width, one-column, custom-header, translation-ready
Text Domain: followmedarling
License: GNU General Public License
License URI: license.txt
*/
/******************************* generic styles *******************************/
* {
	margin:0px;
	padding:0px;
}
#logo {
	z-index: 2;
	position: fixed;
	padding-top: 40px;
	padding-left: 40px;
}
#leftArrow {
	z-index: 2;
	position: fixed;
	top: 50%;
	left: 40px;
	width: 49px;
	height: 49px;
	margin-top: -25px;
}
#rightArrow {
	z-index: 2;
	position: fixed;
	top: 50%;
	right: 40px;
	width: 49px;
	height: 49px;
	margin-top: -25px;
}
body {
	text-align:center;
}
body, body * {
	font-family: Arial, Helvetica, sans-serif;
	color:#7f7f7f;
}
body * {
	text-align:left;
}
p {

}
a {
	color:#ec008c;
	text-decoration:underline;
}
img {
	border:0px;
}
h1, h2, h3, h4, h5, h6, h7, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover {
	font-size:36px;
	padding-bottom:5px;
	font-weight:normal;
	color:#000;
	text-decoration:none;
	text-align: center;

}
h2, h2 a, h2 a:hover {
	font-size:30px;
}
h3, h3 a, h3 a:hover {
	font-size:18px;
	padding-bottom:2px;
}
h4, h4 a, h4 a:hover {
	font-size:16px;
}
h5, h5 a, h5 a:hover {
	font-size:15px;
}
h6, h6 a, h6 a:hover {
	font-size:14px;
}
h7, h7 a, h7 a:hover {
	font-size:13px;
}
blockquote, code {
	padding:5px 10px 5px 10px;
}
blockquote, blockquote * {
	font-size:15px;
	font-style:italic;
}
big {
	font-size:16px;
}
pre {
	/*default*/
}
kbd {
	/*default*/
}
tt {
	/*default*/
}
q {
	/*default*/
}
abbr, acronym {
	/*default*/
}
.clearer {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	overflow:hidden;
}
.aligncenter, .wp-caption.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
img.alignleft {
	padding:0px 5px 5px 0px;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption * {
	text-align: center;
}
.wp-caption-text {
	padding-top:11px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.date {
	color:#ec008c;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 40px;
}
.screen-reader-text {
	display:none;
}
/******************************* /generic styles *******************************/

/******************************* framework styles *******************************/
#page, #page #content, #page #footer {
	width:100%;
}
#page {
	margin:0px auto 0px auto;
}
#page #allContainer {
	width:100%;
	display:block;
	clear:both;
}
.navigation {
	display:block;
	clear:both;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:50px;
	background-color: #f2f2f2;
	font-size: 20px;
}
.navigation * {
	color:#000;
	font-weight: bold;
}
.navigation a {
	text-decoration: none;
}
/******************************* /framework styles *******************************/

/******************************* header styles *******************************/
#page #content #header {
	display:block;
	clear:both;
	overflow:hidden;
}
#page #content #header h1, #page #content #header .textHeader {
}
#page #content #header h1.imgHeader a {
	display:block;
}
#page #content #header .textHeader, #page #content #header .textHeader h1, #page #content #header .textHeader h1 a {
	text-indent:0px;
	text-align:center;
	background:url('');
	font-size:70px;
	height:auto;
}
#page #content #header .textHeader h1 {
	padding-top:30px;
}
#page #content #header .textHeader .tagline {
	color:#ec008c;
	text-align:center;
}
#page #content #header :focus {
	outline:none;
}
/******************************* /header styles *******************************/

/******************************* content styles *******************************/
#page #content {
	width:100%;
	min-height:449px;
}
#page #content .innerPadding {
	display:block;
	clear:both;
	overflow:hidden;
}
#page #content .innerPadding img {
	height:auto;
	max-width:100%;
}
#page #content .innerPadding ul, #page #content .innerPadding ol {
	padding:10px 0px 10px 20px;
}
#page #content .innerPadding dl {
	padding:10px 0px 10px 5px;
}
#page #content .innerPadding dl dt {
	font-weight:bold;
}
#page #content .innerPadding dl dd {
	padding-left:5px;
}
#page #content .innerPadding ul ul, #page #content .innerPadding ul ol, #page #content .innerPadding ol ol, #page #content .innerPadding ol ul {
	padding-top:0px;
	padding-bottom:0px;
}
#page #content .postFooter{
	padding-bottom:20px;
	tex-align: center;
}
#page #content .postFooter, #page #content .postFooter * {
	color:#ec008c;
}
#page #content .postFooter {
	display:block;
	clear:both;
}
#page #content .postFooter, #page #content .postFooter .postInfo, #page #content .postFooter .postTags {
	display:block;
}
#page #content .innerPadding .ulFloatLeft {
	padding:0px;
}
#page #content .ulFloatLeft * {
	color:#ec008c;
}
#page #content .ulFloatLeft li {
	display:inline;
	float:left;
}
#page #content .ulFloatLeft li span {
	padding:0px 5px 0px 5px;
}
#page #content .ulFloatLeftBottomPad {
	padding-bottom:15px;
}
#fancybox-title-over {
	color:#fff;
}
.sticky {
	
}
/******************************* /content styles *******************************/

/******************************* gallery styles *******************************/
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery .gallery-icon {
	padding-bottom:11px;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
/******************************* /gallery styles *******************************/

/******************************* search styles *******************************/
#searchform div {
	padding-bottom:20px;
}
/******************************* /search styles *******************************/

/******************************* comment styles *******************************/
#respond {
	padding-bottom:20px;
}
.commentlist {
	margin:0px;
	padding:0px;
}
.commentlist .alt {
	padding: 20px 10px 20px 10px;
	background: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
h3#comments, h3#respond {
	margin: 0px 0px;
}
.commentlist {
	padding: 0px;
}
.commentlist li {
	margin: 15px 0px 15px;
	padding: 5px 10px 5px;
	list-style: none;
}
.commentlist li .avatar {
	float: right;
	border: 1px solid #999;
	padding: 2px;
	background: #fff;
}
.commentlist li.bypostauthor .avatar {
	border: 1px solid #ec008c;
}
.commentlist .fn {
	font-weight:bold;
}
.commentlist p {
	margin: 10px 5px 10px 0px;
	font-weight: normal;
	text-transform: none;
}
.commentlist cite, .commentlist cite a {
	font-style: normal;
	border: none;
}	
.commentlist li.author .avatar {
	border: 1px solid #669933;
}
.nocomments {
	display:none;
}
.commentmetadata {
	margin: 0px;
	display: block;
}
#commentform input[type=text] {
	display:block;
	width:100%;
}
#commentform #submit {
	float: right;
}
#commentform #comment {
	width:100%;
}
/******************************* /comment styles *******************************/

/******************************* footer styles *******************************/
#page #footer {
	display:block;
	clear:both;
	width:100%;
	min-height:449px;
	background:url('images/bg_footer.png') top left no-repeat;
}
#page #footer ul {
	list-style-type:none;
}
#page #footer ul.children {
	padding-left:5px;
}
#page #footer a {
	color:#000;
	text-decoration:none;
}
#page #footer a:hover {
	text-decoration:underline;
}
#page #footer #footerBg {
	display:block;
	clear:both;
	min-height:449px;
	background:url('images/bg_footer_fade.png') bottom left no-repeat #eee; /*#f0f0f0;*/
}
#page #footer #footerBg .innerPadding {
	padding:20px;
}
#page #footer .footerColumn {
	display:inline;
	float:left;
	width:166px;
	padding-bottom:20px;
}
#page #footer .footerColumn.last {
	width:166px;
}
#page #footer #footerBottom {
	display:block;
	clear:both;
}
#page #footer #footerBottom .innerPadding {
	padding-top:0px;
}
#page #footer #footerBottom a {
	color:#ec008c;
	text-decoration:underline;
}

/******************************* /footer styles *******************************/

/******************************* NEW footer styles *******************************/

#container4 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#b2f0f9; /* column 4 background colour */
	margin-bottom: 20px;
}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:#89ffa2; /* column 3 background colour */
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:#ffa7a7; /* column 2 background colour */
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:#fff689; /* column 1 background colour */
}
#col1 {
	float:left;
	width:21%;
	position:relative;
	left:77%;
	overflow:hidden;
	padding-top: 20px;
	padding-bottom: 20px;
}
#col2 {
	float:left;
	width:21%;
	position:relative;
	left:81%;
	overflow:hidden;
	padding-top: 20px;
	padding-bottom: 20px;
}
#col3 {
	float:left;
	width:21%;
	position:relative;
	left:85%;
	overflow:hidden;
	padding-top: 20px;
	padding-bottom: 20px;
}
#col4 {
	float:left;
	width:21%;
	position:relative;
	left:89%;
	overflow:hidden;
	padding-top: 20px;
	padding-bottom: 20px;
}

/******************************* /NEW footer styles *******************************/

/******************************* Locked footer styles *******************************/

#locked-footer {
	width: 100%;
	height: 40px;
	background-color: #fff;
	position: fixed;
	bottom: 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7f7f7f;
}
#locked-footer-border {
	border-top: 1px #ff0000;
}
#social {
	float: left;
}
#social-text {
	float: left;
	width: 76px;
	height: 40px;
}
#social-text p {
	position: absolute;
	margin-top: 14px;
	margin-left: 15px;
}
#social-icon {
	float: left;
	width: 30px;
	height: 40px;
}
#copyright {
	float: right;
	margin-top: 14px;
	margin-right: 15px;
}
#copyright a {
	color: #000;
}
#footer-spacer {
	width: 100%;
	height: 40px;
}

/******************************* / Locked footer styles *******************************/

/******************************* NEW Image Caption *******************************/

#image-caption {
	position: fixed;
	z-index: 2;
	padding-top: 35px;
	right: 35px;
	width: 200px;
	text-align: right;
}
#image-caption a {
	color: #fff;
	text-decoration: none;
	background: #000;
	opacity: 0.3;
}
#image-caption a:hover {
	opacity: 1;
}
#image-description {
	position: fixed;
	z-index: 2;
	top: 53px;
	right: 35px;
	width: 200px;
	text-align: right;
}
#image-description a {
	color: #fff;
	text-decoration: none;
	background: #000;
	opacity: 0.3;
}
#image-description a:hover {
	opacity: 1;
}
#fbook-button {
	position: fixed;
	z-index: 2;
	bottom: 60px;
	right: 20px;
	width: 200px;
	text-align: right;
}