html, body { margin: 0px; padding: 0px; height: 100%; }
body { font-family: Helvetica, Arial, sans-serif; font-size: 100%; line-height: normal; color: #333333; background-color: #EEEEEE;}

table, td, div, p, br, b, li { font-size: 95%; text-align: left; }

p { font-size: 200%; padding: 0px; margin: 0px 0px 10px 0px; }
a { font-family: Arial, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%; color: #999999; background: transparent; text-decoration: underline; }
a:hover { color: black; text-decoration: none; }
img { border: 0px; vertical-align: top; }
form { margin: 0px; padding: 0px; }
input, select, textarea { font-size: 100%; font-family: Arial, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }

input {
	border-left: 1px solid #C3C3C3;
	border-top: 1px solid #7C7C7C;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #DDDDDD;
	background: url(/wp-content/themes/zero/images/border.gif) top left repeat-x;
	width: 160px;
	}

textarea {
	border-left: 1px solid #C3C3C3;
	border-top: 1px solid #7C7C7C;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #DDDDDD;
	background: url(/wp-content/themes/zero/images/border.gif) top left repeat-x;
	width: 160px;
	}


h1 { color: #000000; font-size: 300%; font-family: Helvetica, Times, Arial, sans-serif; font-weight: bold; font-style: italic; padding: 0px; margin: 0 0 20px 0; letter-spacing: -2px; }
h1.none { display: none; }
h1 a, h1 a:hover { color: #000000; font-family: Times, Arial, Helvetica, sans-serif; text-decoration: none; }
h2 { color: #000000; font-size: 220%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0px; letter-spacing: -1px; margin: 20 0 40px 0; }
h3 { color: #000000; }
/* smargin: 50px 0px 20px 0px; padding: 0px; font: bold 180%/80% Times, Arial, Helvetica, sans-serif; } */
h4 { color: #000000; margin: 0px 0px 20px 0px; padding: 0px; font: bold 100% Helvetica, Arial, sans-serif; }
h5 { color: #000000; margin: 0px;padding: 0px; font: bold 200% Helvetica, Arial, sans-serif; }
ul { padding: 0px 0px 4px 0px; margin: 15px 30px 6px 20px; }
li { margin: 0 0 10px 0px; padding: 0px 0px 1px 0; font-size: 120%;  }

.clear { visibility: hidden; }
.center { text-align: center; }
.right { text-align: right; }
.nobr { white-space: nowrap; }

/********** HEADER **********/
.wrapper, .left-shadow, .right-shadow { width: 100%; height: 100%;}

.left-column { height: 100%; width: 45%; }
.left-column-b { height: 100%; }
.right-column { height: 100%;  width:45%; }
.right-column-b { height: 100%;}

.left-shadow { height: 100%; background: url(/wp-content/themes/zero/images/left_shadow.png) top right repeat-y; }
.right-shadow { height: 100%;  background: url(/wp-content/themes/zero/images/right_shadow.png) top left repeat-y; }

.red .left-column { background: url(/wp-content/themes/zero/images/bg_red//page_bg_left.gif) repeat-y right 823px; }
.red .left-column-b { background: url(/wp-content/themes/zero/images/bg_red/page_bg_left_top.gif) no-repeat top right; }
.red .right-column { background:url(/wp-content/themes/zero/images/bg_red/page_bg_right.gif) repeat-y left 823px; }
.red .right-column-b { background: url(/wp-content/themes/zero/images/bg_red/page_bg_right_top.gif) no-repeat top left; }

.lightblue .left-column { background:url(/wp-content/themes/zero/images/bg_lightblue/page_bg_left.gif) repeat-y right 823px; }
.lightblue .left-column-b { background: url(/wp-content/themes/zero/images/bg_lightblue/page_bg_left_top.gif) no-repeat top right; }
.lightblue .right-column { background:url(/wp-content/themes/zero/images/bg_lightblue/page_bg_right.gif) repeat-y left 823px; }
.lightblue .right-column-b { background: url(/wp-content/themes/zero/images/bg_lightblue/page_bg_right_top.gif) no-repeat top left; }

.yellow .left-column { background:url(/wp-content/themes/zero/images/bg_yellow/page_bg_left.gif) repeat-y right 823px; }
.yellow .left-column-b { background: url(/wp-content/themes/zero/images/bg_yellow/page_bg_left_top.gif) no-repeat top right; }
.yellow .right-column { background:url(/wp-content/themes/zero/images/bg_yellow/page_bg_right.gif) repeat-y left 823px; }
.yellow .right-column-b { background: url(/wp-content/themes/zero/images/bg_yellow/page_bg_right_top.gif) no-repeat top left; }

.center-column { background: #FFFFFF; padding-bottom: 50px; width: 930px; }

.header { height: 427px; width: 715px; margin-bottom: 50px; background: #FFF url(/wp-content/themes/zero/images/03.jpg) top left no-repeat; font-size: 0;}
.header_short { height: 80px; margin-bottom: 50px; width: 715px; font-size: 0;}

.logo { float: right; width: 215px; height: 330px; top: 0px; background: transparent url(/wp-content/themes/zero/images/zero.png) top left no-repeat; }

.flash { position: absolute; top: 0px; width: 930px; height: 427px; z-index: 8; }
.flash_short { position: absolute; top: 0px; width: 715px; height: 80px; }

#back { width: 930px; display: 427px; }

.flash .logo { z-index: 0; position: relative; top: 0px; right: 0px; }

/********** SECTION **********/

.section { padding: 0px 40px 75px 50px; z-index: 20;}
.section-left { width: 591px; float: left; height: 100%; overflow: hidden; }
.section-right { margin-left: 665px; sheight:100%; spadding-top: 57px; smargin-top: 57px;}

.item-list { clear: both; padding-top: 0px; height: 100%; padding: 0; margin: 0; min-height: 300px;}
.item-list-left { width: 425px; float: left; padding: 0; z-order: 0; }

.item-list-left a { text-decoration: none; color: #666666}
.item-list-left a:hover { color: #333333; }

.item-list-right { padding-left: 470px; font-size:85%; padding-top: 12px; color: #000000; }

.item-list-right-comment { padding-left: 470px; font-size:85%; color: #000000;  }

.item-list-text { padding-bottom: 28px; margin-top: 22px; 	}
.item-list-text a { color: #8F000A; text-decoration: underline;}

	
.item-separator {
	clear: both;
	border-top: 1px solid #CCCCCC;
	height: 29px;
	overflow: hidden;
	width: 590px;
	}
.item-list-article {
	margin-top: 22px;
	}
.item-list-comment {
	clear: both;
	height: 100%;
	}
.item-list-comment-text {
	font-size: 85%;
	padding-bottom: 25px;
	}
.item-list-comment-text p {
	padding: 0px;
	}
/********** OTHER **********/
.zs1 {
	margin-top: 2px;
	}
.zs2 {
	padding-top: 12px;
	}
.zs3 { margin-top:14px; padding:0px; width:425px; height:132px; margin-bottom: 20px; border: solid red;} 
.zs4 { width: 100%; height:132px; width:425px;  font-size:100%; }

.zs5 {
	margin-top: 7px;
	}
.zs6 {
	width:111px;
	height:21px;
	border:none;
	background:none;
	}
.post-date {
	display: block;
	color: #5D5D5D;
	}
.post-info {
	display: block;
	margin-top: 18px;
	}

.post-edit {
	display: block;
	margin-top: 18px;
	}

.post-info a {
	color: #606060;
	text-decoration: underline;
	}
.post-num {
	display: block; margin-bottom: 10px;
	}
.post-div {
	font-family: Times, Arial, Helvetica, sans-serif;
	font-size: 125%;
	display: block;
	font-weight: bold;
	margin-top: 14px;
	padding-bottom: 3px;
	font-style: italic;
	}
.post-link {
	display: block;
	}
.post-link a {
	color: #606060;
	text-decoration: none;
	}

.tags {
	display: block;
	color: #000000;
	margin: 0px 0px 40px 0px; 	
	font-size: 70%;
	font-weight: bold;
	}

.tags-item {
	padding: 30px 0px 1px 2px;
	}
.tags-item span, .proj-item span, .arch-item span {
	display:block;
	}
.tags-item a {
	font-size: 100%;
	color: #000000;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	}

.tags-item a:hover { color: #666666; text-decoration: underline;}
.tags-item a:visited { color: #333333; }

.tags-item a.t1 { font-size: 115%; line-height: 115%;color: #333333;}
.tags-item a.t2 { font-size: 210%; line-height: 115%;}
.tags-item a.t3 { font-size: 220%; line-height: 115%;}
.tags-item a.t4 { font-size: 225%; line-height: 115%; }
.tags-item a.t5 { font-size: 230%; line-height: 115%; }
.tags-item a.t6 { font-size: 235%; font-weight: normal;}
.tags-item a.t7 { font-size: 240%; line-height: 115%;}
.tags-item a.t8 { font-size: 250%; }
.tags-item a.t9 { font-size: 260%; }
.tags-item a.t10 { font-size: 270%;  line-height: 115%;   }
.tags-item a.t11 { font-size: 280%; line-height: 115%;  }
.tags-item a.t12 { font-size: 290%; }
.tags-item a.t13 { font-size: 300%; font-weight: normal; line-spacing: 0%; }
.tags-item a.t14 { font-size: 310%; line-spacing: 115%;}
.tags-item a.t15 { font-size: 320%; line-spacing: 115%;}
.tags-item a.t16 { font-size: 350%;  line-height: 115%;   }
.tags-item a.t17 { font-size: 375%; line-height: 105%;  }


.proj {
	display:block;
	color:#000000;
	font-size:380%;
	font-family:Times, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	padding:0px;
	line-height:120%;
	margin-top:41px;
	}
.proj-item {
	line-height:90%;
	padding:12px 0px 0px 8px;
	}
.proj-item a {
	font-size:90%;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
	}
.arch {
	display:block;
	color:#000000;
	font-size:380%;
	font-family:Times, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	padding:0px;
	line-height:100%;
	margin-top:32px;
	}
.arch-item {
	line-height:170%;
	padding: 15px 0px 0px 0;
	}
.arch-item a {
	font-size:150%;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
	}
.form {
	padding: 11px 0px 0px 0;
	}

.input {
	background: #F6F6F6;
	border-top:1px solid #CFCFCF;
	border-right:1px solid #D0D0D0;
	border-bottom:1px solid #E4E4E4;
	border-left:1px solid #D0D0D0;
	width: 126px;
	}
.submit {
	background: url(/wp-content/themes/zero/images/search.gif) transparent no-repeat right top;
	border: none;
	width: 24px;
	height: 22px;
	cursor: pointer;
	}
/********** COMMENT **********/
.comment {
	clear: both;
	color: #333333;
	font-size: 200%;
	font-family: Times, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding:0px;
	line-height:120%;
	margin-top: 8px;
	padding-bottom: 25px;
	}
.post-form {
	clear: both;
	color: #333333;
	font-size: 200%;
	font-family: Times, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding:0px;
	line-height:120%;
	margin-top: 2px;
	padding-bottom: 22px;
	}
.form-box div { padding: 5px; border: none; }
.form-box div span {
	font-size: 85%;
	color: #999999;
	}


.linklist { position: absolute; margin: -33px 0px 0px 480px; z-index: 0; width: 120px; font-size: 85%; float: left; }
.center-column p { font-size: 110%; }

.item-list-text img { margin-bottom: 20px; }





.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	text-decoration: none;
	color: #000;
	background-color: #FFFFFF;	
	font-size: 120%;
}

.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: red;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}



/*
.wp-pagenavi span.normal a, .wp-pagenavi span.current a {
	display: block; float: left; 
	}


.wp-pagenavi span.normal { color: #FFF; background-color: #000; }
.wp-pagenavi span.current { color: #000; background-color: #FFF; }

.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

*/

.wp-pagenavi  { font-family: Verdana; font-size: 15px; color:#000; margin: 110px 0 173px 0;}

.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi a:active,
.wp-pagenavi span.current span
 {
	text-decoration:none;
	color: #000000;
	background:#FFF;
	padding: 3px 8px 3px 8px;
	font-family: Verdana; 
	font-size: 21px;
}

.wp-pagenavi a:hover { color:#000; }

.wp-pagenavi span { padding: 10px 0px 10px 0px; color:#000; background:#FFF; }
.wp-pagenavi span.current { padding: 10px 5px 10px 5px;  color:#FFF; background-color: #000; }
.wp-pagenavi span.current span { spadding: 13px 16px;  color:#FFF; background-color: #000; }

.wp-pagenavi span.next { padding: 5px 30px 5px 0px; background: #FFF url(/wp-content/themes/zero/images/page_arrow.png) right center no-repeat; }

.wpdberror { display: none; }

.small { width: 100px; height: 100px; top: 340px; left: 0px; position: absolute; z-index: 10; }
.big  { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; z-index: 10; }


.twitter, .facebook {
	display: block;
	position: fixed;
	right: 0px;
	top: 300px;
	width: 32px;
	height: 35px;
}
.twitter { top: 340px; }
.twitter a, .facebook a {
	display: block;
	width: 32px;
	height: 35px;
}
.twitter a { background: url(/wp-content/themes/zero/images/twitter.png) top left no-repeat; }
.facebook a { background: url(/wp-content/themes/zero/images/facebook.png) top left no-repeat; }
.twitter a:hover { background: url(/wp-content/themes/zero/images/twitter_over.png) top left no-repeat; }
.facebook a:hover { background: url(/wp-content/themes/zero/images/facebook_over.png) top left no-repeat; }
.twitter a span, .facebook a span { display: none; }