/*  
Theme Name: OFZola
Theme URI: http://www.zuola.com/weblog/
Description: Zola's theme
Version: 1 
Author: Zola
Author URI: http://www.zuola.com/
*/
/* Begin Typography & Colors */
body{
	background-color: #FFFFFF;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 85%; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000000; WORD-BREAK: break-all; PADDING-TOP: 0px; FONT-FAMILY:Tahoma,"Verdana", 'Lucida Grande',"宋体","Arial","Sans-Serif"; TEXT-ALIGN: center; WORD-WRAP: break-word
}
::-moz-selection{
	background: #5B6AF5;
	color: #DBEFFB;
}

::selection {
	background: #5B6AF5;
	color: #DBEFFB;0C;
}
.blog-desc {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 16px; PADDING-BOTTOM: 1px; COLOR: #838383; PADDING-TOP: 1px; FONT-FAMILY: "Courier New"
}
#blogLogo {
	
}
#logo {
	FLOAT: left; MARGIN-RIGHT: 8px
}
.blog-header {
	CLEAR: right; PADDING-LEFT: 60px
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: black; PADDING-TOP: 0px
}
H1 A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #3366cc; TEXT-DECORATION: none
}
H1 A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #3366cc; TEXT-DECORATION: none
}
H1 A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #3366cc
}
H1 A:active {
	FONT-WEIGHT: bold; COLOR: #3366cc; TEXT-DECORATION: none
}
#page {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left top; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(images/headerbg.jpg); PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left
}
#innerHeader {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 1px; PADDING-TOP: 10px
}
#content {
	FONT-SIZE: 100%
}
.widecolumn .entry P {
	FONT-SIZE: 100%
}
p {margin: 12px 0px;}
.narrowcolumn .entry, .widecolumn .entrytext {
	LINE-HEIGHT: 1.6em;	MARGIN-LEFT: 22px
}
.narrowcolumn .entry li, {
MARGIN:0.6em 2em;
}
.widecolumn .entrytext li{
MARGIN:0.6em 4em;
}
.entry, .entrytext{DISPLAY: block;}
.widecolumn {
	LINE-HEIGHT: 1.6em
}
.narrowcolumn .postmetadata {
	TEXT-ALIGN: center
}
#fp:first-letter {
font-size : 300%;
font-weight : bold;
float : left;
line-height: 1em;
COLOR: #ff6600;
margin-right: 3px;
FONT-WEIGHT: bolder; 
}
.alt {
	BORDER-TOP: #DDDDDD 1px solid; BORDER-BOTTOM: #DDDDDD 1px solid; BACKGROUND-COLOR: #F8F8F8;
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
#footer {
	BORDER-TOP: 1px solid #a2a2a2; BACKGROUND-COLOR: #e5ecf9
}
SMALL {
	FONT-SIZE: 90%; FONT-FAMILY: Arial, Helvetica, Sans-Serif
}

H2 {
	FONT-SIZE: 120%; BORDER-LEFT: #3366cc thick solid; BORDER-TOP-COLOR: #3366cc; TEXT-INDENT: 11px; BORDER-BOTTOM: #3366cc 1px solid; BORDER-RIGHT-COLOR: #3366cc
}
H2.pagetitle {
	FONT-SIZE: 160%
}
#sidebar H2 {	background-color: #F4F8FF;
	FONT-SIZE: 120%; FONT-FAMILY:Verdana, 'Lucida Grande',  Sans-Serif
}
H3 {
	FONT-SIZE: 130%
}
H2 {
	TEXT-DECORATION: none
}
H2 A {
	COLOR: #0000cc
}
H2 A:visited {
	COLOR: #0000ff
}
H3 {
	TEXT-DECORATION: none
}
H3 A {
	COLOR: #0000cc
}
H3 A:hover {
	
}
H3 A:visited {
	COLOR: #0000ff
}
#sidebar H2 {
	COLOR: #0000cc; TEXT-DECORATION: none
}
#wp- calendar CAPTION {
	TEXT-DECORATION: none
}
CITE {
	TEXT-DECORATION: none
}

