@font-face {
    font-family: 'axis';
    src: url('../fonts/axis-webfont.woff2') format('woff2'),
         url('../fonts/axis-webfont.woff') format('woff'),
         url('../fonts/axis-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'avenir';
    src: url('../fonts/AvenirLTStd-Light.woff') format('woff'),
         url('../fonts/AvenirLTStd-Light.otf') format('otf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
 }

@font-face {
    font-family: 'avenir';
    src: url('../fonts/AvenirLTStd-Medium.woff') format('woff'),
         url('../fonts/AvenirLTStd-Medium.otf') format('otf');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
 }

/*************** main html tags **********************/

BODY, TD { 
	font-family:		'axis'; 
	font-size:		60px; 
	line-height:		100%; 
	color:			#ffffff; 
	background-color:	#181818;
	text-decoration:	none;
}

A {
	text-decoration:	none;
	color:			white;
}
A:visited { color: white }
A:hover { color: #f5ff00 }

BODY { 	
	overflow-x:	hidden;
}

FORM {
	margin:		0px; 
	padding:	0px;
}


UL, OL {
	display: inline;
	margin-before: 0;
	margin-after: 0;
	margin-start: 0;
	margin-end: 0;
	padding-start: 0; 
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
	list-style: none;
	margin:0;
	padding:0;
}

LI {
	display: 	inline;
	margin-before: 0;
	margin-after: 0;
	margin-start: 0;
	margin-end: 0;
	padding-start: 0; 
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
	list-style: none;
	margin:0;
	padding:0;
}


/*************** header **********************/

#header {
	width:			100%; 
	height:			1.2em; 
	font-size:		1em;
}




/*************** header: logo & logo menu **********************/


#logo {
	float:			left;
	width:			7%;
	height:			100%;
	text-align:		center;
}

#logo div { 
	height:			100%;
}

#logo_image {
	height:			0.84em;
	position: relative; top: 50%; transform: perspective(1px) translateY(-50%); -webkit-transform: perspective(1px) translateY(-50%); -ms-transform: perspective(1px) translateY(-50%);
}


#logo_menu {
	display:		none;
	position:		absolute;
	left:			3%;
	width:			13%;
	height:			auto;
	z-Index:		1000000;
	font-family:		'avenir';
	text-align:		left;
	font-size: 		0.35em;
	line-height: 		0.35em;
}


#logo_menu a {
	display:		block;
	text-decoration:	none;
	color:			white;
	font-size: 		1em;
	line-height:		1em;	
	height:			auto;
	line-height:		1em;	
	padding-left:		1.5em;
	padding-right:		0.5em;
	padding-top:		1em;
	padding-bottom:		1em;
	background-color:	#181818; 
	cursor:			pointer;
	border-bottom:		0.1em solid #303030;
	text-align:		left;
}
#logo_menu a:hover {
	color: 			#f6ff00;
}

#logo_menu_up {
	height:			1em;
}


/************ header: theme ************/

#theme {
	float:		left;
	width:		43%;
	height:		100%;
	text-align:	left;
}

#theme h1 {
	font-family: 	'avenir';
	line-height:	100%;
	font-size:	0.5em; 
	font-weight:	normal;
	margin:		0;
	position: relative; top: 50%; transform: perspective(1px) translateY(-50%); -webkit-transform: perspective(1px) translateY(-50%); -ms-transform: perspective(1px) translateY(-50%);
}


#theme .themeWithSubtitle {
	font-size:	0.5em; 
	line-height:	80%; 
}

#theme .themeWithSubtitle span {
	font-size:	0.6em;
}



/*************** header: categories **********************/

#categories {
	float:		left;
	width:		47%;
	height:		100%;
	text-align:	right;
}

#categories div {	
	display: 		block;
	cursor: 		pointer;
	font-size: 		0.3em;
	margin-right:		1.5em;
	position: relative; top: 50%; transform: perspective(1px) translateY(-50%); -webkit-transform: perspective(1px) translateY(-50%); -ms-transform: perspective(1px) translateY(-50%);
}

