===== CSS CONTENTS =====



1: resetting

2: common formatting

3: layout

4: header

5: live search

6: navigation

7: home page

8: posts

9: comments

10: archives

11: links

12: contact

13: footer

14: live archive



====================

*/





/*

===== 1: resetting =====

*/



* { padding:0; margin:0; font-size: 100%;}

ul, ol { padding:0; margin: 0; list-style:none }

h1, h2, h3, h4, h5, h6, p, blockquote, label, ul, ol, dl, fieldset, address {

margin: 0; font-size: 1em; }

img, fieldset { border: 0px none; }

#header:after, #nav:after, #content:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

#header, #nav, #content {display: inline;}

/* Hides from IE-mac \*/

* html #header, * html #nav, * html #content {height: 1%;}

#header, #nav, #content {display: block;}

/* End hide from IE-mac */





/*

===== 2: common formatting =====

*/



input, textarea {

  font-family: 'Trebuchet MS', Verdana, sans-serif;

  border: 1px solid #777;

  padding: 4px;

}



a {

  text-decoration:underline;

  color: #271E3D;

}



a:hover {

  background: #ddd;

  text-decoration: none;

}



h2 {

  color: #586732;

  font-variant: small-caps;

  font-size: 1.4em;

  line-height: 2;

}



h2 a {

  color: #586732;

  text-decoration: none;

}



h3 {

  color: #271E3D;

  padding: 15px 0 0;

  line-height: 1;

  font-size: 1.1em;

  margin: 0 0 10px;

}



h3 a {

  color: #586732;

  text-decoration: none;

}



p {

  line-height: 1.7;

  padding: 0 0 10px;

}



ol {

list-style-type: decimal;

padding: 5px 10px;

margin: 10px 20px;

}



ul {

list-style-type: circle;

padding: 5px 10px;

margin: 10px 10px;

}



li {

padding: 5px 0;

}



dt {

padding: 5px 0;

font-weight: bold;

font-size: 1em;

color: #444

}



dd {

padding: 5px 15px;

}



acronym {

cursor:help;

border-bottom: 1px dotted #271E3D;

}



blockquote {

border-left: 1.5px solid #271E3D;

margin: 0 0 0 20px;

padding: 10px 0 0 20px;

font-size: .9em;

color: #444;

}



cite {

font-style: italic;

color: #271E3D;

border-bottom: 1px dotted #271E3D;

}





/*

===== 3: layout =====

*/



body {

  margin: 30px 0;

  padding: 0;

  text-align: center;

  background: #fff;

  color: #000;

  font-family: 'Century Gothic',  Georgia, "Times New Roman", Times, serif;
 font-size: 15px;


}



#wrap {

  width: 760px;

  margin: 0 auto;

  text-align: left;

}





/*

===== 4: header =====

*/



#header {

  padding: 0 0 10px;

  margin: 0 0 2px;

  border-bottom: 3px solid #271E3D;

}



#logo {

  float: left;

  width: 207px;

  background-image: url(/img/logo.gif);

}



#logo a {

  width: 207px;

  display: block;

  padding-top: 26px;

  height: 0px !important;

  height /**/: 26px;

  overflow: hidden;

  background-image: url(/img/logo.gif);

}



#logo a:hover {

  background-position: 0 26px;

}





/*

===== 5: live search =====

*/



#searchform {
  float:right;
  margin-left: 00px;

  font-size: .9em;

}



#livesearch {

  padding: .2em .5em;

  margin: 0 0 0 10px;

}



#LSResult  {   

  position: absolute;

  width: 350px;

  z-index:1;

  padding: 5px 0 0;

}



#LSShadow {

  border: 3px solid #586732;

  padding: 5px;

  background: #fff;

}



.LSRow {

  padding: 1px 5px;

}



.LSViewAll {

  text-align: center;

  font-weight: bold;

  font-size: 1.2em;

  border-top: 1px solid #333;

  margin-top: 5px;

}



#LSHighlight  {

  background-color: #eee;

}



#LSHeader{

  padding: 2px 2px 8px;

  border-bottom: 1px solid #000;

  margin: 0 0 10px;

}



.lsDate {

  display: block;

  color: #333;

  font-size: 0.8em;

}





/*

===== 6: navigation =====

*/



#nav ul {

  list-style-type: none;

  float: right;

  border-left: 1px solid #586732;

  margin: 0 0 20px;

  padding: 0;

  clear: both;

}



#nav ul li {

  display: block;

  float: left;

  text-align: center;

  padding: 0;

  margin: 0;

}



#nav ul li a {

  background: #fff;

  width: 7.88em;

  height: 2em;

  border: .1em solid #586732;

  border-left: none;

  padding: 0;

  color: #586732;

  display: block;

  text-align: center;

  text-decoration: none;

  font: normal .7em/1.9em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;

}



#nav ul li a:hover {

  color: #fff;

  background: #586732;

  text-decoration:none;

}



#nav ul a:active {

  background: #271E3D;

  color: #fff;

}



#nav ul li a.active {

  background: #271E3D;

  border: .1em solid #271E3D;

  color: #fff;

}





/*

===== 7: home page =====

*/



#video h3, #comments h3, #posts h3, #cmntform h3 {

padding: 15px 0 5px;

border-bottom: 1px solid #586732;

}



#comments li, #posts li, #video li {

  padding: 0 0 15px 25px;

}



#comments li {

  background: url(/img/downleft.gif) 0 4px no-repeat;

}



