@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:
  - @fontface
  - Basic Elements
  - Basic Styling
  - Layout
  - Grid Items, Single Item and Comments
  - Navigation and Sidebar Widget
  - Form Elements

*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 9, 2010 */

@font-face {
	font-family: 'GlyphaLTStdRegular';
	src: url('glyphaltstd-webfont.eot');
	src: local('☺'), url('fonts/glyphaltstd-webfont.woff') format('woff'), url('fonts/glyphaltstd-webfont.ttf') format('truetype'), url('fonts/glyphaltstd-webfont.svg#webfonthAEt8NQb') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GlyphaLTStdThinRegular';
	src: url('glyphaltstd-thin-webfont.eot');
	src: local('☺'), url('fonts/glyphaltstd-thin-webfont.woff') format('woff'), url('fonts/glyphaltstd-thin-webfont.ttf') format('truetype'), url('fonts/glyphaltstd-thin-webfont.svg#webfont1GZdflAp') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GlyphaLTStdLightRegular';
	src: url('glyphaltstd-light-webfont.eot');
	src: local('☺'), url('fonts/glyphaltstd-light-webfont.woff') format('woff'), url('fonts/glyphaltstd-light-webfont.ttf') format('truetype'), url('fonts/glyphaltstd-light-webfont.svg#webfontHigS1EOZ') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GlyphaLTStdBold';
	src: url('glyphaltstd-bold-webfont.eot');
	src: local('☺'), url('fonts/glyphaltstd-bold-webfont.woff') format('woff'), url('fonts/glyphaltstd-bold-webfont.ttf') format('truetype'), url('fonts/glyphaltstd-bold-webfont.svg#webfontZ736Lswm') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GlyphaLTStdBlackRegular';
	src: url('glyphaltstd-black-webfont.eot');
	src: local('☺'), url('fonts/glyphaltstd-black-webfont.woff') format('woff'), url('fonts/glyphaltstd-black-webfont.ttf') format('truetype'), url('fonts/glyphaltstd-black-webfont.svg#webfontjGDFA2b9') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ---------- Basic Elements ---------- */


body {
	margin:0;
	padding:0;
	color:#444;
	font-family:'GlyphaLTStdRegular',sans-serif;	
        font-size:13px;
	line-height:16px;
	background: url(images/contours2.gif) no-repeat fixed top left;
}
p:first-child, p:nth-child(2) {
	text-indent: 0;
}
p {
	margin:0;
	padding:0;
	text-indent: 1.4em;
}
#sidebar2 p {
	text-indent: 0;
	padding-bottom: 16px;
}
a {
	text-decoration:none;
	color:#555;
}
a:hover {
	color:#000;
	background-color:#ffea47;
}
div.post-body a:hover {
	color: #000;
        text-decoration: none;
}
a img, a:hover, img {
	border:none;
        text-decoration: none;
}
h1, h2, h3, {
	margin:0 0 16px 0;
	font-weight: normal;
}
h4, h5, h6 {
	margin: 0;
	font-weight: normal;
} 
h1{
	font-size:18px;
	font-weight: normal;
        line-height:16px;
	font-family:'GlyphaLTStdBold',sans-serif;
        margin-bottom:8px;
}
h2 {
	font-size:16px;
	font-weight: normal;
        line-height:16px;
        margin-bottom:8px;
	font-family:'GlyphaLTStdBold',sans-serif;
}
h3 {
	font-size:14px;
	font-weight: normal;
        line-height:16px;
        margin-bottom:8px;
	font-family:'GlyphaLTStdBold',sans-serif;
}
h4 {
	font-size:12px;
	font-weight: normal;
        font-family:'GlyphaLTStdBold',sans-serif;
}
h5 {
	font-size:9px;
	font-weight: normal;
	color: #444;
        font-family:'GlyphaLTStdBold',sans-serif;
        display:run-in;
        padding:0 0 0 8px;
        text-transform:uppercase;
	letter-spacing: 3px;
}
blockquote {
	margin:16px 0;
	padding:0 32px;
        max-width:230px;
        border-left:5px solid #ffea47;
        font-family:'GlyphaLTStdBold',sans-serif;
        font-weight:normal;
	color: #555;
        text-indent:-0.6em;
}
blockquote p {
	margin: 0 !important;
	padding: 0 !important;
        text-indent:-0.6em !important;
}
.author {
	width: 320px;
        display:block;
	font-family:'GlyphaLTStdBold',sans-serif;
	font-size: 8px;
	text-transform: uppercase;
	letter-spacing:2px;
	margin-bottom:16px;
	padding:0 0 0 32px;
	text-indent: 0em !important;
}
cite {
       	font-family:'GlyphaLTStdRegular',sans-serif;
       	font-style:normal;
}
strong, b {
       	font-family:'GlyphaLTStdBold',sans-serif;
       	font-weight:400;
}
.tight {
       	letter-spacing:-0.1em;
}
h2.post-title a {
	font-weight: normal;
}
h2.post-title a:hover {
	background-color: transparent;
}
div.post-body a.more-link {
       	font-family:'GlyphaLTStdBold',sans-serif;
       	font-weight:400;
       	border-bottom:none;
       	text-decoration: none;
}
div.post-body a.more-link:hover {
       	font-family:'GlyphaLTStdBold',sans-serif;
       	font-weight:400;
       	text-decoration: none;
       	color:#000;
}
q {
       	font-family:'GlyphaLTStdRegular',sans-serif;
}
q:before, em:before {
       	content:'\2018'; 
}
q:after, em:after {
       	content:'\2019';
}
p.quote {
      	font-family:'GlyphaLTStdRegular',sans-serif;
}
p.quote:before {
       	font-family: 'GlyphaLTStdRegular',sans-serif;
       	font-size:60px;
       	vertical-align:-28px;
       	padding:0;
       	content:'\201C'; 
}
p.quote:after {
       	font-family: 'GlyphaLTStdRegular',sans-serif;
       	font-size:60px;
       	vertical-align:-36px;
       	padding:0;
       	content:'\201D';
}
div#header p.light {
      	font-family:'GlyphaLTStdLightRegular',sans-serif;
       	font-weight:normal;
       	padding-top:24px;
}
.featured {
       	font-size:14px;
       	line-height:20px !important;
}
element-style {
       	max-width: 984px !important;
}
.feed {
      	float:right;
      	display:inline;
}
ul, ol {
      	margin:0;
      	padding:16px 0;
}
div.post ol li, div.post ul li {
	max-width: 280px;
	margin:0 0 0 1.4em;
	padding:0;
}


