html, body
{
	width:100%;
	height:100%;
}
a { 	color: #006699; }
a:hover { text-decoration: underline; }
input[type=text],input[type=password],
textarea {background-color:white; border:1px solid #aaa; vertical-align:middle; color:black; margin-top:2px; margin-bottom:2px;}
h1,h2,h3,h4,h5
{
	font-family: "Helvetica";
	color: #006699;
}
ol, ul { list-style-type:none; }

.header-container
{
	width:100%;
	background:url(/d/top-bg.png) repeat-x top left;
}

.left { float:left;}
.right { float:right;}
.header-container .header
{
	height:122px;
	background:url(/d/header2-bg.png) no-repeat 0px 0px;
}
.header-container .header a h1
{
	width:358px;
	height:122px;
	background:url(/d/logo.png) no-repeat 0% 80%;
	margin:0;
	padding:0;
}
.rss
{
	height:100%;
}
.rss a
{
	position:relative;
	top:60%;
	left:40%;
}
.menu
{
	height:45px;
	line-height:45px;
	background:url(/d/menu-bg.png);
	font-family: "Helvetica", sans-serif;
	font-size:1.3em;
	font-weight:700;
}
.menu ol li { float:left; }
.menu ol 
{ 
	margin:0;
	list-style-type:none;
}
.menu a
{
	color:#6EA5B7;
	/*color:#50a5b7;*/
	float:left;
	height:100%;
	margin-right:2.4em;
	text-decoration:none;
}
.menu a.last { margin-right:0px; }
.menu a:hover
{ 
color:#cc3300;
text-decoration:none;
}
.menu-rss ol{
	margin-left:40px;
}
.container-w-sidebar { border-right:1px solid #ccc; }
.sidebar 
{ 
	background-color:#e9e9e9;
	margin-top:0px;
}
.sidebar > div
{ 
	margin: 0px 10px;
	padding-bottom: 20px;
}

.login-top-pane { 
	position:absolute; 
	color:white;
	background-color:#282f50; 
	border:0px;
	z-index:999;
} 
.login-pane, .profile-pane
{
	border:0px;
	position:relative;
	z-index:999;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:20px;
	background-color:#282f50; 
	display:none;
	color:white;
}
.login-pane h3 { color: white; font-weight:normal; margin-bottom:15px; }
.login-pane fieldset { border-color: transparent; margin:0; padding:0; }
.login-pane fieldset .legend { display:block; color: #aaa; }
.login-pane fieldset input[type=text], 
.login-pane fieldset input[type=password] 	{ margin-bottom:15px; background-color:#ccc; }
.login-pane fieldset input[type=text]:focus,
.login-pane fieldset input[type=password]:focus	{ background-color:#fff; }


div.content
{	padding-top:20px;
	padding-right:10px;
	margin-right:0px;
	width:619px;
	border-right:1px solid #CCC;
}
.content .calendar, .content hr
{ margin-left:5px; }
.sidebar { vertical-align:top; }
.sidebar hr
{
background:#C0C0C0;
color:#C0C0C0;
}

.sidebar .search
{ 
	background:url(/d/search-bg.png) no-repeat 0 0;
	padding-left:50px;
}
.sidebar .search input
{
	font-size:22px;
	color:#DFDFDF;
	border:1px solid #C0C0C0;
}
.sidebar .twitter_link { margin-top:15px;}
.sidebar .twitter_link img { display:block; float:left;}
.sidebar .twitter_link span { display:inline-block; float:left; margin-top:60px; font-size:2em;}


.sidebar .banners 
{ margin-top:15px; }
.sidebar .banners ul
{
	list-style-type:none;
	margin-left:35px;
}
.sidebar .banners li
{
	float:left;
	list-style-type:none;
	margin:0px 10px 10px 0px;
	text-align:center;
	line-height:1000%;
}
.sidebar .banners li a
{
	display:block;
	width:130px;
	height:130px;
	color:#777;
	text-decoration:none;
	background-color:#EFEFEF;
	border:1px solid #DDD;
}
.sidebar .banners li a:hover
{
	color:#333;
	background-color:#DFDFDF;
	border-color:#999;
}
.sidebar .banners li img
{ border:none;}
.sidebar .banners img
{
	float:left;
	width:130px;
	height:130px;
	border:1px solid #C0C0C0;
}

.sidebar .title
{
	line-height:45px;
	height:50px;
	font-size:1.5em;
	margin:-17px -10px 5px -10px;
	text-align:center;
}
.sidebar .friends .title
{	background:#CCD9DE url(/d/friends-bg.png) no-repeat 10px 5px; }
.sidebar .friends ul
{ 
	list-style-type:none;
	text-align:center;
	margin:0px;
}
.sidebar .last-comments .title
{	background:#CCD9DE url(/d/last-comments-bg.png) no-repeat 10px 5px; }
.sidebar .last-comments ul
{
	list-style-type:none;
	margin:0px 10px;
}
.sidebar .last-comments li
{	margin-bottom:20px; }
.sidebar .last-comments li img
{ margin-right:10px;float:left; }
.sidebar .last-comments li div
{ margin:0; padding:0; }
.sidebar .last-comments .username
{ 	overflow:hidden;	font-weight:bold; }
.sidebar .last-comments .article-title
{
	font-weight:bold;
	margin:5px 0px;
}
.sidebar .last-comments .time
{  float:right;
	color:#777;
}

.article-title h3
{	font-size:2.5em; margin-bottom:10px; }
.article-title a.author
{ padding-left: 15px; background:transparent url(/d/author_small.png) 0 0 no-repeat; }
.article-title  ul { display:inline; }
/*.article-title  ul li { margin-right:0px; }*/
.article-title > a, .article-title > a:hover
{ text-decoration:none;}
.calendar
{
	background:url(/d/calendar.png) no-repeat 0 0;
	width:64px;
	height:64px;
	font-family: "Helvetica", sans-serif;
}
.calendar .day
{
	display:block;
	font-size:22px;
	position:relative;
	top:13px;
	width:100%;
	text-align:center;
}
.calendar .month
{
	display:block;
	font-size:16px;
	position:relative;
	width:100%;
	text-align:center;
}
.comments
{
	background:url(/d/comments-bg.png) 0 0 no-repeat;
	width:64px;
	height:52px;
	position:relative;
	top:5px;
}
.comments a
{
	color: #006699;
	display:block;
	font-size:1.7em;
	line-height:2em;
	font-family: "Helvetica", sans-serif;
	width:95%;
	text-align:center;
}
.article
{	font-size:1.25em;  margin-left:10px; 
	width:610px;
	font-size:14px;
}

.article .info
{
	padding:0.5em;
	padding-left: 84px;
	background:#EEFFFF url(/d/info.png) no-repeat 10px 10px; 
	min-height: 74px;
	border: 1px dotted #66cccc;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.article ul li { list-style-type: disc; }
.article ol li { list-style-type: decimal; }
.article h1, .article h2, .article h3, .article h4
{
	font-size:1.5em; 
	line-height:1.6;
}
.article h5 
{
	font-size:1.2em; 
	line-height:1.3;
}

.article pre 
{
	background-color:#FFFFEE;
	border: 1px dotted #cccc99;
	padding: .5em;
	font-family: "Andale Mono", courier, monospace;
	max-width:600px;
	overflow:auto;

}
.article pre code
{
	font-family: "Andale Mono", courier, monospace;
	font-size:.9em;
	background-color:#FFFFEE;
}
.article img { max-width:600px; }
.article .img_hint
{ font-style:italic; color:#999; display:block; text-align:center;}
.article .hint
{ font-style:italic; color:#999; }


.arrows 
{	line-height:48px; }
.arrows img
{	margin:0px 5px; }
.ml
{ margin-left:10px; }

.categories ul, .categories h4 { display:inline; margin-left: 10px;}
.categories li { display:inline; margin-right:8px; }

.related, .related-rss
{ background-color:#efefef; 
	border:1px solid #dfdfdf;
	padding:15px 20px;
	height:100px;
}
.related ul { margin:0; margin-bottom:15px; display:block;}
.related ul li { margin-left:10px; float:left; }
.related a:hover { border:1px solid #999; }
.related a { display:block; height:64px; width:64px; border:1px transparent solid;}

.related-rss { text-align: center; font-size:0.8em; }

.article-comments-title { margin-top:30px; margin-bottom:20px; }

.article-comments ul { margin:0; }
.article-comments li 
{ 
	border: 1px solid #dfdfdf; 
	padding:10px;
	background-color:#efefef;
	margin-bottom:20px;
	margin-left:10px;
}
.article-comments .itemno { position:relative; }
.article-comments .userpic  { margin-right:10px; float:left; width:90px; max-width:90px; }
.article-comments .del { float:right; display:block; clear:right; width:16px; cursor:hand;}
.article-comments .username
{ 
	font-style:italic; 
	font-size:1.8em; 
	color: #cc3300; 
	font-weight:bold; 
	font-family: "Helvetica", sans-serif; 
}
.article-comments .nonreg
{
	font-weight:normal; 
	color: gray;
}
.article-comments .time
{ font-size:.8em; color:#777; margin-top:-.7em; }
.article-comments .text { margin:1em 10px 1em 100px; }
.article-comments .hl { border:2px solid #ffc0cb !important; }

.article-comments .new-comment span, fieldset.comment span { font-size:.8em; }
.article-comments .new-comment div, fieldset.comment div { margin-bottom:10px; }

.pre-footer
{	
	background-color:#091b24;
	height:4em;
	border-bottom:1px solid #000060;

}
.pre-footer h4
{
	font-size:1.5em;
	margin:0;
	padding-left:20px;
	line-height:48px;
	vertical-align:bottom;
	color:#555;
}
.pre-footer a
{
	font-size:1.2em;
	line-height:3.5em;
	margin:0;
	color:white;
	vertical-align:bottom;
}
.footer
{	
	/*background-color:#1c2138; */
	background-color:#282f50; 
	padding-bottom:10px;
}
.popular-topics 
{
	background:url(/d/popular-bg.png) no-repeat 22px 20px;
}
.popular-topics h4, .popular-topics ol
{
	padding:20px 0px 0px 70px;
}
.footer .title
{
	/*color:#DFDFDF;*/
	color:#EFEFEF;
	font-size:2em;
}
.popular-topics ol, .popular-commenters ol
{ list-style-type:none; margin:0px;}
.popular-topics li a , .popular-commenters  li a
{	color:#999; 
	font-weight:bold;
	line-height:2em;
}
.popular-topics li .comments-count, .popular-commenters  li .comments-count
{ color:#DFDFDF;}
.popular-commenters
{ 	background:url(/d/popular-bg.png) no-repeat 0px 20px; }
.popular-commenters h4, .popular-commenters ol
{	padding:20px 0px 0px 45px; }

.footer .about
{	background:url(/d/about-bg.png) no-repeat 0px 20px; }
.footer .about h4, .footer .about p
{ 	padding:20px 20px 20px 50px; }
.footer .about p
{ color:#999;font-size:1.2em}
.footer .guestbook-pane { padding-left:50px; display:none; }
.footer .guestbook-pane fieldset span { color:#dfdfdf; }
.footer .guestbook-pane fieldset textarea { height:auto; }
.counters
{ 
	background-color:#091b24;
	color:white;
	vertical-align:middle;
	height:3em;
}
.counters span
{	line-height:3em; }

.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.center { text-align:center; }
