html, body, #overall { min-height: 100%;	width: 100%; height: 100%; }
html>body, html>body #overall { height: auto; }
body { font-family:Helvetica, Arial; margin:0px; background:url(images/site_bg.jpg) repeat-y center top #f8f8f8; }

a img { border:none; }

#overall { position:absolute; display:block; background:url(images/head_bg.jpg) repeat-x top ; }

#container { display:block; position:relative; width:984px; margin:0px auto 0px;  overflow:hidden; }
#container h1 { margin:0px; padding:0px; font-weight:normal; text-align:right; color:#8c8c8c; font-size:11px; line-height:20px; }
#logo { position:relative; overflow:hidden; width:243px; height:65px; color:#FFFFFF; margin:23px 0px 0px; padding:0px; font-size:16px; }
#logo span { display:block; position:absolute; left:0; top:0; z-index:1; width:243px; height:65px; margin:0; padding:0; background:url(images/logo.jpg) top left no-repeat;}

#search_box { display:block; margin:0px; padding:0px; position:relative; top:-43px; text-align:right; }
#search_box input { border:1px #d0d0d0 solid; background:f5f5f5; font-size:11px; padding:2px; width:191px; }
#search_box input.submit { background:none; color:#FFFFFF; width:auto; font-weight:bold; border:none; cursor:pointer; text-transform:uppercase; }

#content { display:block; position:relative; clear:both; margin:2px auto 0px; width:984px;  }

/* Left column */
#leftcolumn { display:inline; width:713px; float:left; overflow:hidden; font-size:12px; padding-top:10px; padding-left:12px; }
#leftcolumn a { color:#333333; text-decoration:underline; }
#leftcolumn div.post { display:block; position:relative; clear:both; padding:10px; height:auto; float:none; }

/* style switcher */
#leftcolumn div.post_block { clear:none; padding:10px; width:45%; margin-right: 11px; margin-top:6px; margin-bottom:5px; overflow:hidden; float:left; height:400px; border:1px #eee solid; text-align:justify; display:block; position:relative; }

a.bottomArticle, a.topArticle  { display:block; position:absolute; left:320px; top: 400px;  width:20px; height:20px; background:url(images/expand.jpg) center center; line-height:15px; z-index:100; }
a.topArticle { background:url(images/top_article.jpg) center center no-repeat; }

#leftcolumn div.viewStyle { display:block; position:relative; clear:both; text-align:right; height:15px; }
#leftcolumn div.viewStyle a.block,
#leftcolumn div.viewStyle a.lines{
	display:block; position:relative; margin-left:auto; background:url(images/lines.jpg); width:15px; height:15px; line-height:15px; float:right; margin-right:10px;
}
#leftcolumn div.viewStyle a.block { background:url(images/blocks.jpg);}
/* endof style switcher */

#leftcolumn div.post-title { display:block; position:relative; background:#e7e7e7; border-top:1px #bababa solid; padding:10px 40px 10px 10px; font-size:10px; color:#898989; }
#leftcolumn div.entry { margin-top:10px; line-height:16px; padding:0px 10px 0px; }
#leftcolumn div.post-title a { color:#434343; }
#leftcolumn div.post-title a.asPDF { position:absolute; display:block; width:28px; height:24px; top:14px; right:10px; margin:0px; padding:0px; background:url(images/pdf.jpg) no-repeat center center; }
#leftcolumn div.post-title h3 { margin:0px; padding:0px; font-weight:normal; font-size:18px; color:#383838; }
#leftcolumn div.post-title h3 a { color:#383838; text-decoration:none; }
#leftcolumn div.post-title h3 a:HOVER { color:#000000; text-decoration:underline; } 
#leftcolumn div.entry img.promo { border:1px #000 solid; padding:3px; background:#FFF; float:left; margin:2px 17px 17px 10px; }

#leftcolumn div.entry h2.section{display:block; position:relative; clear:both; width:100%; color:#444444; margin:0px 0px 5px; padding:10px 0px 5px; border-bottom:1px #CCC solid; font-size:24px; font-weight:normal;}
#leftcolumn div.entry h3.subsection{display:block; position:relative; clear:both; width:100%; color:#444444; margin:10px 0px 5px; padding:0px 5px 0px; font-size:14px;}

