/*
Theme Name: bookblog
Description: Custom design theme
Author: BECMedia
Version: 2.0
*/

/* General reset */
html { min-height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block;}
html, body, div, span, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  abbr, address, cite, code,  del, dfn, em, img, ins, kbd, q, samp,  small, strong, sub, sup, var,  b, i,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td,  article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary,  time, mark, audio, video { 
	margin:0; 
	padding:0; 
	border:0; 
	outline:0; 
	font-size:100%; 
	vertical-align:baseline; 
	background:transparent; 
}
ol, ul {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,  q:before, q:after {content:'';content:none;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
img {display: block;}
address {display:inline;}
::-moz-selection {background: #bb0000; color: #000;}
::selection { background: #bb0000; color: #000;}
body a, a:hover {text-decoration: none;}
body a:active {color: #999;}
body a:visited {text-decoration: none;}


.force_600 {width: 610px !important}
.column_660 {width: 660px; padding: 0 15px; margin-right: 20px; float: left;}
.column_300 {width: 250px; float: left;}

.alignleft {float: left; margin: 0 10px 0 0;}
.alignright {float: right; margin: 0 0 0 10px; }
.aligncenter {margin: 10px auto;}

body {
	font: 14px/1.5 "Georgia", Times New Roman, serif;
	color: #000;
	overflow-x: hidden;
	background: #fefdfd url(images/top-bg-hd.jpg) no-repeat center top scroll;	
}

.topbanner_468{
	position:absolute;
	top:15px;
	left:50%;
	width:468px;
	height:60px;
	margin-left:8px;
	border:solid 1px #777;
}
.topbanner_728{
	position:absolute;
	text-align:right;
	top:5px;
	left:50%;
	width:728px;
	height:90px;
	margin-left:-223px;
}

/* header */
header{
	width:100%;
}
.header {
  width: 1010px;
  position:relative;
  padding-top: 20px;
  padding-bottom:10px;			
  margin: 0 auto;
}
header div.top-banner { width:668px; overflow:hidden; position:absolute; overflow:hidden; text-align:center; margin-left:290px; margin-top:-20px; z-index:3000; height:90px; }
header h1 {width: 284px; height: 58px; background: url(images/logo-mic.png) no-repeat scroll; float:left;}
header h1 a {
  display: block;
  width: 10)%;
  height: 100%;
  text-indent: -9999px;
  outline: none;
}
header nav {
  width: 1010px;
  height: 33px;
  background: url(images/nav-bg-1010.png) no-repeat scroll;
  /*margin-top: 15px;*/							/*			PT BANNER 468 			*/
  margin-top: 25px;								/*			PT BANNER 720 			*/
  font-size: 17px;
  text-transform: uppercase;
  font-family: "Cambria", Georgia, Times New Roman, serif;
}
header nav ul {height: 33px;}
header nav li {
  display: block;
  float: left;
  height: 33px;
  line-height: 33px;
  padding-right: 23px;
  margin-right: 6px;
  background: url(images/nav-separator-orange.png) no-repeat right center scroll;
}
header nav li:first-child {margin-left: 7px;}
header nav li:last-child {background: none; margin-right: 0;}
header nav li a {color: #5f3517; text-decoration: none;}
header nav li a:hover {color: #1f1108; text-decoration: none;}
#topContent {padding-top: 15px;}
#topContent h2 {
  font-size: 22px;
  font-weight: bold;
  color: #5f3517;
  text-transform: uppercase;
  /*font-family: "Cambria", Georgia, Times New Roman, serif;*/
  margin-bottom: 15px;
}
#topContent h3 {
  font-size: 20px;
  font-weight: bold;
  color: #e26a23;
  /*font-family: "Cambria", Georgia, Times New Roman, serif;*/
  margin: 0 0 8px 20px;
}
#topContent h4 {
  font-size: 20px;
  font-weight: bold;
  color: #bc6d3a;
  /*font-family: "Cambria", Georgia, Times New Roman, serif;*/
  margin: 0 0 8px 20px;
}
#topContent .column_660 li {float: left; width: 100px; font-size: 12px; margin-left: 27px;}
#topContent .column_660 li:first-child {margin-left: 0;}
#topContent .column_660 li div.thumb_container {width:100px; height:146px; overflow: hidden; background: #FFF;}
#topContent .column_660 li img {height: auto !important; width:100% !important; margin-bottom: 10px;}
#topContent .column_660 li a {color: #5f3517; text-decoration: none;}
#topContent .column_660 li a:hover {color: #5f3517; text-decoration: underline;}
#topContent #searchform {
  width: 300px;
  height: 60px;
  line-height: 60px;
  background: url(images/newsletter-bg-free.png) repeat scroll;
  /*background: url(images/search-bg.png) repeat scroll;*/
  margin-bottom: 15px;
  text-align:left !important;  
}
#topContent #newsletterform {
  width: 292px !important;
  height: 60px;
  line-height: 60px;
  background: url(images/newsletter-bg.png) repeat scroll;
  margin-bottom: 10px;
  text-align:left !important;
}
#topContent #freeebooksform {
  position:relative;
  width: 292px !important;
  height: 60px;
  line-height: 60px;
  /* background: url(images/search-bg.png) repeat scroll; */
  background: url(images/nav-bg.png) repeat scroll;
  margin-bottom: 10px;
  text-align:left !important;
  
}
#topContent #freeebooksform input[type=submit]{
	outline:0;
	position:absolute;
	left:0px;top:0px;
	background: transparent url(images/carti-electronice-gratuit-maro.png) no-repeat scroll;	
	width:300px;
	height:68px;
	border: none !important;
	cursor:pointer;
}
#topContent #searchform input[type=text] {
  margin: 0 5px 0 20px;
  color: #ed9b4e;
  font-family: "Cambria", Georgia, Times New Roman, serif;
  border: 1px solid #eec188;
  background-color: #FFF;
  width: 190px;
  padding: 5px;
  outline: none;
}
#topContent #searchform input[type=submit] {
  outline: none;
  border: 0;
  background: transparent url(images/cauta.png) no-repeat scroll;
  margin-top:-4px;
  width: 66px;
  height: 21px;
  cursor: pointer;
}
#topContent #newsletterform input[type=text] {
  margin: 0 5px 0 20px;
  color: #ed9b4e;
  font-family: "Cambria", Georgia, Times New Roman, serif;
  border: 1px solid #eec188;
  background-color: #FFF;
  width: 150px;
  padding: 5px;
  outline: none;
}
#topContent #newsletterform input[type=submit] {
  outline: none;
  border: 0;
  margin-top:-4px;
  background: transparent url(images/ma-abonez.png) no-repeat scroll;
  width: 107px;
  height: 21px;
  cursor: pointer;
}
#topContent .rssFeed {
  display: block;
  margin: 0 0 3px 20px;
  padding-left: 20px;
  color: #e26a23;
  font-size: 12px;
  text-decoration: none;
  background: url(images/rss-icon.png) no-repeat left center scroll;
}
#topContent .rssFeed:hover {color: #e26a23; text-decoration: underline;}
/* content */
#content {width: 960px; margin: 0 auto; padding-top: 30px;}
#content article {margin-bottom: 20px;}
#content .entrySidebar, #content .entryContent {float: left;}
#content .entrySidebar {width: 125px; margin-right: 25px;}
#content .entrySidebar img {margin-bottom: 15px;}
#content .entrySidebar li {
  color: #5f3517; 
  font-size: 14px; 
  padding-top: 1px;
  margin-top: 1px;
  border-top: 1px dotted #000;
}
#content .entrySidebar li:first-child {padding-top: 0; margin-bottom: 0; border-top: 0;}
#content .entrySidebar li a {color: #e26a23; text-decoration: none;}
#content .entrySidebar li a {color: #e26a23; text-decoration: none;}
#content .entrySidebar li a:hover {color: #5f3517; text-decoration: none;}
#content .entryContent {width: 510px; padding-bottom: 25px; background: url(images/entry-separator.jpg) no-repeat center bottom scroll;}
#content .entryContent p {text-align:justify};
#content .booklist .entryContent {width:600px;}
#content .entryContent h1 {
  color: #5f3517;
  font-size: 24px;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 15px;
}
#content .entryContent h1 a {color: #5f3517; text-decoration: none;}
#content .entryContent h1 a:hover {color: #5f3517; text-decoration: underline;}
#content .entryContent div.book_info {font-weight: bold; font-size: 12px; margin-bottom: 20px; height: auto; overflow: hidden;} 
#content .entryContent div.book_info strong {color: #5f3517;}
#content .entryContent a {color: #e26a23; text-decoration: none;}
#content .entryContent a:hover {color: #e26a23; text-decoration: underline;}
#content .entryContent img { }
#content .entryContent .comments {margin-top: 20px; font-style: italic; text-align: center;}
#content .entryContent .comments .count {color: #5f3517;}

