@import url(http://fonts.googleapis.com/css?family=Droid+Serif:regular,italic,bold,bolditalic);

* {
	margin: 0;
	padding: 0;
	border: none;
	}
	
body {
	background-color: #222;
		color: #fff;
    text-align: center;
	}

.container-16 {
	padding: 0 0 60px;
		width: 970px;
	position: relative;
    text-align: left;
	}

/* standards */
	
h1 {
	}

h1 a {
	display: block;
	width: 50px;
	height: 120px;
	overflow: hidden;
	background: #b00bie url(images/logo-invert.png) no-repeat center bottom;
	text-indent: -9999em;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	}
	
h2 {
	font: bold 25px/25px "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased !important;
	letter-spacing: -1px;
	clear: both;
	padding-top: 23px;
	height: 26px;
	margin: 0 0 10px;
	overflow: hidden;
	border-bottom: 1px dotted #333;
	position: relative;
	color: #b00bie;
	text-shadow: #111 0 1px 0;
	}
	
h2 small {
	font: normal 25px/25px "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased !important;
	}
	
h2 a.topMenuAction {
	position: absolute;
	top: 25px;
	right: 0;
	}
	
h2 a.showStatii {
	position: absolute;
	top: 25px;
	right: 54px;
    width: 19px;
    overflow: hidden;
	}
   
h2 a.showStatii span {
	text-indent: -9999em;
    display: block;
    position: absolute;
    width: 9px;
    height: 10px;
    left: 5px;
    top: 4px;
    background: #fff;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
    }
		
h3 {
	font: bold 20px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased !important; letter-spacing: -1px;	margin: 0 0 4px;
	color: #fff	}
	
h3 a,
a h3 {
	color: #fff;
	}

h3 a:hover {
	color: #fff;
	}
	
h3 a small,
a h3 small {
	font: bold 20px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased !important; letter-spacing: -1px;	font-weight: normal;
	visibility: hidden;
	color: #666;
	}

h3 a:hover small,
a:hover h3 small {
	visibility: visible;
	}	
	
h4, h5, h6 {
	font: bold 15px/15px "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased !important;
	letter-spacing: -1px;
	margin: 0 0 15px;
	}
	
a {
	text-decoration: none;
	color: #b00bie;
	}

a.zoom {
	background: url(images/zoom.png) no-repeat right 1px;
    padding-right: 13px;
    }
	
a:hover {
	color: #666;
	}

a.button,
.button a  {
	font: bold 10px/10px "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased !important;	padding: 4px 0 0;
	height: 14px;
	width: 50px;	
	letter-spacing: 0;
	background: #b00bie !important;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;	cursor: pointer;
	display: block;
    text-shadow: none !important;
	}
	
/* left column */
	
.fixed {
	position: fixed;
	top: 0;
	height: 99%;
	z-index: 400;
	}
	
.fixed .grid-6 {
	margin: 0;
	}
	
h2.intro {
	font-weight: normal;
	height: 52px;
	padding-top: 68px;
	position: absolute;
	top: 0;
	left: 60px;
	border: none;
	color: #fff	}

h2.intro a {
	font-weight: bold;
	color: #b00bie	}
	
h2.intro a:hover {
	color: #fff;
	}

.sidebar {
	position: absolute;
	top: 130px;
	left: 60px;
	}
	
ul.links	{
	white-space: nowrap;
	}

ul.links li {
	list-style: none;
	display: inline;
	}
	
ul.links li a {
	text-decoration: none;
	float: left;
	height: 44px;
	margin: 0 0 10px;
	padding: 6px 0 0 10px;
	}

ul.links li a h3 {
	}

ul.links li a p {
	font: italic 14px/20px "Droid Serif", Georgia, serif; letter-spacing: -.05em;	color: #666;
	}
	
ul.links li a:hover p strong {
	color: #fff;
	}
		
p.footer {
	position: absolute;
	bottom: 0;
	left: 60px;
	font: bold 10px/10px "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased !important;	}	
		
/* right column */

#wrapper {
	width: 545px;
	position: absolute;
	left: 0;
	top: -300px;
	padding-bottom: 60px;
	}

#wrapper h2 {
	margin-right: 15px;
	}
	
/* archive slideout */

#archive {
	padding: 0;
	height: 300px;
	margin: 0 0 130px;
	background: #b00bie;
	overflow: hidden;
	color: #fff;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	}
	
#archive dt {
	padding: 36px 0 0 10px;
	font: bold 20px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased !important; letter-spacing: -1px;	position: absolute;
	top: 0;
	}
	
#archive dd { 
	position: absolute;
	top: 66px;
	}
	
#archive ul {
	font: bold 10px/10px "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased !important;	font-weight: normal;
	}

#archive a {
	color: #fff;
	}

/* archive by date */

#archive .dats { 
	left: 0;
	}
	
#archive dd.dats {
	width: 420px;
	height: 230px;
	overflow: hidden;
	}
	
