/*
Copyright (c) 2009, Daniel Lauding!
version: 1.0.0
http://daniel.lauding.se
*/

html {
	background:#FFFFFF;
	}

body {
	font:62.5% 'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	color:#6c6c6c;
	}
	
a {outline:none;color:#E8098C;}
a:visited{color:#E8098C;}
a:active{color:#E8098C;}
a:hover {text-decoration:underline;}

h1 {
	font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	font-size:5.3em;
	font-weight:500;
	color:#fff;
	margin:0 0 10px;
}

h2 {
	font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	font-size:4.3em;
	font-weight:500;
	color:#e8098c;
	margin:0 0 0px;
}
	
	h2 a {text-decoration:none;color:#e8098c;}
	
h3 {
	font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	font-size:1.8em;
	font-weight:100;
	color:#e8098c;
	margin:0 0 10px;
}

p {line-height:1.5em;margin:0 0 10px;}

strong{font-weight:bold;color:#4a4a4a;}

.alignleft{float:left;margin:4px 12px 0 0;}
.alignright{float:right;}

.wide {}
.narrow {width:641px;}

/* --- THE WHOLE BODY --- */

div#header {
	height:auto;
	width:960px;
	background:#fff;
	width:100%;
	z-index:9999;
	padding:0 0 20px;
	border-top:3px solid #DF218F;
}

.container{
	margin:0;
	padding:80px 0 0;
}

.inner {
	width:980px;
	margin:0 auto;
	position:relative;
	padding:0px 0 0
}

div#portfolio{}

div#contact{background:#DF218F;}

div#contact .inner{}

div#footer {
	background:#fff;
	font-size:1.2em;
	margin:40px 0 0;
	overflow:hidden;
	border-top:1px solid #DDDDDD;
	padding:60px 0 30px;
}

div.blogphotos {
	background:#fff;
	font-size:1.2em;
	margin:40px 0 0;
	overflow:hidden;
	border-top:1px solid #DDDDDD;
	padding:30px 0 30px;
	border-bottom:1px solid #DDDDDD;
}

div.blogphotos ul li{float:left;margin:0 20px 0 0;}

img#wpstats{display:none;}

/* --- HEADER --- */

.button {
	
}

div#header .inner {
	width:1020px;
	margin:0 auto;
	display:block;
	position:relative;
	background:#fff;
	}

div#header h1#logo {
	background:transparent url(../images/logo.png) no-repeat top left;
	width:220px;
	height:70px;
	text-indent:-9999px;
	position:absolute;
	left:0px;
	top:0px;
	}
	
	div#header h1#logo a {
		display:block;
		width:220px;
		height:70px;
	}
	
div#header ul#nav {
	overflow:hidden;
	position:absolute;
	right:40px;
	top:25px;
}

div#header ul#nav li {
	font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	font-size:1.2em;
	float:left;
	text-transform:uppercase;
	margin:0 0 0 10px;
}

div#header ul#nav li a {
	text-decoration:none;
}

div#header ul#nav li.nav-about.active {
}

div#header ul#nav li.nav-about.active a {
}

/* --- ABOUT ME --- */

div#header #about-me {
	width: 100%;
	background: #E8098C;
	height:auto;
	display: none;
	z-index:9998;
	color:#fff;
}

div#header #about-me .inner {
	width:1019px;
	margin:0px auto;
	padding:30px 0;
	background:#E8098C;
	overflow:hidden;
}

div#header #about-me .inner .story {
	width:70%;
	float:left;
}

div#header #about-me .inner .elsewhere {
	width:26%;
	float:right;
	margin:80px 0 0 0;
}

div#header #about-me .inner .spotify {
	width:26%;
	float:right;
	margin:20px 0 0 0;
}

div#header #about-me .inner .spotify ul li{
	background:transparent url(../images/externalwhite.png) no-repeat top left;
	padding:0 0 0 22px;
	margin:0 0 5px;
	font-size:1.2em;
	/*text-shadow:1px 1px 4px #000000;*/
}

