* { outline:none; }
html, body { margin:0; padding:0; }
body { font-family:sans-serif; color:#333; }

p { margin:10px 0; padding:0; }
a { text-decoration:none; color:#692; }
a:hover { text-decoration:underline; }

h2, h3, h4 { font-family:serif; font-weight:normal; margin:0 0 5px 0; }
h2 { font-size:1.8em; }

blockquote, pre { background:#f2f2f2; display:table; padding:10px;
             margin:10px 30px; }
* html blockquote, * html pre { display:inline-block; }

.left { float:left; }
.right { float:right; }

.wrapper { width:780px; margin:0 auto; }

#header { overflow:hidden; background:#333; margin-bottom:20px; }
* html #header { height:1%; }

#footer, #header { overflow:hidden; background:#333; color:#fff; }
#footer a, #header a { color:#bf3; }
* html #footer, * html #header { height:1%; }

#header h1, #header h1 a { display:block; float:left; width:180px; height:59px; margin-top:10px;}
#header h1 a { background:url(images/ruzee.com.png); }
#header h1 a span { display:none; }
#header .search { float:right; margin:15px 0; }

.glow, .glow .sb-shadow { background:#555; }
#link-list { display:table-cell; float:right; position:relative;
             margin-bottom:10px; padding:10px; }
* html #link-list { display:inline-block; }
#link-list ul { margin:0; padding:0; display:inline; }
#link-list li { display:inline; padding:10px 5px; }
#link-list-wrapper { clear:right; float:right; width:500px; }

#info { padding:20px 20px; width:340px; font-size:1.2em; 
		position:absolute;
		left:50%;
		margin-left:-170px;
		}
#info, #info .sb-inner { background:#f2f2f2 url(grad.png) repeat-x; }
#info .sb-shadow { background:#000; }
#info img#myself { float:right; padding:0; margin:0 0 10px 10px; position:relative; }

#BoxRight { padding:20px 20px; width:290px; font-size:1.2em; 
		position:relative;
		top:-530;
		left:50%;
		margin-left:15px;
	}
#BoxRight, #BoxRight .sb-inner { background:#f2f2f2 url(grad.png) repeat-x; }
#BoxRight .sb-shadow { background:#000; }
#BoxRight img#myself { float:left; padding:0; margin:0 0 10px 10px; position:relative; }

#BoxLeft { padding:20px 20px; margin:0 0 20px 20px; width:290px; font-size:1.2em; 
		position:absolute;
		left:50%;
		margin-left:-305px;
	}
#BoxLeft, #BoxLeft .sb-inner { background:#f2f2f2 url(grad.png) repeat-x; }
#BoxLeft .sb-shadow { background:#000; }
#BoxLeft img#myself { float:right; padding:0; margin:0 0 10px 10px; position:relative; }


#content a { border-bottom:1px dotted #692; }
#content a:hover { border-bottom:1px solid #692; text-decoration:none; }
#content h2, h3, h4 { color:#692; }

.main-post { margin-bottom:40px; }
.mini-post { width:370px; font-size:95%; }
.mini-post h2 { font-size:1.4em; }
.mini-post { margin-bottom:20px; }

.post { margin-bottom:40px; }

.entry { text-align:justify; line-height:1.5em; }
.paginate { clear:both; overflow:hidden; margin:20px 0; }
* html .paginate { height:1%; }

ul.commentlist { margin:0; padding:0; border-top:1px solid #ccc; }
ul.commentlist li { margin:0; padding:20px 0 10px 0; position:relative;
                    list-style:none; border-bottom:1px solid #ddd; }
ul.commentlist .comment-number { position:absolute; z-index:20;
                                 text-align:right; top:0; right:0; 
                                 font-size:3em; color:#ddd; }
ul.commentlist .comment-content { position:relative; z-index:21; }

.navigation { overflow:hidden; margin:20px 0; }
* html .navigation { height:1%; }
.navigation .alignleft { float:left; }
.navigation .alignright { float:right; }

#footer { clear:both; }
#footer h2 { font-size:150%; }
#footer ul { padding:0; margin:0; font-size:100%; overflow:hidden; margin:10px 0; }
* html #footer ul { height:1%; }
#footer ul li { padding:0; margin:0; float:left; list-style:none; }
#footer ul li li { padding:0 0 4px 0; float:none; }
#footer ul ul { margin:0 0 20px 0; }

#footer ul li.categories { width:180px; margin-right:10px; }
#footer ul li.recent { width:420px; margin-right:10px; }
#footer ul li.misc { width:150px; }
#footer ul .glow { padding:20px 20px 10px 20px; }

.recent li { overflow:hidden; }
* html .recent li { height:1%; }
.recent .info { width:120px; float:left; display:block; }
.recent .content { float:left; display:block; width:257px; }

/* for ruzeeborders example */
.rbex { padding: 12px; margin: 10px; border: 2px #111 solid; background: #fff;  }
.rbbgimg { background: url(images/bgimg.gif) #CEDEA5; padding: 10px; margin: 10px; } 

.ad { width:468px; height:60px; margin:10px 0 30px 0; }
.ad.rect { width:336px; height:280px; }
.ad.wide { width:728px; height:90px; }

/* for ellipsis */
.ellipsis { display:block; margin-right:-10000px; }