/* ------------------------------------------------------ 

 Renren layout CSS
 
 - This is the stylesheet modern browser will use
   to display your pages.

------------------------------------------------------

 main structure

------------------------------------------------------ */

/* -- these are the default fonts -- */
body { font-family: Bitstream Vera Sans, "verdana", arial, helvetica, sans-serif; }
pre, kbd, samp, code { font-family: Bitstream Vera Sans Mono, "verdana", courier, monospace; }

body {
margin: 0;
padding: 35px 0;
background: #f9f9f9;
/* Thanks to Podz for this IE fix */
text-align: center;
}

div#wrapper {
margin: 0 auto;
padding: 1px;
width: 800px;
border: 1px solid #999;
background: #fff;
/* now fix the IE fix */
text-align: center;
}

div.post {
margin: 0;
font-size: 10pt;
text-align: justify;
padding: 10px 50px 40px 50px;
}

div.tags {
margin: 0;
font-size: 10pt;
text-align: justify;
padding: 10px 50px 40px 50px;
}

div.subtitle {
margin: 0;
font-size: 10pt;
text-align: justify;
padding: 10px 50px 40px 50px;
}

div#divmenu {
margin: 0;
font-size: 7px;
text-align: justify;
padding: 10px 50px 10px 50px;
border-bottom: 5px solid #789;

}



/* ------------------------------------------------------ 

 set all global HTML

------------------------------------------------------ */

/* -- Block Elements -- */

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal;
letter-spacing: -1px;
color: #666;
}

h1 {
font-size: 21px;
color: #fff;
text-align: center;
}

h1 a { color: #fff; }
h1 a:hover { color: #f9f9f9; }

h2 { font-weight: bold;
font-size: 23px; }
h2.title, h2.title a, h2.title a:visited { color: #666; }
h2.title a:hover, h2.title a.red, h2.title a.red:visited { color: #9df; }
h2.title .red { padding-left: 15px; }
h2.title a.red:hover { color: #cef; }

h3 {
margin: 30px 0 10px 0;
font-size: 15px;
font-weight: bold;
}

h4 {
margin: 30px 0 10px 0;
font-size: 15px;
}

h5 {
margin: 30px 0 10px 0;
font-size: 13px;
font-weight: bold;
}

h6 {
font-size: 13px;
}

p, pre, blockquote, dl, dt, dd {
margin: 15px 0;
padding: 0;
font-size: 13px;
font-weight: normal;
text-align: justify;
color: #505050;
}

pre { width: 440px; }
dt { margin: 0; font-weight: bold; }
dt a { color: #666; }
dt a:hover { color: #999; }
blockquote, dd { padding: 0 20px; }
blockquote { border-left: 2px solid #eee; }

blockquote[cite]:after {
content:  "Source: " attr(cite);
color: #999;
font-size: 11px;
}

pre {
padding: 10px;
overflow: auto;
border: 1px solid #ddd; 
background: #fcfcfc;
}

h2#archive {
margin: 1px 0;
padding: 20px;
background: #f9f9f9;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: bold;
color: #333;
}

p.post-meta {
margin:  20px;
font-size: 11px;
color: #999;
text-align: right;
}

p.nav { margin: 0 20px 20px 20px; }

img {
margin: 10px;
padding: 3px;
border: 1px solid #ddd;
max-width: 430px; /* because I'm lazy */
}

img[title]:after {
content:  "Source: " attr(title);
color: #666;
font-size: 11px;
}

ul li, ol li {
margin: 5px 0;
font-size: 13px;
}

ul { list-style: url(bullet.png) outside; }
ol { list-style-type: decimal; }

/* -- In-Line Elements -- */

q, cite, dfn, var, em, i { font-style: italic; }
kbd, samp, code { font-style: normal; }
ins { color: #006; } /* Let's not use this as a block element, OK */

abbr, acronym {
border-bottom: 1px dotted #999;
font-style: oblique;
}

abbr:hover, acronym:hover {
border-color: #c60;
cursor: help;
}

a {
color: #4A5E77;
text-decoration: none;
}

a:hover { color: #9df; }
.post a:visited { color: #4682B4; }
.post a:hover { color: #9df; }

/* -- Form Elements -- */

fieldset {
margin: 20px 0 0 0;
padding: 10px;
border: 1px solid #e6e6e6;
}

legend { 
margin: 5px 0;
color: #666;
font-size: 11px;
font-weight: bold;
}

input, select, textarea {
margin: 2px;
padding: 2px;
background: #fcfcfc;
border: 1px solid #aaa;
font-size: 11px;
}

input:focus, select:focus, textarea:focus  { 
background-color: #ffe;
outline: 3px solid #fe9;
}

label {
font-size: 11px;
color: #666;
}

/* you should use class="button" for all form buttons. Thank IE for that.  */
input[type=submit], input[type=reset], input[type=button], input.button {
background: #eee url(input.png) repeat-x;
border: 1px outset #666;
}


/* ------------------------------------------------------ 

 set all header options

------------------------------------------------------ */

div#header {
padding: 30px 0 10px 0;
height: 160px;
background: #9ab;
border-bottom: 5px solid #789;
text-align: center;
}

div#header p {
margin: 0;
color: #eee;
letter-spacing: -1px;
font-size: 11px;
text-align: center;
}


/* ------------------------------------------------------ 

 set all footer options

------------------------------------------------------ */

div#footer {
margin: 1px 0 0 0;
padding: 5px 20px;
background: #abc;
border-top: 1px solid #789;
}

div#prevpage {
margin: 1px 0 0 0;
padding: 5px 20px;
background: #fff;
border-top: 5px solid #789;
}

div#prevpage p {
margin: 0;
font-size: 11px;
color: #666;
text-align: center;
}


div#footer p {
margin: 0;
font-size: 11px;
color: #666;
text-align: center;
}

div#footer a { color: #666; }
div#footer a:hover { color: #f55; }


/* ------------------------------------------------------ 

 set all navigation menu options

------------------------------------------------------ */

div#menu {
padding: 5px;
font-size: 11px;
background: #abc;
border-bottom: 1px solid #789;
text-align: center;
}

div#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

div#menu ul li {
padding: 5px 10px;
font-size: 11px;
display: inline;
}

div#menu ul li#current { background: url(select.png) no-repeat bottom center; }
div#menu ul li#current a { color: #fff; font-weight: bold; }
div#menu a { color: #eee; }
div#menu a:hover { color: #fff; }


/* ------------------------------------------------------ 

 set all nicer archives hack options

------------------------------------------------------ */

div#archives {
margin: 0 0 50px 0;
padding: 0 50px;
}

div#archives p { margin: 0; }

div#archives h3 {
margin: 30px 0 5px 0;
font-size: 15px;
}

div#archives h3 a { color: #666; }
div#archives h3 a:hover { color: #9df; }

div#archives form {
padding: 10px;
background: #f9f9f9;
}