/* sidebar */
#content aside {color: #5f3517 !important;}
#content aside h2 {
  font-size: 18px;
  color: #5f3517;
  margin-bottom: 15px;
  padding-left: 30px;
  background: url(images/sidebar-icon.jpg) no-repeat left center scroll;
}

#content aside ul#sidebar,
#content aside ul#sidebar li {margin:0px; padding:0px; list-style: none; border:none;font-size:13px; margin-bottom:5px}

#content aside ul#sidebar li ul {margin: 0 0 20px 0;}
#content aside ul#sidebar li ul li {
  padding: 0 5px 4px 30px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #000;
  font-size: 16px;
  line-height: normal;
}

#content aside li a {color: #e26a23; text-decoration:none;}
#content aside li a:hover {color: #a64e1a; text-decoration:none;}
#content aside .noutati {
  width: 233px;
  height: 177px;
  background: url(images/sidebar-container-bg.jpg) no-repeat scroll;
  margin-bottom: 20px;
  padding: 10px 10px 0 10px;
  font-size: 12px;
  color: #5f3517;
  
}
#content aside .noutati img {float: left; margin-right: 10px; width: 80px;}
#content aside .noutati p {font-weight:bold; margin-bottom: 5px;}
#content aside .noutati p a {color: #5f3517; text-decoration: none;}
#content aside .noutati p a:hover {color: #5f3517; text-decoration: underline;}
#content aside .noutati .readMore {
  display: block;
  position: absolute;
  color: #e26a23;
  text-decoration: none;
  clear: left;  
  text-align: right;
  bottom:0px;
  width:100%;
  
}
#content aside .noutati .readMore:hover {color: #e26a23; text-decoration: underline;}