div#header #about-me .inner .spotify ul li a{text-decoration:none;}

div#header #about-me .inner .my-services {
	width:26%;
	float:right;
	margin:20px 0 0 0;
}

div#header #about-me .inner .my-services ul{padding:0 0 0 0px;}

div#header #about-me .inner .my-services ul li {
	list-style-type:disc;list-style-position:inside;
	/*text-shadow:1px 1px 4px #000000;*/
	padding:0 0 0 0px;
	margin:0 0 10px;
	font-size:1.2em;
}

div#header #about-me .inner .elsewhere ul li {
	background:transparent url(../images/externalwhite.png) no-repeat top left;
	padding:0 0 0 22px;
	margin:0 0 5px;
	font-size:1.2em;
	/*text-shadow:1px 1px 4px #000000;*/
}

div#header #about-me .inner .elsewhere ul li a {text-decoration:none;}

div#header #about-me a {
	color:#fff;
}

div#header #about-me img{border:15px solid #fff;}

div#header #about-me h1{/*text-shadow:1px 1px 4px #000000;*/}

div#header #about-me h2{color:#fff;/*text-shadow:1px 1px 4px #000000;*/}

div#header #about-me h3{color:#fff;/*text-shadow:1px 1px 4px #000000;*/}

div#header #about-me p {
	font-size:1.26em;
	margin:0 0 24px;
	/*text-shadow:1px 1px 4px #000000;*/
}

div#header #about-me strong{color:#fff;/*text-shadow:1px 1px 4px #000000;*/}

/* --- CONTACT --- */

div#header #contact {
	width: 100%;
	background: #E8098C;
	height:auto;
	display: none;
	z-index:9998;
	color:#fff;
}

div#header #contact .inner {
	width:960px;
	margin:0px auto;
	padding:30px 0;
	background:#E8098C;
	overflow:hidden;
}

div#header #contact a {
	color:#fff;
}

div#header #contact h2{color:#fff;}

/* --- FEATURED WORK --- */

div.badge {
	background:transparent url(../images/freelance_badge.png) no-repeat top left;
	width:146px;
	height:149px;
	display:block;
	position:absolute;
	text-indent:-9999px;
	z-index:9999;
	right:6px;
	top:41px;
}

div.badge a {
	display:block;
	height:96px;
	margin:15px 0 0 32px;
	position:relative;
	width:101px;
}

div#workbrowser {
	border:1px solid #DDDDDD;
	background:#FAFAFA;
	margin:10px 17px 0 0;
	padding:10px 10px 10px 10px;
	position:relative;
}

/* main vertical scroll */
div#workbrowser #main {
	position:relative;
	overflow:hidden;
	width:698px;
	height: 390px;
	border:1px solid #DDDDDD;
	border-width:0;
	margin:-2px 0 0;
}

/* root element for pages */
div#workbrowser #pages {
	position:absolute;
	height:20000em;
	left:0px;
}

/* single page */
div#workbrowser .page {
	padding:0;
	height: 418px;
	width:699px;
	position:relative;
	margin:0 0 0;
}

/* root element for horizontal scrollables */
div#workbrowser .scrollable {
	position:relative;
	overflow:hidden;
	width: 699px;
	height: 390px;
}

/* root element for scrollable items */
div#workbrowser .scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */

div#workbrowser .item {
	float:left;
	cursor:pointer;
	width:698px;
	height:369px;
	padding:0px;
	margin:25px 0 0;
}

div#workbrowser .item img{height:98.3%;width:99.7%;border:1px solid #DDDDDD;}

/* main navigator */

div#workbrowser h5 {
	position:absolute;
	right:158px;
	top:10px;
}

div#workbrowser #main_navi {
	float:right;
	padding:0px !important;
	margin:23px 0 0 0px !important;
}

