/**
 * Common tags
 */
html,
body {
	background: #fff;
	margin: 0; 
	padding: 0;
}

/**
 * Structure
 */
#wrap {
	padding: 0;
}

.inventea-wrapper,
.inventea-dashboard,
.inventea-footer {
	width: 95%;
	border: 0;
}

.inventea-wrapper {
	padding: 15px 0 6px 0;
}



.inventea-header {
	/*
	max-width: 1440px;
	margin: 0 auto;
	background: transparent;
	background-image: none;
	height: 70px !important;
	max-height: 70px !important;
	min-height: 70px !important;
	*/
	display: none;
}


.inventea-userbar {
	height: 47px;
	padding-top: 14px;
}

.inventea-dashboard {
	min-height: inherit;
}

.inventea-footer-wrapper {
	box-shadow: none;
	margin: 0;
	border: 0;
}

.inventea-footer {
	margin: 0;
	padding: 0 10px 10px;
}

/**
 * Forum name and description
 */
.inventea-sitename {
	padding: 43px 25px 46px;
}

/**
 * Secondary dropdown menu
 *
 * Alternative menu displayed only on devices with low screen resolution (700px
 * or less). Activated by button located in user menu. Consists all links from
 * dashboard reduced to single dropdown (see navbar_responsive_header.html).
 */
.inventea-user-menu {
	margin-right: 50px !important;
}

.inventea-posts-menu,
.inventea-forum-menu {
	display: none;
}

.inventea-mobile-dropdown-menu {
	position: absolute;
	right: 10px;
	display: block;
	margin-top: -6px;
}

.inventea-mobile-dropdown-menu .dropdown {
	top: 30px;
}

.inventea-toggle {
	display: block;
	padding: 3px 6px 2px;
	border-bottom: 3px solid #ccc;
	border-radius: 5px;
	background: #e9e9e9;
	color: #414141;
	line-height: 1;
	font-size: 21px;
}

.inventea-toggle:focus,
.inventea-toggle:hover,
.inventea-toggle:active {
	outline: 0;
	color: #414141;
	cursor: pointer;
}

/**
 * Footer
 */
#nav-footer,
.inventea-credits {
	float: none;
}

#nav-footer {
	margin-top: 12px;
}

/**
 * Forums and tables
 */
.forabg,
.forumbg,
.post,
.panel {
	margin-right: 0;
	margin-left: 0;
	border-radius: 5px 5px 0 0;
}

ul.topiclist dd,
ul.topiclist.forums dd.lastpost {
	display: table-cell;
}

ul.topiclist dd.topics,
ul.topiclist dd.posts,
ul.topiclist dd.lastpost,
ul.topiclist dd.info,
ul.topiclist dd.redirect {
	display: none;
}

.forabg ul.topiclist li.row dd.lastpost {
	background-color: #f1f1f1;
}

.forabg ul.topiclist li.row:nth-child(even) dd.lastpost {
	background-color: #e9e9e9;
}

@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) {
	ul.topiclist.forums dd.lastpost {
		display: none;
	}

	ul.linklist > li.inventea-time {
		float: none;
		margin: 3px 0 24px;
		text-align: center;
	}
}

/**
 * Posts and private messages
 */
.post,
.panel {
	border-radius: 5px;
}

.post .inner {
	display: block;
}

.postprofile,
.search .postprofile,
.pm .postprofile,
.post .postbody {
	display: block;
	overflow: hidden;
	width: auto;
}

/* User profile */
.postprofile,
.pm .postprofile,
.search .postprofile {
	border-top-right-radius: 7px;
	border-bottom-left-radius: 0;
}

.post .postprofile {
	padding: 18px;
	margin-bottom: 0;
	border: 0;
}

.postprofile dt {
	display: block;
	text-align: left;
}

.postprofile dd.profile-rank {
	text-align: left;
}

/* Post message */
.post .postbody {
	border-top-right-radius: 0;
	border-bottom-left-radius: 7px;
}

.post.bg1 .postbody:before {
	border-color: transparent transparent #f8f8f8 transparent;
}

.post.bg2 .postbody:before {
	border-color: transparent transparent #f2f2f2 transparent;
}

.post.reported .postbody:before {
	border-color: transparent transparent #f7ecef transparent;
}

/* Post message left triangle */
.post .postbody:before {
	right: 25px;
	margin-top: -34px;
	margin-left: 0;
	border-width: 0 14px 16px 14px;
}

.search .postbody {
	padding: 18px;
}