#content aside .noutati .left {float:left; width:85px; overflow:important; height:152px; position: relative; 	}
#content aside .noutati .right {float:left; width:145px; overflow:important; height:152px; position: relative; }

#content aside .fb {margin-bottom: 25px;}
#content aside .fb iframe {margin-bottom: 20px;}
#content aside .regulaZilei div {
  border: 0 !important;
  width: 300px  !important;
  margin: 0  !important;
  padding: 0  !important;
  color: #5f3517 !important;
  font-family: "Georgia", Times New Roman, serif !important;
}
#content aside .regulaZilei div h2 {
  font-size: 18px !important;
  color: #5f3517 !important;
  margin: 0 !important;
  padding: 0 0 0 30px !important;
  line-height: 27px !important;
  text-align: left !important;
  letter-spacing: normal !important;
  background: url(images/sidebar-icon.jpg) no-repeat left center scroll !important;
}
#content aside .regulaZilei div center {
  text-align:left !important;
  color: #5f3517 !important;
  padding-left: 30px;
  margin-bottom: 10px;
}
#content aside .regulaZilei div center a {color: #5f3517 !important; text-decoration: none !important;}
#content aside .regulaZilei div center a:hover {color: #5f3517 !important; text-decoration: underline !important;}
#content aside .regulaZilei div p {
  font-size: 13px;
  color: #5f3517 !important;
  margin-bottom: 10px;
  padding-left: 30px;
}
/* general info */
#generalInfo {
  width: 960px;
  margin: 10px auto 0 auto;
  color: #e26a23;
  font-size: 12px;
  position: relative;
  padding: 10px 0;
}
#generalInfo .pagination {font-style: italic; padding-left: 15px;}
#generalInfo .pagination .current, #generalInfo .pagination a {padding: 0 5px;}
#generalInfo .pagination a {color: #e26a23; text-decoration: none;}
#generalInfo .pagination a:hover {color: #e26a23; text-decoration: underline;}
#generalInfo .pagination .current {color: #833d14;}
#generalInfo p {position: absolute; top: 10px; right: 0;}