div#workbrowser #main_navi li {
	background:#F1F1F1;
	border:1px solid #DDDDDD;
	clear:both;
	color:#585858;
	font-size:1.2em;
	height:4.96em;
	list-style-type:none;
	width:18.1em;
	cursor:pointer;
	font-weight:bold;
	margin:0 0 -1px;
	padding:0;
}

div#workbrowser #main_navi li span {
	background:#F1F1F1;
	height:67%;
	display:inline-block;
	padding:10px 0px 10px 0;
	width:0;
}

div#workbrowser #main_navi li a {
	display:block;
	height:1.31em;
	width:17.2em;
	margin:5px 0 0 10px;
	border:none;
	outline:none;
	color:transparent;
	cursor:pointer;
	}
	
	div#workbrowser #main_navi li small {font-size:0.8em;font-weight:normal;margin:0 0 0 10px;}

div#workbrowser #main_navi li:hover {
	background:transparent;
}

div#workbrowser #main_navi li.active {
	background:transparent;
	border:0;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}

div#workbrowser #main_navi img {
	float:left;
	margin-right:10px;
}

div#workbrowser #main_navi strong {
	font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	font-size:1.15em;
	display:block;
	color:#AA0767;
}

div#workbrowser #main_navi li.active strong {
	font-size:1.15em;
	font-weight:normal;
	color:#CF087D;
}

div#workbrowser div.toolbar {
	width:100%;
	height:25px;
	position:absolute;
	top:0px;
	z-index:999;
	background:#FAFAFA;
	padding:0 3px;
	border-bottom:1px solid #DDDDDD;
}

div#workbrowser div.toolbar h5 {
	font-weight:bold;
	position:relative;
	float:left;
	right:0;
	top:0;
	color:#AA0767;
	font-size:1.2em;
	margin:0 5px 0 0;
}

span.external {
	background:transparent url(../images/external.png) no-repeat scroll right center;
	display:block;
	width:13px;
	height:13px;
	text-indent:-9999px;
	float:left;
	cursor:pointer;
}

span.external a{
	display:block;
	width:13px;
	height:13px;
}

span.browse{
	float:left;
	display:block;
	line-height:1.68em;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px solid #DDDDDD;
}

span.role{
	float:left;
	display:block;
	line-height:1.68em;
	margin:0 5px 0 0px;
}

span.information {
	float:left;
	height:16px;
	margin:0 10px;
	padding:0 20px 0 10px;
	display:block;
	background:transparent url(../images/information.png) no-repeat top right;
	line-height:1.68em;
	border-left:1px solid #DDDDDD;
}

span.information a {
	color:#6C6C6C;
	text-decoration:none;
}

.work-information {
	display:none;
	opacity:0.9;
	position:absolute;
	z-index:9999;
	left:0;
	top:25px;
	background:#FFF;
	padding:10px;
	width:676px;
	border:1px solid #DDDDDD;
}

.work-information p{line-height:1.8em;font-size:1.13em;}

.likeit{
	display:block;
	float:right;
	line-height:1.68em;
	margin:0 10px 0 0;
	padding:0 0px 0 0;
	width:80px;
	overflow:hidden;
}

.services{float:right;padding:0 0 0 10px;border-left:1px solid #DDDDDD;}

.permalink {
	border-left:1px solid #DDDDDD;
	display:block;
	float:left;
	line-height:1.68em;
	margin:0 0 0 8px;
	padding:0 0 0 10px;
}

.services .service {
	float:left;
	height:16px;
	margin-right:5px;
	width:16px;
	text-indent:-9999px;
	display:block;
}

.service.planning {
	background:transparent url(../images/planning.png) no-repeat top left;
}

.service.design {
	background:transparent url(../images/design.png) no-repeat top left;
}


.service.interface {
	background:transparent url(../images/code.png) no-repeat top left;
}

.service.backend {
	background:transparent url(../images/backend.png) no-repeat top left;
}

div#workbrowser div.navi {
	height:25px;
	position:relative;
	margin:1px 0 0 0;
	display:block;
	float:left;
	top:0;
	left:0;
}

