@import "posts.css";

/**
* %% Layout Base
*/

body, html {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    height: 100%;
}

body {
    background: #BBB url(../images/header-light-bg.png) repeat-x;
}

#e {
    background: url(../images/content_bg.png) repeat-y;
    font: 12px Verdana, Arial, Helvetica, sans-serif, Kalimati ,"bitstream vera sans";
    color: #333;
    background-position: 80px;
    height:100%;
	position:relative;
	padding-bottom: 30px;
}

body>div#e{height: auto; min-height: 100%}



#header {
    background: #CBCBCB url(../images/header-dark-bg.png) repeat-x;
    padding-left:84px;
    height: 93px;
    vertical-align: bottom;
    width: 674px;
}

#header-logo {
    height: 65px;
    width: 259px;
    position: relative;
    bottom: 0px;
    top: 28px;
    float: left;
    background: #FFF url(../images/header_logo.png) center right no-repeat;
}

#textcontainer {
    width: 600px;
/* 83px from left side; full size for text 670px */
    margin: 60px 0px 30px 93px;
	padding: 0px 20px;
    text-align:justify;
    font-size:12px;
    padding-bottom:30px;
}
	#textcontainer a {
		color: #C00;
	}
	#textcontainer a:hover {
		color: #FFFF99;
		text-decoration: none;
		background-color: #CC0000;
	}

/**
* %% Right Header Part
*/

#header-right {
    float:right;
    width:408px;
    height:93px;
    background: url(../images/logo.png) no-repeat right top;
}
	/*  sifr on h1 */
	#header-right h1 {
		display:none;
	}

#header-shadow {
    background: url(../images/header-shadow.png) no-repeat right top;
    width: 667px;
    padding-right: 7px;
    height: 93px;
}

/**
* %% Main Menu 
*/

#nav {
    position: relative;
    top: 72px;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    text-align: left;
    height: 21px;
/*overflow:hidden;*/
float:left;
    background: url(../images/nav_dx_bg.png) no-repeat top right;
	padding-right:20px;

}
	#nav ul {
		list-style-type: none;
		background: url(../images/nav_bg.png) repeat-x right top;
		/*overflow:hidden;*/
		float:left
	}
		#nav ul li {
			float:left;
			margin:0px 2px;
			line-height: 21px;
			display:inline;
		}
/* The .over class is for IE compatibility */
		#nav ul li a:hover,#nav a.current {
			border-bottom:2px solid #F90;
			padding-top:2px;
		}
	#nav a {
		padding: 0px 4px;
		color:#840000;
		text-decoration: none;
		display:block;
		outline:none;
	}
		#nav a.current {
				padding-top:2px;
		}
span.last {
    /*width:23px;
    height:21px;
    float:right;
    background: url(../images/nav_dx_bg.png) top right no-repeat;*/
	display:none;
}

/**
* %% Titles, breadcrums and submenus
*/

/* Page title */
#textcontainer h2 {
    letter-spacing: 5px;
    color: #C30;
    margin-bottom:10px;
	font-weight:bold;
	text-align:left;
}
#textcontainer p {
 /*   padding: 10px 0px;*/
    color:#333;
}
#textcontainer .text {
	line-height:18px;
	margin-bottom:10px;
}
  
	/* Move page title and breadcrumbs when a submenu is present */
	#textcontainer h2.hasSubMenu, #bread.hasSubMenu {
		margin-left:126px;
	}

/* breadcrumbs */
#bread {
    padding-top: 3px;
    font-size: 10px;
    border-top: 1px dashed #C30;
	margin-bottom:25px;
  }


	#bread, #bread a {
	    color: #C60;
	    text-decoration:none;
	  }


	#bread a:hover {
	    color: #990000;
	    background:none;
	    text-decoration: underline;
	}

  
/* Submenu */
.brownbox {
	background: url(../images/sub-menu-box-bott.jpg) no-repeat center bottom;
	float: left;
	width: 110px;
	margin: 5px 15px 15px 0;
	font-size: 11px;
}
	.brownbox div {
		background: #9E522E url(../images/sub-menu-box.jpg) no-repeat center top;
		padding: 15px 5px 0 5px;
		margin-bottom:14px;
	}
		#e .brownbox div * {
		color:#FFF;
		padding:3px 0;
		margin:0px;
		}
	.brownbox ul {
	list-style-type:none;
	}
		.brownbox ul li {
			border-bottom: 1px dotted #DFDFDF;
		}
			.brownbox ul li.selected a {
				font-weight:bold;
			}
	#e .brownbox a {
	text-decoration:none;
	}
	#e .brownbox a:hover {
		color:#FC3;
		background:none;
		padding-left: 2px;
	}