/* single page */
#singleTitle {margin-bottom: 20px; line-height: normal;}
#singleTitle img {float: left; margin: 5px 20px 20px 0;}
#singleTitle h1 {
  font-size: 24px;
  font-weight: normal;
  color: #5f3517;
  margin-bottom: 5px;
}
#singleTitle a {color: #e26a23; text-decoration: none;}
#singleTitle a:hover {color: #e26a23; text-decoration: underline;}
#singleContent {float: left; width: 470px; margin-right: 20px;}
#singleContent div.book_info {font-weight: bold; font-size: 12px; margin-bottom: 25px; height: auto; overflow: hidden;} 
img.book_rating {width:70px !important; display: inline !important; margin-top:2px !important;}
#singleContent div.book_info strong {color: #5f3517;}
#singleContent div.book_info img {width: 110px;}
#singleContent div.book_info a img {width: auto !important;}
#singleContent p{
	margin-bottom: 10px;
	text-align: justify;
}
#singleContent p em, #singleContent p i {
  font-style: italic;
  font-weight: normal;  
  color: #5f3517;
  margin-bottom: 15px; 
}

#singleContent.full {
	width: 600px;
}


#singleContent p em strong, #singleContent p i strong {font-style: normal;}
#singleContent p {margin-bottom: 15px;}
#singleContent a {color: #e26a23; text-decoration: none;}
#singleContent a:hover {color: #e26a23; text-decoration: underline;}
#singleContent ul {padding: 10px 0;}
#singleContent .plusuri, #singleContent .minusuri, #singleContent .recomandari {
  margin: 10px 0 10px 10px;
  padding: 5px 0 5px 40px;
  line-height: normal;
}
#singleContent .plusuri h4, #singleContent .minusuri h4, #singleContent .recomandari h4 {color: #d57b3f; font-size: 14px; margin-bottom: 5px; text-transform: uppercase;}
#singleContent .plusuri p, #singleContent .minusuri p, #singleContent .recomandari p {padding-left: 10px; width: 80%;}
#singleContent .plusuri {background: url(images/plus-icon.jpg) no-repeat left top scroll;}
#singleContent .minusuri {background: url(images/minus-icon.jpg) no-repeat left top scroll;}
#singleContent .recomandari {background: url(images/view-icon.jpg) no-repeat left top scroll;}
#singleContent #entryComments {padding-top: 15px; background: url(images/entry-separator.jpg) no-repeat center top scroll;}
#singleContent #entryComments h3 {
  font-size: 18px;
  font-style: italic;
  color: #5f3517;
  margin-bottom: 10px;
}
#singleContent #entryComments label {display: block;}
#singleContent #entryComments p label {display: inline; font-size: 11px; color: #d57b3f;}
#singleContent #entryComments input[type=text], #singleContent #entryComments textarea {
  display: block;
  margin: 5px 0 10px 0;
  outline: none;
  border: 1px solid #eec188;
  background-color: #fdf6f2;
  font-size: 13px;
  color: #5F3517;
  font-family: "Georgia", Times New Roman, serif;
}
#singleContent #entryComments input[type=text] {padding: 5px 10px; width: 260px;}
#singleContent #entryComments textarea {resize: none; padding: 5px 10px; width: 350px; height: 180px;}
#singleContent #entryComments input[type=submit] {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  font-family: "Cambria", Georgia, Times New Roman, serif;
  margin: 10px 0;
  padding: 5px 15px; 
  text-transform: uppercase;
  border: 0;
  outline: none;
  background: #d57b3f;
  text-shadow: 2px 0px 1px #4d4d4d;
  cursor: pointer;
}
#singleContent #entryComments form p {font-size: 11px; color: #d57b3f;}
#singleContent #entryComments ol {margin: 20px 0 0 20px;}
#singleContent #entryComments ol li {margin-bottom: 15px; border-bottom: 1px dotted #000;}
#singleContent #entryComments ol li ul {padding: 0;}
#singleContent #entryComments ol li ul li {margin-bottom: 0; padding-top: 15px; border-top: 1px dotted #000; border-bottom: 0;}
#singleContent #entryComments li .info {margin-bottom: 0; font-size: 12px; font-style: italic; color: #d57b3f;}
#singleContent #entryComments li h4 {margin-bottom: 10px;}
#singleContent #entryComments .commentEntry {padding: 0 0 10px 10px;}
#singleContent #entryComments li .reply {text-align: right; margin: 0 0 3px 0;}
#singleContent #entryComments li .reply a {
  padding: 5px 10px;
  color: #fff;
  font-size: 12px;
  font-style: italic;
  background-color: #d57b3f;
}