#categoriesDown1 {
	height:		0.6em;
	padding-left:	0.6em;
}





#mainCategories_menu {
	display:		none;
	position:		absolute;
	top:			1.2em;
	left:			90%;
	height:			auto;
	z-Index:		1000000;
	text-align:		center;
}

#mainCategories_menu img {
	display:		block;
	padding-left:		30%;
}

#mainCategories_menu div {
	font-size: 		0.35em;
	font-family:		'avenir';
	line-height:		1em;	
	height:			auto;
	padding:		1em;
	padding-left:		1.5em;
	padding-right:		1.5em;
	background-color:	#181818; 
	cursor:			default;
	border-bottom:		0.1em solid #303030;
	text-align:		left;
	user-select: 		none;
        -moz-user-select: 	none;
        -khtml-user-select: 	none;
        -webkit-user-select: 	none;
        -o-user-select: 	none;
}
#mainCategories_menu div:hover, .mainCategories_menu_selected {
	color: 			#f6ff00;
}

#mainCategories_menu_up {
	height:			0.4em;
}





#categories_menu { 
	display:		none; 
	position:		absolute;
	top:			1.8em;
	left:			77%;
	width:			13%;
	height:			auto;
	z-Index:		1000000;
	text-align:		center;
}


#categories_menu_right {
	float:			right;
	width:			10%;
	height:			100%;
	font-size: 		0.35em;
}
#categories_menu_right img {
	margin-top:		0.6em;
	width:			100%;
}


#categories_menu_left {
	width:			90%;
	float:			left;
}

#categories_menu_left div {
	font-size: 		0.35em;
	font-family:		'avenir';
	line-height:		1em;	
	height:			auto;
	padding:		1em;
	padding-left:		1.5em;
	padding-right:		1.5em;
	background-color:	#181818; 
	cursor:			default;
	border-bottom:		0.1em solid #303030;
	text-align:		left;
	user-select: 		none;
        -moz-user-select: 	none;
        -khtml-user-select: 	none;
        -webkit-user-select: 	none;
        -o-user-select: 	none;
}
#categories_menu_left div:hover {
	color: 			#f6ff00;
}



/*** quick fix for mobile menu **/

.mainCategories_menuMobile {
	display:		none;
}

#mainCategories_menu .mainCategories_menuMobile div {
	background-color:	#6b30ca; 

}

#mainCategories_menu .categories_menuMobile div {
	border:			0;
	color:			white;
	font-size:		1em;
	padding:		1em;
	background-color:	#3e1b81;
}
#mainCategories_menu .categories_menuMobile div a {
	color:			white;
}
#mainCategories_menu .categories_menuMobile div a:hover {
	color:			#f6ff00;
}

.categories_menuMobile {
	display:		none;
	margin-top:		1em;
}

/*****/




#slideshows_menu { 
	display:		none; 
	position:		absolute;
	top:			1.8em;
	left:			59%;
	width:			18%;
	height:			auto;
	z-Index:		1000000;
	text-align:		center;
}


#slideshows_menu_right {
	float:			right;
	width:			8%;
	height:			100%;
	font-size: 		0.35em;
}
#slideshows_menu_right img {
	margin-top:		0.45em;
	width:			100%;
}


#slideshows_menu_left {
	width:			92%;
	float:			left;
}

#slideshows_menu_left div {
	font-size: 		0.35em;
	font-family:		'avenir';
	line-height:		1em;	
	height:			auto;
	padding:		1em;
	padding-left:		1.5em;
	padding-right:		1.5em;
	background-color:	#6b2fca;
	cursor:			pointer;
	border-bottom:		0.1em solid #4f2199;
	text-align:		left;
}

#slideshows_menu_left div a {
	color:			#ffffff;
	text-decoration:	none;
}
#slideshows_menu_left div:hover a, #slideshows_menu_left div a:hover  {
	color: 			#f6ff00;
}




/****************** items **********************/

#itemsContainer {
	overflow-x:		hidden;
}

#items {
	position:		relative;
	height: 		12em;
	left:			2.5%;
	width:			95%;
	background-color:	#000000;	
}