/* ---------- Basic Styling ---------- */

.aligncenter {
   display: block;
   margin-left:auto;
   margin-right:auto;
}
.alignright {
	float:right;
	padding-bottom:0;
}
.alignleft {
	float:left;
        margin:0 16px 0 0;
}
.wp-caption-text {
	padding:0 0 16px 328px;
        margin-top:0;
	max-width:240px;
	display:block;
	text-align:left;
	font-size:11px !important;
        line-height:13px !important;
	color:#777;
        font-family:'GlyphaLTSTdBold',sans-serif;
        font-weight:normal;
	text-indent:0 !important;
}
.wp-caption-text-lrg {
	padding:0 0 0 654px;
        margin-top:0;
	max-width:240px;
	display:block;
	text-align:left;
	font-size:11px !important;
        line-height:13px !important;
	color:#777;
        font-family:'GlyphaLTSTdBold',sans-serif;
        font-weight:normal;
	text-indent:0 !important;
}
div.media a {
        border:none !important;
}
div.media a:hover {
        border-bottom:none;
}
div.post-body div.list {
	float: left;
	width: 140px;
 	margin: 0;
	padding: 0 8px 0 0;
}
div.post-body div.list ul, div.post-body div.list li {
	margin-left: 0;
	padding: 0;
	list-style: none;
}
div.post-body div.list li:before {
	content: '» ';
}
div.post-body img {
	padding-bottom: 16px;
}
img a:hover {
	background-color: transparent;
}
.base {
	color:#fff;
}

