@import url(/css/simple.css);
@import url(/calendar/css.calendar.css);

/*
Theme Name:  Blog Happens
Theme URI: http://www.chrishappens.com/sharing/bloghappens/
Description: Blog Happens is a 2 column Wordpress theme. This work is distributed under the terms of the GNU General Public License. Please leave the link in the footer, or donate if you would like to remove it.
Copyright: 2008
Version: 0.5
Author: Chris (Menn) Talawat
Author URI: http://www.chrishappens.com/
Tags: fixed width, simple, clean, widget ready, two columns, blue
Modify from : http://www.imenn.com by SoftGanz Group
*/

/* @group General */
body {background: #fff url(body.gif) center top repeat-y;}
a {color: #1666b2;}
a:hover {color: #49b6f5;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
h2 {
	margin: 8px 10px 8px 2px; padding: 2px 0 2px 4px; color: #0e3f6f; font: 1.3em/1.2em normal;
	a {color: #0e3f6f;}
}
h3 {margin: 12px 0;}
/* @end */

h2.header {text-align: right; font-style: italic;}
h2.title {margin: 2px 10px 2px 0; padding: 10px; background-color: #EEF3F8; border: 1px #ccc solid; border-left: none; border-radius: 0 3px 3px 0;}
h3.header {margin: 5px 0 10px 0; padding: 5px 10px; background-color: #EEEEEE; border: 1px #CCCCCC solid; border-radius: 5px;}

/* @group Header */
.page {
	&.-page {max-width: 960px; margin: 0px auto;}
	&.-header {
		height: 225px; padding: 0; margin: 0 auto; background: #0D5791 url(banner.jpg) left bottom no-repeat;
		h1 {height: 110px; margin: 0; padding: 0; line-height: 70px; background: url(header.png) left top no-repeat; text-indent: -9999em;}
		h1 a {display: block; padding: 0 20px;}
		.web-slogan {width: 700px; padding: 0; font-size: 12px; position: absolute; top: 40px; margin-left: 80px; display: none;}
		p {display: none;}
	}
	&.-content {padding:10px 0 0 0;clear:both;}
	&.-primary {
		margin:0; overflow:hidden;
		.__main {padding: 0 16px;}
	}
	&.-secondary {
		margin: 0; font-size: 13px;
		ul {
			padding: 0; margin: 0 0 16px 0; list-style:none;
			li {padding: 0; margin: 0;}
			li:not(:last-child) {
				border-top: 1px solid #fff;
				border-bottom: 1px solid #d8d8d8;
			}
			li a {
				display: block;
				color: #1666b2;
				padding: 4px 16px;
				background: #e4ebed url(arrow_115.gif) 4px center no-repeat;
			}
			li a:hover {color: #49b6f5; background-color: #f4f4f4; cursor: pointer; border-top: 1px solid #fff;}
			li a:active {color: #1d2d47; background-color: #ddd; border-top: 1px solid #ddd;}
			li ul {display: none;}
			li ul li ul {display: none;}
		}
		.timestamp {display: none;}
		h2 {
			height: 25px;
			margin: 0 0 5px 0;
			padding: 0 0 0 45px;
			font-size: 11pt;
			line-height: 25px;
			overflow: hidden;
			background: #D6DEE0 url(header_bg.png) left top no-repeat;
			border-radius: 8px;
		}
		.member-zone {
			margin: 0 15px 20px 0;
			padding: 0px;
			#form-item-edit-cookielength , #form-item-edit-signin-submit {display: inline;}
		}
	}
	&.-footer {
		margin: 0; padding: 0; color: #f5f5f5; font-size: 11px; background-color: #669801;
		p {margin: 0; padding: 0;}
		a {color: #ddd;}
		a:hover {color: #fff;}
	}
	&.-main {margin: 0 8px; padding-bottom: 64px;}
}
#banner {display: none;}
/* @end */

/* @group navigator */
ul#navigator {
	margin: 0;
	padding: 0 20px 0 23px;
	font-size: 14px;
	line-height: 35px;
	list-style-type: none;
	background: #f56c2a url(nav_bg.png) left top no-repeat;
	text-align: center;
	li {margin: 0; padding: 0; display: inline;}
	li a {padding: 9px 10px 9px 16px; text-decoration: none; color: #eee; font-weight: normal; background: url(arrow_59.gif) left center no-repeat;}
	a:hover {color: #fff; text-decoration: none; background: #0D5791 url(arrow_59.gif) left center no-repeat;}
	li.active a {color: #fff; background: #82af28 url(arrow_59.gif) left center no-repeat;}
}
/* @end */


.toolbar {
	margin-bottom: 8px;
	&.-main {
		.search-box {margin: 4px;}
		&.-org h2 {margin: 0;}
	}
}

.image {border: 1px #600 solid;}

.widget-item {
	box-shadow: none; display: flex; flex-wrap: wrap; flex-direction: column;
	>h3 {
		margin: 0;
		background: #7FB7E1 url(bg.titlebar.gif) repeat-x;
		border-radius: 4px;
		padding: 8px 10px;
		font-size: 1.1em;
		height: 1.95rem;
		overflow: hidden;
		position: relative;
		order: -1;
		>a {padding-left: 20px; background: url(header.1.gif) left 4px  no-repeat;}
		>a:hover {color: #930;}
	}
	>div.photo {margin: 0;}
}

.widget-paperlist {display: flex; flex-direction: column;}
p.readall {margin: 20px 50px; text-align: right;font-style: italic;}
.paper-content-page li#user-menu-new {display: none;}

.motto {
	margin-bottom: 16px; padding: 16px; background-color: #ff9a56; color: #592500; border-radius: 3px; text-align: center; font-weight: bold;
	p {padding: 0; margin: 0;}
}

/* @group plan */
#plan {
	margin: 0 0 50px 0; padding: 0px;
	>h3 {padding: 10px; text-align: center;}
	>ul {
		margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; flex-direction: row; gap: 8px;
		>li {margin: 0; padding: 0; text-align: center; flex: 30%;}
		>li>a {height: 5rem; padding-top: 8rem; display: block; overflow: hidden;}
		>li:first-child>a {background: url(banner-songkhlahealth.jpg) center top no-repeat;}
		>li:nth-child(2)>a {background: url(banner-hatyaicityclimate.jpg) center top no-repeat;}
		>li:nth-child(3)>a {background: url(http://communeinfo.com/themes/default/logo.png) center top no-repeat; background-position-y: -40px;}
		>li>a:hover {color: #ffb0b0;}
	}
}
/* @end */

/* @group home-sticky */
#home-sticky {
	margin: 0; padding: 0;
	>h2 {height: 140px; margin: 0; padding: 0; text-indent: -999em; background: url(title.png) 0 0 no-repeat;}
	.summary {margin: 10px 0 20px 0; padding: 0;}
	.image {margin: 0; width: 100%; height: auto;}
	.timestamp {display: none;}
	img.image {width: 100%; height: auto; display: block; float: none;}
}

#news {clear: both; margin: 0 0 40px 0; padding: 0 0 8px 0; background: url(fbg.png) right bottom no-repeat;}
/* @end */

/* @group born */
#born {
	margin-bottom: 20px; margin-top: 40px; clear: both;
	h3.header {width: 160px; height: 140px; margin: 0; float: left; text-indent: -999em; background: url(title.png) 0 -150px no-repeat;}
	.timestamp {display: none;}
	.summary {margin: 10px 0 0 0; padding: 0;}
	.image {margin-left: 0px; width: 240px; height: 160px;}
}
/* @end */

/* @group act */
#act {
	margin-bottom: 20px; clear: both;
	h3.header {width: 160px; height: 140px; float: left; text-indent: -999em; background: url(title.png) 0 -300px no-repeat;}
	.image {width: 240px; height: 160px; margin: 0 10px 10px 0; display: block; float: left;}
	.topic-list h3.title {font-size: 1.1em;}
	.summary {margin: 0; padding: 0;}
	.summary p {margin: 0; padding: 0;}
	p.readall {clear: both;}
	.timestamp , .footer {display: none;}
}
/* @end */

/* @group article */
#article {
	h3.header {width: 160px; height: 140px; float: left; text-indent: -999em; background: url(title.png) 0 -450px no-repeat;}
	.topic-list-item {width: 440px; float: right;}
	.timestamp {display: none;}
	.summary {margin: 10px 0 0 0; padding: 0;}
	.image {margin-left: 0px; width: 240px; height: 160px;}
}
/* @end */

/* @group forum */
#forum {
	clear: both; margin: 0; padding: 0 0 20px 0; background: url(fbg.png) right bottom no-repeat;
	h3.header {width: 160px; height: 140px; float: left; text-indent: -999em; background: url(title.png) 0 -600px no-repeat;}
	ul.topic-list {margin: 0; padding: 0 0 10px 30px;}
	.readall {clear: both;}
}
/*@end */

#borns {clear: both; margin: 0 0 40px 0; padding: 0 0 20px 0px; background: url(fbg.png) right bottom no-repeat;}
#acts {clear:both;margin:0 0 40px 0;padding:0 0 20px 0px;background:url(fbg.png) right bottom no-repeat;}
#articles {clear:both;margin:0 0 40px 0;padding:0 0 20px 0px;background:url(fbg.png) right bottom no-repeat;}

/* @calendar module */
body#calendar {
	.page.-primary {width: 100%;}
	.page.-secondary {display: none;}
}
/* @end */

@media (min-width:25em) {    /* 400/16 = 25 */
	.toolbar.-main .search-box {position: absolute; width: 200px; height: 36px; margin:0; top: 2px; right: 2px;}
}


@media (min-width:40em) {    /* 640/16 = 40 */
	.toolbar.-main .search-box {width: 300px;}

	#plan>ul {height: 125px; margin: 0; padding: 0; list-style-type: none; overflow: hidden;}
	#plan>ul>li {width: 33%; margin: 0; padding: 0; text-align: center; float: left;}

	#home-sticky .image {width: 260px; height: 180px;}
	#home-sticky .topic-list-item {margin-bottom: 100px;}

	#act .topic-list-item {width: 440px; float: right;}
	#acts {padding-left: 160px;}
	#born .topic-list-item {width: 440px; float: right;}
	#borns {padding-left: 160px;}
	#forum ul.topic-list {width: 410px; float: right;}
}

@media (min-width:45em) {    /* 720/16 = 45 */
	.page.-primary {float: left; width: 70%; display: inline;}
	.page.-secondary {float: right; width: 28%; display: inline; max-width: 260px; margin-right: 1px;}
	ul#navigator {text-align: right;}
}