/*
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: #fff;
margin:0;
padding:0 0 0 40px;
color:#777;
font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-size:11px;
line-height:1.4;
cursor:default;
}


a {
text-decoration:none;
color:#3f3f3f;
}

a:link,a:visited {
text-decoration:none;
color:#252525;
}

a:hover {
color:#000;
}

a img {
   border: none;
}

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

h1 {
font-size:60px;
font-weight:700;
color: #777;
}

h2 {
font-size:13px;
font-weight:400;
}

h3,h4,h5,h6 {
font-size:12px;
margin-top:2em;
padding-left:5px;
}

blockquote {
margin:0;
padding:10px;
border-left:5px solid #e9e9e9;
background-color:#f9f9f9;
color:#666;
}

pre {
overflow:auto;
margin:0;
padding:10px;
background-color:#f9f9f9;
color:#666;
}

fieldset {
border:1px solid #ccc;
padding:10px;
}

table {
margin:1em 0;
}

th,td {
padding:2px 4px;
}

th {
background-color:#d9d9d9;
font-weight:400;
}

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;
}

p img {
max-width:100%;
padding:0;
}

.caution {
padding:10px;
color:#e9e9e9;
text-align:center;
background-color:#c00;
}

noscript .caution {
margin:0;
}

.wp-caption {
width:100%;
border:1px solid #e3e3e3;
background-color:#fff;
text-align:center;
}

.wp-caption img {
padding-top:5px;
}

.wp-caption-text {
margin:5px 0;
text-align:center;
font-size:smaller;
color:#666;
}

/* ---------- Layout ---------- */
#top-container {
margin:0;
padding:5px;
background:#FFF;
}

#container {
margin:0;
padding:0 10px;
width:930px!important;
}

#header {
width:680px;
margin:0;
padding:0 10px;
}

#header p {
margin:0;
width:300px;
}

#grid-wrapper {
width:930px!important;
margin:30px 20px 0;
padding:0;
padding-top:1000px;
/* Prevent flicker in grid area. Check header.php. */
clear:both;
}

#single-wrapper {
width:930px!important;
margin:30px 20px 0;
padding:0;
padding-top:1000px;
/* for single-page effect */
clear:both;
border-top:2px dashed #E0E0E0;
}

#bottom-container {
clear:both;
width:910px;
margin:0;
padding:30px 0 60px;
}

#footer-wrapper {
background:none:;
}

#footer {
margin:30px 20px 0;
padding:0 10px;
}

#footer p {
margin:0;
padding:0 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 {
overflow:hidden;
margin:0 10px 10px;
padding:0;
}

div.single-item {
overflow:hidden;
margin:0px 5px 0px 0;
padding:0px 15px 30px;
border:0;
width:540px;
}

div.grid-item h2.post-title {
margin:0;
padding-left:0;
padding-top:2px;
border-left:0;
font-weight:400;
text-align:center;
}

div.single-item h2.post-title {
margin:0;
padding-left:0;
border-left:0;
font-weight:400;
}

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:11px;
}

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:30px 0 60px 30px;
font-size:12px;
background: none;
}

.pagination .current {
color:#ea1308;
font-weight:bold;
}

.pagination .next,.pagination .prev {
}

.pagination .page-numbers,.pagination .current {
margin:0 10px 0 0;
padding:10px 15px;
text-decoration:none;
}

/* page-numbers hover color */
a.page-numbers:hover {
color:#333;
}

#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 30px;
padding-left:0;
}

#sidebar2 {
list-style:none;
list-style-type:none;
margin:30px 20px 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:0px;
}

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

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

#sidebar2 h2.widgettitle {
margin-top:0;
padding:5px 10px;
color:#323232;
font-size:17px;
}

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

#sidebar2 li.widget ul {
margin:0 10px;
padding:0;
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;
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:500px;
background:#fff;border-top:solid 1px #c5c5c5;border-right:solid 1px #d6d6d6;border-left:solid 1px #d6d6d6;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border-bottom:solid 1px #fff;pading:8px;
}





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

/* SOCIAL LINKS ---------------------------------------------------------*/
.socialLinks li {
display:inline-block;
list-style:none;
padding:28% 0;
}