/* ------------------------------------------------------

   post-meta-single layout

------------------------------------------------------ */

div#post-meta-single {
margin:  1px 0;
padding: 15px 50px;
background-color: #f9f9f9;
color: #999;
border-top: 1px solid #eee;
}

div#user {
margin:  1px 0;
padding: 15px 50px;
background-color: #fff;
color: #999;
border-top: 1px solid #eee;
}

div#various { 
margin:  1px 0;
padding: 15px 50px;
background-color: #fff;
color: #999;
border-top: 1px solid #eee;
}

div#autuoo {
margin:  1px 0;
padding: 15px 50px;
background-color: #f9f9f9;
color: #999;
border-top: 1px solid #eee;
}

div#post-meta-single h2 {
font-style:italic;
font-weight:bold;
font-family: Georgia, serif;
color: #ccc;
}

div#post-meta-single ul {
margin:0;
padding:0;
list-style:none;
}

div#post-meta-single p { font-size: 11px; color: #999; }
div#post-meta-single div.bloggers { float:right; width:210px; padding-left: 15px; }
div#post-meta-single div.delicious { margin-right:240px; }


/* ------------------------------------------------------ 

 set all comment options

------------------------------------------------------ */

div.comment-header {
padding: 20px 50px;
background: #abc;
border-top:1px solid #789;
border-bottom:1px solid #789;
}

div.comment-header h2 {
margin: 0;
padding: 0;
font-size: 21px;
font-weight: normal;
color: #666;
}

div.comment-header p {
margin: 0;
font-size: 11px;
color: #666;
}

div#comment-section, div#comment-form { padding: 20px 50px; }
div#comment-form { background: #f9f9f9; border-top: 1px solid #eee; }

ol#comment-list {
padding: 0;
margin: 0;
list-style-type: none;
}

ol#comment-list li {
margin: 0 0 30px 0;
padding: 10px 10px 0 10px;
border: 1px solid #eee;
}

ol#comment-list li.author-comment {
background: #efe;
border: 1px solid #cdb;
}

ol#comment-list li.user-comment {
background: #f9f9ff;
border: 1px solid #abc;
}

ol#comment-list li:hover { background: #fcfcfc; }

div#comment-form h2 {
margin: 0;
padding: 0;
font-size: 17px;
font-weight: normal;
color: #666;
}

div#comment-form p {
font-size: 11px;
color: #666;
}

div#comment-section h3 {
margin: 0;
font-size: 13px;
font-weight: bold;
}

div#comment-section p.post-meta {
margin: 0;
padding: 0;
text-align: left;
}

div#comment-form p.buttons { text-align: center; }

#preview-div {
padding: 10px;
display: none;
font-size: 13px;
border-top: 1px solid #eee;
}

#preview-div h3 {
margin: 0;
font-size: 13px;
font-weight: bold;
}


/* ------------------------------------------------------ 

 set all global layout classes

------------------------------------------------------ */