.commentlist LI {
	FONT-WEIGHT: bold
}
.commentlist CITE {
	FONT-WEIGHT: bold; FONT-SIZE: 110%; FONT-STYLE: normal
}
.commentlist CITE A {
	FONT-WEIGHT: bold; FONT-SIZE: 110%; FONT-STYLE: normal
}
.commentlist P {
	FONT-WEIGHT: normal; TEXT-TRANSFORM: none; LINE-HEIGHT: 1.5em
}
.commentmetadata {
	FONT-WEIGHT: normal
}
SMALL {
	COLOR: #777; WORD-BREAK: break-all; WORD-WRAP: break-word
}
#sidebar UL OL LI {
	COLOR: #777; WORD-BREAK: break-all; WORD-WRAP: break-word
}
.nocomments {
	COLOR: #777; WORD-BREAK: break-all; WORD-WRAP: break-word
}
.postmetadata {
	COLOR: #777; WORD-BREAK: break-all; WORD-WRAP: break-word
}
BLOCKQUOTE {
	WORD-BREAK: break-all; WORD-WRAP: break-word
}
STRIKE {
	COLOR: #777; WORD-BREAK: break-all; WORD-WRAP: break-word
}
CODE {
	FONT: 1.1em 'Courier New', Courier, Fixed
}
H2 A:hover {
	TEXT-DECORATION: none
}
H3 A:hover {
	TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}
#header {
	WIDTH: 100%; BORDER-BOTTOM: 1px solid #a2a2a2;WIDTH: 100%; HEIGHT: 80px
}
.narrowcolumn {
PADDING:5px 18px 18px;FLOAT: left;  MARGIN: 0px; WIDTH: 65%; WORD-BREAK: break-all
}
.widecolumn {
	PADDING:20px 40px;MARGIN: 1px auto; WIDTH: 80%; WORD-BREAK: break-all;  BACKGROUND-COLOR: #ffffff
}
.post {
	CLEAR: both; MARGIN: 0px 0px 10px; WORD-BREAK: break-all; WORD-WRAP: break-word
}
.widecolumn .post {
	MARGIN: 0px; WORD-BREAK: break-all; WORD-WRAP: break-word
}
.narrowcolumn .postmetadata {
	BORDER-RIGHT: #3366cc 1px solid; BORDER-TOP: #3366cc 1px solid; DISPLAY: block; FONT-SIZE: 90%; BORDER-LEFT-COLOR: #3366cc; BORDER-BOTTOM-COLOR: #3366cc; TEXT-INDENT: 8px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
.widecolumn .postmetadata {
	MARGIN: 30px 0px
}
#footer {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 100%; PADDING-TOP: 0px
}
#footer P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; MARGIN: 0px; PADDING-TOP: 20px; TEXT-ALIGN: center
}
H2 {
	MARGIN: 11px 0px 0px
}
H2.pagetitle {
	MARGIN-TOP: 11px
}
#sidebar H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 30px 0px 0px; PADDING-TOP: 0px
}
H3.comments {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 40px auto 20px; PADDING-TOP: 0px
}
P IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; max-width: 100%
}
IMG.centered {
	DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
IMG.alignright {
	PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px 0px 2px 7px; PADDING-TOP: 4px
}
IMG.alignleft {
	PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px 7px 2px 0px; PADDING-TOP: 4px
}
.alignright {
	FLOAT: right
}
.alignleft {
	FLOAT: left
}
UNKNOWN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; TEXT-INDENT: -10px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
UNKNOWN {
	MARGIN: 7px 0px 8px 10px
}
.entry UL LI:unknown {
	content: "? "
}
#sidebar UL UL LI:unknown {
	content: "? "
}
.entry OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 35px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.entry OL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.postmetadata UL {
	DISPLAY: inline; LIST-STYLE-IMAGE: none; LIST-STYLE-TYPE: none
}
.postmetadata LI {
	DISPLAY: inline; LIST-STYLE-IMAGE: none; LIST-STYLE-TYPE: none
}
#sidebar UL OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#sidebar UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#sidebar UL LI {
	LIST-STYLE-IMAGE: none; MARGIN-BOTTOM: 15px; LIST-STYLE-TYPE: none
}
#sidebar UL P {
	MARGIN: 15px 0px 12px}
#sidebar UL SELECT {
	MARGIN: 5px 0px 8px
}
#sidebar UL UL {
	MARGIN: 12px 0px 5px 12px}
