@charset "UTF-8";
/* LAYOUT CSS Document */

/*
* -----------------------------------------
*     	 DEFAULT LAYOUT
* -----------------------------------------
*/

html,body {
	height: 100%;
	margin: 0;
	padding: 0;
}

#index {
	min-height: 100%;
	width: 100%;
	height: 100%;
}


#top {
	height: 216px;
}

#topContent {
	height: 216px;
	margin: 0 auto;
	width: 896px;
}

#content {
	min-height: 100%;
	margin: 0 0 -60px;
}

#contentArea {
	margin: 0 auto;
	padding: 0 0 60px;
	width: 896px;
}

#contentTitle {
	height: 148px;
}

#contentFooter {
	clear: left;
	height: 100px;
	padding-top: 80px
}

#accFooter {
	height: 60px;
	text-align: right;
}

#bottom {
	height: 80px;
}

#bottomContentA {
	height: 51px;
	margin: 0 auto;
	width: 896px;
}

#bottomContentB {
	height: 80px;
	margin: 0 auto;
	width: 896px;
	text-align: right;
}

/*
* -----------------------------------------
*     	 ABOUT LAYOUT
* -----------------------------------------
*/

#aboutIntro {
	margin: 0 auto;
	width: 740px;
}

#aboutIntroFlickr {
	float: left;
	width: 295px;
}

#aboutIntroStory {
	float: left;
	width: 445px;
}

.aboutSubTitle {
	clear: left;
	margin: 0 auto;
	padding-bottom: 30px;
	padding-top: 60px;
	width: 740px;
}

.aboutLinkText {
	line-height: 18pt;
	margin: 0 auto;
	text-align: right;
	width: 740px;
}

.aboutCast {
	width: 740px;
	height: 35px;
	padding-top: 30px;
	margin: 0 auto;
	text-align: right;
}

.aboutCast a:hover, a:active {
	background-color: #FFFFFF;
}


/*
* -----------------------------------------
*     	 DIARY LAYOUT
* -----------------------------------------
*/

#diaryGroup {
	margin: 0 auto;
	width: 740px;
}

#diaryList {
	width: 740px;
}

#diaryContent {
	width: 740px;
	height: 100%;
}

.diaryBlockA {
	float: left;
	width: 300px;
	height: 225px;
	border: 1px solid #C9C9C9;
}

.diaryBlockB {
	float: left;
	padding-left: 34px;
	width: 404px;
}

.diaryBlockC {
	clear: left;
	height: 50px;
	width: 740px;
}

.diaryBlockD {
	margin-top: -1px;;
	width: 404px;
	padding-top: 10px;
	/*padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	width: 388px;*/
	/*border: 1px solid #EAEAEA;
	background-color: #F8F8F8;*/
}

#diaryPageList {
	margin: 0 auto;
	width: 740px;
}

#diaryPage {
	font-family: Verdana;
	font-size: 8pt;
	float: left;
	padding-top: 40px;
	width: 530px;
}

#diarySearch {
	float: left;
	padding-top: 40px;
	text-align: right;
	width: 210px;
}

.diaryTextBox {
	/*border: #e5e3e3 2px solid;*/
	background-color: #F1F1F1;
	border: #F1F1F1 2px solid;
	height: 17px;
	color: #a3a3a3;
	font-size: 9pt;
	font-family: AppleGothic, Dotum, 'µ¸¿ò', sans-serif;	
}

/*
* -----------------------------------------
*     	 WORKS LAYOUT
* -----------------------------------------
*/

#worksFirst {
	margin: 0 auto;
	width: 740px;
}

#worksFirstImage {
	border: 1px solid #CCCCCC;
	margin: 0 auto;
	padding: 5px;
	width: 600px;
	height: 250px;
}

#worksFirstDescription {
	margin: 0 auto;
	padding-top: 5px;
	width: 600px;
}

#worksFirstName {
	float: left;
}

#worksFirstMemo {
	float: left;
	padding-left: 5px;
}

#worksFirstDate {
	float: right;
}

#worksList {
	margin: 0 auto;
	width: 740px;
}

#worksYear {
	clear: left;
	padding-top: 50px;
	width: 740px;
}

#worksListGroup {
	clear: left;
	padding-top: 50px;
	width: 740px;
}

.worksListImage {
	float: left;
	width: 80px;
}

.worksListImage a:hover, a:active {
	background-color: #FFFFFF;
}

.worksListContent {
	float: left;
	width: 660px;
}