.socialLinks li a {
display:block;
height:45px;
margin:0;
width:45px;
background-image:url(http://www.elastika.org/wp-content/themes/tanzaku/images/sprite.png);
background-repeat:no-repeat;
}

.socialLinks li a.iconFacebook {
background-position:0 0;
}

.socialLinks li a.iconFacebook:hover,.socialLinks li a.iconFacebook:focus {
background-position:0 -45px;
}

.socialLinks li a.iconTwitter {
background-position:-45px 0;
}

.socialLinks li a.iconTwitter:hover,.socialLinks li a.iconTwitter:focus {
background-position:-45px -45px;
}

.socialLinks li a.iconRss {
background-position:-90px 0;
}

.socialLinks li a.iconRss:hover,.socialLinks li a.iconRss:focus {
background-position:-90px -45px;
}

.socialLinks li a span {
display:none;
}

#header-searchbar {
position:absolute;
top:12px;
left:790px;
width:250px;
height:48px;
}

#header-searchbar form {
padding:5px 30px 10px;
margin:0;
background:E0E0E0;
}

#header-search {
border:0 none;
background:none;
width:100%;
padding:0;
color:#fff;
font-size:10pt;
font-weight:400;
}

#header1 {
background: #fff;
border-top: 2px dashed #E0E0E0;
width:910px;
height:35px;
position:fixed;
bottom:0px;
left:70px;
z-index:100;
overflow:hidden;
}

#header1 div {
float:left;
margin:0;
padding:6px 0px 18px 35px;
color:#323232;
left:60px;
}

#header1 form {
float:left;
margin:0;
padding:0 20px 0 10px;
}

#header1 h3 {
text-transform:lowercase;
padding:auto;
float:left;
margin:3px 3px 0 0;
font-size:1.2em;
}

#header1 p {
padding:0;
margin:0;
font-size:1.2em;
}

#header1 a {
color:#323232;
font-style:none;
text-decoration:none;
}

#header1 a:hover {
text-decoration:underline;
}

#header1 input,#header1 select {
background:#E0E0E0;
padding:4px;
margin:0;
border:0;
color:#323232;
font-size:11px;
font:10px/1em Helvetica, Arial, sans-serif;
float:left;
-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px;
}

#header1 input {
width:auto;
}

#header1 ul {
list-style:none;
padding:0;
margin:0 2px 0 2px;
float:left;
}

#header1 ul li {
float:left;
margin:0 0 10px 0px;
padding:2px 2px 0;
text-transform:lowercase;
}

#header1 ul .first {
border-left:0;
padding:2px 2px 0;
margin:0;
}


#header1 ul li {
float:left;
margin:0 0 10px 0px;
padding:2px 2px 0;
text-transform:lowercase;
}

#header1 ul li.first {
border-left:0;
padding:2px 2px 0;
margin:0;
}

.post a img {
}

.post a img:hover {
}
.postinfo {width:300px !important; margin-left:590px; padding-bottom:600px; !important; float:left;}
.posttitle {width:300px !important; margin:0 0 20px 0;}
.postbody { width:300px !important; }
.f_body { width:300px !important; padding:0 !important; }

div.blog {
margin: 30px 0 20px 20px;
overflow: hidden;
padding: 0;
}
.blog-title {
padding: 0 330px 0 0;
margin-bottom: 25px;
font: 30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #4A4A4E;
}
.blog-info{
width: 290px;
float: left;
margin-top: 8px;
}
.blog-date {
font-size: 17px;
color: #cbcbcb;
margin:0px 5px 0px 0;
padding: 0px 0px 8px 0px;
font-weight: normal;
}

