/*
Theme Name: ciorici.com
Author: Pavel Ciorici

*/
/*------------------------------------------
	Reset (from the Yahoo UI Library)
------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

a{outline: none;
color:#9CA3AF;}

a:hover {
text-decoration:none;
}

@font-face {
	font-family: 'museo';
	src: url('images/500.eot');
	src: local('museo'), local('museo'), url('images/500.otf') format('truetype');
	font-weight:normal;
}

 
/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.transpBlack { background: url(transpBlack.png); }
table { -x-system-font: none; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; width: 100%; }
th { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #BBCCDD none repeat scroll 0 0; }
th, td { line-height: 30px; padding: 3px 12px; }
tr:nth-child(2n) { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; }
tr:nth-child(2n+1) {  }
article, aside, header, hgroup, nav, section, footer { display: block; float: left; }
figure { display: block; }
form { overflow: auto; }
legend { padding-bottom: 18px; }
fieldset { border:none; }
 
/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */

html{
    background: #1E2531;
    height: 100%;
    font-size: 13px;
    min-width: 960px;
}


body{
    height: 100%;
    font-family:'Lucida Grande', Arial, sans-serif;
    min-width: 960px;
}

#page-wrap {
    width: 960px;
    min-width: 960px;
    height: 100%;
}

#sidebar{
    float: left;
    width: 354px;
    height: 100%;
    position: fixed;
    background: url(images/sidebar.png) repeat-y;
}


#sidebar h1{
    display: block;
    width: 275px;
    height: 33px;
    margin:130px 0 0 5px;
    background: url(images/logo.png) no-repeat;
}
#sidebar h1 a{
    display: block;
    height: 186px;
    width: 280px;
    text-decoration: none;
    text-indent: -5000px;
}

#sidebar h2 {
	font-family:museo;
	color:#fff;
	font-size:20px;
	text-align:center;
	text-shadow:2px 2px 0 #000;
	padding:20px 0 0 0;
	margin:0 90px 0 20px
	}
	
	#sidebar h2 a {
	color:#fff;
	text-decoration:none;
	}
	
	#sidebar h2 a:hover {
	text-shadow: 0px 0 10px #fff;
	}
	
	#details {
	background: transparent url(images/tooltip.png) no-repeat scroll 0 0;
	width: 259px;
	height: 105px;
	padding: 10px 0 0 10px;
	position:fixed;
 
}
#details img {
	float: left;
	margin-top: -1px;
}
#details ul {
	float: left;
	list-style-type: none;
}
#details ul li {
	height: 19px;
}
#details ul#details1 {
	width: 50px;
	text-align: right;
	font-size: 11px;
	color: #9e9e9e;
	margin-right: 8px;
}
#details ul#details2 {
	width: 120px;
	text-align: left;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
}
#details a {
	color: #fff;
	text-decoration: none;
}
	/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute; }
.prototip .effectWrapper,
.prototip .tooltip,
.prototip .toolbar,
.prototip .toolbar .title {	position: relative; }
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(close000.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
}
.prototip .toolbar a.close:hover { background: transparent url(close_ho.gif); }

.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	background: url(prototip.gif);
	height: 14px;
	width: 14px;
}

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
    padding: 0;
    background: none;
}
	
	
#box {
	float:left;
	width:218px;
	height:203px;
	background:url(images/boxbg.png) no-repeat;
	margin:50px 0 0 35px;
	}
	
	#sidebar #box ul li {
	display:block;
	}
	
	#sidebar #box ul li:first-child {
	border-top:none;
	padding:3px 0 0 0;
	}
	
	#sidebar #box ul li:last-child {
	border-bottom:none;
	}
	
	#sidebar #box ul li {
	border-bottom:1px solid #000;
	border-top:1px solid #191A1C;
	font-style:italic;
	}
	
	
	#sidebar #box ul li a {
	color:#567A9A;
	display:block;
	font-size:10px;
	padding:10px 10px 6px 60px;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow:1px 1px 0 #000;
	font-family:Arial;
	}
	
	#sidebar #box ul li a strong {
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	text-shadow:2px 2px 0 #000;
	font-style:normal;
	}
	
	#sidebar #box ul li a:hover strong {
	text-shadow:0px 0px 10px #fff;
	}
	
	
	
	#sidebar #box ul li.twitter {
	background:url(images/twitter.png) no-repeat 12px 70%;
	}

	#sidebar #box ul li.facebook {
	background:url(images/facebook.png) no-repeat 12px 70%;
	}
	
	#sidebar #box ul li.wpzoom {
	background:url(images/wpzoom.png) no-repeat 12px 70%;
	}
	
	#sidebar #box ul li.contact {
	background:url(images/email.png) no-repeat 12px 70%;
	}
	
	
