/*
Theme Name: BATC Home
Theme URI: http://wordspop.com
Description: Photoblog theme from Wordspop
Version: 1.2
Author: Sophia Molen
Author URI: http://wordspop.com
Tags: Two Columns, Widgetized, Custom Panel, Photoblog
Note: This theme is free for personal use. For commercial use or removing <a href="http://wordspop.com/">Wordspop</a> link, please <a href="https://www.e-junkie.com/ecom/gb.php?i=892952&c=single&cl=108569">buy this theme for only $39</a>.

Licensed under GNU GPL version 2 http://www.gnu.org/licenses/gpl.html
Redistributions of files must retain the above copyright notice.
*/

/* ============================================================================================ */
/*

INDEX 

0. Includes
1. Reset CSS
2. General Styling
3. Structure Styling
4. Basic Theme Styling
5. Default Theme Styling   

*/

/* ============================================================================================ */




/* =============== */
/*   0. Includes   */
/* =============== */

@import url();

/* ============= */
/*   Reset CSS   */
/* ============= */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	padding-left: 0px;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	margin-bottom: 10px;	
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ==================== */
/*   2. Basic styling   */
/* ==================== */

body {
	margin: 0 auto;
	padding: 0;
	padding-left: 80px;
	font-size: 62.5%;
}
#page {
	margin:  -.2em auto;
	width: 980px;
}
a {
font-weight:bold;
}
a:hover {
}
a:active {
}
a:visited {
}
.clear {
	clear: both;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
img.alignleft {
	padding-right: 10px;
	padding-bottom: 10px;
}
img.alignright {
	padding-left: 10px;
	padding-bottom: 10px;
}
.main-outer {
	width: 1000px;
	background: #fff;
	margin: 0 auto;
}

test 

/* ======================== */
/*   3. Structure Styling   */
/* ======================== */

#header {
	background: #fff;
	margin-top: 0 auto;
}
#header .container {
	margin: 20;
	background: #fff;
	margin: 0 auto;
}
#header .title {
	font-size: 0em;
	font-weight: 1;
	margin:0 auto;
}
#header .adsheader {
	margin-top: -60px;
	float: right;
}
#header .title a {
}
#header .tagline {
	padding-left: 0px;
	float: left;
}
#content {
	background: #fff;
	padding-top: 0px;
	padding-left: 15px;
}
#navigation {
	background: #fff;
	margin: 0 auto;
	text-align: center;
}
.sf-menu {
	margin-left: 8px;
	background: #fff;
	margin: 0 auto;
	font-family: Lucinda Grande, Verdana, Arial;
	font-weight:200;
	color:#333333;
}
.sf-menu li {
	padding: 8px;
	float: left;
}
#header .search {
	float: right;
}
.post .featured {
	width: 220px;
}
.detail {
	background: #fff;
	opacity:.7;
	width: 200px;
	margin-top: 0px;
}
.detail h2 {
	padding-left: 0px;
	padding-bottom: 10px;
}
.detail .meta {
	margin-left: 0px;
	margin-top: -15px;
}
.detail .excerpt {
	background: #fff;
	text-align: justify;
	padding-left: 3px;
	margin-top: -25px;
	height: 200px;
	overflow: hidden;
}
.pic-excerpt h3 {
	padding: 10px 20px;
}
.pic-excerpt div.pic img {
	padding-right: 5px;
	padding-bottom: 5px;
}
.devider {
	padding: 0px 0 0 0;
	margin-bottom: 0px;
	height: 2px;
	clear: both;
}
.devider2 {
	max-width: 700px;
	padding: 0px 0 0 0;
	margin-bottom: 6px;
	height: 2px;
	clear: both;
}
.devider3 {
	padding: 0px 0 0 0;
	margin-bottom: 6px;
	height: 2px;
	clear: both;
}
.devider4 {
	max-width: 280px;
	margin-bottom: -10px;
	height: 2px;
	clear: both;
}
#footer {
	padding-bottom: 20px;
}

/* -- Single */