.i {
	width:		100%; 
	height:		100%; 
	position:	absolute; 
	overflow:	hidden; 
	opacity:	0; 
	display:	none;
}

.i A { color:inherit }


.i_filter1 { width:100%; height:12em; position:absolute; background-image:url('/imgs/filter.png'); background-size:0.1em; }

.i_vAlign10  { top: 10%; transform: perspective(1px) translateY(-10%); -webkit-transform: perspective(1px) translateY(-10%); -ms-transform: perspective(1px) translateY(-10%); }
.i_vAlign20  { top: 20%; transform: perspective(1px) translateY(-20%); -webkit-transform: perspective(1px) translateY(-20%); -ms-transform: perspective(1px) translateY(-20%); }
.i_vAlign30  { top: 30%; transform: perspective(1px) translateY(-30%); -webkit-transform: perspective(1px) translateY(-30%); -ms-transform: perspective(1px) translateY(-30%); }
.i_vAlign40  { top: 40%; transform: perspective(1px) translateY(-40%); -webkit-transform: perspective(1px) translateY(-40%); -ms-transform: perspective(1px) translateY(-40%); }
.i_vAlign50  { top: 50%; transform: perspective(1px) translateY(-50%); -webkit-transform: perspective(1px) translateY(-50%); -ms-transform: perspective(1px) translateY(-50%); }
.i_vAlign60  { top: 60%; transform: perspective(1px) translateY(-60%); -webkit-transform: perspective(1px) translateY(-60%); -ms-transform: perspective(1px) translateY(-60%); }
.i_vAlign70  { top: 70%; transform: perspective(1px) translateY(-70%); -webkit-transform: perspective(1px) translateY(-70%); -ms-transform: perspective(1px) translateY(-70%); }
.i_vAlign80  { top: 80%; transform: perspective(1px) translateY(-80%); -webkit-transform: perspective(1px) translateY(-80%); -ms-transform: perspective(1px) translateY(-80%); }
.i_vAlign90  { top: 90%; transform: perspective(1px) translateY(-90%); -webkit-transform: perspective(1px) translateY(-90%); -ms-transform: perspective(1px) translateY(-90%); }
.i_vAlign100 { top: 100%; transform: perspective(1px) translateY(-100%); -webkit-transform: perspective(1px) translateY(-100%); -ms-transform: perspective(1px) translateY(-100%); }

.i_relative { position: relative }

.i_simple_t, .i_stripes_t { width:80%; position:relative; left:10%; text-align:center; }
.i_roundfig_f { float:right; text-align:center; width:60%; position: relative; }
.i_roundfig_fp { height:100%; width:3%; float:left; }


#pubData {
	color:			#818181;
	text-align:		center;
	padding:		0.5em;
	font-size:		0.4em;
	font-weight:		normal;
	font-family:		'avenir';
}

/********** Prev & Next buttons *************/

#prevA { display:none }
#prev {
	position:	absolute; 	
	z-Index:	1000; 
	top:		6.2em;
	width:		5%;
	left:		2.5%;
	user-select: 		none;
        -moz-user-select: 	none;
        -khtml-user-select: 	none;
        -webkit-user-select: 	none;
        -o-user-select: 	none;
}
#prevT {
	position:	absolute; 	
	z-Index:	1000; 
	top:		5.9em;
	width:		1%;
	left:		0.7%;
}


#next {
	position:	absolute; 	
	z-Index:	1000; 
	width:		5%;
	top:		6.2em;
	left:		92.5%;
	user-select: 		none;
        -moz-user-select: 	none;
        -khtml-user-select: 	none;
        -webkit-user-select: 	none;
        -o-user-select: 	none;
}
#nextT { 
	position:	absolute; 	
	z-Index:	1000; 
	width:		1%;
	top:		6.4em;
	left:		98.3%;
}




/*********** fact tools: SHARE, SOURCE & FAV ****************/

.factTools {
	margin-top:		1.2em;
	height:			1em;
	font-size:		0.35em;
	line-height:		100%;
}

