/*
Theme Name: Victorian in Bloom
Version: 2.0
Description: Based on Bravenewworld by Karl Dawson
Theme URI: http://thatstandardsguy.co.uk

Author: Sergey Guryakov - stereojam: the pixelsmith
Author URI: http://stereoj.am
Tags: victorian
*/

/*
Big Red Angry Text
See http://accessites.org/site/2006/07/big-red-angry-text/
*/
font,center,div[align],p[align],table[align],font[color]{margin:10px;padding:10px;color:#cd0000;background:#eecc11 url(assets/imgs/exlamation.png) repeat 0 0;border:2px dashed #cd0000;font-size:2em;font-weight:700;}


/*
Big Red Angry Text
See http://accessites.org/site/2006/07/big-red-angry-text/
*/
font,center,div[align],p[align],table[align],font[color]{margin:10px;padding:10px;color:#cd0000;background:#eecc11 url(assets/imgs/exlamation.png) repeat 0 0;border:2px dashed #cd0000;font-size:2em;font-weight:700;}

/* Reset browser defaults ------------------- */
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;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}/* tables still need 'cellspacing="0"' in the markup */
html{overflow-y:scroll;}/* preserves space for scrollbar */
a img{border:none;vertical-align:bottom;}

/* HTML 5 elements */
header,nav,section,article,dialog,figure,aside,footer{display:block;margin:0;padding:0;}

/* Base font size 14px / 21px line height, just for starters ---- */
/* See http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ for font-face usage */
body{font:14px/1.5 'Junction', Trebuchet MS, sans-serif; background: url(images/bg.jpg) repeat 0 0; }

#page{font-size:1em;line-height:1.5;}

/* 21px equiv. */

h2{margin:0;font-size:1.285714em;line-height:1.28em;margin-bottom: 10px;}

/* 18px equiv. */
h3,.widgettitle{margin:0 10px 1.3125em;font-size:1.142857em;line-height:1.3125;font-style:italic;}

/* 16px equiv. */
h4,h5,h6{margin:0 10px 1.5em;font-size:1em;line-height:1.5em;font-weight:700;}

/* 14px equiv. */
.hentry h1,h2,h3,h4,h5,h6,blockquote{}
p,ul,ol,address,cite,blockquote,dd,td,th,label,select,input,textarea{margin:0 10px 1.5em;font-size:1em;line-height:1.5em;}
table{margin-bottom:1.5em;font-size:inherit;font-size:100%;}
select,input,textarea{font:99% helvetica,arial,sans-serif;}
.amp{font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif;font-size:1.0769em;line-height:1;font-style:italic;font-weight:400;}
address{font-style:normal;}
small,p.small,.hentry footer,.form-allowed-tags{font-size:0.857143em;line-height:1.75em;}
blockquote p{padding:10px;margin:10px;}
blockquote{padding:10px;
background: url(images/blockquoteBg.png) repeat 0 0;
color:#333;
border:1px solid #eee;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-style:italic;}


/* CSS for  */

* {
	margin: 0;
	padding: 0;
}
/* Global Styles */

a, a:link { color: #81220F;  text-decoration: none;  }
a:hover { }
a:visited {

}
a:active {
position: relative;
top: 1px;
}


h1 {
	color: #555;
	font-size: 1.6em;
	font-weight: 400;
	font-size: 24px;
	line-height: 27px;
	margin-top: 10px;
	font-family: Georgia, Times New Roman, serif;
}
h2, h2 a {
	color: #291f18;

	font-family: Georgia;
	font-weight: 400;
}
h3 {
	color: #333;
	font-size: 1.2em;
	font-weight: 400;
}

.l { float: left; }
.r { float: right; }
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }


img { border: 0; }
img.l { margin: 0 10px 0 0; }
img.r { margin: 0 0 0 10px; }




/* Layout */

#headerContainer {
width: 1015px;
margin: 0 auto;
padding-top: 40px;
background: url(images/headerBg.png) no-repeat 0 20px;
}
#header {
margin: 15px 25px 0 25px;
padding: 20px 20px 0 20px;

background: url(images/headerBg.jpg) no-repeat 0 0;
display: block;
position: relative;
}
a.logo {
background: url(images/vibLogo.png) no-repeat 0 0;
display: block;
height: 265px;
width: 308px;
position: absolute;
float: left;
left: -10px;
top: -30px;
}
a.moreLogo {
 display: block;
  
    height: 70px;
    left: 300px;
    position: absolute;
    top: 40px;
    width: 400px;
}
p.tagLine {
background: url(images/vibSlogan.png) no-repeat 0 0;
padding: 70px 0 0 30px;
width: 400px;
margin: 20px 0 10px 290px;
font-family: Georgia, Times New Roman;
text-transform: uppercase;
letter-spacing: 1px;
float: left;
}

