@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 "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background-color: #13538f;
	color: #333;
	padding: 0;
	margin: 0;
}
a {color: #1666b2;}
a:hover {color: #49b6f5;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
/* @end */

/* @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 */

/* top 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;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;}
#primary h2 {
	background: url(title.gif) no-repeat;
	margin: 8px 10px;
	padding: 0 40px 0 10px;
	color: #0e3f6f;
	font: 17px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-moz-border-radius:0;
}
#primary h2 a {color: #0e3f6f;}
#primary h2.header {text-align:right;font-style:italic;}
#primary h3 {margin: 12px 0;}
#primary .body ul, #primary ol {margin: 0; padding-left: 20px; text-indent: 0; margin-bottom: 18px;}
#primary .body ul li {margin: 0 0 0; list-style-type: disc; list-style-position: outside;}
#primary .body ol li {margin: 0 0 0; list-style-type: decimal; list-style-position: outside;}
/* @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: 10px 15px; height: 18px; font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 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 */

/* @group Footer */
#footer-wrapper {clear:both;padding: 14px 15px 5px; color: #ddd; font-size: 11px; margin: 0; background: #13538f url(foot.gif) no-repeat;}
#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;}