/*
Theme Name: GridPoetry
Theme URI: http://valdanito.chlova.com
Description: Gridpoetry is a grid-base,fixed width,one column theme.It inspire by MUJI, WabiSabi and Philophy of Substraction.
Version: Beta 0.8
Author: chlova design
Author URI: http://www.chlova.com
Tags: clean, simplicity,grid,one-column
*/

/* Reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none }

body {font-size:82.5%;
      font-family:tahoma,Helvetica,arial,sans-serif;
	  }

::-moz-selection { color: #fff;  background: #00693E; }
::selection      { color: #fff;  background: #00693E; }


a {color: #000;
   outline: none;
   text-decoration: none;
   }
a:hover,a:active {color: #00693e;}
input,textarea,submit,button {font-family:"微软雅黑","microsoft yahei",tahoma,helvetica,arial,sans-serif;
                              }
.alignleft {float:left;}
.alignright {float:right;}
code {color:#615d58;
      background:#efefef;
      }
.cleared {clear:both;}

/*iepngfix*/
.feature-item a.feature-info { behavior: url("http://valdanito.com/iepngfix/iepngfix.htc") }

/*Main Layout---------*/
#wrapper {margin: 15px auto;
          width: 600px;
          text-align: left;
          }
/*Header---------*/
#header {margin-bottom:20px;
         width:600px;
         height:90px;
         }

/*logo----------*/
#logo {float:left;
       }

#logo a {display:block;
         width:85px;
         height:85px;
         background:url(images/logo.png) 0 0 no-repeat;)
         }
#logo a:hover,#logo a:active{background:url(images/logo_home.png) 0 0 no-repeat;}
#logo a span {display:none;}

/*category navigation-----------*/
#category-nav {float:left;
               width:270px;
               height:10px;
               padding:35px 15px;
               background:url(images/p-bg.jpg) left top repeat-y #fff;
               }

#category-nav li {float:left;
                  }

#category-nav li a {font-weight:bold;
                    margin-right:15px;
                    }

/*search form----------*/
#search-wrap {float:right;
              width:202px;
              height:22px;
			  margin-top:35px;
              background:url(images/bg-sprites.png) 0 0 no-repeat ;
              }

input#s1 {height:20px;
          width:195px;
          padding:1px 3px;
          color:#615d58;
          border:none;
          background:transparent;
          }

/*RSS--------*/
#rss {float:right;
      margin-top:-50px;
      }

/*content------------*/
#content {width:600px;
          }

/*entry header(title)-------------*/
.entry-header {float:left;
               width:600px;
               margin-bottom:10px;
               background:url(images/bg-sprites.png) 0 -37px no-repeat;
               }

h3.entry-title {float:right;
                width:400px;
                font-family:"微软雅黑","microsoft yahei",tahoma,helvetica,arial,sans-serif;
                font-size:18px;
                font-weight:bold;
                }

h3.entry-title a,h3.entry-title span {padding:0 5px;
                                      background-color:#fff;
                                      }

/*archive page title--------*/
.archive-title {float:left;
                width:580px;
				margin-bottom:10px;
				padding:0 10px;
				color:#615d58;
                font-family:"微软雅黑","microsoft yahei",tahoma,helvetica,arial,sans-serif;
                font-weight:bold;
                line-height:30px;
                background:url(images/bg-sprites.png) 0 -200px no-repeat; 
                }

