/*@import url(/library/css/common.css);*/
@import url(/library/css/simple.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-color: #13538f;
	color: #333;
	padding: 0;
	margin: 10px;
}
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 */

dt.title , h3.title {
	margin:5px;
	padding:8px;
	color:#000;
	font-size:1.4em;
	background:#EEEEEE;
	border:1px #CCCCCC solid;
	-moz-border-radius:5px;-webkit-border-radius:5px;
}
h2.header {text-align:right;font-style:italic;}
h2.title {
	margin:5px;
	padding:8px;
	color:#000;
	font-size:1.4em;
	background:#EEEEEE;
	border:1px #CCCCCC solid;
	-moz-border-radius:5px;-webkit-border-radius:5px;
}

/* @group Header */
#page-wrapper {
	width: 840px;
	margin: 10px auto 10px;
	background: url(body.gif) repeat-y;
}
#header-wrapper {
	width:820px;
	height:85px;
	padding:0;
	margin:0 auto;
	background:#eee;
}
#header-wrapper h1 {
	height:50px;
	margin:0;
	padding:0;
	line-height:50px;
}
#header-wrapper h1 a {display:block;padding:0 20px;}
#header-wrapper h1 a:hover {background:#fff;}
.web-slogan {
	width:470px;
	padding:0;
	font-size:12px;
	position:absolute;
	top:25px;
	margin-left:300px;
}
/* @end */

/* @group navigator */
ul#navigator {
	height:35px;
	margin:0;
	padding:0 0 0 23px;
	font-size:14px;
	line-height:35px;
	list-style-type:none;
	background:#135D9F;
}
ul#navigator li {
	margin:0;
	padding:0;
	display:inline;
}
ul#navigator li a {
	padding:9px 10px;
	text-decoration:none;
	color:#eee;
	font-weight:normal;
}
ul#navigator a:hover {
	color:#fff;
	text-decoration:none;
	background:#0F4A7F;
}
ul#navigator li.active a {
	color:#fff;
	background:#0F4A7F;
}
/* @end */

/* @group Content */
#content-wrapper {padding:10px 0 0  0px;clear:both;background:transparent url(head.gif) left top no-repeat;}
#primary {float: right; width: 540px; margin:0 10px 0 0;display:inline;overflow:hidden;}
/* @end */

/* @group Sidebar */
#secondary {float: left; width: 270px;margin:10px 0 0 10px;display:inline;}
#secondary ul {padding: 0; margin: 0 0 18px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #fff;list-style:none;}
#secondary ul li {padding: 0; margin: 0;}
#secondary h2 {margin:0;padding:5px;}
#secondary ul li a {display: block; color: #1666b2; padding: 8px 15px; height: 18px; font-size: 14px; border-top: 1px solid #fff; border-bottom: 1px solid #d8d8d8;}
#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;}
/* @end */

#content-footer {clear:both;height:20px; background: #13538f url(foot.gif) no-repeat;}
/* @end */

/* @group Footer */
#footer-wrapper {clear:both;margin:0;padding:0; color: #ddd; font-size: 11px;background: #13538F;}
#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 .body {margin:0 10px;}
#edit-comment {margin:0 10px;}
div#ribbon-toolbar {margin:5px;font-size:0.9em;}