.single h1, .single .post .meta, .single .post p, .single .post blockquote, .single .post ul, .page h1, .page .post .meta, .page .post p, .page .post h2, .page .post h3, .page .post h4, .page .post blockquote  {
	width: 700px;
	font-size:18px;
	font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 10px;
	color:#202020;
	letter-spacing: 1px;
}
.single .post .meta {
	padding: 0;
}
.single .post .meta a {
	padding-right: 20px;
}
.single .wp-caption {
	clear: both;
	padding-bottom: 20px;
}
.single .wp-caption a img {
	float: right;
}
.single p.wp-caption-text {
	float: right;
}


/* ========================== */
/*   4. Basic Theme Styling   */
/* ========================== */
body {
	background: #fff;
	font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 10px;
	letter-spacing: 1px;
}

/* ============================ */
/*   5. Default Theme Styling   */
/* ============================ */
a {
	color: #000;
	text-decoration:none;
}
a:hover {
	color: #999;
}

/* -- header */
#header .title a {
	color: #000;
	font-family: Franklin Gothic Book, Arial, Verdana;
	text-decoration: none;
}
#header .title a:hover {
	color: #999;
}
#header .tagline {
	font-size: 14px;
	line-height: 94px;
	font-weight: bold;
}
#header .search input {
	border: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
	padding: 5px 15px;
	font-size: 1.3em;
	color: #fff;
	font-weight: bold;
}

/* -- Navigation */
#navigation {
	z-index: 9;
}
.sf-menu li {
	background: #fff;
	margin-top: 28px;
	z-index: 9;
	padding: 0px 25px;
}
.sf-menu li a {
	z-index: 9;
	float: center;
	margin-left: 10px;
	padding: 10px 0px;
	font-size: 24px;
	letter-spacing: 0px;
	font-family: Arial Narrow, Open Sans, Arial, Verdana;
	color: #000;
	font-weight: 300;
	text-decoration: none;
	border: 1px solid transparant;
/*
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
*/
	/* border-radius: 4px; */
}
.sf-menu li a:hover, .sf-menu li.sfHover a{
	color: #afafaf;
	background: #fff;
	z-index: 9;
}

#menu-item-10802 a{
	color: #000;
}
#menu-item-10802 a{
	background: url('http://taoofsophia.blogandthecity.net/wp-content/uploads/sites/2/newicon.gif') no-repeat; display:overflow; padding-left:10px;
}


/* -- Post */
.post .detail h2 {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 10px;
}
.post .detail h2 a {
	color: #000;
	text-decoration: none;
	font-weight: 100;
	font-weight:normal;
}
.post .detail h2 a:hover {
	color: #333;
}
.detail .meta {
	font-size: 1.0em;
	line-height: 10.0em;
	color: #000;
}
.detail .meta p {
	font-family: Verdana, Arial;
	font-weight: bold;
}
.detail .meta .top {
	background: url() repeat-x left top;
	height: 1px;
	padding-bottom: 0px;
}
.detail .meta .bottom {
	background: url() repeat-x left bottom;
	height: 1px;
	padding-top: 0px;
}
.detail .meta p {
	padding: 1px 10px;
	padding-left: 0 !important;
}
.detail .meta p a {
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 10px;
	color: #000;
}
.detail .meta p a:hover {
	color: #999;
}
.detail .excerpt {
	font-size: 1.1em;
	text-transform: uppercase;
	line-height: 1.6em;
	color: #000;
	padding-top: -50px;
	padding-bottom: -10px;
}
.no-featured .detail {
	width: 460px;
}
.pic-excerpt {
	margin-top: 10px;
	float: left;
}
.pic-excerpt h3 {
	font-size: 1.2em;
	text-transform: uppercase;
	color: #000;
}
.pic-excerpt div.pic {
	padding-left: 20px;
	padding-bottom: 10px;
}
.pic-excerpt .outer {
	}