.red { color: #9df; } /* it's the new red */

.warning {
margin: 10px;
padding: 10px;
background: #c00;
color: #fff;
}

.note {
margin: 10px;
padding: 10px;
background: #eef9ff;
border: 1px solid #9df;
}

/* -- for images -- */
.left { float: left; }
.right { float: right; }

div#LSResult {
position: absolute;
left: 50%;
background-color: #fff; 
width: 200px;
margin: 0 0 0 -100px;
padding: 1px;
border: 1px solid #666;
z-index: 100;

/* -- opacity -- */
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
-khtml-opacity: 0.8;
} 

div#LSResult ul.LSRes {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
}

li#LSHead {
margin: 0;
padding: 5px;
font-size: 11px;
font-weight: bold;
text-align: center;
color: #fff;
background: #9ab;
border-bottom: 1px solid #789;
}

li.LSRow {
margin: 0;
padding: 5px 8px;
font-size: 11px;
}

li.LSRow:hover {
background: #9df;
border-top: 2px solid #8ce;
border-bottom: 2px solid #8ce;
}

li.LSRow a { color: #666; }

/* ------------------------------------------------------ 

 Lucid tables CSS
 
 - This is the stylesheet modern browser will use
   to display your tables.

------------------------------------------------------
 if you choose collapse for border-collapse, 
 comment out border-spacing.

 - for more info see: 
   http://www.w3.org/TR/CSS21/tables.html#borders

------------------------------------------------------

 global table settings (default: rows alternate colours)

------------------------------------------------------ */

table {
margin: 40px 0;
padding: 0;
border-collapse: separate;
border-spacing: 2px;
overflow: auto;
empty-cells : show;
background: #fff;
}

tr {
margin: 0;
padding: 0;
}

tr.alt { background: #fafafa; } /* colour of alternate rows */
tr.highlight { background: #efe; }
tr:hover { background: #def; }

tr.alt td, thead th, tfoot td {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}

td, th, caption {
vertical-align: top;
padding: 4px;
margin: 0;
font-size: 13px;
}

caption {
caption-side: top;
font-size: 11px;
text-align: left;
}

thead th, tfoot td {
background-color: #fafafa;
font-weight: bold;
font-size: 13px;
text-align: center;
}

td[nowrap] { white-space: nowrap; }


/* ------------------------------------------------------

 borders table (rows and cols seperated by borders)

------------------------------------------------------ */

table.borders { border-collapse: collapse; }

table.borders,
table.borders tr,
table.borders td, 
table.borders th {
border: 1px solid #999;
}


/* guestbook > write - ?????? form ??o???? */
.guestbook .write {
	margin:0 5px 20px 5px;
}
.guestbook .write p{
	text-align:right;
	padding:1px;
	margin:0;
}
.guestbook .write input{
	border:1px solid #999;
	width:150px;
}
.guestbook .write .homepage{
	width:260px;
	font:8pt verdana, ?????	color:#777;	
}
.guestbook .write .submit{
	border:1px solid #aaa;
	background-color:#fff;
	height:25px;
	width:200px;
	color:#333;
}
.guestbook .write label{
	font:8pt Verdana;
}
.guestbook .write textarea{
	width:98%;
	height:70px;
	border:1px solid #aaa;	
	overflow:visible;
}

/* guestbook > list - ???????? a? ????o???? */
.guestbook .desc {
	border-top:1px dotted #aaa;
	font:8pt verdana;
	text-align:left;
	color:#777;
	margin:30px 5px 10px 5px;
	padding:15px 5px 5px 5px;
}
.guestbook .gbname {
	font:8pt verdana;
	font-weight:bold;
}
.guestbook .gbname a:link { color:#369; }
.guestbook .gbbox {
	font:8pt verdana;
	margin:20px 20px 10px 10px;
	padding:10px;
	border:1px solid #ccc;
}
.guestbook p{
	padding:0 25px 0 10px;
	margin:0;
}
.guestbook .gbbox p{
	padding:0;
	margin:15px 0 0 0;
}

/* entry > protected - ??????? ??a??? ??…x??? */
.entry_protected {
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}
.entry_protected .articletitle { 
	font-family:Trebuchet MS,helvetica,verdana,tahoma,?????	line-height:150%; 
	font-size:11pt; 
	font-weight:bold; 
	color:#505050;
	border-bottom:2px solid #aaa;
}
.entry_protected input {
	border:1px solid #999;
	font:10px tahoma;
}
.entry_protected .submit {
	border:1px solid #bbb;
	background-color:#ddd;
}

/* entry > notice - ?????o???? */
.notice {
	margin:10px 0 0 0;
}
.entry_notice {
	margin-bottom:30px;
}
.entry_notice .articletitle { 
	font-family:Trebuchet MS,helvetica,verdana,tahoma,?????	line-height:150%; 
	font-size:11pt; 
	font-weight:bold; 
	color:#505050;
	border-bottom:2px solid #aaa;
}
.entry_notice .articletitle a:link { color:#505050; text-decoration:none; }
.entry_notice .articletitle a:visited { color:#505050; text-decoration:none; }
.entry_notice .articletitle a:hover { color:#505050; text-decoration:none; }
.entry_notice .article {
	padding:10px 0;
}