.factTools div {
	display:		inline-block;
	cursor:			pointer;
	margin:			0.4em;
	margin-left:		0.9em;
	margin-right:		0.9em;
	user-select: 		none;
        -moz-user-select: 	none;
        -khtml-user-select: 	none;
        -webkit-user-select: 	none;
        -o-user-select: 	none;
}

.factTools span {
	font-size:		1.1em;
}

.factTools img { 
	height:			1em;
	vertical-align: 	middle;
}

#factToolsHidden {
	display:		none;
}





/*************** ADS **********************/

.manualinfo {
	width:		80%;
	margin:		auto;
	font-size:	0.5em;
	line-height:	1.5em;
	color:		white;
	text-align:	center;
	display:	block;
}

.manualinfo:hover {
	color:		#f5ff00;
}

.manualinfo_desktop {
	display:	block;
	margin:		auto;
}


.manualinfo_mobile {
	display:	none;
	margin:		auto;
}



/*********** ALERTS ************/


.alert {
	display:	none; 
	width:		100%; 
	height:		100%; 
	position:	absolute; 
	top:		0; 
	left:		0; 
	z-index:	20000000; 
}

.alert_bg {
	width:			100%; 
	height:			100%; 
	background-color:	#181818; 
	opacity:		0.5; 
	position:		absolute; 
	z-index:		20000001; 
}

.alert_body {
	width:			36%;
	left:			32%;
	top:			15%; 
	text-align:		center; 
	position:		absolute; 
	z-index:		20000002; 
	border-top:		0.3em solid #9452fe; 
	-webkit-border-radius:	0.2em; 
	-moz-border-radius: 	0.2em; 
	border-radius: 		0.2em; 
	background-color:	#ffffff;
	font-size:		0.5em;
	color:			#181818;
}
.alert_body A {
	color: #5f2ab5;
}

.alert_close { 
	left:			95%; 
	top:			1%;
	position:		absolute; 
	cursor:			pointer; 
	text-decoration:	none; 
	line-height:		100%; 
	color:			#c1c5c6; 
	background-color:	#ffffff;  
	-webkit-border-radius:	0.4em; 
	-moz-border-radius: 	0.4em; 
	border-radius: 		0.4em; 
}

.alert_title, .alert_title2 {
	font-weight:		normal;
	font-size:		1.5em;
	padding:		0.3em;
	padding-top:		0.8em;
}	
.alert_title2 { 
	padding-bottom: 	0.1; 
}

.alert_subtitle { 
	color:			#c1c5c6;
}


.alert_option {
	width:			15%;
	float:			left;
	text-align:		right;
	margin-top:		0.2em;
}

.alert_value {
	width:			70%;
	float:			left;
	text-align:		left;	
	font-family:		'avenir';
	font-size:		0.8em;
	margin-top:		0.3em;
	color:			#989898;
}

.alert_value span {
	font-size:		0.8em;
}

.alert_check {
	width:			1.3em;
	height:			1.3em;
	font-size:		0.5em;
}

.alert label {
	color:			#989898;
	font-size:		0.8em;
}

.alert .itext, .alert SELECT {
	font-family:		'avenir';
	font-size:		0.8em;
	color:			#989898;
	background-color:	#f3f6f6;
	width:			100%;	
	min-height:		1.1em;
	padding:		0.8em;
	padding-left:		1em;
	-webkit-border-radius:	0.2em; 
	-moz-border-radius: 	0.2em; 
	border-radius: 		0.2em; 
	border-bottom:		0;
	border-left:		0;
	border-right:		0;
	border-top:		0.1em solid #eef1f1;
}
.itext:-webkit-autofill {
	-webkit-background-color:#f3f6f6;
	background-color:	#f3f6f6
}


.clear {
	clear: both;
}