/**
 * Forms
 */
fieldset dt,
fieldset.fields2 dt,
.section-posting fieldset.fields1 dt,
.section-posting fieldset.fields2 dt {
	float: none;
	width: auto;
}

/* Additional margin between description and input */
fieldset dt span {
	display: block;
	margin-bottom: 10px;
}

/* Reduce input left margin */
fieldset dd,
fieldset.fields1 dd,
fieldset.fields2 dd,
.section-posting fieldset.fields1 dd,
.section-posting  fieldset.fields2 dd {
	margin-left: 0;
}

input[type="search"] {
	box-sizing: border-box;
}

input.inputbox,
textarea.inputbox {
	width: 100%;
}

input.medium {
	width: 50%;
}

input.tiny {
	width: 125px;
}

#register .inputbox,
#login .inputbox {
	width: 100% !important;
}



/* ********** MOBILE MENU STYLES ********** */

#menu { display: none; }

#wp-mobile-menu { 
width: 100% !important; 
display: table !important; 
height: 65px !important;
font-family: arial, helvetica, sans-serif;
font-size: .85rem;
}
.menu-mobile-menu-container { width: 100%; display: block; }


	/* ------ Menu Icon only with Site Title ------ */

	#menu-wrap {
	width: 100%;
	display: table;
	height: auto;
	}
	#menu-icon {
	width: 100%;
	height: 65px;
	display: table;
	background-color: black;
	background-image: url("img/mobile-heading.png");
	background-position: 5px center; 
	background-repeat: no-repeat;
	background-attachment: static;
	background-size: auto 85%;
	font-size: 1em !important;
	border-width: 1px 0 0 0; 
	border-style: solid; 
	border-color: #929292 transparent #bbbbbb transparent;
	}
	#menu-icon:hover { }
	#menu-icon.active { }
	#menu-icon a { color: transparent; }
	#menu-icon a.menutitle { 
	width: 2.2rem;
	height: 65px;
	margin-right: 1rem;
	float: right;
	text-decoration: none; 
	cursor: pointer;
	cursor: hand;
	display: table !important;	
	background-image: url("img/menu-white.png"); /* menu-gray or menu-black */
	background-position: right center; 
	background-repeat: no-repeat;
	background-size: 70%;
	}
	#menu-icon a.homeurl { float: left; width: 80%; height: 65px; color: transparent; }
	#menu-icon .sitetitle { 
	width: auto; 
	color: transparent;
	float: left; 
	display: table; 
	border-left: 2px groove #929292; 
	}



	/* ------ Main Navigation Menu ------ */
	#menu-mobile-menu {
	clear: both;
	position: static;
	top: 0;
	width: 100%;
	z-index: 10000;
	background: #ffffff;
	border-width: 0 0 1px 0;
	border-style: solid; 
	border-color: #cccccc;
	display: none;
	font-size: 1em !important;
	margin: 0;
	list-style-type: none;
	}

	#menu-mobile-menu ul {
	clear: both;
	position: static;
	top: 0;
	width: 100%;
	z-index: 10000;
	padding: 5px;
	background-color: #ffffff;
	display: none; 
	}
	#menu-mobile-menu li { 
	clear: both; 
	float: none; 
	position: relative;
	display: block;
	width: 100%;
	color: #000000; 
	background-color: #f8f8f8;
	cursor: pointer;
	cursor: hand; 
	border-top: 1px solid #cccccc;
	margin: 0;
	padding: 0;
	}
	#menu-mobile-menu li:hover { background-color: #e9e9e9; }
	#menu-mobile-menu a { 
	display: block;
	color: #000000 !important; 
	text-decoration: none; 
	padding: 8px 8px;
	}

	/* ------ Books Menu, Blog Menu and Dropdown/Submenu ------ */
	#menu-mobile-menu li.books-menu, #menu-mobile-menu li.gallery-menu { 
	background-color: #f8f8f8;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #cccccc;
	}
	#menu-mobile-menu li.books-menu:hover, #menu-mobile-menu li.gallery-menu:hover { background-color: #e9e9e9; }
	#menu-mobile-menu li.books-menu.active, #menu-mobile-menu li.gallery-menu:active { background-color: #f8f8f8; }

	#menu-mobile-menu li.home-menu { background-image: url("img/home.png"); background-size: 26px 23px; }
	#menu-mobile-menu li.books-menu { background-image: url("img/books.png"); background-size: 26px; }
	#menu-mobile-menu li.blog-menu { background-image: url("img/blog.png"); background-size: 26px; }
	#menu-mobile-menu li.about-menu { background-image: url("img/about.png"); background-size: 26px; }
	#menu-mobile-menu li.contact-menu { background-image: url("img/email.png"); background-size: 26px; }
	#menu-mobile-menu li.nletter-menu { background-image: url("img/newsletter.png"); background-size: 26px;}
	#menu-mobile-menu li.gallery-menu { background-image: url("img/gallery.png"); background-size: 26px;}
	#menu-mobile-menu li.page-menu { background-image: url("img/page.png"); background-size: 26px;}
	#menu-mobile-menu li.star-menu { background-image: url("img/star.png"); background-size: 26px;}
	#menu-mobile-menu li.shop-menu { background-image: url("img/cart.png"); background-size: 26px;}
	#menu-mobile-menu li.private-menu { background-image: url("img/lock.png"); background-size: 26px;}
	#menu-mobile-menu li.faq-menu { background-image: url("img/faq.png"); background-size: 26px;}
	#menu-mobile-menu li.exlink-menu { background-image: url("img/link.png"); background-size: 26px;}
	#menu-mobile-menu li.audio-menu { background-image: url("img/audiobook.png"); background-size: 26px;}

	#menu-mobile-menu li.home-menu, 
	#menu-mobile-menu li.books-menu, 
	#menu-mobile-menu li.blog-menu, 
	#menu-mobile-menu li.about-menu, 
	#menu-mobile-menu li.contact-menu,
	#menu-mobile-menu li.nletter-menu,
	#menu-mobile-menu li.gallery-menu,
	#menu-mobile-menu li.page-menu, 
	#menu-mobile-menu li.star-menu,
	#menu-mobile-menu li.shop-menu,
	#menu-mobile-menu li.private-menu,
	#menu-mobile-menu li.faq-menu,
	#menu-mobile-menu li.exlink-menu,
	#menu-mobile-menu li.audio-menu {
	background-position: 2% 6px; 
	background-repeat: no-repeat;
	}

	#menu-mobile-menu li.home-menu a,
	#menu-mobile-menu li.books-menu a,  
	#menu-mobile-menu li.blog-menu a,  
	#menu-mobile-menu li.about-menu a, 
	#menu-mobile-menu li.contact-menu a,
	#menu-mobile-menu li.nletter-menu a,
	#menu-mobile-menu li.gallery-menu a, 
	#menu-mobile-menu li.page-menu a,
	#menu-mobile-menu li.star-menu a,
	#menu-mobile-menu li.shop-menu a,
	#menu-mobile-menu li.private-menu a,
	#menu-mobile-menu li.faq-menu a,
	#menu-mobile-menu li.exlink-menu a,
	#menu-mobile-menu li.audio-menu a { 
	padding: 9px 8px 6px 42px; }

	#menu-mobile-menu li.books-menu a,
	#menu-mobile-menu li.gallery-menu a {
	background-image: url("img/trianglev-12x12-black.png"); 
	background-position: 98% 11px; 
	background-repeat: no-repeat;
	}

	#menu-mobile-menu li.books-menu .sub-menu a, 
	#menu-mobile-menu li.gallery-menu .sub-menu a { 
	background-image: none; 
	}
	#menu-mobile-menu li.books-menu .sub-menu a:hover,
	#menu-mobile-menu li.gallery-menu .sub-menu a:hover { 
	background-color: #e9e9e9; 
	}
	#menu-mobile-menu .sub-menu { 
	display: none; 
	width: 100%;
	margin: 0;
	padding: 0;
	float: right;
	border-top: 1px solid #cccccc;
	}
	#menu-mobile-menu .sub-menu li {
	font-size: 1em;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #cccccc;
	margin: -1px 0 0 2.5em;
	width: auto;
	}
	#menu-mobile-menu .books-menu .sub-menu a, #menu-mobile-menu .gallery-menu .sub-menu a {
	border: 0 none !important;
	padding: 7px 8px;
	}
	
	
/* ***************** SPECIFIC VIEWPORT STYLES ***************** */



/* ------ Styles for 480 to 700 ------ */

@media screen and (min-width: 480px) and (max-width: 700px) and (orientation: landscape) {

	#menu-icon {
	height: 55px;
	background-position: 5px center; 
	background-size: auto 75%;
	}
	#menu-icon a.menutitle { 
	height: 55px;
	background-size: 65%;
	}
	#menu-icon a.homeurl { height: 55px; }

	
}