#singleContent #entryComments .avatar {
	float:right;
}
#singleSidebar {
  float: left; 
  width: 118px;
  background-color: #fdf6f2;
  border: 1px solid #f3f2d9;
  margin-top: 190px;
  padding: 10px 0;
  text-align: center;
}
#singleSidebar h2 {
  font-size: 14px;
  font-weight: bold;
  color: #d57b3f;
  margin-bottom: 20px;
  text-transform: uppercase;
}
#singleSidebar ul {width: 80px; margin: 0 auto;}
#singleSidebar img {width: 80px;}
#singleSidebar li {margin-bottom: 20px;}
/* footer */
footer {
  position:relative;
  margin-top: 20px;
  width: 100%; 
  min-height: 170px; 
  background: #e4d6b7 url(images/footer-bg.jpg) repeat-x top scroll;
  overflow: hidden;
  text-transform: uppercase;
  text-align:center;
}
footer a {color: #5f3517; text-decoration: none;position:relative}
footer a:hover {color: #5f3517; text-decoration: underline;}
footer #footerMenu{
	/* width:960px; */
	/* display:block; */
	position:absolute;
	top:30px;
	right:50%;
    margin-right:-480px;	
	text-align:right;
}
footer #footerMenu li {
	display: inline-block;
	zoom:1;
	margin: 0 15px;
}

footer div#bookblogFriends {
    position:absolute;
    top:30px;
    left:50%;
    margin-left:-480px;
    text-transform: none !important;
    text-align:left;
}

footer div#bookblogFriends ul {
    padding:0px !important; margin:20px 60px 0px 0px !important;
    max-width:2200px;
    float:left;
       
}

footer div#bookblogFriends ul li {
   
}

/* clearfix */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;border:1px solid red;   
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clear {clear:both}

textarea.embedcode { display: block; width:100%; height: 100px; }

.wp-post-image {width: 100px; height:auto;}

div.redactor-pic img {width: 140px !important }

.temp-banner {
	width:468px;
	margin:0 auto;
}
.temp-banner img {
	display: inherit!important;	
}

.banner-cont {
	padding-bottom:15px;	
}


.rel_cont{
	display:none;
	width:300px;
	height:120px;
	padding:10px;
	border:solid 1px #999;
	background:#fff;
	position:fixed;
	right:10px;
	bottom:0px;
	z-index:99999999;
	overlay:hidden;
}
.rel_cont img{
	float:left;
	margin:0 5px 5px 0;
}
.rel_cont_title{
	font-weight:bold;
	display:block;
}

 
/* Top level Unordered list */
ul.menu {
	list-style:none;
	float:left;
	width:100%;
}
ul.menu  li{
	float:left;
	position:relative;
}
ul.menu a {
	padding:0;
	text-decoration:none;
}
ul.menu li ul a {
	display:block;
}
 