#content {float: left;padding: 0 0 0px 0;width: 910px;}
.content-item {width: 910px;float: left;margin: 0 0 0px 0;padding: 0 0 0 80px;}
.nothing {border-bottom: none;}
.post-image {float: right;margin: 0 0 20px 20px;width: 316px;}
.post-image a {background: none;}
* + html .post-image {margin-bottom: 0;}
.post-image-top {padding: 13px 13px 0 13px;background: url(images/image-bg-top.jpg) top left no-repeat;}
.post-image-bottom {height: 13px;background: url(images/image-bg-bottom.jpg) top left no-repeat;}
* + html .post-image-bottom {margin-top: -5px;}
.last-item {border-bottom: none;}
.content-body {width: 560px;margin: 0 0 8px 30px;float: left;}
.content-body-alt {width: 560px;margin: 0 0 0 20px;padding: 0 0 5px 0;float: left;}
* + html .content-body-alt {padding: 0 0 20px 0;}
.content-body-alt img {margin: 0 0 9px 9px;}
.entry a {background: transparent;margin-bottom: 20px;}
.content-dets {width: 210px;float: left;}
.content-dets a, .content-dets-alt a {font-weight: normal;color: #a2a2a2;}
.content-dets-alt {width: 210px;float: left;}
ul.dets {margin: 0;padding: 0;list-style: none;}


/*-------MAIN NAVIGATION STUFF--------*/
#menu {
	position: absolute; 
	top:50%; 
	left: -300px;
	width: 290px; 
	padding:20px; 
	display: none; 
	z-index: 100;
        background: #fff;
       	border: 1px solid #E0E0E0;
        border-width: 1px 1px 1px 0;
        -moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
        -moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
}
#menuScroll {height:400px; overflow: auto;}
#dropmenu {list-style:none; width: 290px; display: none;bac}
#dropmenu li {position: relative; width: 290px;}
#dropmenu li a {display: block; line-height: 40px; padding:5px 20px 5px 20px; font-size: 22px; text-transform: uppercase; color:#323232; }
#dropmenu li a:hover {text-decoration: none; background:#323232; color:#fff; z-index: 100;-moz-border-radius-bottomright: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-topright: 20px;-webkit-border-top-right-radius: 20px; -moz-border-radius-bottomleft: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-topleft: 20px;-webkit-border-top-left-radius: 20px;}
#dropmenu li ul {display: none; background:#fff;-moz-border-radius-bottomright: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-topright: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-bottomleft: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-topleft: 20px;-webkit-border-top-left-radius: 20px;}
#dropmenu li ul li a {font-size: 22px; text-transform: uppercase; color:#262626;padding:5px 20px 5px 20px;}
#dropmenu li ul li a:hover {background: #FFF;}
#dropmenu li ul li ul{background:#333;}
#dropmenu li ul li ul li a {border-top: 1px solid #c7ced1;}
#dropmenu li ul li ul li ul {background:#444;}
#dropmenu li ul li ul li ul li a {border-top: 1px solid #c7ced1;}
#dropmenu li ul li ul li ul li ul {background:#555;}
#dropmenu li ul li ul li ul li ul li a {border-top: 1px solid #c7ced1;}
#dropmenu li:hover ul ul, 
#dropmenu li:hover ul ul ul, 
#dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, 
#dropmenu li li:hover ul, 
#dropmenu li li li:hover ul, 
#dropmenu li li li li:hover ul {display:block;}
#dropmenu li.current_page_item > a, #dropmenu li.current-cat > a {color:#ddd;}

div.openNav,
div.closeNav {
	cursor:pointer; 
	float: right; 
	height:31px;
	width: 31px;
	line-height:31px;
	text-align: center; 
	border-width: 0 0 1px 1px; 
	border-style: solid; 
	color: #323232; 
	background:url(images/banner_bg.png) repeat-x bottom left;
        -moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
        -moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
        -moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
        -moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
}
div.closeNav {display: none;}

#dropmenu li .openNav,
#dropmenu li .closeNav {background-color:#E0E0E0; border-color: #c7ced1;}
#dropmenu li ul li .openNav,
#dropmenu li ul li .closeNav {background-color:#444; border-color: #c7ced1;}
#dropmenu li ul li ul li .openNav,
#dropmenu li ul li ul li .closeNav {background-color:#555; border-color: #c7ced1;}
#dropmenu li ul li ul li ul li .openNav,
#dropmenu li ul li ul li ul li .closeNav {background-color:#666; border-color: #c7ced1;}

#menuHint {background: url(images/menu-trans.png) no-repeat; height: 52px; width: 20px; text-indent: -9999px; overflow: hidden; position: absolute; right: 7px; top: 50%; margin-top: -26px;}