@import url(/library/css/simple.css);
@import url(/library/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 {
	font: 13px/19px Tahoma, Arial, Verdana, sans-serif;
	background: #fff url(body.gif) center top repeat-y;
	color: #333;
	padding: 0;
	margin: 0;
}
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;
}
h2 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:#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:#EEEEEE;
	border:1px #CCCCCC solid;
	border-radius:5px;
}
/* @group Header */
#page-wrapper {
	width: 960px;
	margin: 0px auto;
}
#header-wrapper {
	height:225px;
	padding:0;
	margin:0 auto;
	background:#0D5791 url(banner.jpg) left bottom no-repeat;
}
#header-wrapper h1 {
	height:110px;
	margin:0;
	padding:0;
	line-height:70px;
	background:url(header.png) left top no-repeat;
	text-indent:-9999em;
}
#header-wrapper 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;
}
#banner {display:none;}
/* @end */

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

/* @group Content */
#content-wrapper {padding:10px 0 0 0;clear:both;}
#primary {float: left; width: 70%; margin:0 0 0 0;display:inline;overflow:hidden;}
/* @end */

/* @group Sidebar */
#secondary {float: right; width: 30%;margin:0;display:inline;font-size:13px;}
#secondary ul {padding: 0; margin: 0 15px 18px 0; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #fff;list-style:none;}
#secondary ul li {padding: 0; margin: 0;}
#secondary ul li a {
	display: block;
	color: #1666b2;
	padding: 4px 15px;
	height: 18px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d8d8d8;
	background:#e4ebed url(arrow_115.gif) 4px center no-repeat;
}
#secondary ul li a:hover {color: #49b6f5; background-color: #f4f4f4; cursor: pointer; border-top: 1px solid #fff;}
#secondary ul li a:active {color: #1d2d47; background-color: #ddd; border-top: 1px solid #ddd;}
#secondary ul li ul {display: none;}
#secondary ul li ul li ul {display: none;}
#secondary .timestamp {display:none;}
#secondary h2 {
	height:25px;
	margin:0 0 5px 0;
	padding:0 0 0 45px;
	font-size:11pt;
	line-height:25px;
	overflow:hidden;
	background:url(header_bg.png) left top no-repeat;
}
#secondary .member-zone {
	margin:0 15px 20px 0;
	padding:0px;
}
#secondary .member-zone #form-item-edit-cookielength , #secondary .member-zone #form-item-edit-signin-submit {display:inline;}
/* @end */

/* @end */

/* @group Footer */
#footer-wrapper {clear:both;margin:0;padding:0; color: #f5f5f5; font-size: 11px;background: #669801;}
#footer-wrapper p {margin: 0;padding:0;}
#footer-wrapper a {color: #ddd;}
#footer-wrapper a:hover {color: #fff;}
#footer-wrapper ul {margin:0;padding:0;text-align:right;}
#footer-wrapper ul li {display:inline;}
#footer-wrapper #copyright {clear:both;}
/* @end */

#content-body {margin:0 10px;}
div#ribbon-toolbar {margin:10px;}
div#ribbon {margin:0 10px 0 0;border-right:1px #ccc solid;}

p.readall {margin:20px 50px;text-align:right;font-style:italic;}

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

h3.title a {
	background:url(header.1.gif) left 4px  no-repeat;
	padding-left:20px;
}
.topic-list h3.title {
	margin:0 0 10px 0;
	background:#7FB7E1 url(bg.titlebar.gif) repeat-x;
	border-radius:4px;
	padding:4px 10px;
	font-size:1.1em;
	clear:left;
}
h3.title a:hover {color:#930;}

.paper-content-page li#user-menu-new {display:none;}

/* @group home page */
body#home h3.header {border:none;}
body#home div#ribbon {width:200px;margin-left:0px;top:10px;position:absolute;border:none;background:transparent;}
body#home li a {border-right:none;}
body#home li#user-menu-home,li#user-menu-type,li#user-menu-paper_id,li#user-menu-signin,body#home li#user-menu-member {display:none;}
/* @end */

/* @group plan */
#plan {margin:0 0 50px 0;padding:0px;background:#63C8FF;border-radius:4px;}
#plan {
background: #b2e1ff; /* Old browsers */
background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* W3C */
}
#plan>h3 {padding:10px;text-align:center;}
#plan>ul {height:125px;margin:0;padding:0;list-style-type:none;}
#plan>ul>li {width:50%;margin:0;padding:0;text-align:center;float:left;}
#plan>ul>li:first-child>a {height:30px;padding-top:80px;display:block;background:url(banner-songkhlahealth.jpg) center top no-repeat;}
#plan>ul>li:nth-child(2)>a {height:30px;padding-top:80px;display:block;background:url(banner-hatyaicityclimate.jpg) center top no-repeat;}
#plan>ul>li:last-child>a {height:30px;padding-top:80px;display:block;background:url(banner-hatyaicityclimate.jpg) center top no-repeat;}
#plan>ul>li>a:hover {color:#fff;}
/* @end */

/* @group home-sticky */
#home-sticky {margin:0;padding:0;}
#home-sticky h3.header {width:160px;height:140px;margin:0;padding:0;float:left;text-indent:-999em;background:url(title.png) 0 0 no-repeat;}
#home-sticky .topic-list-item {margin:0 0 0 100px;}
#home-sticky .summary {margin:10px 0 20px 0;padding:0;}
#home-sticky .image {margin:0 20px 20px 0;width:260px;height:180px;}
#home-sticky .timestamp {display:none;}
#home-sticky #topic-list-1 img.image {width:340px;height:auto;margin:0 0 10px 0;display:block;float:none;}
#home-sticky-1 .summary {font-size:1.1em;}
#home-sticky-1 .title {clear:none;margin-left:60px;}
#news {clear:both;margin:0 0 40px 0;padding:0 0 20px 80px;background:url(fbg.png) right bottom no-repeat;}
/* @end */

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

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

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

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

/* @calendar module */
body#calendar #primary {width:100%;}
#calendar .month_event{
	margin-bottom:10px;
	overflow:visible;
	height:auto;
}
#calendar .month_event a {color:#333;}
#calendar .tags-central a {color:#3366CC;}
#calendar .tags-15 a {color:#f60;}
/* @end */