.archive-title span {color:#000;}

span.sm-title {float:left;
               margin-left:15px;
               padding:0 3px;
               line-height:25px;
               font-weight:bold;
               background:#fff;
               }

/*album info ----------*/
.album-info {float:left;
             width:600px;
             padding-bottom:10px;
             font-family:"微软雅黑","microsoft yahei",tahoma,helvetica,arial,sans-serif;
             background:url(images/bg-sprites.png) 0 bottom  no-repeat; 
             }

div.album-cover {display:inline;
                 float:left;
                 width:94px;
                 height:94px;
				 margin-left:85px;
                 padding:2px;
                 border:1px solid #a9a39b;
                 background:transparent url(images/loading.gif) no-repeat center center;
                 }

.album-details {width:400px;
                float:right;
                }

.album-details p {line-height:21px;
                  color:#615d58;
                  }

.album-details p span{color: #000;}

/*entry article*/
.vpost {float:left;
        width:100%;
		margin-bottom:20px;
        clear:both;
        }
.full-article {margin-bottom:0;}
.ventry {width:400px;
         float:right;
         }

.entrycontent {width:400px;
               font-family:"微软雅黑","microsoft yahei",tahoma,helvetica,arial,sans-serif;
               padding-top:5px;
               color:#444;}

.entrycontent img {width:auto;
                   height:auto;
                   max-width:400px;
                   margin-bottom:5px;
                   }

/*entry style*/

.entrycontent p {margin-bottom:21px;
                 line-height:21px;
                 }

.article a,
.comment-content a{color: #00693e;
                              padding-bottom: 3px;
                              background:url(images/p-bg-green.jpg) left bottom repeat-x;
                               }

.article a:hover,
.comment-content a:hover {color: #000;
                          background:url(images/p-bg-black.jpg) left bottom repeat-x;
                          }

p.wp-caption-text {padding-right:10px;}

.article ul,.article ol{margin-bottom:21px;
                        padding-left:1em;
                        line-height:21px;
                        }

.article ul li {list-style: disc inside;
                }

.article ol li{list-style:decimal inside;
               }

.article li ul {margin-bottom:0;
                }

.article li ul li{list-style: circle inside;
                  }

.article blockquote {color:#615d58;
                     padding:1em 2em;
                     margin-bottom:1em;
                     background:url(images/p-bg.jpg) 0 0 repeat-y #efefef;
                     }
.article blockquote p {margin-bottom:0;}

.article h1, .articleh2, .article h3,.article h4,.article h5,.article h6 {font-weight:bold;}
.article h1 {font-size:2.2em;padding:0.125em 0;}
.article h2 {font-size:2em;padding:0.125em 0;}
.article h3 {font-size:1.8em;padding:0.25em 0;}
.article h4 {font-size:1.6em;padding:0.25em 0;}
.article h5 {font-size:1.4em;padding:0.5em 0;}
.article h6 {font-size:1.2em;padding:0.5em 0;}

/*author bio*/
.authbio {width:360px;
          padding:20px 20px 0;
		  color:#615d58;
		  font-size:90%;
		  background:transparent url(images/p-bg.jpg) repeat-x scroll 0 0;
		  }
.authbio p {line-height:18px;
            margin-bottom:0;}
.author-name {color:#00693E;}
.authbio h4 {font-size:120%;
             margin-bottom:5px;
			 line-height:1em;}
.authpic {border:4px solid #efefef;
          margin-right:10px;}

/*Related Posts*/
#related-posts {width:400px;
                }

#related-posts h3 {height:30px;
                   font-size:100%;
                   line-height:30px;
                   background:url(images/bg-sprites.png) 0 -200px  no-repeat; )
                   }

#related-posts ul li {line-height:30px;
                      color:#615d58;
                      }

/*entry meta*/
.entrymeta {width:185px;
            text-align:right;
            }

.entrymeta p {height:auto;
              color:#615d58;
              line-height:30px;
              background:url(images/bg-sprites.png) 0 -171px  no-repeat; 
              }

.entry-edit a {float:left;}

div.entry-img {background:transparent url(images/loading.gif) no-repeat center center;
               height:104px;
               margin-top:10px;
               }

div.entry-img img{max-width:184px;
                  max-height:104px;
                  }

/*entry footer*/
.entry-footer {width:400px;
               height:30px;
               text-align:right;
               background:url(images/bg-sprites.png) 0 -99px no-repeat; 
               }

.entry-footer span {margin:0 10px;
                    padding:0 3px;                    
                    font-weight:bold;
				    background:#fff;
                    }

/*comment*/
#comments-box{width:100%;
              font-family:"微软雅黑","microsoft yahei",tahoma,helvetica,arial,sans-serif;
              }

.comment-title {display:block;
                float:right;
                width:400px;
                height:30px;
                font-weight:bold;
                text-align:right;
                line-height:30px;
                background:transparent url(images/bg-sprites.png) no-repeat scroll 0 -200px; 
                margin-bottom:30px;}

#comment-list {float:left;
			   width:100%;
               }

.comment {float:left;
          width:100%;
          margin-bottom:20px;
		  }

.comment div {float:left;
              background:url(images/p-bg.jpg) 0 0 repeat-x; 
              }

.comment-meta,.comment-author {width:85px;
                               margin-right:15px;
                               padding:5px 0;
                               text-align:right;
                               line-height:21px;
                               font-size:12px;}