div#workbrowser div.navi a {
	background:transparent url(../images/navigator.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	font-size:1px;
	height:8px;
	margin:3px;
	width:8px;
}

div#workbrowser div.navi a.active {
	background-position:0 -16px;
	
}

div#workbrowser .description {
	position:absolute;
	z-index:998;
	bottom:0;
	background:#E8098C;
	color:#ffffff;
	padding:10px;
	width:678px;
	}
	
div#workbrowser .description strong {
	color:#fff;
	font-size:1.4em;
	margin:0 0 5px;
	display:block;
}

div#workbrowser .description p {margin:0; padding:0;}

div#workbrowser a.view-project {
	padding:0px 8px 0px 0;
	float:right;
	color:#fff;
	cursor:pointer;
	text-decoration:underline;
	display:block;
	background:transparent url(../images/link-arrow.png) no-repeat center right;
	font-size:0.9em;
}

div#workbrowser a.view-project:hover{text-decoration:none;}

/* --- SELECTED WORKS --- */

/* --- FEATURED WORK --- */

div.selected-work {
	display: none;
}

div.selected-work {
	border:1px solid #DDDDDD;
	background:#FAFAFA;
	margin:0px 17px 20px 0;
	padding:10px 10px 10px 10px;
}

/* main vertical scroll */
div.selected-work #main {
	position:relative;
	overflow:hidden;
	width:940px;
	height: 428px;
	border:1px solid #DDDDDD;
}

a.slide-prev {
	position:absolute;
	top:350px;
	left:15px;
	background:transparent url(../images/arrow_left.png) no-repeat top left;
	width:24px;
	height:25px;
	text-indent:-9999px;
	display:block;
	cursor:pointer;
}

a.slide-prev:hover{background:url(../images/arrow_left_hover.png) no-repeat top left;}

a.slide-next {
	position:absolute;
	top:350px;
	right:20px;
	background:transparent url(../images/arrow_right.png) no-repeat top left;
	width:24px;
	height:25px;
	text-indent:-9999px;
	display:block;
	cursor:pointer;
}

a.slide-next:hover{background:url(../images/arrow_right_hover.png) no-repeat top left;}

/* root element for pages */
div.selected-work #pages {
	position:absolute;
	height:20000em;
	left:0px;
}

/* single page */
div.selected-work .page {
	padding:0;
	height: 428px;
	width:940px;
	position:relative;
}

/* root element for horizontal scrollables */
div.selected-work .scrollable {
	position:relative;
	overflow:hidden;
	width: 940px;
	height: 428px;
}

/* root element for scrollable items */
div.selected-work .scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */

div.selected-work .item {
	float:left;
	cursor:pointer;
	width:940px;
	height:428px;
	padding:0px;
}

/* main navigator */
div.selected-work #main_navi {
	float:right;
	padding:0px !important;
	margin:0px !important;
}

div#workbrowser #main_navi li span.loading{background:#E6E6E6;}

div.selected-work #main_navi li {
	background:#F1F1F1;
	border:1px solid #DDDDDD;
	clear:both;
	color:#585858;
	font-size:1.2em;
	height:3.45em;
	list-style-type:none;
	padding:10px;
	width:16.5em;
	cursor:pointer;
	font-weight:bold;
	margin:0 0 -1px;
}

div.selected-work #main_navi li:hover {
	background:transparent;
}

div.selected-work #main_navi li.active {
	background:transparent;
	border:0;
}

div.selected-work #main_navi img {
	float:left;
	margin-right:10px;
}

div.selected-work #main_navi strong {
	font-size:1.15em;
	font-weight:normal;
	display:block;
	color:#AA0767;
}

div.selected-work #main_navi li.active strong {
	font-size:1.15em;
	font-weight:normal;
	color:#CF087D;
}

div.selected-work #main div.navi {
	cursor:pointer;
}

