/*  
Theme Name: Tetsuro's Theme 2
Theme URI: http://www.tetsutakara.com
Description: This is my second theme for blog.tetsutakara.com
Version: 2.0
Author: Tetsuro Takara
*/

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main{
	padding-bottom: 360px;
	margin:0 auto;
	width:630px;
	}  /* must be same height as the footer */

	#footer {position: relative;
		margin-top: -360px; /* negative value of footer height */
		height: 330px;
		padding-top:30px;
		background:#3f3f3f;
		clear:both;}
		/* CLEAR FIX*/
		.clearfix:after {content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}
		.clearfix {display: inline-block;}
		/* Hides from IE-mac \*/
		* html .clearfix { height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */


/* ================================================ */
/* =                   TETSU Style                = */
/* ================================================ */

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.line{
	background-color:#ccc;
	border:medium none;
	color:#ccc;
	height:1px;
}


a{
	color:#3459e4;
	text-decoration:none;
}

a:hover{
	color:#8fa6fa;
}

pre{
	border:1px dashed #C0B7AE;
	font-size:12px;
	line-height:1.6em;
	margin-top:30px;
	overflow-x:auto;
	padding:10px;
	white-space:pre-wrap;
	word-wrap:break-word;
}

/* ================================= */
/* =          Theme Stuff          = */
/* ================================= */



body{
	background: #fff fixed url('images/background.png');
	font-family: "Trebuchet MS";
	font-size: 13px;
	line-height:1.45em;
	text-align:justify;
}


#header{
	padding-top:20px;
	position:relative;
}

#logo{
	text-align:center;
}

#bubble{
	left:-30px;
	position:absolute;
	top:116px;
}

#main-nav{
	height:70px;
	margin-top:14px;
	margin-left:102px;
	text-align:center;
}

#main-nav a{
	color:#3f3f3f;
	font-family: Helvetica;
	font-size:16px;
	font-weight:bold;
}

#main-nav li{
	float:left;
	padding:26px 20px 0;
	padding-top:26px;
}

.blog{
	background:url('images/lightning_blue.png') 50% 0 no-repeat;
}

.about{
	background:url('images/lightning_orange.png') 50% 0 no-repeat;

}

.works{
	background:url('images/lightning_green.png') 50% 0 no-repeat;

}

.chums{
	background:url('images/lightning_purple.png') 50% 0 no-repeat;
}

.contact{
	background:url('images/lightning_red.png') 50% 0 no-repeat;
}





/* ================================= */
/* =          Index Stuff          = */
/* ================================= */

.postmetadata{
	color:#999;
	margin-top: 5px !important;
	width:400px;
}

.postmetadata-single{
	color:#999;
	margin-top: -5px !important;
	text-align:center;
}

.post-footer{
	margin-top:30px;	
}

.post-footer a, .post-footer a:visited{
	color:#999;
	font-size:12px;	
}

.post-footer a:hover{
	color:#ccc;
}

.comment-link{
	background:url('images/comment.png') 0 2px no-repeat;
	margin-top:5px;
	padding-left:20px;
}

.more-link{
	background:#3f3f3f;
	display:block;
	float:right;
	margin-top:30px;
	padding:3px 8px;
	text-transform:uppercase;
}

a.more-link, a.more-link:visited{
	color:#fff;
}


.post{
	background: #fff;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	padding:0 20px 50px;
	width: 588px;

}



.post h2 a{
	color:#fff;
	font-size:14px;
}

.post h2 a:hover{
	color:#ccc;
}

.post p{
	margin-top:30px;
}

.post ul{
	list-style-type:disc;
	margin:20px 30px 0 30px;
}

.post li{
	margin-bottom:10px;
}

h2.steps{
	margin-top:30px;
}
.post-top{
	background: url('images/bg_top.png') top left repeat-x;
	height:5px;
}

.post-bottom{
	background: url('images/bg_bottom.png') top left repeat-x;
	height:5px;
	margin-bottom:65px;

}

.sub{
	color:#3F3F3F;
	font-size:11px;
	margin-top:1px;
	text-align:center;
}

.title-bg-even{
	background: transparent url(images/arrow.png) no-repeat scroll left top;
	color:#fff;
	font-size:14px;
	height:45px;
	margin-left:-40px;
	padding:25px 40px 0 0px;
	width:666px;
	text-align:center;
}