.comment-date {color:#615d58;}
.comment-author a {color: #00693e;}
.comment-author a:hover {color: #000;}

.comment-content {width:400px;
                  padding:5px 0;
                  color:#615d58;
                  line-height:21px;
                  }

/*pings*/
.rss-pings-link {float:left;}

#trackbacks-box {width:100%;
                 float:left;
                 font-family:"微软雅黑","microsoft yahei",tahoma,helvetica,arial,sans-serif;}

#pings_commentsrss{width:600px;
                    background:transparent url(images/bg-sprites.png) no-repeat scroll 0 -200px;
					float:left;
					height:30px;
					line-height:30px;
					font-weight:bold;
					}
#feeds_pings {display:block;
              width:100%;
			  height:30px;
			  line-height:30px;
			  margin-bottom:0;
			  background:transparent url(images/bg-sprites.png) no-repeat scroll 0 -200px;
			  text-align:right;}
#feeds_pings a {background:none;}

.trackbacks {float:left;
             width:100%;
             height:30px;
			 line-height:30px;}

/*respond*/
#respond {float:left;
          width:100%;
          margin-bottom:30px;
          }

h3.leave-a-reply {float:left;
                  width:185px;
                  margin-right:15px;
                  text-align:right;
                  line-height:30px;
                  font-size:14px;
                  font-weight:bold;
                  background:transparent url(images/p-bg.jpg) repeat-x scroll 0 0;}

p.admin_login {height:30px;
               line-height:30px;
			   }

p.await_comment {color: #00693e;}

h3.nocomments {float:right;
               width:400px;
               height:30px;
			   margin-bottom:15px;
               line-height:30px;
               font-weight:bold;
               text-align:right;
               background:url(images/bg-sprites.png) 0 -200px no-repeat;
               }

#comment-form {float:right;
               width:400px;
               }

.form-section {padding:5px 0;}

textarea#comments {width:388px;
                   max-width:388px;
		   padding:5px;
                   font-size:100%;
                   color:#615d58;
                   line-height:21px;
                   border:1px solid #a9a39b;
                   }

.form-section input {width:200px;
                     color:#615d58;
                     padding:2px;
		     border:1px solid #a9a39b;
                     }

.form-section input:focus,textarea#comments:focus {border:1px solid #000;}
.form-section label {margin-left:10px;}

button#submit {color:#fff;
               padding:5px;
               border:none;
               cursor:pointer;
               background-color:#000;
               }

/*footer*/
#footer-content {float:left;
                 width:100%;
				 padding-bottom:50px;
                 clear:both;
                 }

#footer-widgets {float:left;
                 width:600px;
                 margin-bottom:10px;
				 margin-top:30px;
                 }

.widgets-list {float:left;
               width:200px;
               min-height:120px;
               _height:120px;
               }

.widgets-list h3 {height:30px;
                  line-height:30px;
                  font-size:14px;
                  font-weight:bold;
                  background:url(images/bg-sprites.png) 0 -259px no-repeat; 
                  }

.widgets-list ul {float:left;
                  width:200px;
                  }

.widgets-list ul li{float:left;
                   width:185px;
				   color:#615d58;
                   line-height:24px;
                   text-align:right;
                   }

.widgets-list ul li a {float:left;
                       text-align:left;
                       }

#footer-widgets #searchform label,
#footer-widgets #searchform input#searchsubmit {display:none;}

#footer-widgets #searchform div {padding:10px 0;}

#copyright {width:580px;
            height:30px;
			padding:0 10px;
            margin-bottom:10px;
			color:#615d58;
			line-height:30px;
            background-color:#efefef;
            clear:both;
            }

#links {float:left;
        width:100%;
        clear:both;
        }

#links .vlinks {width:100%;
                float:left;
                }

#links h3 {float:left;
           display:block;
           width:85px;
           height:30px;
		   margin-right:15px;
           font-size:14px;
           font-weight:bold;
           line-height:30px;
           background:url(images/bg-sprites.png) 0 -80px no-repeat; 
           }

.vlinks ul {width:500px;
           float:right;
}

#links ul li {display:inline;
              height:30px;
              line-height:30px;
              }

#links ul li a {float:left;
                margin-right:10px;
                background:url(images/bg-sprites.png) 0 -80px no-repeat; 
                }