div.selected-work div.navi {
	height:20px;
	width:45px;
	position:absolute;
	top:10px;
	left:50%;
	z-index:999;
}

div.selected-work div.navi a {
	background:transparent url(../images/navigator.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	font-size:1px;
	height:8px;
	margin:3px;
	width:8px;
}

div.selected-work div.navi a.active {
	background-position:0 -16px;
}

div.selected-work .description {
	position:absolute;
	z-index:998;
	bottom:0;
	background:#E8098C;
	color:#ffffff;
	padding:10px;
	width:920px;
	}
	
div.selected-work .description strong {
	color:#fff;
	font-size:1.4em;
	margin:0 0 5px;
	display:block;
}

div.selected-work .description p {margin:0; padding:0;}

div.selected-work a.view-project {
	padding:0px 8px 0px 0;
	float:right;
	color:#fff;
	cursor:pointer;
	text-decoration:underline;
	display:block;
	background:transparent url(../images/link-arrow.png) no-repeat center right;
	font-size:0.9em;
}

div.selected-work a.view-project:hover{text-decoration:none;}

/* --- PORTFOLIO --- */

div#portfolio h2 {
	border-bottom:1px solid #F1F1F1;
	margin:0 19px 20px 0;
	padding:0 0 20px;
	display:block;
}

div.portfolio-items {
	overflow:hidden;
	margin:30px 0 0 2px;
	position:relative;
}

div.portfolio-items h3 {margin:0 0 15px;}

div.portfolio-items ul#filter {
	overflow:hidden;
	position:absolute;
	right:22px;
	top:0;
}

div.portfolio-items ul#filter li {
	display:block;
	float:left;
	height:16px;
	margin:0 10px 0 0;
	padding:0 0 0 20px;
	line-height:1.6em;
}

div.portfolio-items ul#filter li.current a {
	color:#6C6C6C;
}

div.portfolio-items ul#filter li.default {
	text-indent:0;
	width:auto;
	line-height:1.6em;
	margin:0 10px 0 0;
}

div.portfolio-items ul#filter li.all {
	padding:0;
}

div.portfolio-items ul#filter li a {
	height:16px;
	position:relative;
	display:block;
	text-decoration:none;
}

div.portfolio-items ul#filter li a:hover{text-decoration:underline;}

div.portfolio-items ul#filter li.planning {
	background:transparent url(../images/planning.png) no-repeat top left;
}

div.portfolio-items ul#filter li.design {
	background:transparent url(../images/design.png) no-repeat top left;
}

div.portfolio-items ul#filter li.interface {
	background:transparent url(../images/code.png) no-repeat top left;
}

div.portfolio-items ul#filter li.backend {
	background:transparent url(../images/backend.png) no-repeat top left;
}


div.thumb-item {
	float:left;
	margin:0 10px 20px;
	width:220px;
	height:160px;
	position:relative;
}

div.thumb-item.active {background:#FAFAFA;}
div.thumb-item.active img, div.thumb-item.active .desc{opacity:0.3}

div.thumb-item img:hover, div.thumb-item .desc:hover{opacity:0.3;cursor:pointer;}

div.thumb-item .thumbnail {}

div.thumb-item .desc {
	position:absolute;
	bottom:0;
	color:#fff;
	background:#DF218F;
	width:100%;
	line-height:2.5em;
	text-indent:10px;
	overflow:hidden;
	height:2.5em;
}

div.thumb-item .desc a.title{}

div.thumb-item .desc a.view-project{margin:0 5px 0 0;text-decoration:underline;}

div.thumb-item a {
	color:#fff;
	text-decoration:none;
	display:block;
	cursor:pointer;
	}

div#wpcf7-f1-p14-o1 {
	position:relative;
	margin:30px 0 0;
}

div#wpcf7-f1-p14-o1 .input {
	font-size:1.1em;
	width:413px;
	overflow:hidden;
	line-height:1.44em;
	padding:0px 0 0;
	/*text-shadow:1px 1px 4px #000000;*/
}

