@charset "utf-8";
/*
Theme Name: tanzaku
Theme URI: http://www.tripleships.com/sample/
Description: Variable grid layout, easing effect on window resizing.
Version: 1.1.0
Author: TRIPLESHIPS Inc.
Author URI: http://www.tripleships.com/
Tags: silver, light, flexible-width, threaded-comments


Index:
  - Basic Elements
  - Basic Styling
  - Layout
  - Grid Items, Single Item and Comments
  - Navigation and Sidebar Widget
  - Form Elements

*/



/* ---------- Basic Elements ---------- */
html{background:#9effcf;height:100%;}
body {background-color: #ebebec;margin: 0;padding: 0;color: #504224;font-family: Georgia,Baskerville,Palatino,Times;font-size: 12px;line-height: 1.5;}

.clear{clear:both;}
*:focus,
a:focus{outline:none;}
a{text-decoration: none;color: #504224;}
a:hover{color: #000000;}
a img{border: none;}

h1,h2,h3,h4,h5,h6{margin: 1em 0;}

blockquote{margin: 0;padding: 10px;border-left: 5px solid #e9e9e9;background-color: #f9f9f9;color: #666666;}
pre{overflow: auto;margin: 0;padding: 10px;background-color: #f9f9f9;color: #666666;}
fieldset{border: 1px solid #cccccc;padding: 10px;}
/* ---------- Basic Styling ---------- */

.aligncenter{display: block;margin-left: auto;margin-right: auto;}
.alignright{float: right;margin: 0 0 2px 10px;}
.alignleft{float: left;margin: 0 10px 2px 0;}
img.centered{display: block;margin-left: auto;margin-right: auto;}
img.alignright{padding: 5px;display: inline;}
img.alignleft {padding: 5px;display: inline;}
.caution{padding: 10px;color: #e9e9e9;text-align: center;background-color: #cc0000;}
noscript .caution{margin: 0;}
.wp-caption{width: 100%;border: 1px solid #e3e3e3;border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;background-color: #ffffff;text-align: center;}
.wp-caption img{padding-top: 5px;}
.wp-caption-text{margin: 5px 0;text-align: center;font-size: smaller;color: #666666;}
code strong {color: #cc3366;font-weight: normal;}


/* ---------- Layout ---------- */
#container{}
#header{background:url(images/dj/header-bg-border.gif) repeat-x bottom left;position:relative;padding:0px 0px 7px 0px;}
#header .forward{position:absolute;bottom:0px;left:0;}
#header .rewind{position:absolute;bottom:0px;margin-left:973px;right:0;}

#header-1level{background:url(images/dj/header-bg-border-top.gif) repeat-x 0 55px;padding:0 88px 0 88px;}

.header-links{font-weight:bold;font-size:21px;line-height:21px;font-family:Arial, Helvetica, sans-serif;}
.header-links a{position:relative;}
.header-links a span.line-trough{display:none;.display:none!important;}
.header-links a.line-trough span.line-trough,
.header-links a:hover span.line-trough{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(images/dj/line-trough.gif) repeat-x center 10px;}

#category-links,
#category-links a{color:#a08649;}

#page-links,
#page-links a{color:#504224;}

#keyboard-tooltip{position:absolute;background:url(images/dj/tooltip.png) no-repeat top left;width:233px;height:35px;margin:0 0 0 -250px;}


#footer{background:#9effcf;position:relative;padding:20px 88px 100px 88px;border-top:2px solid #c0bb98;}
#footer .footer-left{float:left;width:auto;}
#footer .footer-right{float:right;font-weight:bold; font-family:Arial, Helvetica, sans-serif;margin-left:20px;width:auto;line-height:15px;}
#footer .footer-right a:hover{color:#504224; text-decoration:line-through}
#grid-wrapper{position:relative;padding:25px 0 100px 88px;min-width:940px;overflow:hidden;}
#grid-wrapper-slide{margin: 0;width:90000px;position:relative;}


#overlay-right{width:100px;height:100%;position:absolute;z-index:101;right:0;top:0;background:url(images/dj/overlay-right.png) repeat-y;}
#overlay-left{width:100px;height:100%;position:absolute;z-index:101;left:0;top:0;background:url(images/dj/overlay-left.png) repeat-y;}

.navs-arrow{position:absolute;top:50%;left:50%;display:block;width:45px;height:44px;background:url(images/dj/navigations.png) no-repeat;}
#overlay-right .navs-arrow{background-position:-90px -44px;margin:-22px 0 0 -12px;}
#overlay-right .navs-arrow:hover{background-position:0px -44px;}
#overlay-right .key-active{background-position:0px -44px;cursor:}
#overlay-left .navs-arrow{background-position:-90px 0;margin:-22px 0 0 -32px;}
#overlay-left .navs-arrow:hover{background-position:0px 0;}
#overlay-left .key-active{background-position:0px 0;}

#content-loader{background:url(images/dj/content-loader.gif) no-repeat top left;width:32px;height:32px;float:left;}
.grid-item{overflow: hidden;width:300px;margin-right:20px;float:left; }
.grid-item h2.post-title,
.single-item h2.post-title {margin: 0;padding-left: 0;font-size:18px;}
.post-meta,.comment-meta {}
.post-body{color:#745e35;}
.post-body a,
.post-meta a{font-style:italic;border-bottom:1px dotted #504224;color:#504224;text-decoration:none;}
.post-body a:hover,
.post-meta a:hover{border-color:#ebebec;}
.post-meta-table{margin:15px 0;}
.post-meta-table td{padding:5px 0;}

.post-gallery{position:relative;margin:1em 0;}
.post-gallery a{border:0;}
.post-gallery .post-gallery-slider{width:300px;overflow:hidden;position:relative;}
.post-gallery .post-gallery-content{width:100000px;}
.post-gallery .post-gallery-content a{display:block;float:left;width:300px;position:relative;}
.post-gallery .post-gallery-pagination{padding:7px 10px 5px 10px;color:#a8864c;margin-top:5px;background:#fff;font-size:10px;font-size:11px;}
.post-gallery .gallery-count{.float:left;.width:auto;}
.post-gallery .post-gallery-zoom{float:right;font-weight:bold;color:#a8864c;.display:block;.width:auto;}

div.grid-item div.grid-image {
	margin-bottom: 1em;
}

div.grid-item div.wp-caption {
	display: none;
}

div.post-body p,
div.comment-body p {
	font-size: 12px;
}

div.post-body p img,
div.post-body p object {
	max-width: 100%;
	padding: 0;
}


.comment-list .navigation {
	margin: 10px 0;
}
.comment-list .navigation a {
	margin-right: 10px;
}

.comment-list ol li {
	margin: 10px 0;
}

.comment-list ol li.trackback {
	padding: 5px;
	border: 1px solid #c4c4c4;
}

.comment-list ul.children {
	list-style: none;
}
.comment-list ul.children li {
	border-left: 5px solid #c4c4c4;
	padding-left: 5px;
}

.comment-list li.bypostauthor {
}
.comment-list li.bypostauthor cite.fn {
	text-decoration: underline;
}

.comment-list li.comment .reply {
	margin: 10px 0 20px;
}




/* ---------- Navigation and Sidebar Widget ---------- */

/* Pagination for grid items and paginated posts */
.pagination {
	margin: 50px 0 0;
	font-size: 12px;
}
.pagination .current {
	color: #333333;
	font-weight: bold:
}
.pagination .next, 
.pagination .prev {
}

.pagination .page-numbers,
.pagination .current {
	margin: 0 10px 0 0;
	padding: 10px 15px;
	text-decoration: none;
	background: #d9d9d9;
}
/* page-numbers hover color */
a.page-numbers:hover {
	color: #333333;
	background-color: #eeeeee;
}
#post-pagination {
	margin: 1em 0;
	color: #c4c4c4;
}
#post-pagination .prefix {
	color: #eaeaea;
}

/* Sidebar 
 * In this theme, sidebar is a horizontal line.
 * Sidebar2 is a block on the bottom.
 * See also "Form Elements" section.
 */
#sidebar{
	list-style: none;
	list-style-type: none;
	margin: 50px 0 50px 16px;
	padding-left: 0;
}
#sidebar2 {
	list-style: none;
	list-style-type: none;
	margin: 50px 0;
	padding-left: 0;
}
#sidebar li {
	margin: 2px 0;
}
#sidebar li.widget h2.widgettitle {
	display: none;
}

#sidebar li.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar li.widget ul li {
	display: inline;
	padding-right: 5px;
}

li.current-cat {
	text-decoration: underline;
}

#sidebar2 li.widget {
	display: block;
	overflow: hidden;
	float: left;
	margin: 0 5px 5px 0;
	width: 320px;
	padding: 5px 0 0 0;
	border: 0;
}

#sidebar2 h2.widgettitle {
	margin-top: 0;
	padding: 5px 10px;
	color: #333333;
	background-color: #d9d9d9;
}

#sidebar2 li.widget div {
	padding: 0 10px;
	font-size: 12px;
}

#sidebar2 li.widget ul {
	margin: 0;
	padding: 0 10px;
	font-size: 12px;
}

#sidebar2 li.widget ul li {
	list-style: none;
}
#sidebar2 ul.children ul li {
	list-style: none;
}

#wp-calendar {
	margin: 1em 0;
	border: none;
}
#wp-calendar caption{
	text-align: left;
	margin: 2px 0 0 0;
	padding: 0;
}
#wp-calendar td {
	text-align: center;
}

/* ---------- Form Elements ---------- */

div.comment-form {
	margin: 0;
	padding: 0;
}

#commentform {
	margin: 0;
	padding: 0;
}
#commentform textarea {
	width: 99%;
	max-width: 640px;
}

/* for sidebar widget */

#searchform {
    width: 300px;
}
#searchform div {
	padding: 0;
	font-size: 12px;
}
#searchform label.screen-reader-text {
	display: none;
}
#searchsubmit {
	display: inline;
}

#s { /* #searchform input#s */
	width: 170px;
	margin: 0;
}