.alert_button, .alert_button2, #trending_content_more {
	font-family:		'axis';
	text-transform:		uppercase;
	width:			70%;
	font-size:		0.8em;
	background-color:	#9452fe;
	color:			#ffffff;
	padding:		0.3em;
	padding-top:		0.8em;
	padding-bottom:		0.8em;
	cursor:			pointer;
	text-align:		center;
	-webkit-border-radius:	0.2em; 
	-moz-border-radius: 	0.2em; 
	border-radius: 		0.2em; 
	margin-top:		1.2em;
	margin-bottom:		1.5em;
	border:			0;
	border-bottom:		0.1em solid #5f2ab5;
}
.alert_button:hover, .alert_button:focus, #trending_content_more:hover, #trending_content_more:focus {
	background-color:	#5f2ab5;
}

.alert_button2 { 
	background-color: 	#868686; 
	margin-top:		0; 
	border-bottom:		0.1em solid #414141;
}
.alert_button2:hover { background-color: #414141 }




#alert_share_slide { text-align:center }

#alert_share_FB, #alert_share_TW, #alert_share_PI, #alert_share_EM {
	width:			49%;
	margin-top:		2%;
	display:		inline-block;
	text-align:		center;
	-webkit-border-radius:	0.4em; 
	-moz-border-radius: 	0.4em; 
	border-radius: 		0.4em; 
	cursor:			pointer;
}
#alert_share_FB { background-color: #3a589b }
#alert_share_TW { background-color: #598dca; float: right; }
#alert_share_PI { background-color: #cb1f26 }
#alert_share_EM { background-color: #333333; float: right; }

#alert_share .alert_value img {
	height:			3em;
}




/*********** ads ****************/

#ad1 {
	padding-top:		0.2em; 
	padding-bottom:		0.2em; 
	text-align:		center;
}

#ad2 {
	padding-top:		0.5em; 
	padding-bottom:		0.5em; 
	text-align:		center;
}

#fe { 
	width:			100%;
	height:			100%;
	background-color:	#ffffff;	
	color:			#6b30ca;
	text-align:		center; 
}
#taboola-endslate {
	width:			85%;
	margin:			auto auto;
	margin-top:		1em;

}
#fe a	{ color:#b8cfff; text-decoration:none; }
#fesh	{ color:white; font-size:140%; background-color:#3b5998; padding-top:26%; padding-bottom:26%; padding-left:16%; padding-right:16%; -moz-border-radius: 50%; border-radius: 50%;  }



/*********** trending ***********/

#trending {
	width:			93%;
	margin:			auto auto;
}

#trending:after{
    clear: both;
    content: "";
    display: block;
}

#trending a {	
	text-decoration:	none;
}

#trending_icon {
	float:			left;
	width:			7%;
	background-color:	#f5ff00;
	font-size: 		0.46em;
	text-align:		center;
	padding-top:		1em;
	padding-bottom:		0.2em;
	margin-bottom:		0.4em;
}
#trending_icon img { height: 2em; }

#trending_title {
	float:			right;
	width:			92.3%;
	font-size: 		0.46em;
	padding-top:		1.5em;
	padding-bottom:		1.5em;
	line-height:		1em;
	background-color:	#0f0f0f;
	margin-bottom:		0.4em;
}

#trending_title div {
	width:			50%;
	float:			left;
}

#trending_title span { 
	display:		block;
	padding-left:		2em; 
	text-align:		left; 
}


#trending_content {
	clear:			both;
	background-color:	#0f0f0f;
	font-size: 		0.46em;
	padding-right:		4em;
	padding-left:		4em;
	padding-top:		3em;
	padding-bottom:		2em;
	overflow:		hidden;
}

.trending_content_item {
	height:			21em;
	display:		block;
	float:			left;
	width:			30%;	
	padding:		1.55%;
}

.trending_content_item img {
	padding-bottom:		0.5em;
	padding-top:		0.5em;
	width:			100%;
}