.title-bg-odd{
	background: transparent url(images/arrow_odd.png) no-repeat scroll left top;
	height:45px;
	margin-left:-76px;
	padding:25px 0 0 38px;
	width:668px;
	text-align:center;
}


.navigation{
	margin-bottom:65px;
	text-align:center;
}

.red{
	color:red;
}

.green{
	color:green;
}

.purple{
	color:purple;
}

.blue{
	color:blue;
}

/* ================= */
/* =     FOOTER    = */
/* ================= */
#footer-wrapper{
	color:#ccc;
	font-family: Helvetica;
	margin:0 auto;
	width:630px;
}


#footer{
	font-size:11px;
}

#footer a,#footer a:visited{
	color:#ccc;
}

#footer a:hover{
	color:#999;
}

#footer h3{
	color:#fff;
	font-size:14px;
	margin-bottom:10px;
}

#left-footer{
	width:196px;
	margin-right:100px;
}

#mid-footer{
	width:140px;

}

#right-footer{
	width:140px;
}

#archives, #categories{
	/*
	list-style-type:disc;
	margin-left:15px;
	*/
}

#search{
	margin-top:40px;
	padding-bottom:40px;
}

#s{
	width:162px;
}

#searchsubmit{
	background:#999;
	border:none;
	color:#fff;
	padding:2px 0;
}

#subscribe li{
	float:left;
}

.email{
	background:url('images/email.png') 0 3px no-repeat;
	padding-left:22px;
}

.rss{
	background:url('images/rss.png') 0 2px no-repeat;
	padding-left:22px;
	margin-right:44px;
	
	
}


/* ======================================= */
/* =               CHUMS                 = */
/* ======================================= */

.chums-list{
	margin:30px 0 0 0 !important;
	list-style-type:none !important;
}

.chums-list li{
	border-top: 1px solid #ccc;
	padding:20px 0;
}

.chums-header{
	text-decoration:none !important;
}

.chums-header a{
	color:#999;
	font-size:11px;
	padding-left:3px;
}

.chums-header a:hover{
	color:#ccc;
}

.chums-thumb img{
	border:10px solid #fff;
}

.chums-desc{
	padding-left:30px;
	width:433px;
}




/* ========================================= */
/* =              COMMENT FORM             = */
/* ========================================= */

#dividers{
	background:url('images/lightning_grey.png') repeat-x;
	height:26px;
	margin:50px auto;
	width:20px;
}

.comments-template{
	margin-top:30px;
}

.comment-text{
	margin-top:10px;
}

.author{
}

.comment-content{
	width:488px;
}
#commentform{
	color:#5C5C5C;
	font-size:12px;
}

#comments{
	margin-bottom:10px;
}

.commentlist li{
	border-bottom:1px solid #dfdfdf;
	padding:20px 0;
}

.commentlist p{
	margin:0 0 20px 0 !important;
}

.commentor{
	font-weight:bold;
}

.comment-date{
	color:#999;
	font-size:11px;
}

#respond{
	margin-top:20px;
}


/* ========================================= */
/* =            CONTACT ME                 = */
/* ========================================= */

#author,#email,#url, .your-subject input, .your-name input, .your-email input, .your-message textarea{
	border: 1px solid #ccc;
	margin-right:10px;
	padding:3px;
}

#wpcf7-f1-p23-o1{
	color:#5c5c5c;
	font-size:12px;
}

#submit, .submit input{
	background:#3F3F3F none repeat scroll 0 0;
	border:none;
	color:#fff;
	padding:5px 10px;
	text-transform:uppercase;
	
}


span.wpcf7-not-valid-tip-no-ajax {
	font-size:10px !important;
}

div.wpcf7-mail-sent-ok {
	color:#35BB0C !important;
}


div.wpcf7-response-output {
	margin-top:20px;
	font-size:10px !important;
	padding:0px !important;

}

/* ========================================= */
/* =            WORKS                      = */
/* ========================================= */

.works-item{
	margin-top:30px;
}

.works-item h3{
	border-bottom:1px solid #e5e5e5;
	color:#5c5c5c;
	margin-bottom:15px;
}


.works-info{
	font-size:12px;
	width:250px;
}


.works-info ul{
	list-style-type:disc;
	margin-bottom:15px;
	margin-left:15px;
}

.works-info li{
	color:#999999;
}

.works-thumbs{
	width:302px;
}

.works-thumbs img{
	border:1px solid #e5e5e5;
}