/* ---------- Layout ---------- */

#top-container {
	margin:0 auto;
	padding:4px;
	background:none;
}
#container {
        max-width:984px !important;
        margin:0 auto;
	padding:0;
}

	#header {
		margin:40px 0 40px 16px;
		background: url(images/Y-flds.png) no-repeat bottom right;
	}
	#header h1 {
		margin:8px 0;
		color:#777;
	}
	#header h1 a {
		margin:8px 0;
                padding:2px 0;
		color:#444;
                border-bottom:none;
		font-weight: normal;
	}
        #header h1 a:hover {
		margin:8px 0;
		color:#000;
                text-decoration: none;
	}
	#header p {
		margin:0;
                padding:0;
                font-size:18px;
                line-height:16px;
		color:#444;
                text-indent:0;
                font-family:'GlyphaLTStdBold',sans-serif;
	}
	#grid-wrapper {
		margin:0;
		padding:0;
		padding-top:1000px; /* Prevent flicker in grid area. Check header.php. */
		border-top:1px solid #ddd;
		background: url(images/white.png) repeat;
	}
        #grid-wrapper h2 a {
		font-size:16px;
		font-weight: normal;
	}
        #grid-wrapper h2 a:hover {
                text-decoration: none;
		color:#000;
	}
	#single-wrapper {
		margin:0;
		padding:8px 0;
		padding-top:1000px; /* for single-page effect */
		border-top:1px solid #ddd;
		background: url(images/white.png) repeat;
}
#bottom-container {
        clear:both;
	margin:0 auto;
	padding:32px 0 0;
}
	#footer-wrapper {
		background:none;
		margin:0 auto;
	}
	#footer {
                max-width:984px;
		margin:0 auto;
                font-size:11px;
                color:#444;
	}
	#footer p {
		margin:0 auto;
		padding:8px;
	}
	#footer p a {
		text-decoration:none;
                font-family:'GlyphaLTStdRegular',sans-serif;
                font-weight:normal;
	}
        #footer p a:hover {
		text-decoration:none;
		color:#000;
	}
        li.cat-item a:hover, li.page_item a:hover {
		text-decoration:none;
		color:#000;
}	
.aside {
        float:right;
        align: top;
        width:620px;
        padding-right:0;
        height:auto;
        text-align:left;
        line-height:16px;
	margin:0;
	padding:0;
}
.feature {
        align: top;
        width:952px;
        padding:0;
        height:auto;
}
.media {
        float:right;
        align: top;
        width:620px;
        padding-right:0;
        height:auto;
}


/* ---------- 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:  296px; }
div.x2 { width:  615px; }
div.x3 { width:  980px; }
div.x4 { width: 1265px; }

div.grid-item {
	overflow:hidden;
	margin:0;
	padding:16px;
	border:0;
	/*background-color: #fff;*/
}
div.grid-item:hover {
	background-color:#ffea47;
}
div.single-item {
	overflow:hidden;
	margin:0;
	padding:16px;
}
div.grid-item div.grid-image {
	margin-bottom:16px;
	float: left !important;
}
div.grid-item div.wp-caption {
	display:none;
}
div.grid-item h2,
div.single-item h2 {
	margin:0 0 16px 0;
}
div.grid-item div.post-body,
div.single-item div.post-body,
div.single-item .comment-body p {
	font-size:13px;
	margin:0;
	padding:0;
}
div.grid-image a img {
	opacity: 0.8;                    /* Firefox, Safari and Chrome (WebKit), Opera */
    	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
    	filter: alpha(opacity=80);       /* IE 4-7 */
	margin-bottom: 16px;
}
div.grid-image a:hover img {
	opacity: 1.0;                     /* Firefox, Safari and Chrome (WebKit), Opera */
    	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
    	filter: alpha(opacity=100);       /* IE 4-7 */
	margin-bottom: 16px;
}
div#single-wrapper div.post-body p {
        font-size:13px;
        line-height:16px;
        max-width:290px;
}
div.post-body p a, div.post-body a {
       font-family:'GlyphaLTStdBold',sans-serif;
	text-decoration: none;
}
p.post-meta,
p.comment-meta {
	margin-bottom:0;
        margin-top:0;
        padding-top:0;
        color:#777;
        font-size:8px;
	text-transform: uppercase;
	letter-spacing:2px;
	text-indent:0em;
}
p.post-meta a {
       text-decoration:none;
}

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