#content{
    margin-left: 354px;
    padding: 45px 0 50px 0;
    float: left;
}
#content h1 {
font-size:20px;
color:#C4CBD9;
}

#header {
margin:0 0 20px 20px;
}

	#header .hr {
	display:block;
	height:1px;
	background:#020B1B;
	border-bottom:1px solid #3E4550;
	margin:5px 0 0 10px;
	
	}
	

	#content #header span.rss {
	background:url(images/rss.png) no-repeat 12px 50%;
	float:left;
	}
	
	#content #header a {
	padding:0 0 0 35px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:15px;
	color:#fff;
	text-shadow:1px 2px 0 #000;
	}
	
	#content #header a:hover {
	text-shadow:0 0 3px #fff;
	}
	
	
#searchbar { float: right; width: 225px; padding:0; margin:0 0 10px 0; }
#searchbar #s { background: url(images/search.png) no-repeat; width: 173px; height: 27px; float: left; border: 0; color: #666; padding: 0 0 0 10px; font-size: 11px; }
#searchbar #searchsubmit { background: url(images/searchb.png) no-repeat; width: 32px; height: 27px; float: left; cursor: pointer; border: 0; text-indent: -2999px; }

/* Articles */

.article{
    width: 611px;
    margin-left: 25px;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 30px;
    border-bottom:2px solid #262E3D;
}
.article .meta{
    width: 112px;
    float: right;
    color: #818896;
    padding-top: 20px;
}
.article .meta a{
    text-decoration: none;
    color: #818896;
    white-space: nowrap;
}
.article .meta a:hover{
    color: #fff;
    text-shadow: #000 0 1px 0;
}
.article .meta li{
    font-size: 10px;
    font-weight:bold;
    text-transform:uppercase;
    font-family:Arial;
    margin-bottom: .7em;
    line-height: 1.5em;
    padding-left: 20px;
    text-shadow: #000 0 1px 0;
}

.article .meta li.time {
  background: url(images/time.png) no-repeat 0 0;
  }
 
.article .meta li.comments {
  background: url(images/comment.png) no-repeat 0 0;
  
  }
  
  .article .meta li.tags {
  background: url(images/tags.png) no-repeat 0 0;
  
  
  }
  
.article .post{
    float: left;
    padding-top: 20px;
    width: 473px;
    min-height: 50px;
    position: relative;
    margin-left: -85px;
    padding-left: 85px;
    color:#818896;
    text-shadow:1px 1px 0 #000;
    
}
.article .post .category{
    position: absolute;
    top: 0;
    left: 0;
}

.article .post h1 a{
	font-size:18px;
	color:#C4CBD9;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0 #000; 
	padding-bottom:10px;
	display:block;
 
	}
	
	.link .post h2 a {
	background:#0C121D url(images/link.png) no-repeat 99% 20%;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	color:#C4CBD9;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px -1px 0 #000; 
	border:1px solid #333A48;
	display:block;
	float:left;
	font-size:15px;
	margin-bottom:1.5em;
	padding:15px 30px 15px 15px;
	width:420px;	
}
	.link .post h2 a:hover {
	background:#131A29 url(images/link.png) no-repeat 99% 20%;
	text-decoration:underline;
	}
	
.post .category a{
    text-indent: -5000px;
    margin-top: 20px;
    width: 48px;
    height: 48px;
    display: block;
}

.post p {
	line-height:1.7;
 
	}
	

.twitter .post .category a{
    background: url(images/icons/twitter.png) no-repeat 0 0;
}

.quote .post .category a{
    background: url(images/icons/quote.png) no-repeat 0 0;
}


.link .post .category a{
    background: url(images/icons/link.png) no-repeat 0 0;
}


.note .post .category a{
    background: url(images/icons/note.png) no-repeat 0 0;
}


.picture .post .category a{
    background: url(images/icons/picture.png) no-repeat 0 0;
}

.link h1, .quote h1, .picture h1  {
display:none;

}
.twitter .post {
width:600px;
}

.picture .post img, blockquote {
padding:36px;
border-top:1px solid #343b49;
border-left:1px solid #343b49;
background:#0c121d url(images/imgbg.png) no-repeat bottom;
font-family:Georgia;
font-style:italic;
font-size:17px;
color:#A5ACB9;
text-shadow:1px 1px 0 #000;
}