/*calendar style*/
#calendar_wrap caption {font-weight:bold;
                        line-height:30px;
                        text-align:center;
                        }

#wp-calendar {width:185px;
              text-align:center;
              }

#wp-calendar thead th{text-align:center;}

#wp-calendar tbody #today {color:#615d58;}

#wp-calendar tbody a {text-decoration:underline;}


#calendar_wrap tfoot {line-height:30px;
                      font-weight:bold;}

/*RSS STYLE*/
a.rsswidget {width:185px;
             line-height:21px;
             }

span.rss-date {float:left;
               width:185px;
               text-align:left;
               font-size:75%;
			   }

.rssSummary {text-align:left;
             padding-bottom:1em;}


/*navigation*/
.navigation {display:block;
             float:left;
			 width:600px;
             position:fixed;
             *margin-left:-600px;
             _margin-left:0;
             *margin-top:-95px;
             _margin-top:0;
			 }

div.nav-previous {display:block;
                  position:absolute;
                  top:120px;
                  left:-140px;
                  width:100px;
                  height:100px;
                  font-size:5em;
                  }

div.nav-previous a {text-align:right;}

.navigation a {display:block;
               padding:20px 0;
               color:#e9e8e6;
              }

.navigation a:hover {color:#000;}

div.nav-next{display:block;
             position:absolute;
             top:120px;
             left:640px;             
             width:100px;
             height:100px;
             font-size:5em;
             }

#pagenav {width:600px;
          
          margin-bottom:10px;
          font-size:14px;
          line-height:30px;
          clear:both;
          }

span.next a ,span.previous a{font-weight:bold;
                             padding:5px 10px;
                             background:#e9e8e6;
                             }

/*feature content*/
.infiniteCarousel {position: relative;
                   width:600px;  
                   height:86px;
                   margin-bottom:25px;
                   font-family:"微软雅黑","microsoft yahei",tahoma,helvetica,arial,sans-serif;
                   }

.infiniteCarousel .wrapper {position: absolute;
                            top: 0;
                            width: 550px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
                            height: 86px;
							overflow:hidden;                            
                            margin: 0 25px;
							}


.infiniteCarousel .wrapper ul {position: absolute;
                               top: 0;
                               width: 9999px;
							   }

.infiniteCarousel ul li {display:block;
                                float:left;
				width: 86px;
				height: 86px;
                                padding: 0 12px;
                                position:relative;
                         }

.infiniteCarousel ul li a {display:block;
                           width: 80px;
                           height: 80px;
                           padding:2px;
			   font-weight:bold;
                           border: 1px solid #a9a39b;
                           background:#fff;
						   }

.infiniteCarousel ul li a:hover {border-color:#00693e;}

.feature-item a.feature-info {position:absolute;
                                         top:3px;
                                        left:15px;
			   display:none;
			   width:70px;
			   height:70px;
			   padding:5px;
			   color:#fff;
			   border: none;
			   background:url(images/black-bg.png) repeat;
			   overflow:hidden;
			   z-index:10;
               }

.infiniteCarousel .arrow {position: absolute;
                          top: 31px;
                          display: block;
                          width: 15px;
		                  height: 15px;
                          text-indent: -9999px;
                          background: url(images/arrow.png) no-repeat 0 0;
                          cursor: pointer;
						  }

.infiniteCarousel .forward {right: 0;
                            background-position: 0 -30px;
                            }

.infiniteCarousel .back {left: 0;
                         background-position: 0 0;  
                         }

.infiniteCarousel .forward:hover {background-position: -15px -30px;}

.infiniteCarousel .back:hover {background-position: -15px 0px;}

/*404page*/
.erropage {font-size:16px;
           padding:1em 0 5em;
           }

.erropage  h2 {font-size:32px;}

/*search page*/
.search-term {color: #00693e;}

/*added on 2010/07/14*/
#infscr-loading {
position: fixed; 
z-index: 9999; 
right: 20px; 
bottom: 20px; 
clear: both;
}

/*added on 2010/07/29*/
.workscarousel {width: 600px;
                float:left;
                margin-bottom: 19px;}
            
.vwork img {border: 1px solid #eee;}

.workaside {margin-top: 5px;} 
 
.workaside p {line-height: 30px;
              background:url(images/p-bg.jpg) 0 bottom repeat-x transparent;
              padding-left: 10px;
              text-transform: uppercase;
              }