@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.1

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 ---------- */



body {

	background-color: #333333;

	margin: 0;

	padding: 0;

	color: #000000;

	font-family: Georgia,Baskerville,Palatino,Times;

	font-size: 10px;

	line-height: 1.5;

}



a {

	text-decoration: none;

	//color: #3f3f3f;

        color: #898989;

}

a:hover {

	color: #000000;

}

a img {

	border: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	margin: 1em 0;

}

h1 {

	font-size: 30px;

	font-weight: normal;

}

h2,

h3,

h4,

h5,

h6 {

	font-size: 12px;

	margin-top: 2em;

	padding-left: 5px;

	border-left: 5px solid #c4c4c4;

}







blockquote {

	margin: 0;

	padding: 10px;

	border-left: 5px solid #e9e9e9;

	background-color: #f9f9f9;

	color: #666666;

}







fieldset {

	border: 1px solid #cccccc;

	padding: 10px;

}



table {

	margin: 1em 0;

	border: 1px solid #999999;

}

th, td {

	padding: 2px 4px;

	/*border: 1px solid #e9e9e9;*/

}

th {

	background-color: #d9d9d9;

	font-weight: normal;

}

td {

	background-color: #d9d9d9;

}



/* ---------- 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 ---------- */



#top-container {

	margin: 0 auto;

	padding: 5px;

	background: white;

}



#container {

	margin: 0 auto;

	padding: 0;

}



	#header {

		margin: 50px 0 50px 16px;

	}

	#header h1 {

		margin: 0;

		color: #FFFFFF;

	}

	#header h1 a{

                background-color: #000000;

                font-family: Helvetica, "Arial", sans-serif;

                font-weight: bold;

                padding: 2px;

		margin: 0;

		color: #FFFFFF;

	}

	#header p {

                background-color: #000000;

                font-family: Helvetica, "Arial", sans-serif;

                font-weight: bold;

                font-size: 14px;

                width: 300px;

                padding: 2px;

		margin: 0;

		color: #FFFFFF;

	}



	#grid-wrapper {

		margin: 0;

		padding: 0;

		padding-top: 1000px; /* Prevent flicker in grid area. Check header.php. */

	}



	#single-wrapper {

		margin: 0;

		padding: 0;

		padding-top: 1000px; /* for single-page effect */

	}



#bottom-container {

	clear: both;

	width: 100%;

	margin: 0;

	padding: 30px 0 0;

}



	#footer-wrapper {

		background: none;

	}



	#footer {

		margin: 0 auto;

	}

	#footer p {

		margin: 0;

		padding: 10px;

	}

	

	

	



/* ---------- Grid Items, Single Item and Comments ---------- */



/* value = (width * n) + (15+15+5) * (n-1). 

 * ex.

 * width=200 : 200, 425, 650, 875

 * width=250 : 250, 525, 800, 1075

 * width=290 : 290, 615, 940, 1265

 */

div.x1 { width:  290px; }

div.x2 { width:  615px; }

div.x3 { width:  940px; }

div.x4 { width: 1265px; }



div.grid-item,

div.single-item {

	overflow: hidden;

	margin: 0 5px 5px 0;

	padding: 15px 15px 30px 15px;

	border: 1px solid black;

	background-color: #FFFFFF;

}



div.grid-item h2.post-title,

div.single-item h2.post-title {

	margin: 0;

	padding-left: 0;

	border-left: 0;

	font-weight: normal;

        font-size: 15px;

}



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 ul,

div.post-body ol {

        font-size: 12px;

        margin-left: 10;

	padding-left: 20px;

        padding-top: 10px;

        padding-bottom: 10px;

        padding-right: 20px;

	border-left: 10px solid #e9e9e9;

	background-color: #f9f9f9;

	color: #666666

}



div.post-body p img,

div.post-body p object {

	max-width: 100%;

	padding: 0;

}



p.post-meta,

p.comment-meta {

	margin-bottom: 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;

}