.trending_content_item span {
	display:		block;
	width:			100%;
	padding:		0.75em;
	font-size:		0.75em;
	text-transform:		uppercase;
}
.trending_content_item_cat1 { color:#fe5151 }
.trending_content_item_cat2 { color:#95fff4 }
.trending_content_item_cat3 { color:#008aff }
.trending_content_item_cat4 { color:#f9fafc }
.trending_content_item_cat5 { color:#ffaa01 }
.trending_content_item_cat6 { color:#00f99e }

.trending_content_item div {
	font-family:		'avenir';
	line-height:		1.5em;
	padding:		0.5em;
	color:			white;
}

#trending_content_more {
	margin-top:		0;
	font-size:		0.4em;
	width:			99%;
}


 


/*********** book ***********/

#book {
	width:			93%;
	margin:			auto auto;
	margin-bottom:		0.4em;
}

#book:after{
    clear: both;
    content: "";
    display: block;
}

#book a {	
	text-decoration:	none;
}

#book_icon {
	float:			left;
	width:			7%;
	background-color:	#f5ff00;
	font-size: 		0.46em;
	text-align:		center;
	padding-top:		1em;
	padding-bottom:		0.2em;
	margin-bottom:		0.4em;
}
#book_icon img { height: 2em; }

#book_title {
	float:			right;
	width:			92.3%;
	font-size: 		0.46em;
	padding-top:		1.5em;
	padding-bottom:		1.5em;
	line-height:		1em;
	background-color:	#0f0f0f;
	margin-bottom:		0.4em;
}

#book_title div {
	width:			50%;
	float:			left;
}

#book_title span { 
	display:		block;
	padding-left:		2em; 
	text-align:		left; 
}


#book_content {
	clear:			both;
	background-color:	#0f0f0f;
	font-size: 		0.46em;
	line-height:		1.5em;
	padding-right:		4em;
	padding-left:		4em;
	padding-top:		3em;
	padding-bottom:		2em;
	overflow:		hidden;
	font-family:		'avenir';
}

#book_content b {
	font-size: 1.4em;
}




/****************** search **********************/

#search {
	font-size:		0.65em;
	line-height:		1em; 
	float:			right;
	text-align:		right;
}


#search_form {
	margin-right:		3em;
}


#search_form_icon {	
	padding-left:		0.2em;
	height:			1em;
	cursor:			pointer;
}


#search_form_box {
	background-color:	#0f0f0f;
	color:			#777777;
	font-family:		'avenir';
	font-size:		1em;
	width:			15em;
	border:			0;
	padding-bottom:		0.3em;
	border-bottom:		0.01em solid #ffffff;
}




/*********** footer ***********/

#footer {
	width:			93%;
	margin-top:		1em;
	margin-left:		auto;
	margin-right:		auto;	
}

#footer_logo {
	width:			25%;
	float:			left;
}
#footer_logo img { width:70% }

#footer_about {
	width:			50%;
	float:			left;
	font-family:		'avenir';
	font-size:		0.4em;	
	line-height:		1.5em;
	text-align:		center;
}
	
#footer_about a { 
	display:		inline-block; 
	padding-left:		1em; 
	padding-right:		1em; 
	cursor:			pointer;
	text-decoration:	none;
	color:			white;	
}
#footer_about a:hover { 
	color: 			#f6ff00;
}

#footer_copyright {
	color:			#747474;
	font-family:		'avenir';
	font-size:		0.4em;	
}

#footer_social {
	width:			25%;
	float:			right;
	text-align:		right;
}


#footer_social img {
	height:			0.8em;
	padding-left:		1.3em;

}



/*********** others ************/




/* for 1680px or less */
@media screen and (max-width: 1680px) {

}

/* for 1440px or less */
@media screen and (max-width: 1440px) {

}

/* for 1024px or less BOTH PORTRAIT AND LANDSCAPE */
@media screen and (max-width: 1024px) {


	.alert_body, #alert_register .alert_body, #alert_registerNow .alert_body, #alert_about .alert_body, #alert_changePass .alert_body {
		width:			90%;
		left:			5%;
		top:			2.3em; 
		font-size:		1.2em;
		line-height:		1.1em;
	}


	.manualinfo_desktop {
		display:	none;
	}

	.manualinfo_mobile {
		display:	block;
	}
}