blockquote   {
padding:25px;
line-height:1.6;
}

blockquote  cite {
clear:both;
text-align:right;
display:block;
font-size:13px;
font-family:Arial;
font-style:italic;
font-weight:bold;
}

.note .post a {
font-weight:bold;
color:#9CA3AF;
text-shadow:1px 1px 3px #000;
}

.note .post img {
padding:4px;
background:#0D111A;
border:1px solid #323D4F;
margin:5px 0;
}

.note .post a:hover, .twitter .afterbubble a:hover {
color:#fff;
text-decoration:none;
}
 
.twitter .bubble a {
color:#E83361;
text-decoration:underline;
}

.twitter .bubble a:hover {
text-decoration:none;
}

 
.twitter .bubble {
width:605px;
min-height:30px;
position:relative;
background:url(images/bubblebg.png) no-repeat;
font-weight:bold;
font-size:15px;
color:#C4CBD9;
text-shadow:-2px -2px 0 #000;
line-height:1.5;
position:relative;
}

.twitter .bubble p {
padding:15px 15px 10px 20px;
}

.twitter .afterbubble {
width:605px;
height:28px;
background:url(images/bubblebottom.png) no-repeat; 
padding:10px 0 0 0;
}

.twitter .afterbubble a {
color:#9CA3AF;
font-size:13px;
font-weight:bold;
text-shadow:1px 1px 0 #000;
margin:55px 0px 0 500px;
text-decoration:none;
}

.aktt_tweet_time a:hover {
text-shadow:0 0 0;
}

 

.aktt_tweet_reply  {
display:none;
}

.twitter .bubble .aktt_tweet_time  {
color:#9CA3AF;
font-size:11px;
text-shadow:1px 1px 0 #000;
padding:26px 0px 0 480px;
text-decoration:none;
font-style:italic;
font-weight:normal;
float:left;
text-align:left;
}

#footer{
    clear: both;
    position: fixed;
    bottom: 10px;
    left: 0;
    width: 280px;
    text-align: center;
}
#footer p{
    font-size: 11px;
    color: #8AAFCF;
    text-shadow: 1px 1px 0 #000;
}


/* END STRUCTURE */		 
	 
/* ------------------------------------------ */
/* Comments */
/* ------------------------------------------ */
#comments {
color:#A5ACB9;
margin:25px 0;
border-top:3px solid #262E3D;
border-bottom:3px solid #262E3D;
padding:20px;
background:#161C25;
}

#comments h3 {
font-weight:normal;
font-size:22px;
color:#D3DDEC;
text-shadow:1px 1px 0 #000;
margin-top:10px;
margin-bottom:20px;
clear: left;
}

#comments a {
color:#D3DDEC;
text-decoration:none;
}


#comments div.comments { margin: 0 0 10px 0; }
 
	#comments div.comments h2 {
		font-size: 18px;
		font-weight: normal; }
 
	#comments div.comments li, #main #respond {
		padding: 10px 0 5px;
		margin-top: 10px; }
 
#comments ol.commentlist div.comment-content { margin-left: 95px; }
 
#comments cite {
	font-style: normal;
	font-weight: normal; }
 
#comments p.trackbackurl { font-size: 11px; }
 
	#comments p.trackbackurl span.url {
		font-weight: bold;
		padding: 1px; }
 
#comments a.more-link {
	display: block;
	margin: 10px 0 0; }
 
#comments div#comments-comments ul, #comments div#comments-comments ol { margin-left: 0; }
 
#comments .normalComments {
	padding: 0px 0;
	clear: left;
	font-family: Tahoma, Sans-Serif; }
 
	#comments .normalComments li {
		margin: 0px 0 0em 0;
		padding: 10px 0 20px 0;
		list-style-type: none;
		border-bottom: 1px dotted #343D4F; }
 
		#comments .normalComments li ul li { padding: 10px 0 5px 0; }
 
		#comments .normalComments li ul.children { padding: 0px 0 0; }
 
			#comments .normalComments li ul.children li {
				clear: left;
				margin: 0 10px 0px 100px; }
 
		#comments .normalComments li ul li { border: none; }
 
	#comments .normalComments cite.fn {
		font-size: 16px;
		font-weight: bold;
		font-family: Arial;
		text-shadow: 1px 1px 0 #000;
		float: left; }
 
	#comments .normalComments div.gravatar {
		float: left;
		display: inline;
		width: 75px;
		margin: 0 10px 5px 0; }
 
		#comments .normalComments div.gravatar img { margin: 0; }
 
	#comments .normalComments div.comment-author {
		margin: 0 20px 3px 0;
		line-height: 18px; }
 
	#comments .normalComments div.comment-content { margin-left: 100px; }
 
	#comments .normalComments p, #comments .normalComments li.author p {
 
		font-size: 12px;
		line-height: 20px; }
 