#archive .dats ul li {
	float: left;
	width: 170px;
	height: 60px;
	padding: 0 0 0 10px;
	list-style: none;
	}
	
#archive .dats ul li strong {
	display: block;
	height: 15px;
	text-transform: uppercase;
	}

#archive .dats ul li span {
	float: left;
	height: 15px;
	width: 26px;
	}

/* archive by cat */

#archive .cats {
	left: 360px;
	}
	
#archive .cats ul li {
	float: left;
	width: 70px;
	height: 15px;
	padding: 0 0 0 10px;
	font: bold 10px/10px "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased !important;	list-style: none;
	}
	
#archive .cats ul li.cats-status {
	float: none;
	clear: both;
	padding-top: 15px;
	width: auto;
	white-space: nowrap;
	}

/* archive search */	
	
#archive dt.srch {
	left: 360px;
	top: 265px;
	padding-top: 0;
	}	
	
#archive .srch input {
	background: none;
	border: none;
	display: block;
	padding: 0;
	margin: 0;
	width: 148px;
	color: #fff;
	font: bold 20px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased !important; letter-spacing: -1px;	}
	
/* post lists */

.short {
	height: 180px; /* square */
	}
	
.short .post-content {
	height: 145px;
	background: #111;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;	padding: 10px 10px 0;
	overflow: hidden;
	}
	
.short .post-content p,
.short .post-content ul,
.short .post-content ol {
	font: italic 14px/20px "Droid Serif", Georgia, serif; letter-spacing: -.05em;	margin: 0 0 10px;
	}

.short .post-content a {
	font-weight: bold;
	}

.short .post-footer {
	border-top: 9px solid #111;
	border-left: 9px solid #222;
	position: relative;
	height: 1px;
	width: 1px;
	}

.short p.post-date {
	font: bold 10px/10px "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased !important;	font-weight: normal;
	white-space: nowrap;
	width: 100px;
	height: 15px;
	text-align: right;
	position: absolute;
	left: 1px;
	top: -5px;
	color: #666;
	}

.short p.post-date a {
	text-decoration: none;
	color: #666;
	}
	
.short p.post-date a small {
	font: bold 10px/10px "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased !important;	font-weight: normal;
	visibility: hidden;
	display: none;
	}

.short p.post-date a:hover small {
	visibility: visible;
	}
	
/* short widths */

.grid-3 .post-footer {
	margin: 0 0 0 50px;
	}

.grid-6 .post-footer {
	margin: 0 0 0 230px;
	}

.grid-9 .grid-9 .post-footer {
	margin: 0 0 0 410px;
	}
	
/* long post */
	
.long {
	padding: 60px 0;
	}

.long .post-title {
	padding: 6px 10px 0;
	position: relative;
	}
	
.long .post-title h3 {
	clear: both;
	}

.long .post-title p {
	clear: both;
	font: italic 14px/20px "Droid Serif", Georgia, serif; letter-spacing: -.05em;	color: #666;
	}
	
.long .post-title h4.post-date {
	clear: none;
	float: right;
	padding: 5px 0 0;
	margin: 0;
	white-space: nowrap;
	text-align: right;
	color: #fff;
	}	

.long .post-content {
	padding: 15px 10px 1px;
	clear: both;
	}
	
.top-none {
	padding-top: 0 !important;
	}
	
/* PAGE NAVS & LOADER */

ul#page-nav {
	position: relative;
	clear: both;
	white-space: nowrap;
	border-top: 1px dotted #333;
	height: 49px;
	}
	
ul#page-nav li {
	list-style: none;
	}
	
ul#page-nav li.left a { left: 0; text-align: left; padding-left: 25px; }
ul#page-nav li.left a span { left: 0; }
ul#page-nav li.right a { right: 0; text-align: right; padding-right: 25px; }
ul#page-nav li.right a span { right: 0; }

ul#page-nav li a {
	width: auto;
	position: absolute;
	top: 5px;
	text-transform: none;
	background: none !important;
	color: #fff;
	text-align: right;
	padding-right: 25px;
	}

ul#page-nav li a span {
	position: absolute;
	top: 0;
	padding: 3px 0 0 0;
	height: 15px;
	width: 19px;	
	background: #b00bie;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;	display: block;
	font-size: 18px;
	}
	
#infscr-loading {
	text-align: center;
	height: 30px !important;
	padding: 5px 0 10px;
	clear: both;
	margin-right: 15px;
	}
	
#infscr-loading img {
	display: block !important;
	margin: 0 auto !important;
	}

#infscr-loading div {
	display: none !important;
	}	

/* POST CONTENT - LONG FORM / SINGLE */

#single .post-content {
	padding: 5px 10px 1px;
	clear: both;
	}
	
/* SINGLE PAGE */

#single .fixed {
	background: #222;
	height: 180px;
	z-index: 100;
	}
	