#leftcolumn div.entry h3.examples { display:block; color:#1B5790; margin:10px 0px 10px; font-size:24px; font-weight:normal; height:26px; line-height:26px; clear:both; position:relative; }
#leftcolumn div.entry h4.explain { display:block; color:#1b4371; margin:10px 0px 10px; font-size:20px; font-weight:normal; height:20px; line-height:20px; clear:both; position:relative; }

#leftcolumn div.entry strong.related-posts-entries { display:block; margin:20px 0px 0px; border-top:1px #CCC solid; padding-top:10px; }

#leftcolumn h2.pagetitle { font-weight:normal; font-size:24px; color:#333333; padding:0px 0px 0px 10px; margin:10px -10px 10px; }

#leftcolumn div.navigation { display:block; position:relative; margin:10px 0px 10px; padding:10px; width:690px; height:20px; line-height:20px; border-top:1px #e7e7e7 solid; clear:both; float:none; }
.navigation .alignleft, .navigation .alignright { display:inline; }
.navigation .alignleft { float:left; }
.navigation .alignright { float:right; }
.navigation .alignleft a, .navigation .alignright a { text-decoration:none; color:#000000; font-weight:bold; } 

#leftcolumn .comment-list div.navigation{ margin:10px auto 10px; width:673px; display:block; position:relative; }
#leftcolumn .comment-list div.navigation a { color:#FFF; padding:5px 10px 5px; background:#333333; font-weight:normal; text-decoration:none; }

#leftcolumn a.more-link { text-decoration:none; font-weight:bold; color#000000; }


/* comments */
div.comment-list { background:url(images/comments.jpg) top left no-repeat #eeeeee; padding:20px 0px 20px; display:block; position:relative; }
div.comment-list #comments { font-size:12px; margin:-10px 0px 0px 40px; padding:0px; }
ol.commentlist { margin:20px 20px 20px; padding:0px; list-style-type:none; width:673px; }
ol.commentlist .li{ display:block; position:relative; clear:both; margin:0px; padding:0px; }
ol.commentlist .depth-2{ padding-left:40px; }
ol.commentlist .depth-3{ padding-left:50px; }
ol.commentlist .depth-4{ padding-left:60px; }
ol.commentlist .depth-5{ padding-left:70px; }
p.nocomments{ padding:0px 30px 0px; margin:0px; color:#BBB; font-size:150%; }
ol.commentlist ul.children { margin:-15px 0px 0px; padding:0px; list-style-position:inside; list-style-type:none; border:1px #CCC solid; border-top:1px #EEE solid; border-bottom:none; border-right:1px #EEE solid; display:block; position:relative; }
ol.commentlist ul.children li.comment { display:block; position:relative; border-top:1px #CCC solid; margin:20px 0px 0px; }
ol.commentlist li.comment ul.children li.comment div{ margin-top:-9px; border-left:1px #CCCCCC solid; padding:10px; }
ol.commentlist li.comment ul.children li.comment div div { margin-top:0px; border:none; padding:0px; }

li.comment div{ background:#FFFFFF; padding:10px; margin:5px 0px 15px; display:block; position:relative; }
li.comment div div { padding:0px; margin:0px; }

li.comment div.vcard{ display:block; position:relative; margin:0px; padding:0px; color:#333333;  }
.vcard .fn{ font-style:normal; }
.vcard .says { display:none; }

li.comment div.comment-meta { display:block; clear:both; position:relative; margin:0px; padding:0px; }
#leftcolumn .comment-meta a { text-decoration:none; color:#898989; font-size:10px; }

li.comment div.reply{ display:block; position:relative; text-align:right; margin:0px; padding:0px; }
/* comments end */

img.demos{
	border:1px #ccc solid; padding:10px; background-color:#FFF; margin:10px 0px;
}

#commentform { display:block; position:relative; padding:0px; margin:0px 20px 0px; font-size:12px; color:#3e3e3e; width:673px; }
#commentform input, #commentform textarea { border:1px #797979 solid; padding:2px; font-size:12px; }
#commentform textarea { width:90%; height:110px; font-family:Arial, Helvetica, sans-serif; }
#commentform input { width:200px; }
#commentform #submit { background:url(images/comment_submit.jpg); width:81px; height:24px; border:none; }

#respond { font-size:12px; color:#010101;display:block; position:relative; padding:0px; margin:0px 20px 0px; }

/*Left column END*/

/* Sidebar */
#sidebar { display:inline; position:relative; float:right; width:225px; background:url(images/rss.jpg) top right no-repeat; overflow:hidden; font-size:11px; padding:10px 15px 10px; height:100%; color:#8c8c8c; }
#sidebar a { color:#454545; text-decoration:none; }
#sidebar h4 { text-transform:uppercase; font-size:18px; font-weight:normal; border-top:1px #e7e7e7 solid; margin:20px 0px 0px; padding:15px 0px 0px; color:#000000; }
#sidebar ul { margin:15px 0px 0px 2px; padding:0px; list-style-position:inside; list-style-type:square; color:#a4a4a4; }
#sidebar ul li { margin:0px; padding:0px; }
#sidebar ul li a { color:#525151; text-decoration:none; }
#sidebar ul li a:HOVER { color:#000000; text-decoration:underline; }
/* Sidebar END */

#leftcolumn, #sidebar { padding-bottom:140px; }
#footer { display:block; position:absolute; bottom:0px; height:93px; width:100%; background:#3b3b3b; text-align:center; }

h3.std-related{ display:block; position:relative; clear:both; font-size:18px; margin:20px 0px 5px; }


ul.st-related-posts { margin:0px 0px 14px; padding:0px; list-style-type:none; width:320px; float:left; margin-right:20px; }
ul.st-related-posts li{
	width:100%;
	text-align:center;
	font-size:11px;
	color:#000;
	text-align:left;
	margin-bottom:10px;
	padding-top:3px;
}
#leftcolumn ul.st-related-posts li a{
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}

.boottom-ads{
	width:300px;
	height:250px;
	float:left;
	clear:right;
}


#pages_menu { position:absolute; display:block; top:145px; left:0px; width:37px; z-index:40000; }
#menu_links { display:block; position:relative; width:26px; float:left; background:red; }
#pages_menu a { display:block; width:26px; text-decoration:none; margin-top:5px; }

#pages_menu a.top { display:block; height:21px; width:26px; background:url(images/to_top.jpg) center center no-repeat; cursor:pointer; }

#advertising { display:block; position:relative;  margin-bottom:30px; }
#show_ads { display:block; position:relative;  border:1px #eee solid; padding:10px; }
#hide_adv { display:block; position:relative; background:url(images/hide_adv.jpg) center center no-repeat; height:20px; cursor:pointer;  }

div.announce { display:block; position:relative; margin:10px 0px 10px; background:#FFFFCC; padding:20px; font-size:14px; color:#FF0000; }

#advertisments { display:block; position:relative; margin-top:25px; }

#advertisments .cf_link{
	display:block;
	position:relative;
	background-image:url(images/banner-FA-PHPhelp.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:200px;
	height:379px;
	text-indent:-999px;
	overflow:hidden;
}
#advertisments .cf_link:HOVER{
	background-position:bottom center;
}



div.digg-container { display:block; position:relative; clear:both; margin:0px; padding-top:20px; }
div.digg-container div.ppal_don { display:block; position:relative; width:110px; height:50px; float:left; margin-right:10px; }
div.digg-container div.clear { display:block; position:relative; height:0px; line-height:0px; clear:both; } 

#demos{
	display:block;
	position:relative;
	clear:both;
	width:620px;
	float:left;
	margin-bottom:10px;
	padding:20px;
	border-top: 1px #CCC dotted;
	border-bottom:1px #CCC dotted;
}
#leftcolumn #DL_down{
	display:block;
	position:relative;	
	width:100px;
	padding:10px;
	background:url(images/download.jpg) top center no-repeat ;
	padding-top:70px;
	text-decoration:none;
	font-size:14px;
	text-align:center;	
	float:left;
	font-weight:bold;
}
#leftcolumn #demo_view{
	display:block;
	position:relative;	
	width:100px;
	background:url(images/demo.jpg) top center no-repeat;
	padding-top:70px;
	text-decoration:none;
	font-size:14px;	
	text-align:center;
	float:left;
	font-weight:bold;
}

/* download page */
.download-page .advert{
	width:300px;
	height:300px;
	padding:20px;
	float:left;
	
}
.download-page p.big{
	font-size:18px;
}
.download-page p.missing{
	color:red;
}
.download-page .note{
	color:#999;
	font-style:italic;
}
.download-page h3 span{
	color:#999;
	font-style:italic;
}