/* basic styling for page elements */
body {
	font: 68% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
    background-color: #fff;
	background: url("./images/orang029b.png") repeat fixed;
}

h1, h2 {
	font-size:120%;
	width: 100%;
	color: #5F2331;
}

#content h1, #banners h2 {
	margin-bottom: 10px;
}


a {
    text-decoration:underline;
	color: #000;
}

a:focus, a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

/* reset floated object 'haslayout trick' */
#headerMenu:after,
#footerMenu:after,
#home:after,
#contentWrapper:after,
#content:after,
#widgets:after,
#banners:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* main container */
#container {
	position:relative;
	margin: 0 auto;
	width: 840px;
	margin-bottom:100px;
	padding-top: 10px;
}

/* header */
#header{
	background: url("./images/header-bg.png") repeat-x scroll left top transparent;
	height: 125px;
	margin-bottom: 10px;
}

#header a.logo {
	position: absolute;
	top: 20px;
	left: 25px;
	text-indent: -9999px;
	display: block;
	background: url("./images/logo.png") no-repeat scroll left top transparent;
    width: 212px;
    height: 80px;
}

#header a.vinod {
	position: absolute;
	float: left;
	top: 70px;
	right: 10px;
	text-indent: -9999px;
	display: block;
	background: url("./images/vinod.png") no-repeat scroll left top transparent;
    width: 120px;
    height: 60px;
}

#header p.payoff {
	position: absolute;
	float: left;
	top: 20px;
	right: 20px;
	z-index: 5;
	font-size:110%;
	font-weight: bold;
	font-style: italic;
	color: #6B3250;
}

#contentWrapper {
	float: left;
	width: 620px;
	margin-right: 10px;
	margin-bottom: 5px;
}

#content {
	float: left;
	background-color:#fff;
	border: 1px solid #95C855;
	width: 598px;
	padding: 10px;
	margin-bottom: 10px;
}

#content p, #content table {
	margin-bottom: 10px;
}

#content ul, #banners ul {
	padding-left:1.5em;
}

#widgets {
	float:left;
	width: 620px;
}

#banners {
	float: left;
	width: 210px;
}

#banners img, #banners div{
	position:relative;
	margin-bottom: 10px;
	background-color:#fff;
	border: 1px solid #95C855;
}

#banners div.text{
	padding: 10px;
}

#banners a.readmore{
	margin-top: 10px;
}


/* header menu */
#headerMenu {
	position: relative;
	float: left;
	margin: 100px 0 0 0px;
}

#headerMenu li {
	list-style-type:none;
	padding: 5px;
}

#headerMenu li ul{
	margin-left: 10px;
	margin-top: -5px;
}

#headerMenu > li {
	float: left;
	padding: 0px;
	color: #000;
	margin-left: 10px;
}

#headerMenu > li:hover {
	background-color:#7F3F55;
	color: #FF981F;

	border: 1px solid #fff;
	margin-left: 8px;
}

#headerMenu li ul{
	display:none;
	}

#headerMenu li:hover > ul {
	display:block;
	background-color:#7F475A;
	border: 1px solid #FAD4A0;
	}

#headerMenu li ul li:hover > ul {
	display:block; /* Fixed typo: dispslay:block; */
	background-color:#7F4F60;
	}

#headerMenu li ul {
	padding: 0px;
	position: absolute;
	width: 160px;
	z-index: 500;
}

#headerMenu li ul li:hover > a {
	background-color:#606060;
	border: 1px solid #fff;
	padding: 4px;
	}

#headerMenu span, #headerMenu a {
	display:block;
	padding: 5px;
	font-weight:bold;
	}

#headerMenu span { cursor:default; }
#headerMenu a { text-decoration: none; }
#headerMenu li:hover a { color: #DFD230; }

/* TODO: Check how we can use active. */
#headerMenu li ul li.active{
	color: #DFD230;
	text-decoration:underline;
}

/* Footer */
#footer {
	position:relative;
	float: left;
	clear:both;
	background-color:#fff;
	border: 1px solid #95C855;
	width: 820px;
	padding: 10px;
}

#footer p {
	float: left;
	width: 100%;
}

/* Footer menu */
#footerMenu {
	position: relative;
	float: left;
	margin-bottom: 5px;
}

#footerMenu li {
	list-style-type:none;
	padding: 5px;
}

#footerMenu > li {
	float: left;
	padding: 0px;
	color: #000;
}

#footerMenu a { text-decoration: underline; padding-right: 10px; font-weight: bold;}
#footerMenu li:hover a { color: #5F2331; }

/* round corners */
/*#header, #content, #banners div, #footer, #headerMenu > li:hover, #headerMenu li ul, #headerMenu li ul li:hover > a, div.image {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}*/

/* Menu pages */
#menuList li {
	list-style-type:none;
}

#menuList a {
	text-decoration: none;
}

#menuList a:hover {
	text-decoration: underline;
}

#menuPopup {
	width: 500px;
	height: 400px;
	overflow:auto;
}

/* ADMIN (CMS) pages */

#flashMessages {
	position:absolute;
	top:20px;
	left:275px;
}

/* Menu edit form layout */
#editMenu label {
	display: block;
}
#editMenu label {
	float: left;
	width: 180px;
	font-weight: bold;
}

#editMenu label.full { width:100%; }
#editMenu label.leading, form label.trailing { float: none; }
#editMenu label.trailing { width: auto; display: inline; }

#editMenu #name {
	width:595px;
}

#editMenu #price {
	width:100px;
}

#editMenu p {float: left; width:600px; }

#menuPopup ul.errors li {
	font-style: italic;
	list-style-type:none;
	color: #AF2020;
	padding-bottom: 10px;
}

/* Page edit form layout */
#editPage label {
	display: block;
}
#editPage label {
	float: left;
	width: 180px;
	font-weight: bold;
}

#editPage .multicheckbox label {

}
#editPage label.full { width:100%; }
#editPage label.leading, form label.trailing { float: none; }
#editPage label.trailing { width: auto; display: inline; }

#editPage #page_type_id, #editPage #parent_id {
	width:200px;
}

#editPage #title, #editPage #meta_description {
	width:595px;
}

#editPage #meta_keywords input {
	width:185px;
	margin: 0 5px 5px 0;
}

#editPage input[type='text'] {
	float:left;
	width:200px;
}
#editPage p {float: left; width:600px; }

#editPage ul.errors li {
	font-style: italic;
	list-style-type:none;
	color: #AF2020;
	padding-bottom: 10px;
}

#adminPannel img {
	padding:5px;
}
#adminPannel, #flashMessages {
	position:absolute;
	top:10px;
	left: 260px;
	z-index: 10;

	background-color: #fff;
	border: solid 2px #7BA049;
}

#flashMessages {
	display:none;
	border: dashed 2px #7BA049;
	padding: 5px;
	font-weight: bold;
}