/**
* %% Commons (clearer etc...)
*/

#bottclearer {
    clear:both;
	width:100%;
}
	#bottclearer hr {
		display:none;
	}
#footer {
	padding:5px 0;
	margin-top:10px;
	border-top: 1px dotted #ccc;
	font-size:10px;
	color:#999;
	line-height:16px;
	position:absolute;
	bottom:5px;
	width:600px;
	overflow:hidden;
	text-align:center;
}
	#footer a, #footer a:hover {
		background:transparent;
		color:#999;
		text-decoration:underline;
	}
	#footer a:hover {
		text-decoration:none;
		color:#666;
	}



hr.clearer {
	background-color:#fff;
	color:#fff;
	border:none;
	height:1px;
	width:100%;
}
/**
 * forms style
 */
.form {
	width:450px;
}
.form#searchformsmall {
	float:right;
	margin:0;
	position:relative;
}
	.form#searchformsmall fieldset {
		position:absolute;
		top:-10px;
		left:0;
	}
	.form fieldset {
		width:428px;
		padding:10px;
		border:1px solid #ccc;
	}
		.form fieldset legend {
			padding:5px;
			font-weight:bold;
		}
		.form fieldset div {
			width:100%;
			overflow:hidden;
			padding:3px 0;
		}
		.form fieldset label {
			width:20%;
			display:block;
			float:left;
			line-height:22px;
		}
		.form fieldset div input, .form fieldset div textarea {
			width:76%;
			border:none;
			border-bottom:1px dotted #ccc;
			background-color:#efefef;
			padding:2px 4px;
		}
		.form fieldset div input:focus, .form fieldset div textarea:focus {
			background-color:#ffc;
		}
		.form fieldset div textarea {
			height:150px;
		}
	.form #submit {
		margin-top:15px;
	}
	.form fieldset input.button, .form fieldset div input.button {
		background-color:#ccc; border:none; width:auto; display:inline; outline:none;
	}
/*

Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>

*/

/*pre code[class]:after {
  content: 'highlight: ' attr(class);
  display: block; text-align: right;
  font-size: smaller;
  color: #CCC; background: white;
  border-top: solid 1px;
  padding-top: 0.5em;
}*/

pre code {
  display: block;
  background: #F0F0F0;
}

pre code, 
.ruby .subst,
.xml .title,
.lisp .title {
  color: black;
}

.string,
.title, 
.parent,
.tag .attribute .value,
.rules .value,
.rules .value .number,
.preprocessor,
.ruby .symbol,
.instancevar,
.aggregate,
.template_tag,
.django .variable,
.smalltalk .class,
.addition,
.flow,
.stream,
.bash .variable {
  color: #800;
}

.comment,
.annotation,
.template_comment,
.diff .header,
.chunk {
  color: #888;
}

.number,
.regexp,
.literal,
.smalltalk .symbol,
.smalltalk .char,
.change {
  color: #080;
}

.javadoc,
.ruby .string,
.decorator,
.filter .argument,
.localvars,
.array,
.attr_selector,
.pi,
.doctype,
.deletion,
.envvar,
.shebang {
  color: #88F;
}

.keyword,
.id,
.phpdoc,
.title,
.vbscript .built_in,
.rsl .built_in,
.cpp .built_in,
.aggregate,
.smalltalk .class,
.winutils,
.bash .variable {
  font-weight: bold;
}

.html .css,
.html .javascript,
.html .vbscript {
  opacity: 0.5;
}
#textcontainer code {
	white-space:pre;
	font-family:"Courier New",Courier,monospace;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}
pre code {
	background:transparent url(../images/code-bg.gif) repeat scroll 0 0;
	border:1px solid #ddd;
	clear:both;
	color:#333333;
	display:block;
	line-height:140%;
	margin:5px 0 15px;
	overflow:auto;
	padding:10px;
	white-space:pre;
	width:550px;
	font-family:"Courier New",Courier,monospace;
	/*font-size:115%;*/
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}