#sidebar UL OL {
	MARGIN: 5px 0px 0px 10px
}
#sidebar UL UL UL {
	MARGIN: 0px 0px 0px 10px
}
#sidebar UL OL {
	MARGIN: 0px 0px 0px 10px
}
OL LI {
	LIST-STYLE-POSITION: outside; WORD-BREAK: break-all; LIST-STYLE-TYPE: decimal; WORD-WRAP: break-word
}
#sidebar UL OL LI {
	LIST-STYLE-POSITION: outside; WORD-BREAK: break-all; LIST-STYLE-TYPE: decimal; WORD-WRAP: break-word
}
#sidebar UL UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 3px 0px 0px; PADDING-TOP: 0px
}
.searchform {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 5px; MARGIN: 10px auto; PADDING-TOP: 5px; TEXT-ALIGN: left
}
#sidebar .searchform .s {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 115px; PADDING-TOP: 2px
}
#sidebar .searchsubmit {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
.entry FORM {
	TEXT-ALIGN: center
}
#commentform INPUT, SELECT {	
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	MARGIN: 5px 5px 1px 0px;
	PADDING-TOP: 2px;

}
#commentform TEXTAREA {
	float:left;PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 50%; PADDING-TOP: 2px
}
input:focus, textarea:focus, label:focus {
	background: #fff;
	border: 1px solid #686868;}
.PostDate{
float:left;
WIDTH: 65px;
MARGIN: 11px 25px;
	text-align: center;
	vertical-align: middle;}
input#submit, .PostDate{
	background: #7AB3FE;
	color: #fff;
	MARGIN: 8px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 140%;
	border-top: 3px double #E5ECF9;
	border-right: 3px double #E5ECF9;
	border-bottom: 3px double #CBDDFC;
	border-left: 3px double #E5ECF9;
	font-weight: bolder;
}
#commentform #submit {
WIDTH: 250px;
	FLOAT: right;
	WIDTH: 250px;

}
input#author,input#email,input#comment{	color: #FF3300;	WIDTH: 250px;}
input#url{	color: #0033ff;	WIDTH: 250px;}
input#email,input#url{text-transform: lowercase;ime-mode:disabled;}
input#submit:hover {
	background: #FF6600;
	color: #FFFFFF;
	border: 3px double #FFDBA6;
}
input,textarea {font-size: 130%;
	BORDER-RIGHT: #a2a2a3 1px solid; BORDER-TOP: #cccccc 1px solid; BACKGROUND: #E7E7E7;  BORDER-LEFT: #cccccc 1px solid; 
 BORDER-BOTTOM: #a2a2a3 1px solid;
}
textarea:focus{
	border: 1px solid #1D95C7;
}
#openid_type,textarea, input, select {
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	margin: 1px;
	padding: 3px;
}
#commentform #submit {
	FLOAT: right; MARGIN: 0px;clear:both
}
.submit input, .submit input:focus, .button, .button:focus {
	background: #CAE0FF;
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;
}
.submit input:active, .button:active {
	background: #CAE0FF;
	border: 3px double #CAE0FF;
	border-left-color: #CAE0FF;
	border-top-color: ##CAE0FF;
}

.commentlist {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: justify
}
.commentlist LI {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 3px; MARGIN: 15px 0px 3px; PADDING-TOP: 5px; LIST-STYLE-TYPE: none
}
.commentlist P {
	MARGIN: 10px 5px 10px 0px
}
#commentform P {
	MARGIN: 5px 0px
}
.nocomments {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.commentmetadata {
	DISPLAY: block; MARGIN: 0px
}
#sidebar {
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	FLOAT: right;
	PADDING-BOTTOM: 20px;
	MARGIN: 0px;
	WIDTH: 25%;
	PADDING-TOP: 20px;
}
#sidebar FORM {
	MARGIN: 0px
}
#wp-calendar {
	MARGIN: 10px auto 0px; WIDTH: 155px; empty-cells: show
}
#wp-calendar #next A {
	PADDING-RIGHT: 10px; TEXT-ALIGN: right
}
#wp-calendar #prev A {
	PADDING-LEFT: 10px; TEXT-ALIGN: left
}
#wp-calendar A {
	DISPLAY: block
}
#wp-calendar CAPTION {
	WIDTH: 100%; TEXT-ALIGN: center
}
#wp-calendar TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
#wp-calendar TD.pad:hover {
	BACKGROUND-COLOR: #fff
}
ACRONYM {
	CURSOR: help
}
abbr {
	CURSOR: help
}
SPAN.caps {
	CURSOR: help
}
ACRONYM {
	BORDER-BOTTOM: #3366cc 1px dashed
}
abbr {
	BORDER-BOTTOM: #3366cc 1px dashed
}
BLOCKQUOTE {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: url(/images/blockquote.png) #F8F8F8 no-repeat left top; PADDING-BOTTOM: 5px; MARGIN-LEFT: 20px; COLOR: #000000; MARGIN-RIGHT: 20px; PADDING-TOP: 32px
}
.quote {
	BORDER-LEFT-COLOR: #e0e0e0; MARGIN: 10px
}
.quote-title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #000000; PADDING-TOP: 5px
}
.quote-content {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: url(/images/blockquote.png) #F8F8F8 no-repeat left top; PADDING-BOTTOM: 5px; MARGIN-LEFT: 20px; COLOR: #000000; MARGIN-RIGHT: 20px; PADDING-TOP: 32px
}
BLOCKQUOTE CITE {
	DISPLAY: block; MARGIN: 5px 0px 0px
}
.center {
	TEXT-ALIGN: center
}
HR {
	DISPLAY: none
}
A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.navigation {
DISPLAY: block; MARGIN: 1em 0em; BORDER-BOTTOM: #ff6600 solid; POSITION: static; TEXT-ALIGN: center;padding-bottom: 1.5em}
a:link {
	text-decoration: none;

}
a:visited {
	text-decoration: none;color: #666666;
}
a:hover {
	color: #0000FF;
	text-decoration: blink;
}

#message{
	background: #FFFAF7 url(images/notice.gif) no-repeat 1em 1em;
	PADDING: 0px;
	width:100%;
	MARGIN: 5px auto 10px;
	BORDER-TOP: 1px solid #ff6600;
	BORDER-BOTTOM: 1px solid #ff6600;
}
.message{
	background: #ffffff url(/images/copyborder.png) no-repeat right top;
	FONT-SIZE: 96%;
	color:#999999;
	padding-bottom: 0px;
	MARGIN: 0px 1px 0px 0px;
	clear:left;
	float:left;
	padding-top: 0px;
	padding-right: 12px;
}
#message P{
PADDING: 10px 30px; MARGIN: 0px; TEXT-ALIGN: left
}
.messagebox {
	BORDER-top: #A5BFFD 1px solid;
	BORDER-left: #A5BFFD 1px solid;
	BORDER-bottom: #A5BFFD 1px solid;
	PADDING: 8px;
	MARGIN: 0em 1em;
	display: block;
	float: left;
	background-color: #FFFFFF;
}
#wp-calendar {
display:inline-table;
border-collapse:collapse;
width:88%;
margin:0px 10px 0 10px;
text-align:center;
align:left;
}

