/*
Theme Name: feltmusic
Theme URI: http://feltmusic.net
Author: carmine
Author URI: http://clocknote.net/
*/

/*==============================
	base
==============================*/
body{
	color: 				#4d4d4d;
}
a {
	color:				#000;
	text-decoration:	none;
}
a:hover {
	text-decoration:	underline;
}
a:focus {
	outline:			none;
}

hr {
	width: 890px;
	height: 2px;
	border: 2px solid #666;
}

/*==============================
	header
==============================*/
div#header {
	margin:				25px auto 45px auto;
	width:				890px;
}
	div#header h1 {
		margin:				0 0 0 10px;
		float:				left;
	}
		ul#header-navigation {
			padding-top:		22px;
			margin-left:		245px;
		}

/*==============================
	head_title
==============================*/
div#head_title{
	margin:				60px auto 45px auto;
	padding: 			40px 0 40px 0;
	width:				890px;
	border:				solid #ccc;
	border-width:		1px 0;
}

	div#head_title h2 {
		color: #303030;
		font-size:		180%;
		float:			left;
		margin:			0 0 0 20px;
		padding:		0 40px 0 0;
		border-right: solid #ccc 1px;
	}

	div#last-modified {
		position:		relative;
		left: 35px;
		font-size:		90%;
		color: #666;
	}

/*==============================
	container
==============================*/
div#container {
	margin:				0 auto;
	width:				890px;
	font-size:			90%;
}


/*==============================
	slider
==============================*/
div#slider {
	border:				1px solid #aaa;
}

/*==============================
	jacket
==============================*/
ul#jacket {
    margin:				75px auto 0 auto;
    width:				800px;
}
    ul#jacket li {
		float:				left;
  /*  	padding:			0 5px 0 5px;*/
    	margin: 0 4px;
		border:				1px solid #bbb;
    }

p#past-album {
	margin-top: 232px;
	text-align: right;
}


/*==============================
	blog
==============================*/
div#blog {
	margin:				0 20px 50px 20px;
}

	div.blog-postinfo {
		width:				250px;
		padding-top:		15px;
		font-size:			90%;
		color:				#aaa;
		line-height:		170%;
		float:				left;
	}
		div.blog-postinfo h3 {
			font-size:			150%;
			margin-bottom:		10px;
			color: 				#303030;
		}

	div.blog-content {
		width:				560px;
		border-left:		1px solid #ccc;
		padding:			15px 0 15px 35px;
		margin:				0 0 30px 260px;
	}
		div.readmore{
			margin: 40px 0 0 0;
		}

	div#blog a {
		color:				#303030;
		text-decoration:	underline;
	}
	div#blog a:hover {
		text-decoration:	none;
		color: 				#7b7b7b;
	}



/*==============================
	recentinformation
==============================*/
div#recentinformation {
	margin:				56px 0 65px 10px;
}
	div#recentinformation-left {
		width:				230px;
		padding-top:		15px;
		text-align:			right;
		font-size:			90%;
		color:				#aaa;
		line-height:		170%;
		float:				left;
	}
		div#recentinformation-left h2 {
			margin-bottom:		15px;
		}
	div#recentinformation-right {
		width:				600px;
		border-left:		1px solid #ccc;
		padding:			15px 0 15px 25px;
		margin:				0 0 30px 260px;
	}
		div#recentinformation-right h3 {
			color: 				#303030;
			font-size:			180%;
			margin-bottom:		25px;
		}

	div#recentinformation a {
		color:				#303030;
		text-decoration:	underline;
	}
	div#recentinformation a:hover {
		text-decoration:	none;
		color: 				#7b7b7b;
	}


/*==============================
	about
==============================*/
div#about {
	margin:				0 0 45px 10px;
}
	div#about h2 {
		margin-bottom:		35px;
	}

	div.about-circle-box {
		margin-bottom:		40px;
	}
	div.about-member-box {
		width:				430px;
		float:				left;
	}
		div.about-circle-box img,
		div.about-member-box img {
			float:				left;
			margin-right:		10px;
		}
		div.about-circle-box h3 {
			font-size:			120%;
		}
		div.about-circle-box p {
			line-height:		160%;
		}
		div.about-member-box h3 {
			font-size:			120%;
			padding-top:		5px;
		}
		div.about-member-box p {
			line-height:		180%;
		}

/*==============================
	tweet-button
==============================*/
div#tweet-btn {
	margin-left:			12px;
	margin-bottom:		48px;
	margin-top:			-48px;
}


/*==============================
	movie
==============================*/
div#movies {
	margin:				0 0 50px 10px;
}
	div#movies h2 {
		margin-bottom:		15px;
	}

/*==============================
	links
==============================*/
div#links {
	margin:				0 0 50px 10px;
	font-size:			120%;
}
	div#links h2 {
		margin-bottom:		20px;
	}
	div#links h3 {
		float:				left;
	}
	div#links ul {
	}
		div#links ul li.link-after {
			float:				left;
			margin-right:		5px;
		}
		div#links ul li.link-after:after {
			content:			"/";
			margin-left:		5px;
		}
	div#links img {
		margin-top:			40px;
	}

/*==============================
	pager
==============================*/
div#pager{
	margin:				40px auto 45px auto;
	padding: 			20px 0 20px 30px;
	width:				870px;
	border:				solid #ccc;
	border-width:		1px 0;
}


/*==============================
	footer
==============================*/
div#footer {
	margin:				10px 0 50px 20px;
}