/* Pagination for grid items and paginated posts */
.pagination {
	margin:48px 0 0;
	font-size:13px;
	padding-left: 8px;
}
.pagination .current {
	color:#444;
	font-family:'GlyphaLTStdBlackRegular',sans-serif;
	background-color:#fff;
}
.pagination .next, 
.pagination .prev {
}
.pagination .page-numbers,
.pagination .current {
	margin:0 8px 0 0;
	padding:12px 16px;
	text-decoration:none;
}
a.page-numbers:hover {
	color:#000;
	background-color:#ffea47;
}
#post-pagination {
	margin:16px 0;
	color:#444;
}
#post-pagination .prefix {
	color:#444;
}

/* Sidebar 
 * In this theme, sidebar is a horizontal line.
 * Sidebar2 is a block on the bottom.
 * See also "Form Elements" section.
 */

 
#sidebar, #sidebar p {
        font-family:'GlyphaLTStdRegular',sans-serif;
	list-style:none;
	list-style-type:none;
	margin: 0;
	padding-left:0;
        font-size:13px;
        line-height:18px;
}
#sidebar2 {
	list-style:none;
	list-style-type:none;
	margin:48px 0;
	padding-left:0;
	border-top:1px solid #ddd;
}
#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 div.textwidget a:hover {
 	color: #000;
}
#sidebar li.widget ul li {
	display: inline;
	padding-right:4px;
}
#sidebar li.widget ul li a {
        border-bottom:none;
	margin:2px 0;
	padding:0;
}
#sidebar2 ul#menu-partners.menu {
	margin:0;
	padding:0;
}
li.current-cat a {
	text-decoration:none;
        font-family:'GlyphaLTStdBold',sans-serif;
	color: #444;
}
li.current_page_item a {
	text-decoration: none;
        font-family:'GlyphaLTStdBold',sans-serif;
	color: #444;
}
#sidebar2 li.widget {
	display:block;
	overflow:hidden;
	float:left;
	margin:0 4px 4px 0;
	width:320px;
	padding: 0;
	border: 0;
}
#sidebar2 h2.widgettitle {
	margin-top: 0;
	padding: 16px 8px 2px;
	color: #444;
        font-size: 16px;
	font-weight: normal;
}
.textwidget h3 {
	font-weight: normal;
}
#sidebar2 li.widget div {
	padding: 0 8px;
	font-size: 13px;
}
#sidebar2 li.widget ul {
	margin: 0;
	padding: 0 8px;
	font-size: 13px;
}
#sidebar2 li.widget ul li {
	list-style: none;
}
#sidebar2 ul.children ul li {
	list-style: none;
}

/* ---------- Search Widget ---------- */

#searchform {
    width: 290px;
}
#searchform div {
	padding: 0;
	font-size: 13px;
}
#searchform label.screen-reader-text {
	display: none;
}
#searchsubmit {
	display: inline;
}
input#s {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
        background: url(images/magnify.gif) no-repeat center left;
	padding-left: 24px;
        font-family: 'GlyphaLTStdRegular',sans-serif;
}
#s { /* #searchform input#s */
	width: 170px;
	margin: 0;
        padding: 6px 2px 0 2px;
        font-family: 'GlyphaLTStdRegular',sans-serif;
	color:#444;
}