div#wpcf7-f1-p14-o1 .input span {
	float:right;
}

div#wpcf7-f1-p14-o1 .input input {
	border:0px;
	padding:10px;
	background:#fff;
}

div#wpcf7-f1-p14-o1 p.message {
	position:absolute;
	right:0px;
	top:45px;
}

div#wpcf7-f1-p14-o1 p.message textarea {
	border:0px;
	padding:10px;
}

p.sendbox {
	position:absolute;
	right:10px;
}

p.sendbox input {
	border:0;
	background:#E8098C;
	padding:5px;
	color:#fff;
	cursor:pointer;
}

p.sendbox img.ajax-loader{display:none !important;}

/* BLOG */

div#blog, div#blog * {
/*	border: 1px #000 solid;*/
}
div#blog {
	margin:15px 0px 0 0;
	padding:0px 0px 40px;
	position:relative;
	font-size:1.26em;
/*	visibility: hidden;*/
	display:block;
	overflow:hidden;
/*	border:1px solid red;*/
}

div#blog #blog-main {
/*	float:left;*/
	overflow: hidden;
	height: 1%;
	clear: both;
}

div#blog-sidebar {
	float:right;
	margin:0px 0 0 0 !important;
	padding:0 !important;
	width:215px;
}

div#blog-sidebar .widget {
	margin:0 0 30px;
}

.column-0, .column-1, .column-2 { float:left; width:304px; margin-right:30px;  }
.column-2  {margin-right: 0px; }

div#blog-sidebar .widget h5 {
	font-size:1.2em;
	font-style:italic;
	color:#E8098C;
	margin:0 0 8px;
}

div#blog-sidebar .widget ul li {
	list-style-type:none;
	margin:0 0 5px 10px;
}

div#blog-sidebar .widget a{
	color:#6C6C6C;
}

div#blog .post {
	overflow:hidden;
/*	position:absolute;
	top: 0;
	left: 0;*/
	width:304px;
	height: auto;
	margin:0 0 20px;
}
div#blog .post .post-inner {
/*	padding: 30px;*/
	position:relative;
}

div.single-view .post {overflow:hidden;}

div#blog .post object, div#blog .post embed {width:100%;height:220px;}

.post-inner div.fblike{float:left;padding:3px 5px 0 0;opacity:.8;}

#blog div.fblike{width:76px;}

.post-inner div.fblike .button_count .connect_widget_interactive_area .connect_widget_text{display:none;}

div#blog .post.last {
/*	float:left;
	margin:0;*/
}

.blog-post img{border:1px solid #DDDDDD;display:block;}

.blog-post p{padding:3px 10px 0 0;line-height:1.7em;width:500px;}

.blog-post h3{font-size:1.6em;}

.blog-post h3 a {text-decoration:none;}

.blog-post object{display:block;}

.blog-post small.date{display:inline-block;margin:5px 0 10px;}


div#blog .post img{/*border:1px solid #DDDDDD
*/display:block;}

div#blog .post p{padding:3px 10px 0 0;line-height:1.7em;}

div#blog .post ul{list-style-type:disc;margin:0 0 5px;}

div#blog .post ul li{margin:0 0 5px 15px;list-style-type:disc;}

div#blog .post ol{list-style-type:decimal;margin:0 0 5px;}

div#blog .post ol li{list-style-type:decimal;margin:0 0 5px 15px;}

div#blog .post h3{font-size:1.6em;}

div#blog .post h3 a {text-decoration:none;}

div#blog .post object{display:block;}

div#blog .post small.date{display:inline-block;margin:10px 0 0px;clear:both;display:block;}

div#blog .post p.comments{display:block;margin:30px 0 0;}

div#blog .dsq-dc-logo{display:none;}

div#blog #dsq-content h3{font-size:1.5em;}

div#blog #dsq-comments-title{margin:30px 0 0;}

div#blog a.dsq-brlink{display:none;}