#wp-calendar table caption {
margin:-5px 10px 0 10px;
padding-bottom:5px;
BORDER-BOTTOM: #a2a2a3 22px solid;
letter-spacing:0.1em
}
thead {border-top:#a2a2a3 1px solid;}
tfoot {border-top:#a2a2a3 1px solid;}
#wp-calendar table th {border-bottom:1px solid;}

#wp-calendar table td {
  width:30px; /* maximaize width; honestly, I don't know much about tables... */
  padding:1px;
  font-size:0.9em;
}

#today {
	font-weight:bolder;
	background-color: #E5EBF9;
	color: #FFFFFF;
	padding: 0px;
	display: block;
	margin: 0px;
}

#wp-calendar table td a {
  display:block;
  border-bottom:1px solid;
  font-weight:bold;
  font-size:1.15em;
}



#wp-calendar table tfoot a {
  border:none;
  font-weight:bold;
}

#wp-calendar table tfoot #prev a {text-align:left;}
#wp-calendar table tfoot #next a {text-align:right;}
div#flashmob:hover dl { display: block; width: 45%; float: right;}
div#flashmob dl { display: none;width: 45%; float: right; }
div.post:hover dl { display: block; }
div.post dl { display: none; }

.listnumber {PADDING: 10px; MARGIN: 0px;text-align: center;
DISPLAY: block; MARGIN: 10px 0px 20px; BORDER-BOTTOM: #ff6600 solid; POSITION: static;	padding-bottom: 0.4em
}
.listnumber A {padding: 2px 8px;BACKGROUND: #fff;TEXT-DECORATION: none;margin: 3px;border: 1px solid #C0CDFA;}
.listnumber A:visited {BACKGROUND: #FFFFFF;TEXT-DECORATION: none;border: 1px solid #ddd;color: #999999;}
.listnumber A:hover {BACKGROUND: #FF9900;COLOR: #FFFFFF;TEXT-DECORATION: none;border: 1px solid #FF9900;}
.listnumber .thispage {padding: 1px 8px;margin: 0px;}
span.node {	text-align: center;	padding: 2px 2px;	float: none;	margin:2px 2px;}
div.content {	margin-top: 8px;}
.ads9 {
BACKGROUND: url(/images/block-back.png) no-repeat 50% top;
}
.ads9 a:link {FONT-SIZE: 93%}
#copyright{	float:left;
	line-height: 1.2em;
WORD-WRAP: break-word;WORD-BREAK: break-all}
.verticaltext
{
	float:left;
	width:1em!important;
	width: 1em;
	overflow:hidden;
	height:40em!important;
	height:35em;
	vertical-align: top;
	text-align: left;
	padding:1em 0px;
	letter-spacing: 2px;
	direction: rtl!important;
	direction:inherit;
	writing-mode: tb-rl;
	WORD-WRAP: warp;
	WORD-BREAK: break-all;
	display: block;
	margin-right: 0.3em;
	margin-left: 0.3em;
	line-height: 1.2em;
}