#posts li {

  padding: 0 0 15px 30px;

  background: url(/img/down.gif) 0 6px no-repeat;

}


#video li {

  padding: 0 0 15px 30px;

  background: url(/img/down.gif) 0 6px no-repeat;

}



/*

===== 8: posts =====

*/



.homepost {

  border-bottom: 1px solid #271E3D;

}



.post {

  margin: 0 0 40px;

  padding: 0 0 25px;

}



.post img {

  float:  center;

  border: 1px solid #ccc;

  padding: 3px;

  margin: 0 0 10px 10px;

}



#artmeta {

  background: #eee;

  border-top: 1px solid #271E3D;

  padding: 10px 0;

  margin: 10px 0 0;

  font-size: .9em

}



.date {

  color: #586732;

  font-size: .8em;

}



.postpost {

  padding: 5px 0 0;

  text-align: right;

  clear: both;

}



.postpost li {

  display: inline;

  padding: 6px 20px 0 25px;

  font-size: .7em;

}


.archivepost {

  padding: 5px 0 0;

  text-align: center;

  clear: both;

}

.archivepost li {

  display: inline;

  padding: 6px 20px 0 25px;

  font-size: .8em;

}
.readmore {

  width: 16px;

  background: url(/img/i-post.gif) 0 5px no-repeat;

}

.comment {

  width: 16px;

  background: url(/img/i-comment.gif) 0 5px no-repeat;

}

.del {

  width: 16px;

  background: url(/img/i-del.gif) 0 2px no-repeat;

}

.digg {

  width: 16px;

  background: url(/img/i-digg.gif) 0 4px no-repeat;

}

.newsvine {

  width: 13px;

  background: url(/img/i-newsvine.gif) 0 2px no-repeat;

}





/*

===== 9: comments =====

*/



#comments, #posts, #video {

  width: 210px;

  float: left;

}



#comments, #posts {

  padding: 0 65px 0 0;

}



#comments ul, #posts ul, #video ul {

  list-style-type: none;

  padding: 5px;

  margin: 0;

}



#cmntform {

padding: 10px;

background: #eee;

}



#cmntform span {

display: block;

padding: 5px 0;

}



#cmntform label {

float: left;

width: 135px;

}



#cmntform p {

font-size: .9em;

}



#cmntform .button {

margin: 0 25px 0 0;

border: 1px solid #777;

font-size: .9em;

}



.cmnt {

border-left: 1.5px solid #586732;

margin: 20px 5px;

padding: 10px 0 10px 20px;

font-size: .9em;

color: #444;

}



#txpCommentInputForm {

padding: 20px 10px 0;

color: #666;

}





/*

===== 10: archives =====

*/



#bycat, #bydate {

width: 79%;

float: left;

}



#bydate dl, #rssCatArchive { 

font-size: .9em;

padding: 10px 0 0 0; 

}



#bydate dd, .rssCart { 

padding: 4px 0 4px 10px; 

}



#bycat ul { 

padding: 0 0 10px 0;

}

#rssLiveArchive { margin: 10px 0 0; }

#rssLiveArchive ul { padding: 0; list-style-type: none; }

#rssLiveArchive ul li { text-align: left; padding: 1px 8px; }

#rssLiveArchive-year { float: left; width: 100px; margin: 0; padding: 0; }

#rssLiveArchive-year li { position: relative; font-weight: bold; }

#rssLiveArchive-month { float: left; width: 100px; margin: 0; font-weight: bold; }

#rssLiveArchive-month li { position: relative; }

#rssLiveArchive-post { float: left; width: 250px; margin: 0; }

#rssLiveArchive-post li { position: relative; font-weight: bold; }

#rssLiveArchive ul li span { position: absolute; right: 8px; font-weight: normal; color: #333; }

*html #rssLiveArchive ul li span { top: -4px; }

#rssLiveArchive .selected { background: #eee; padding-top: 0; padding-bottom: 0; }



/*

===== 11: links =====

*/



.alllinks li {

padding: 0 0 20px 0;

}



.alllinks {

font-size: .75em;

line-height: 1.5;

}



.alllinks a {

font-size: 1.25em;

}



.alllinks .date {

font-size: .9em;

}





/*

===== 12: contact =====

*/



#zemContactForm input, #zemContactForm textarea {

margin: 5px 0 15px;

}





/*

===== 13: footer =====

*/



#footer {

  border-top: 1px solid #271E3D;

  margin: 30px 0 0;

  padding: 20px 0 0;

  font-size: .8em;

}

===== 14: live archive =====

#rssLiveArchive { margin: 10px 0 0; }

#rssLiveArchive ul { padding: 0; list-style-type: none; }

#rssLiveArchive ul li { text-align: left; padding: 1px 8px; }

#rssLiveArchive-year { float: left; width: 100px; margin: 0; padding: 0; }

#rssLiveArchive-year li { position: relative; font-weight: bold; }

#rssLiveArchive-month { float: left; width: 200px; margin: 0; font-weight: bold; }

#rssLiveArchive-month li { position: relative; }

#rssLiveArchive-post { float: left; width: 350px; margin: 0; }

#rssLiveArchive-post li { position: relative; font-weight: bold; }

#rssLiveArchive ul li span { position: absolute; right: 8px; font-weight: normal; color: #333; }

*html #rssLiveArchive ul li span { top: -4px; }

#rssLiveArchive .selected { background: #eee; padding-top: 0; padding-bottom: 0; }