.pic-excerpt .top {
	background: none;
}
.pic-excerpt .bottom {
	background: none;
}
.featured {
	padding-bottom: 35px;
	background: url() no-repeat center bottom;
float:left
}
.no-featured h2, .no-featured div.meta, .no-featured div.excerpt, .no-featured div.pic-excerpt, .no-featured .outer h3, .no-featured .outer div.pic {
	padding-left: 0px;
	margin-left: 0px;
}
.no-featured div.meta p {
	display:inline;
}
/* -- Devider */
.devider {
	background: url("") repeat-x bottom;
	text-align: right;
}
.devider2 {
	background: url("") repeat-x bottom;
	text-align: right;
}
.devider3 {
	background: url("") repeat-x bottom;
	text-align: right;
}
.devider4 {
	background: url("") repeat-x bottom;
	text-align: right;
}
.devider a {
	text-transform: uppercase;
	font-weight: normal;
	color: #000;
	font-size: 1.3em;
	text-decoration: none;
/* 	text-shadow: 1px 1px #e4f4f8; */
	background: url() no-repeat right center;
	padding-right: 5px;
}
.devider a:hover {
	color: #999;
}

/* -- Footer */
#footer {
	font-size: 1.3em;
	color: #000;
}
#footer .footlogo {
	margin-top: -10px;
	line-height: 2.4em;
}
#footer .footlogo a {
	background: url("images/wordspop.jpg") no-repeat top center;
	width: 96px;
	height: 24px;
	display: block;
	text-indent: -7777px;
}

/* -- Single */

.single h1, .page h1, .archive h1, .category h1 {
	font-family: Open Sans, Arial, sans-serif;
	font-weight: 300;
	font-size: 30px;
}
.single h1 a, .page h1 a {
	text-decoration: none;
}
.single .post, .page .post {
	background: none;
}
.single .post .meta, .page .post .meta {
	font-size: 1.3em;
	background: url() repeat-x left bottom;
}
.single .post .meta span, .page .post .meta span {
	font-family: Verdana, Arial;
	text-transform: uppercase;
}
.single .post .meta a, .page .post .meta a {
	font-weight: bold;
	text-decoration: none;
}
.single .post p, .page .post p {
	font-size: 1.3em;
	padding: 0.8em 0;
	line-height: 1.8em;
}
.post ol, .post ul {
	padding: 0 0 1.6em 0;
	font-size: 1.3em;
	padding-left: 20px;
}
.post ol {
	list-style: decimal;
}
.post ul {
	list-style: disc;
}
.post ol li, .post ul li {
	padding: 0.5em 0;
}
.wp-caption img {
	float: center;
	padding-bottom: 35px;
}
.single p.wp-caption-text, .page p.wp-caption-text {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-family: "Arial Narrow", Verdana;
	background: #ddd url("../../uploads/borderdiv-bg.gif") repeat-x left bottom;
	width: 210px;
	padding-left: 20px;
	padding-right: 10px;
}

blockquote {
	font: italic 1.3em Georgia, "Times New Roman", Serif;
	border-left: 5px solid #000;
	padding: 0 15px;
	margin-bottom: 20px;
}