/* sub menus!!  */
 
ul.menu ul {
	list-style: none;
	margin:0;
	padding:0;
	width:200px;
	position:absolute;
	z-index:500;
}
.sub-menu .menu-item{
	background: url(images/nav-bg.jpg);
	width:240px;
	margin:0 !important;
}
ul.menu li ul {
	top:33px;
	-moz-box-shadow:0 2px 10px #000; /* CSS 3 */
}
ul.menu ul ul {
	top:0;
	left:100%;
}
ul.menu ul li {
	float:none; /* umm.. Appear below the previous one. mmkay? */
}
 
/* Drop Down! */
 
/* Hide all the dropdowns (submenus) */
ul.menu ul,
ul.menu li:hover ul ul,
ul.menu ul li:hover ul ul{ display: none; }
 
/* Display the submenus only when li are hovered */
ul.menu li:hover ul,
ul.menu ul li:hover ul ,
ul.menu ul li ul li:hover ul { display: block; margin-left:-10px;}
ul.sub-menu li{padding-left:20px !important;}
ul.menu li * a:hover {
/* Change color of links when hovered */
}
.menu-item-has-children{
	background: url(images/nav-separator-orange-arrow.png) no-repeat right center scroll;
}
.decembrie1{
	width:76px; 
	height:162px;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-200px;
	background:url('images/bookblog_romania.png') no-repeat;
}
.new{
	width:30px;
	height:13px;
	position:absolute;
	top:83px;
	left:50%;
	margin-left:-388px;
	background:url('images/nou.png') no-repeat;
}
.easter{
	width:101px; 
	height:96px;
	position:absolute;
	top:9px;
	left:50%;
	margin-left:-210px;
	background:url('/banners/bunny.png') no-repeat;
}
.singleRecenzie > :first-child{
	margin:0 !important;
	
}
.sponsored_emag_link{
	clear:both;
	border:solid 1px #000;
	text-align:center;
	padding:5px;
	margin-bottom:20px;
	background:url('images/nav-bg.png');
}
.sponsored_emag_link a{
	font-size:15px !important;
	color:#000 !important;
}
.sponsored_emag_link img{
	margin:0 auto;
	width:100px
}
.sponsored_emag_box{
	clear:both;
	border:solid 1px #000;
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	background:#fefefe;
}
.sponsored_emag_box p{
	text-align:left;
}
.sponsored_emag_box div{
	display:inline-block;
	margin:0 auto;
}

.sponsored_emag_box .emag_logo{
	display:inline;
	width:80px;
	vertical-align:top;
}
.sponsored_emag_box a{
	display:block;
	float:left;
	width:100px;
	text-align:center;
	margin:10px 20px;
}
/* ----------------------------------------- RESPONSIVE PART ----------------------------------------- */
.primary-mobile-nav {
	display: none;
}
@media only screen and (max-width: 900px) {
	nav {
		display: none;
	}
	.primary-mobile-nav {
		display: block;
	}
	#singleTitle{
		padding:15px !important;
		width:auto!important;
	}
	#singleTitle img{
		display:none;
	}
	#singleTitle h1{
		white-space:normal !important;
	}
	#singleContent,.entryContent{
		width:100% !important;
		
		margin:0px !important;	
		padding:0px !important;	
	}
	.entryContent h1,.entryContent p{
		padding:15px !important;
	}
	#singleContent p{
		width:auto !important;
		padding:15px !important;		
	}
	header{
		height:auto !important;
	}
	body, .header, .maincontainer,#content,#generalInfo{
		width:100% !important;
	}
    aside,.entrySidebar{
        display:none;
    }
    .column_660{
		width:auto !important;
		max-width:100% !important;
		margin:0px !important;
		padding:0px !important;
    }
    #topContent, footer, .topbanner_728{
		display:none;
    }
}
@media only screen and (max-width: 768px) {
    .header{
		text-align:center;
    }
    .header h1{
		margin:0 auto !important;
		float: none !important;
    }
}
