/*

===== 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: magic

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

*/





/*

===== 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: #460252;

}



a:hover {

  background: #ededed;

  text-decoration: none;

}



h2 {

  color: #2f637a;

  font-variant: small-caps;

  font-size: 1.4em;

  line-height: 2;

}



h2 a {

  color: #2f637a;

  text-decoration: none;

}



h3 {

  color: #2f637a;

  padding: 15px 0 0;

  line-height: 1;

  font-size: 1.1em;

  margin: 0 0 10px;

}



h3 a {

  color: #2f637a;

  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 #c30d41;

}



blockquote {

border-left: 5px solid #2f637a;

margin: 0 0 0 20px;

padding: 10px 0 0 20px;

font-size: .9em;

color: #444;

background-image:url(../images/quote.gif);

background-repeat:no-repeat;

}



blockquote blockquote {

border-left: 5px solid #c30d41;

margin: 0 0 0 20px;

padding: 10px 0 0 20px;

font-size: .9em;

color: #444;

background-image:url(../images/quote.gif);

background-repeat:no-repeat;

}



cite {

font-style: italic;

color: #460252;

border-bottom: 1px dotted #c30d41;

}





/*

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

*/



body {

  margin: 0px 0;

  padding-top: 5px;

  text-align: center;

  background: #fff;

  color: #000;

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

  background-image: url(../images/bg.gif);

  background-repeat:repeat-x;

}



#wrap {

padding-top: 30px;

  width: 760px;

  margin: 0 auto;

  text-align: left;

  background-color:#FFFFFF;

}





/*

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

*/



#header {

  padding: 0 0 20px;

  margin: 0 0 2px;

  border-bottom: 10px solid #c30d41;

}



#logo {

  float: left;

  width: 300px;

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

}



#logo a {

  width: 300px;

  display: block;

  padding-top: 57px;

  height: 0px !important;

  height /**/: 57px;

  overflow: hidden;

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

}



#logo a:hover {

  background-position: 0 57px;

}





/*

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

*/



#searchform {

  margin-left: 400px;

  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 #2f637a;

  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 #2f637a;

  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: 8em;

  height: 2em;

  border: .1em solid #2f637a;

  border-left: none;

  padding: 0;

  color: #2f637a;

  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: #2f637a;

  text-decoration:none;

}



#nav ul a:active {

  background: #c30d41;

  color: #fff;

}



#nav ul li a.active {

  background: #c30d41;

  border: .1em solid #c30d41;

  color: #fff;

}





/*

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

*/



#links h3, #comments h3, #posts h3, #cmntform h3 {

padding:0px 0 0px;

border-bottom: 1px solid #2f637a;

}



#comments li, #posts li, #links li {

  padding: 0 0 15px 35px;

}



#comments li {

  background: url(../images/green.gif) 0 4px no-repeat;

}



#posts li {

  padding: 0 0 15px 30px;

  background: url(../images/blue.gif) 0 6px no-repeat;

}



#links li {

  background: url(../images/red.gif) 0 6px no-repeat;

}



/*

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

*/



.homepost {

  border-bottom: 5px solid #c30d41;

}



.previous {

  border-bottom: 2px solid #ededed;

 

}







.previous p {

font-size: 2.8em;

line-height: .8em;

}



.post {

  margin: 0 0 40px;

  padding: 0 0 25px;

}



.extras {

border-top: 5px solid #c30d41;

}



.post img {

  float: right;

  border: 1px solid #ccc;

  padding: 3px;

  margin: 0 0 10px 10px;

}



#artmeta {

  background: #eee;

  border-top: 1px solid #00a0a3;

  padding: 10px 0;

  margin: 10px 0 0;

  font-size: .9em

}



.date {

  color: #2f637a;

  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;

}



.readmore {

  width: 16px;

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

}

.comment {

  width: 16px;

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

}







/*

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

*/



#comments, #posts, #links {

  width: 210px;

  float: left;

}



#comments, #posts {

  padding: 0 35px 0 0;

}



#comments ul, #posts ul, #links 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: 5px solid #2f637a;

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: 49%;

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;

}





/*

===== 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: 5px solid #c30d41;

  margin: 30px 0 0;

  padding: 20px 0 0;

  font-size: .7em;

}



/*

===== 14: magic =====

*/



a#toggle {

background-image:url(../images/corner.jpg);

}



#dragit {

width: 600px;

margin: 0;

text-align: left;

}



#slider {

height:0px;

padding: 0;

color: #fff;

overflow: auto;

text-align: left;

}





#slider-container {

width: 760px;

text-align: left;

margin: 0 auto;

padding: 0;

padding-bottom: 10px;

overflow: auto;

height: 360px;

}