.normalComments .avatar {
	float: left;
	margin: 0 15px 0 0;
	width: 70px; }
 
.normalComments span.says { display: none; }
 
.normalComments .children { margin: 0 0 0 0; }
 
.normalComments .commentmetadata a.comment-edit-link { background: none; }
 
.normalComments .commentmetadata { margin: 0 0 5px 0; }
 
#comments	.normalComments .commentmetadata a {
	display: inline;
	font-size: 10px;
	color: #4f535b;
	text-transform: uppercase;
	padding: 0px 0px 2px 12px;
	line-height: 17px;
	margin: 0px 0 3px 0;
	background: url(images/clock.png) no-repeat left;
	padding-left: 12px; }
 
#comments		.normalComments .commentmetadata a:hover {
	color: #000;
	text-decoration: none; }
 
.normalComments .reply {
	clear: both;
	margin: 10px 0 0 85px; }
 
.normalComments .cancel-comment-reply p { margin: 0 0 0 0; }
 
.afterpost .navigation .alignleft a, .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a {
	padding: 2px 5px;
	margin-bottom: 5px;
	font-weight: 700;
	text-transform: uppercase;
	background: #C72C53;
	font-size: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	text-shadow: 0.1em 0.1em #000;
	color: #fff; }
 
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, .reply a:hover, .cancel-comment-reply a:hover {
	background: #6B91CC;
	color: #000;
	text-decoration: none;
	text-shadow: 0.1em 0.1em #000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; }
 
.afterpost .navigation { background: none; }
 
	.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {
		width: 125px;
		padding: 3px 0 0 3px;
		text-align: center;
		height: 20px; }
 
#commentform {
	color: #A5ACB9;
	margin-top: 15px; }
 
	#commentform code { font-size: 11px; }
 
	#commentform p {
		margin: 0 10px 15px 0;
		font-size: 12px; }
 
 
 
 
#commentslabel, #commentform label {
	font-weight: bold;
	line-height: 2.0em;
	font-size: 11px;
 
	 }
 
#comments input, #commentform input {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-repeat: repeat-x;
	width: 190px;
	padding: 5px 5px 5px 8px;
	margin:0 5px 15px 0;
	font-size: 12px;
	margin-bottom: 5px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
	background: #f4f6f6 none repeat scroll 0 0;
	border-color: #BEBEBE #F3F3F3 #F3F3F3 #BEBEBE;
	border-style: solid;
	border-width: 1px; }
 
#comments textarea, #commentform textarea {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 450px;
	height: 130px;
	padding: 8px 8px 16px 8px;
	margin-bottom: 15px;
	font-size: 12px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #f4f6f6 none repeat scroll 0 0;
	border-color: #BEBEBE #F3F3F3 #F3F3F3 #BEBEBE;
	border-style: solid;
	border-width: 1px; }
 
#comments #submit, #commentform #submit {
	background: url(images/submit.png) no-repeat scroll 0 0;
	text-indent:-9999px;
	width:151px;
	height:35px;
	cursor:pointer;
	border:0;
	border:none; }
	
	
	#comments #submit:hover, #commentform #submit:hover {
	background: url(images/submit.png) no-repeat scroll 0 0;
	background-position:0 -35px;
	text-indent:-9999px;
	width:151px;
	height:35px;
	cursor:pointer;
	border:0;
	border:none; }
 
#commentform #subscribe {
	float: left;
	margin: 5px 5px 0 0; }
 
.navigation {
	width: 100%;
	float: left;
	padding: 0px 5px 0px 5px; }
 
	.navigation a {
		color: #818896;
		font-weight: bold;
		width: 100px;
		height: 24px;
		margin: 7px 10px 5px 10px;
		padding: 5px 0 0 6px;
		cursor: pointer;
		font-size: 10px;
		text-transform: uppercase;
		display: block;
		text-shadow: 0.1em 0.1em #000; }
 
	.navigation .alignleft { float: left; }
 
	.navigation a:hover {
		color: #fff;
		text-decoration: none; }
 
	.navigation .alignright { float: right; }