/*
Theme Name: thew
Description: Thew theme codata de grafiko
Version: 2.8 +
Author: Blog cu idei
Author URI: http://www.blogcuidei.com/
Tags: green, fresh
*/

@import "css/reset.css";

body {font-family: Tahoma, Geneva, Verdana;}
h1, h2, h3, h4, h5, h6 { font-weight:bold;font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif; } 
::selection { background: #cccc33; color: #fff; }
::-moz-selection { background: #cccc33; color: #fff; }
blockquote {padding: 20px;border-left: 1px solid #ccc;margin:10px;font-style:italic;clear:both;
width:91%;overflow: hidden;
}
table {width:100%;border-collapse:collapse;
border-spacing:0;}
th {font-weight:bold;padding:5px 3px;text-align:left;}
td {padding:5px 3px;}

#wpstats {display: none;}
/*====Clase wordpress   ====*/
.aligncenter { display:block; margin:0 auto }.alignleft { float:left }.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.clear {clear: both;height: 1px;font-size: 1px;margin: 0;padding: 0;overflow: hidden;height: 1%;}
.size-thumbnail, .size-medium {padding: 0;margin: 0 10px 5px 0;}
a {text-decoration: none;color: #000;} a:visited {color: #000;} a:hover {text-decoration: underline;color: #911717;}

div, ul, li { position:relative }
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } 
/* the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) */
body {font-size: 67.5%;}

#wrapper {background: #eeebe2 url(images/bg-top.png) repeat-x left top;text-align: center;}
#wrap {width: 895px;margin: 0 auto;text-align: center;}
#header {text-align: left;height: 138px;border-top: 28px}
	#header h1 {width: 251px;padding: 27px 0 0 56px;float:left;display: inline;}
		#header h1 a {width: 251px;height: 111px;display: block;overflow: hidden;text-indent: -9000px;background: url(images/logo.png) no-repeat left top;}
	#header .search {float: right;display: inline;color: #fff;padding-right: 30px;margin-top:40px;}
	#header .search p {font-size: 14px;}
	#header .search input {padding: 3px;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
	border: 1px solid #bbb;}
	
#container {text-align: left;overflow: hidden;}
.wrap-content {background: #f3f2ed;margin: 0;padding: 0;margin: 0 0 0 56px;border: 1px solid #d7d4cb;}

/*==== Pagina de search  ====*/

	h2.search-results {font: 31px 'Trebuchet MS', Trebuchet, Tahoma, Arial, sans-serif;border-bottom: 1px solid #d7d4cb;
	color:green;padding:20px;text-transform:uppercase;}
	h2.search-results small {text-transform: lowercase;font-size: 15px;}
	div.no-results {background: #fff;border-bottom: 1px solid #d7d4cb;}
	h2.diff-results {font-size: 15px;color:green;padding: 20px 20px 0 20px;}
	div.no-results .search {padding: 20px;color: #911717;font-size: 14px;}
	div.no-results .search input {padding: 3px;border: 1px solid #911717;color: #911717;}

/*==== Navigarea principala  ====*/

.nav {display: block;clear: both;overflow: hidden;height: 75px;}
	.nav ul {display: block;margin-left: 56px;height: 41px;line-height: 38px;}
	.nav ul li {float: left;display: inline;}
		.nav ul li a {font-size: 17px;font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, sans-serif;color: #fff;display: block;padding-left: 20px;text-shadow:0 1px 2px #352f2f;}
		.nav ul li a:hover {text-decoration: none;background: url(images/nav-hover-active.png) no-repeat left center;float: left;cursor: pointer;text-shadow:0 1px 2px #352f2f;color: #fff;}
		.nav ul li a:visited {color: #fff;}
		.nav ul li a span {display: block;padding-right: 20px;}
		.nav ul li a:hover span {background: url(images/nav-hover-active.png) no-repeat right center;float: left;cursor: pointer;}
		.nav ul li.current_page_item a {background: url(images/nav-hover-active.png) no-repeat left center;float: left;text-shadow:0 1px 2px #352f2f;color: #fff;}
		.nav ul li.current_page_item a span{background: url(images/nav-hover-active.png) no-repeat right center;float: left;display: block;cursor: pointer;}

	/*==== Butoanele RSS de la navigare  ====*/
	a.mail-rss {background: url(images/mail-rss.png) no-repeat center center; display: block;position:absolute;top: 0;right: 70px;text-indent: -9000px;width: 64px;height: 75px;}
	a.rss {background: url(images/rss.png) no-repeat center center;display: block;position:absolute;top: 0;right: 5px;text-indent: -9000px;width: 64px;height: 75px;}


/*==== Continut articole  ====*/
#content {float: left;display: inline;line-height:20px;border-right: 1px solid #d7d4cb;width:570px;}
	.post {background:#fff;clear: both;padding: 20px;display: inline;float: left;font-size: 12px;width:530px;
	border-bottom: 1px solid #d7d4cb;}
	.post p {margin-bottom: 8px;}
	.post del {color: gray;}
	.post blockquote {width: 88%;}
	.post a {color: #911717;outline: none;}
	.post a:hover {color: #2a93a6;}
	.post ul, .post ol {padding-left: 15px;padding-bottom: 10px;}
		.post ul li {background: url(images/bulet.gif) no-repeat left 5px;padding-left: 15px;}
		.post ol li {list-style: decimal;margin-left: 20px;padding: 0;}
		.post ul li ul, .post ol li ol {padding-bottom: 0;}
	.post h1 {font-size: 3em;padding-bottom: 10px;font-weight:400;}		
	.post h2 {font-size: 2.2em;color: #1c1c1c;font-weight: 400;line-height:24px;padding: 0 0 10px 0;}
		.post h2 a {color: #1c1c1c;text-decoration: none;}
	.post h3 {font-size: 1.7em;padding: 0 0 10px 0;font-weight:400;}
	.post h4 {font-size: 1.4em;padding:0 0 5px 0;font-weight: 400;}
	.post h5 {font-size: 1.2em;padding:0 0 5px 0;font-weight: 400;}
	.post h6 {font-size: 1.0em;padding:0 0 5px 0;font-weight: 400;}
	.page img {border-bottom: 3px solid #fff;outline: none;max-width: 530px;max-height:100%;}
	.post img:hover {border-bottom: 3px solid #911717;}
		.post .gallery img.attachment-thumbnail, .post .gallery img.attachment-medium {margin: 0;}
		.post img.attachment-medium {margin: 10px 0 10px 115px;}
		.post img.attachment-thumbnail {margin: 10px 0 10px 78px;}
		
	.post .info {padding-bottom: 20px;}
	.post .taguri {clear: both;display: block;padding: 10px 0 0 0;}
	.post .search {margin: 30px 0 0 0;}
	.post .pagini-post {padding: 10px 0;margin:0;width:300px;}
		.post .pagini-post a {padding: 1px 4px;border: 1px solid #911717;background: #bbb;color: #fff;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
		.post .pagini-post a:hover {background:  #911717;border: 1px solid #bbb;}
	
	.post .comments-number {position: absolute;top: 15px;left: -56px;text-align: center;overflow:hidden;}
	.post .comments-number {background: url(images/comments-in-bg.png) no-repeat left top;display: block;width: 56px;height: 52px;font-weight: 700;font-size: 24px;color: #363636;padding-top:12px;}
		.post .comments-number a {color: #363636;font-weight: 700;}
		.post .comments-number a:hover {text-decoration: none;color: #fff;}
		.post .comments-number span {clear: both;display: block;font-size: 10px;font-weight: 400;}
	.con-w {display: block;clear: both;padding: 15px 0;float: left;margin-top: 10px;}
		.con-w .comment-now {background: url(images/com-icn.png) no-repeat left center;height: 31px;padding:16px 30px 16px 38px;}
		.con-w .write-by {background: url(images/by-icn.png) no-repeat left center;height: 31px;padding:16px 0 16px 38px;}

	.navigation {clear: both;background: #fff;padding: 20px;width:530px;}

/*==== Comentarii  ====*/
	#comments {padding: 10px 0 20px 30px;clear: both;}
		#comments h3 {font-size: 16px;font-weight: 400;color: #525252;padding: 0;margin: 10px 0;}
		#comments ol.commentlist li {clear: both;margin: 10px 0 20px;border-bottom: 1px solid #d3d3d3;border-left: 1px solid #d3d3d3;}
	.comment-body {position: relative;}
		.comment-body p {clear:both;
margin-left:90px;
padding:0 10px 10px 0;}
		.comment-body blockquote p {margin-left: 20px;}
			.commentlist li .vcard {overflow: hidden;}
				.commentlist li .vcard .avatar {float: left;display: inline;padding: 15px 15px 0 15px ;}
				.commentlist li .vcard .fn {display:block;float:left;display:inline;margin-top:40px;color: #3399cc;font-weight:700;}
				.commentlist li .vcard .fn a {color:#911717;font-weight:700; }
				.commentlist li .vcard .says {display:block;float:left;display:inline;margin-top:40px;margin-left: 5px;font-weight:700;}
			.commentlist li .commentmetadata {position: absolute;top: 15px; left:90px;float: left;}
			.commentlist li .commentmetadata a {color: #911717;}
				.reply {text-align: right;clear: both;padding: 5px 5px 5px 0;color: #A5A5A5;}
				.reply a {color: #911717;}
				#comments ol.commentlist li .depth-2, #comments ol.commentlist li .depth-3, #comments ol.commentlist li .depth-4, #comments ol.commentlist li .depth-5 {margin-left: 20px;border-bottom: none;}
			.nocomments {color: #3687B5;font:18px verdana;}
			.edit-comment-admin-links {clear: both;margin: 0 15px;}
	
	#respond {padding: 20px;clear: both;}
		#respond h3 {background: none;padding: 0;}
		.codeuse {color: #9a9a9a;font-size:11px;padding:7px 0;}
	#commentform {color: #9a9a9a;}
		#commentform p {padding: 5px 0;}
		#commentform textarea {border: 1px solid #d3d3d3;margin-bottom: 10px;width:100%;}
		#commentform p input {padding: 3px 0 3px 25px;border: 1px solid #d3d3d3;}
		#commentform #author {background:#fff url(images/autor-comment-form.png) no-repeat left center;}
		#commentform #email {background:#fff url(images/email-comment-form.png) no-repeat left center;}
		#commentform #url {background:#fff url(images/site-comment-form.png) no-repeat left center;}
		#submit {background: #fff;border: 1px solid #b4d3e5;padding: 5px;}
		#submit:hover {background: #b4d3e5;border: 1px solid #fff;color: #fff;}
	ul.pings-t {margin-top: 10px;border-top: 1px solid #d3d3d3;}
		ul.pings-t li {padding-left: 15px;background: url(images/bulet.gif) no-repeat left 4px;}

/*==== Sideba lateral  ====*/
	#sidebar {float: left;display: inline;background: #f3f2ed;width:265px;border-left: 1px solid #d7d4cb;margin-left: -1px;font-size:12px;}
		#sidebar ul.first {padding:20px 10px 0 20px;} /* este ignorat de ie6, dar am pus hack pentru el :D */
		#sidebar ul li {margin-bottom: 10px;}
		#sidebar ul li div {padding-left: 10px;}
			#sidebar ul li ul li {margin-bottom: 5px;padding-left: 20px;background: url(images/bulet.gif) no-repeat left 3px;}
			#sidebar ul li ul li ul li {margin-bottom: 10px;}
			#sidebar ul li ul li ul {margin-top: 5px;}
		#sidebar .widgettitle {font-size: 22px;font-weight:400;line-height:24px;color:#1C1C1C;margin-bottom: 10px;text-shadow:0 2px 2px #aaa;}
		.about-sidebar {padding:20px 10px 0 20px;font-size:12px;line-height:20px;}
		.bnr-125 {padding: 0 0 0 5px;margin: 20px 0 0;}
		.bnr-125 a {padding: 0 3px 3px 0;}

/*==== Footer partea de jos  ====*/
	#footer {padding: 30px 0 100px 0;}