/* Category */
.sidelist {
}
.sidelist h1 {
	padding-bottom: 20px;
}
.sidelist .post {
	width: 220px;
	float: left;
	text-align: center;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.sidelist .post h2 {
	font-size: 1.5em;
	font: Verdana, Arial;
	padding-top: 5px;
}
.sidelist .post h2 a {
	text-decoration: none;
}
.sidelist .post .date {
	font-size: 1.5em;
}
.sidelist .cat-desc {
	font-size: 1.5em;
	line-height: 1.2em;
	padding-bottom: 50px;
	line-height: 1.4em;
}

/* Nav Menu */
ul ul.sub-menu {
	position: absolute;
	width: 250px !important;
	margin-top: 47px;
	padding-right: 50px;
	background: #fff;
	padding: 0;
	z-index: 9;
}
ul ul.sub-menu li {
	clear: both;
	float: none;
	background: #fff !important;
	color: #000;
	padding: 0;
}
ul ul.sub-menu li a {
	background: #fff !important;
	color: #000;
	display: block;
	float: none;
	size: 10px;
}
ul ul.sub-menu li a:hover {
	background: #fff !important;
	color: #000;
}
ul ul.sub-menu li a {
	padding: 10px 10px;
}

/* Comment Template */
h3#comments-title {
	font-family: Verdana, Arial;
	font-size: 1.5em;
	font-weight: bold;
	width: 700px;
	background: url("") repeat-x scroll left top transparent;
	padding-top: 10px;
	padding-bottom: 10px;
}
ol.commentlist {
	list-style: none;
	width: 700px;
	font-size: 1.3em;
}
ol.commentlist div {
}
ol.commentlist li {
	background: url("../../uploads/borderdiv-bg.gif") repeat-x scroll left bottom transparent;
	padding: 20px 0;
}
ol.commentlist li img.avatar {
	float: left;
}
ol ul.children {
	background: none;
	padding-top: 20px;
}
ol ul.children li {
	background: none;
	border-left: 5px solid #000;
	padding-left: 20px;
}
ul.children div.comment-post {
	width: 560px;
}
div.comment-author {
	width: 100px;
	float: left;
}
div.comment-post {
	width: 590px;
	float: right;
}
div#respond {
	clear: both;
	font-size: 1.3em;
}
div#respond h3 {
	font-family: Verdana, Arial;
	font-size: 1.5em;
	font-weight: bold;
	padding: 10px 0;
	color: #000;
}
cite.fn {
	font-style: normal;
}
.comment-meta {
	font-size: 1.1em;
	padding-bottom: 3px;
}
.comment-meta a {
	font-weight: normal;
	text-decoration: none;
}
.comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-comment label {
	width: 80px;
	float: left;
	line-height: 40px;
}
.required {
	display: none;
}
.reply {
	float: left;
	padding-top: 10px;
}
.reply a {
	display: block;
	padding: 5px 10px;
	background: #B8F303;
	color: #000;
	text-transform: uppercase;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	text-decoration: none;
}
.reply a:hover {
	color: #999;
}
form#commentform {
	width: 700px;
	padding-top: 10px;
}
form#commentform p {
	padding: 8px 0;
	font-size: 1.1em;
}
form#commentform p input, form#commentform p textarea {
	border: none;
	background: #FFF;
	font-size: 10px;
	border:1px solid #000;
	padding:7px;
	font-family: Arial, Verdana, Helvetica;
}
form#commentform p input:focus, form#commentform p textarea:focus {
	background: #fff;
	color: #000;
}
form#commentform p textarea {
	font-size: 1.1em;
}
form#commentform p.form-submit {
	padding-left: 80px;
}
form#commentform #submit {
	background: #000;
	color: #fff;
	font: Arial;
	text-transform: uppercase;
	cursor: pointer;
}
p.form-allowed-tags {
	background: #efefef;
}
#comments {
	clear: both;
}

/* Paging */
.paging {
	clear: both;
	font-size: 17px;
	padding-bottom: 30px;
	margin-top: 30px;
}
.paging a {
	background: #000;
	color: #fff;
	text-decoration: none;
	padding: 5px;
}
.paging a:hover {
	background: #666;
}

/*ROTATE TEXT */
.marquee-text {
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	text-decoration:none;
}

.marquee-text a:{
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	text-decoration:none;
}

.marquee-text a:link {
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	text-decoration:none;
}

.marquee-text a:hover {
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	text-decoration:none;
}

.marquee-text a:active {
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	text-decoration:none;
}
.marquee-text a:visited {
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	text-decoration:none;
}
#marquee {
	width: 30%;
	height: 18px;
}
#marquee div {
	height: 0px;
}
#marquee2 {
	width: 30%
	height: 18px;
}
#marquee2 div {
	height: 0px;
} 
.wop {
	padding: 0;
	margin: 0;
}
.rotate-text {
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);	
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.8369701987210297e-16, M12=-1, M21=1, M22=-1.8369701987210297e-16, SizingMethod='auto expand')";
	filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=-1.8369701987210297e-16,
            M12=-1,
            M21=1,
            M22=-1.8369701987210297e-16,
            SizingMethod='auto expand');
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	margin-left:0px;
	padding:10px 10px 10px 10px;
	z-index:-1;
	position:absolute;
}