#single h2.post-title {
	position: absolute;
	left: 60px;
	top: 130px;
	}

#single h3.post-date {
	top: 130px;
	right: 0;
	position: absolute;
	font-weight: normal;
	padding-top: 27px;
	color: #fff;
	}

#single h3.post-date a {
	color: #fff;
	}
	
#single ul#post-nav {
	position: absolute;
	right: 0;
	top: 77px;
	white-space: nowrap;
	}
	
#single ul#post-nav li {
	list-style: none;
	}

#single ul#post-nav li.left a { top: 0; }
#single ul#post-nav li.right a { top: 21px; }

#single ul#post-nav li a {
	width: auto;
	position: absolute;
	right: 0;
	text-transform: none;
	background: none !important;
	color: #fff;
	text-align: right;
	padding-right: 25px;
	}

#single ul#post-nav li a span {
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 0 0 0;
	height: 15px;
	width: 19px;	
	background: #b00bie;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;	display: block;
	font-size: 18px;
	}

#single #wrapper {
	padding-top: 190px;
	top: 0;
	width: 905px;
	}

/* */
	#single .short { 
		padding-top: 15px;
		padding-bottom: 20px;
		height: auto;
		}
	#single .short .post-content { 
		padding-top: 10px;
		margin-bottom: 0;
		height: auto;
		}

/* meta */

#single .post-excerpt {
	padding: 5px 0 0;
	color: #666;
	}

.post-meta .post-excerpt p {
	font: italic 14px/20px "Droid Serif", Georgia, serif; letter-spacing: -.05em;	margin: 0 10px 15px;
	}	

.post-meta h3 {
	padding: 0 0 10px 10px;
	}

.post-meta .post-cats p,
.post-meta .post-cats ul {
	margin: 0 10px 15px;
	color: #666;
	}
	
.post-meta .post-cats li { 
	list-style: none;
	margin: 0;
	}
	
/* comments */

.post-meta .post-comment {
	clear: both;
	}
	
.post-meta .post-comment ol li {
	margin: 0 0 10px;
	}
	
.post-meta .post-comment ol li .post-comment-content {
	background: #111;
	padding: 10px 10px 1px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;	overflow: hidden;
	}

.post-meta .post-comment ol li .post-comment-content p,
.post-meta .post-comment ol li .post-comment-content ul {
	margin: 0 0 10px;
	font-size: 12px;
	}

.post-meta .post-comment ol li .post-comment-meta {
	position: relative;
	font: bold 10px/10px "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased !important;	font-weight: normal;
	height: 25px;
	}

.post-meta .post-comment ol li .post-comment-meta .post-comment-user {
	border-top: 9px solid #111;
	border-right: 9px solid #222;
	width: 1px;
	height: 1px;
	display: block;
	position: absolute;
	left: 110px;
	top: 0;
	}

.post-meta .post-comment ol li .post-comment-meta .post-comment-user strong {
	position: absolute;
	left: -100px;
	top: -5px;
	}

.post-meta .post-comment ol li .post-comment-meta .post-comment-date {
	position: absolute;
	right: 10px;
	top: 5px;
	text-align: right;
	color: #666;
	}

.post-meta .post-comment ol li .post-comment-meta .post-comment-date a { color: #666; }

.post-meta .post-comment ol li.authored .post-comment-content { 
	background: #b00bie !important;
	color: #fff !important; 
	}

.post-meta .post-comment ol li.authored .post-comment-content a {
	color: #fff; 
	border-bottom: 1px dotted #111; 
	}

.post-meta .post-comment ol li.authored .post-comment-meta .post-comment-user {
	border-top: 9px solid #b00bie;
	}

/* CONTENT */

.content {
	}
	
.content p,
.content ul,
.content ol {
	font: normal 13px/20px "Droid Serif", Georgia, serif;	margin: 0 0 15px;
	}

.content li {
	margin: 0 20px;
	}

.content ul li {
	list-style: square;
	}

.content a {
	border-bottom: 1px dotted #333;
	}
	
.content blockquote {
	padding: 0 10px;
	color: #666;
	font: italic 14px/20px "Droid Serif", Georgia, serif; letter-spacing: -.05em;	}

.content blockquote p, .content blockquote ul { 
	font: italic 14px/20px "Droid Serif", Georgia, serif; letter-spacing: -.05em;	}

.content blockquote em {
	font-style: normal !important;
	}

.content table {
	margin: 0 0 15px;
	}
	
.grid-9 table { width: 510px; }
.grid-10 table { width: 570px; }
	
.content table th {
	font: bold 15px/15px "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased !important;
	letter-spacing: -1px;
	text-align: left;
	padding: 5px 10px 5px 0;
	vertical-align: bottom;
	border-bottom: 3px double #333;
	}

.content table td {
	font: normal 13px/20px "Droid Serif", Georgia, serif;	padding: 5px 10px 5px 0;
	vertical-align: top;
	border-bottom: 1px dotted #333;
	}