.twitter {
float: right;
background: url(images/twitterBg.png) no-repeat 0 0;
width: 255px;
height: 300px;
position: absolute;
right: -15px;
top: -25px;
}
a.rss {
margin-top: 13px;
float: right;
display: block;
width: 50px;
height: 30px;
}
a.twitterButton {
margin-top: 13px;
float: right;
display: block;
width: 60px;
height: 50px;

}
.twitter h2.widget-title  {
display: none;
}
.avatar {
display: none;
}
h2.widget-title {
text-transform: uppercase;
}
.victorianbloom {
padding: 25px 10px 0 10px;
font-size: 12px;
text-align: center;
font-weight: 500;
}
.victorianbloom p {
margin: 0;
}
/* Navigation */
#nav {
position: relative;
z-index: 25;
 padding: 50px 78px 60px 0;
background: url(images/navBg.png) no-repeat 100% 10px;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0 135px 0 0;
	list-style: none;
	float: right;
}

#nav ul li { /* all list items */
text-align: center;
	float: left;

}

#nav ul li a {
text-align: center;
	display: block;
	padding: 0 15px;
	color: #81220f;
	font-size: 20px;
	font-family: 'Junction', Trebuchet MS;
}

#nav ul li ul { /* second-level lists */
	position: absolute;
	background: orange;
	width: 10em;
	left: -999em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { /* lists nested under hovered list items */
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

.alignright {
float: right;
}
.alignleft {
float: left;
}
#containerContainer {
width: 1015px;

margin: 0 auto;
background: url(images/containerBg.png) repeat 0 0;
}
#container {
padding: 0 20px;
position: relative;
}
nav#sidebar {

}

 #container .sticky .widget_nav_menu{
    width: 297px;
		position: fixed;  
    z-index: 88;
	
}#container .sticky .widget_nav_menu{
top: 10px;
}
/*
	#container .sticky .widget_tag_cloud  {
	top: 180px;
	}*/
	#container .sticky a.top {
	top: 180px;
 float: left;
		position: fixed;  
    z-index: 88;
	}
	.opacity .top {
	opacity:1;
	-webkit-transition:opacity 700ms linear;
	-moz-transition:opacity 700ms linear;
	transition:opacity 700ms linear;
}

.opacity .top.hidden {
	opacity:0;
}
	
	
.rightCol {
float: right;
width: 335px;
position: relative;
}#sidebar {
padding: 0 20px;
}
#sidebar section{
width: 100%;
}
.leftCol {
float: left;
width: 630px;
color: #464545;
}
.leftCol p, .leftCol ul li {
line-height: 1.8em;
}
.blog header {
position: relative;
}

time.date {
   background: url("images/dateBg.png") no-repeat scroll 0 0 transparent;
    height: 50px;
    left: -91px;
    position: absolute;
  
    width: 70px;
		color: #fff;
		padding: 10px 10px 30px 13px;
}
.tag time.date { 
left: -52px;
}
.category time.date {
left: -50px;
}
span.year {
display: block;
font-size: 18px;
padding: 27px 0 0 0;
}
#footer {
margin-top: 200px;

}

ul.xoxo {
float: left; 
width: 20%;
}


h2.entry-title {
margin-bottom: 15px;
}
h2.entry-title a{
font-size: 24px;
color: #81220F;

}

.hfeed>h1, .hentry h1 {
margin-bottom:8px;
}
#site-title a, .hfeed>h1 a, .hentry h1 a{font-size: 24px;
color: #81220F;

font-weight: 400;
font-family: Georgia, Times New Roman, serif;
line-height: 24px;

}

.hfeed{
padding: 0 0 0 20px;
}
address.vcard {
margin: 0;
padding: 0 0 0 3px;
display: inline;
}

blockquote img {
max-width: 480px;
width:expression(document.body.clientWidth > 480? "480" : "auto");
}
.type-post img {
max-width: 530px;
padding: 7px;
background: url(images/imgBg.png) repeat 0 0;
border: 1px solid #F1EFE1;
-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;

}

.entry-content img {
padding: 7px;
background: url(images/imgBg.png) repeat 0 0;
border: 1px solid #F1EFE1;
-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
}

.post{ 
padding: 30px 0 40px 0;
background: url(images/divider.png) no-repeat 0 100%;
}
.blog .hfeed article {

}