div#blog #post-navi{margin:40px 0 0; clear: both;}

#single-project {
	
}

#single-project h3 {
	font-size:2.4em;
}

#single-project a {
	text-decoration:none;
}

/* footer */

div#footer .col {
	width:29%;
	float:left;
	margin:0 65px;
}

div#footer .col.first{margin:0;overflow:hidden;}

div#footer .col.last {float:right;margin:0;padding:0 0px 0 0;width:27%;}

div#footer .inner{width:960px;overflow:hidden;}

div#footer h3{margin:0 0 25px;}

div#footer ul li {
	list-style-position:outside;
	list-style-type:disc;
	margin:0 0 10px 15px;
	padding:0 0 0 0;
}

div#footer a.twitterwidget-title{display:none;}

p.contact{text-align:center;padding:20px 0 10px;clear:both;font-size:0.9em;font-style:italic;}

/* flickrbadge */

#flickr_badge_uber_wrapper {text-align:center;clear:both;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px;float:left;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

#header div.wpcf7-mail-sent-ok{border:0;}

#simplemodal-container a.modalCloseImg {
	background:url(../images/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

.simplemodal-wrap  {
background:none repeat scroll 0 0 #fff;
height:300px;
padding:20px;
position:relative;
}

#simplemodal-overlay  {
background-color:#fff;
}

#simplemodal-container  {
background:url("images/ajax-loader.gif") no-repeat scroll center center #fff;
border:3px solid #CCCCCC;
height:340px;
width:390px;
}

#footer .entry-content{margin:10px 0 0 0;}

.entry-content  {
display:inline;
margin:10px 0 0 550px;
width:385px;
}

/* root element for single scroll */
	.scroll {
		position:relative;
		overflow:hidden;
		width: 394px;
		height: 266px;
		float:left;
	}
	
	/* root element for the scroll pics */
	.scroll .pics {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scroll item */
	.pics img {
		float:left;
		cursor:pointer;
		width:400px;
		margin:0px;
	}
	
	/* possible settings for the active scroll */
	.scroll.active {
	
	}

a.geolocation-link{font-size:0.9em;display:block;}

/* TAGS */

#tags {
	display:none;
	float:left;
	height:100%;
	margin:91px 0 0;
	padding:0;
	width:95px;

}

#tags .wrapper {
	padding:0 10px 25px;
	position:relative;
}

#tagsHeading {
	display:block;
	float:left;
	height:100%;
	margin:91px 0 0;
	padding:0;
}

#tags .wrapper .tag {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background:#E8098C;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	margin-bottom:5px;
	padding:3px;
	text-decoration:none;
}

#tags .wrapper .tag:hover {
	text-indent:3px;
}

#tagsHeading .heading {
	background:red;
	cursor:pointer;
	height:60px;
	text-indent:-9999px;
	width:25px;
	background:transparent url(../images/expand-tag.png) no-repeat top right;
}

#tagsHeading .heading.selected {
	background:red;
	cursor:pointer;
	height:60px;
	text-indent:-9999px;
	width:22px;
	background:transparent url(../images/min-tag.png) no-repeat top right;
}

#tagsHeading .heading:hover{}

#tagsHeading .heading.selected:hover{}

.container.blog{overflow:hidden;}

.tag-container{}

/* TO TOP */

#takeMeUpContainer {
	bottom:0px;
	cursor:pointer;
	display:block;
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	padding:0;
	position:fixed;
	text-decoration:none;
	width:55px;
	height:19px;
}

#takeMeUpContainer span#takeMeUp {
	display:block;
	text-indent:-9999px;
	background:transparent url(../images/totop.png) no-repeat top right;
	width:55px;
	height:19px;
}

/* / TO TOP */

.shareontwitter{padding:3px 0 0;}

.taglisting{display:block;clear:both;font-size:80%;margin:5px 0 5px;}

a.freshpost {
	display:block;
	position:absolute;
	right:26px;
	top:4px;
}