/* for 1024px or less JUST LANDSCAPE */
@media screen and (max-width: 1024px) and (orientation: landscape) {

	.alert_body, #alert_register .alert_body, #alert_registerNow .alert_body, #alert_about .alert_body, #alert_changePass .alert_body {
		top: 1em;
	}


	#trending_icon {
		font-size: 		0.46em;
		padding-top:		1em;
		padding-bottom:		1.3em;
		margin-bottom:		0.4em;
	}
	#trending_icon img { height: 2em; }

	#trending_title {
		font-size: 		0.56em;
	}

	#trending_content {
		font-size: 	0.8em;
		padding:	2em;
		padding-top:	1em;
	}

	.trending_content_item {
		width:		46%;	
		height:		17em;
		margin-bottom:	1em;
	}

	#trending_content_more	{
		font-size:	1em;
	}





	#book_icon {
		font-size: 		0.46em;
		padding-top:		1em;
		padding-bottom:		1.3em;
		margin-bottom:		0.4em;
	}
	#book_icon img { height: 2em; }

	#book_title {
		font-size: 		0.56em;
	}

	#book_content {
		font-size: 	0.8em;
		padding:	2em;
		padding-top:	1em;
	}



}



/* for 1024px or less JUST PORTRAIT */
@media screen and (max-width: 1024px) and (orientation: portrait) {
	#header {
		font-size:		1.5em;
	}

	#categories {
		width:		21%;
	}
	#user {
		width:		26%;
	}

	#mainCategories_menu {
		left:			61%;
		top:			2em;
	}
	#mainCategories_menu div {
		font-size: 		0.50em;
	}

	#categories_menu {
		top:			2.4em;	
		left:			48%;
	}
	#categories_menu_left div {
		font-size: 		0.50em;
	}
	#categories_menu_right img {
		margin-top:		1.1em;
	}

	#slideshows_menu {
		top:			2.4em;
		left:			30%;
	}
	#slideshows_menu_left div {
		font-size: 		0.50em;
	}
	#slideshows_menu_right img {
		margin-top:		1.1em;
	}
 	





	#trending_icon {
		font-size: 		0.76em;
		padding-top:		1em;
		padding-bottom:		0.7em;
		margin-bottom:		0.4em;
	}
	#trending_icon img { height: 2em; }

	#trending_title {
		font-size: 		0.76em;
	}

	#trending_content {
		font-size: 	1em;
		padding:	2em;
		padding-top:	1em;
	}

	.trending_content_item {
		width:		97%;	
		height:		auto;	
		margin-bottom:	1em;
	}

	#trending_content_more	{
		font-size:	1em;
	}






	#book_icon {
		font-size: 		0.76em;
		padding-top:		1em;
		padding-bottom:		0.7em;
		margin-bottom:		0.4em;
	}
	#book_icon img { height: 2em; }

	#book_title {
		font-size: 		0.76em;
	}

	#book_content {
		font-size: 	1em;
		padding:	2em;
		padding-top:	1em;
	}



}

/* for 790px or less */
@media screen and (max-width: 790px) {

	#header {
		font-size:	2.3em;
	}

	#prev, #next {
		top:		7.8em;
 	}
	#prevT { 
		top:		7.45em;
	}
	#nextT { 
		top:		8em;
	}

	#logo_menu {
		width:			25%;
	}

	#logo {
		width:		10%;
	}

	#theme {
		width:		25%;
	}

	#categories {
		width:		30%;
	} 

	#user {
		width:		33%;
	}

	#theme h1 div { font-size: 0.8em; line-height:1em;  }
	#theme h1 span { display: none }

	#mainCategories_menu {
		top:		2.75em;
		left:		15%;
		width:		70%;
	}

	#mainCategories_menu img {
		display:none
	}

	#mainCategories_menu div {
		font-size: 	0.8em;
		text-align:	center;
		cursor:		pointer;
		padding-left:		0;
		padding-right:		0;
	}

	#user_registered_menu {
		left:			72%;
		width:			25%;
	}

	#ad1 {
		padding-top:	1em;		
		padding-bottom:	1em;
 	}

	#book_content img {  }

	#book_content {
		font-size: 	0.9em;
	}


}

/* for 400px or less .. specially for google mobile test */
@media screen and (max-width: 400px) {




}