.type-post  header {
padding-bottom: 30px;
}
.page .entry-content {
margin-top: 40px;
}
.page time.date, .archive time.date {
 left: -49px;
}
.page .commentsContainer, .archive .commentsContainer{
left: 135px;
}
.page .catContainer, .archive .catContainer {
left: 292px
}

.tag time.date {

}

/* postMeta */

.metaPost {
 float: left;
    margin: 0 0 15px;
    padding: 0;
}
.author2{
   background: url("images/metaIcons.png") no-repeat scroll -8px -45px transparent;
	 padding: 4px 0 4px 24px;


}
.author1{
 	 padding: 4px 0 4px 24px;
   background: url("images/metaIcons.png") no-repeat scroll -8px -8px transparent;
	

}
.commentsContainer, .authorContainer, .catContainer {
position: absolute;

}
.authorContainer {
border-right: 1px dotted #c7bea5;
padding: 0 10px 0 0;
}
.commentsContainer {
   background: url("images/metaIcons.png") no-repeat scroll 5px -118px transparent;

	 border-right: 1px dotted #c7bea5;
	 padding: 0 12px 4px 46px;
	 left: 100px;
}
.tagContainer {
   position: relative;
	 top: 32px;
   background: url("images/metaTags.png") no-repeat 0 0 transparent;
	
	 padding: 3px 0 4px 41px;
}
.catContainer {
 left: 255px;
  border-right: 1px dotted #c7bea5;
	padding: 0 12px 0 0;
}
/* pagination */ 
.pagination {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
 
 margin-top: 20px;

}
.pagination a {
font-size: 24px;

}
.pagination .prev a {
float: left;
width: 150px;
text-align: left;
background: url("images/blockquoteBg.png") repeat scroll 0 0 transparent;
width:240px;
padding: 20px;
line-height: 29px;
}
.pagination .next a {
float: right;
width:240px;
padding: 20px;
text-align: right;
background: url("images/blockquoteBg.png") repeat scroll 0 0 transparent;
line-height: 29px;
}

/* sidebar */
.vibIntro{
width: 335px;
height: 245px;
margin-bottom: 25px;
background: url(images/aboutIntroBg.png) no-repeat 0 0;
}
.vibIntroContent{
padding: 30px 40px 0px 170px;
    color: #111111;
    font-size: 12px;
    line-height: 19px;
}

.widget-container {
float: left;
clear: both;
margin: 0 0 25px 0;
}

h2.widget-title{
display: block;
background: url(images/fingerYo.png) no-repeat 0 0;
padding: 0 0 10px 70px;
margin: 0;

border-bottom: 1px dotted #111;
}
.tagcloud {
padding: 20px 0;
margin: 0 10px;
}
/* widgets - pinterest */
.widget_pinterest-pinboard-widget{
position: relative;
}
.pin_logo {
position: absolute;
top: 0px;
float: right;
right: 3px;
}
a.pin_logo:active {
position:absolute;
}
.widget_pinterest-pinboard-widget .pinboard { margin-top: 10px; float: right; }

.widget_pinterest-pinboard-widget .pinboard img { width: 66px; height: 66px; padding: 0 5px 5px 0; }
 .widget_pinterest-pinboard-widget .pin_link { padding-top: 5px; }
.widget_pinterest-pinboard-widget .pin_text { vertical-align: super; }
 .widget_pinterest-pinboard-widget .pin_text a { color: #999; }
 
 
/* widgets - archive */
.widget_archive ul li {
float: left;
width: 50%;
padding: 3px 0;
}

#sidebar ul.xoxo {
width: 300px;

}#sidebar ul.xoxo  li {
padding: 4px 0;
}
.widgets ul {
margin-top: 15px;
}
.footerContainer{
width: 300px;
font-size: 11px;
float: right;
text-align: right;
padding-right: 30px;
}
#disqus_thread {
margin-top: 20px;
}

.aktt_tweets {
font-size: 12px;
    padding: 30px 15px 10px;
    text-align: center;
}
.aktt_more_updates{
display: none;
}
a.aktt_tweet_time {
display: block;
margin-top: 3px;
}

.page  ul, .page ol{
list-style-type: square;
padding: 0 0 0 25px;
}
.page ul li {
padding-bottom: 7px;
}

#rotatingtweets_widget-2 {
position: relative;
float: right;
font-size: 11px;
padding: 30px 0 0 15px;
height: 150px;
}

.rotatingtweets  {
width: 220px;
padding: 22px 10px 0 0;
}
.twitterSearchTitle{
display: none;
}
.twitterSearchTweet {
margin-bottom: 400px;
}