.rotate-text2 {
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=3.061616997868383e-16, M12=1, M21=-1, M22=3.061616997868383e-16, SizingMethod='auto expand')";
	filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=3.061616997868383e-16,
            M12=1,
            M21=-1,
            M22=3.061616997868383e-16,
            SizingMethod='auto expand');

	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	margin-right:50px;
	padding:10px 10px 10px 10px;
	z-index:-1;
	position:absolute;
}


////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

/* Some stylesheet reset */
#cssmenu > ul{
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}

/* The container */
#cssmenu > ul {
	display: block;
	position: relative;
	width: 130px;
}

	/* The list elements which contain the links */
	#cssmenu > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 130px;	
	}

		/* General link styling */
		#cssmenu > ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #fff;
			border-bottom: 1px dotted #d9d9d9;
			padding: 11px 20px;
			width: 110px;

			/* Typography */
			font-family:  Arial, sans-serif;
			color: #404040;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 0px 0 #fff;
			font-size: 13px;
			font-weight: 300;

			/* Background & effects */
			background: #FFFFFF;
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu > ul li:first-child>a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu > ul li:last-child>a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a {
			color: #fff;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
			background: #FFF;
			background: -webkit-linear-gradient(bottom, #000, #000);
			background: -ms-linear-gradient(bottom, #000, #000); 
			background: -moz-linear-gradient(bottom, #000, #000);
			background: -o-linear-gradient(bottom, #000, #000);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssmenu > ul .has-sub>a::after {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #404040; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu > ul .has-sub>a::before {
			content: '';
			position: absolute;
			top: 17px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #fff;
		}

		/* Changing the color of the arrow on hover */
		#cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after {
			border-left: 4px solid #fff;
		}

		#cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before {
			border-left: 4px solid rgba(0, 0, 0, .25);
		}

	
		/* THE SUBMENUS */
		#cssmenu > ul ul {
			position: absolute;
			left: 150px;
			top: -9999px;
			padding-left: 5px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu > ul li:hover>ul {
			top: 0px;
			opacity: 1;
		}


/* LOOP POST */

#cms-column
{
	float:left;
	position: relative;
	width: 50%;

}

/* TEXT OPMAAK VOOR TITELS OP DE HOMEPAGE */
.blog-titles2 {
	letter-spacing: 2px;
	font-size:15px; 
	color:#000; 
	line-height:100%; 
	font-family: Arial Narrow, Arial, Times New Roman, Lucida Sans Unicode;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	margin-top: -35px;
}
.textmore {
	font-size:12px; 
	color:#999; 
	line-height:110%; 
	font-family: Verdana, Arial;
	text-decoration:none;
	float: right;
	margin-top: -25px;
}
.dataposts {
	font-size:13px; 
	color: #202020; 
	font-family: Courier, Verdana, Arial;
	float: right;
	font-weight: normal;
}

.adsheader {
	float: right;
}

/* container FOOTER */
#container2 {
  
}
#container2 .column2 {
}
#center2 {
  width: 400px;
  float:left;
}
#left2 {
  width: 200px;          /* LC width */
  right: 100px;          /* LC width */
  float:left;
}
#right2 {
  width: 300px;          /* RC width */
  float: left;
  text-align:center;
}

/* container CITIES MENU */
#container3 {
  
}
#container3 .column3 {
}
#center3 {
  width: 313px;
  float:left;
}
#left3 {
  width: 313px;          /* LC width */
  float:left;
}
#right3 {
  width: 313px;          /* RC width */
  float: left;
  margin-top: -50px;
}


/* CLASS voor verbergen Internet Explorer */
.ie-HIDE {
	     display:none;
}

#pf_17437 span {
    margin-right: 30px;
}


/* container PASSIONFRUITS */
#containerpf {
  width: 100px;
  float: left;
  position: fixed;
  top: -380px;
  left: -125;
  margin: 26% 0 0 10%;

}
#containerpf2 {
  width: 100px;
  float: right;
  position: fixed;
  top: -380px;
  right: 20;
  margin: 26% 0 0 10%;

}

#searchform {
margin: 10px auto;
padding: 10px 3px;
text-align: center;
text-transform: uppercase;
}
input#s{
width:150px;
background:#fff;
text-transform: uppercase;
font-family: Georgia,
font-weight: normal;
border-color: #000;
border: 1px;
}
input#searchsubmit {
color:#000000;
background:#ffffff;
}

pstyle {
	font-family: "Open Sans", Helvetica Neue, Helvetica, Arial;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	color: 474747;
	font-size: 1.1em;
	text-decoration: none;
 	text-shadow: 1px 1px f1f0f0; */
	background: url() no-repeat right center;
	padding-right: 5px;
}

pstyle2 {
	text-transform: uppercase;
	font-weight: normal;
	color: 474747;
	font-size: 1.0em;
	text-decoration: none;
 	text-shadow: 1px 1px f1f0f0; */
	background: url() no-repeat right center;
	padding-right: 5px;
}

.header-wrapper {
	float:left;
	width:100%;
	background:#fff;
	padding:12px 0 12px 0;
}
.footer-wrapper {
	float:left;
	width:100%;
	background:#fff;
	padding:12px 0 12px 0;
}
.body-wrapper {
	float:left;
	width:100%;
	background:#fff;
	padding:12px 0 12px 0;

}

.postedby {
	position: absolute;
	top:250px;
	left: 15px;
	text-transform: uppercase;
	background-color: #000;
	color: #fff;
	letter-spacing: 3px;
	font-size: 11px;
	font-family: "Arial Narrow", Courier New, Arial, Verdana;
}

.space {
	padding-top: 40px;
}
.space2 {
	padding-top: 5px;
}

.homepagetitle {
	padding-top: 60px;
	font-weight: 300;
	letter-spacing: 5;
	text-align: center;
	font-family: "Didot", Times New Roman;
	font-size: 30px;
}
.homepagetitle2 {
	padding-top: 60px;
	font-weight: bold;
	letter-spacing: 3;
	text-align: center;
	font-family: Verdana, Arial;
	font-size: 14px;
}
.homepagetitle3 {
	padding-top: 40px;
	padding-right: 50px;
	padding-bottom: 40px;
	text-align: center;
	font-family: "Didot", Times New Roman;
	font-size: 40px;
}

.pf_ads span a:hover img {
opacity: .5
}

.breadcrumbs {
	text-transform: uppercase;
}
p#breadcrumbs {
	font-size: 9px;
	align: center;
	display: block;
}

.containerads {
	width: 1000px;
	background: #fff;
}



@media (max-width: 650px) {
	/* @media (max-width: 650px)  */

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


}



#mc_title {
	text-transform: uppercase;
}
#mc_header {
	text-transform: uppercase;
}
#mc_signup_submit {
    display: block;
    height: 30px;
    width: 50px;
    margin-left: -70px;
    background: #FFF;
    border: 1px solid rgba(33, 68, 72, 0.59);
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font: bold 1.2em/100px Arial, Helvetica, Geneva, sans-serif;
}


.shoptheblogs {
float: left;
width: 200px;
margin-left: 0px;
height: 200px;
background: url("http://taoofsophia.blogandthecity.net/wp-content/uploads/sites/2/shoptheblogs.png") 0px center no-repeat;
}

img#wpstats{
 display: none;
 }

cookie-law-info-bar {
text-transform: uppercase;
}

.subscriptionbar {
font-family: Sans-serif; letter-spacing: 6px; color: #000; font-size: 0.7em; width:85%;height:0px;background: URL("http://blogandthecity.net/wp-content/uploads/2015/03/-longline-suede-coat_jogging-overall_adidas-stan-smith-outfit-450x675.png");
} 


.balk {
	width: 100%;
	background: #fff;
	margin-bottom: 0px;
	border-top: 1px solid #000;
	padding: 5px 46px;
	opacity: 0.8;
	max-height: 30px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999999;
}

.socials {
	display: block;
    	float: right;
    	margin: 14px 64px 0 0;
}