/*
Theme Name: Suyumono Weekly 2010
Theme URI: http://suyumono.net/
Description: A webzine theme.
Version: 0.9
Author: Suyunomo
Tags: fixed width, three columns
*/

/* environmental */
body {
	background-color: #F0F1F3;
}
body, td, input, textarea, option {
	font: normal 12px 애플고딕, AppleGothic, 돋움, Dotum, '맑은 고딕', 'Malgun Gothic', 나눔고딕, NanumGothic, 굴림, Gulim, sans-serif;
}
a {
	color: #00A0E9;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: 0 none;
}
form {
	margin: 0;
}
input, select {
	vertical-align: middle;
}
.hidden {
	display: none;
}
.alignright {
	float: right;
	margin: 0 0 0.3em 1em;
}
.alignleft {
	float: left;
	margin: 0 1em 0.3em 0;
}
.aligncenter {
	display: block;
	clear: both;
	margin: 1em auto 1em auto;
	text-align: center;
}

/* layout */
#frame {
	width: 950px;
	margin: 0 auto;
}
	#header {
		clear: both;
		*zoom: 1;
	}
		#header:after {
			display: block;
			content: ' ';
			clear: both;
		}
	#body {
		clear: both;
		*zoom: 1;
		margin: 10px 0;
		background-color: white;
		border-top-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
	}
		#body:after {
			display: block;
			content: ' ';
			clear: both;
		}
		#sidebar1 {
			float: left;
			width: 156px;
			overflow: hidden;
		}
		#content {
			float: left;
			width: 550px;
			margin-left: 15px;
			overflow: hidden;
		}
		#sidebar2 {
			float: right;
			width: 200px;
			overflow: hidden;
		}
	#footer {
		clear: both;
	}

/* general */
	/* tab */
	ul.tabs {
		list-style-type: none;
		height: 25px;
		margin: 0;
		padding: 0;
		background-color: white;
		border-bottom: 5px solid #07A4B3;
		line-height: 100%;
		*zoom: 1;
	}
		#ul.tabs:after {
			display: block;
			content: ' ';
			clear: both;
		}
		ul.tabs li.tab {
			display: block;
			float: left;
			width: 60px;
			height: 25px;
			margin: 0 0 0 5px;
			padding: 0;
			overflow: hidden;
		}
			ul.tabs li.tab a {
				display: block;
				width: inhrit;
				height:	23px;
				margin: 0;
				padding-top: 7px;
				border: 1px solid gray;
				border-bottom: 1px solid #07A4B3;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				color: gray;
				text-align: center;
				font-weight: bold;
			}
				ul.tabs li a.current {
					height: 21px;
					color: black;
					border: 2px solid #07A4B3;
					border-bottom: 1px solid #07A4B3;
				}
	/* list */
	ul.lists {
		clear: both;
		list-style-type: none;
		margin: 15px 0;
		padding: 0;
	}
		ul.lists li.list {
			margin: 0;
			padding: 0;
		}
			ul.lists li.list ul, ul.list {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
				ul.lists li.list ul li, ul.list li {
					margin: 0 0 15px 0;
					padding: 0 0 15px 0;
					border-bottom: 1px solid #EEEEEE;
				}
				ul.lists li.list ul li:last-child, ul.list li:last-child {
					margin: 0;
					padding: 0;
					border-bottom: 0 none;
				}
					.list li {
						clear: both;
						line-height: 160%;
						*zoom: 1;
					}
						.list li:after {
							display: block;
							content: ' ';
							clear: both;
						}
						.list .thumbnail {
							float: left;
							margin-right: 10px;
						}
							.list .thumbnail img {
								border: 1px solid gray;
							}
						.list .title, .list .title * {
							color: #3E3E3E;
							font-weight: bold;
							font-size: 14px;
						}
							.list .title a:hover {
								color: black;
							}
							.list .title .author * {
								font-weight: normal;
								font-size: 11px !important;
							}
						.list .title .count {
							color: gray;
							font-weight: normal;
							font-size: 11px;
						}
						.list .meta, .list .meta a {
							color: #38BBE5;
							font-size: 11px;
						}
							.list .meta .date {
								padding-left: 5px;
								background: transparent url('./images/bullet-column-7h.png') scroll no-repeat left center;
							}
						.list .excerpt {
							color: #717171;
							text-align: justify;	
						}

/* header */
	#header .blog-info {
		float: left;
	}
		#header .blog-info h1.title {
		}
			#header .blog-info h1.title a {
				display: block;
				width: 256px;
				height: 72px;
				background: transparent url('./images/header-logo.gif') scroll no-repeat left top;
			}
				#header .blog-info h1.title a span {
					display: none;
				}
		#header .blog-info p.description {
			display: none;
		}
	#header .search {
		padding-top: 30px;
		text-align: right;
	}
		#header .search label {
			display: none;
		}
		#header .search input.text {
			width: 200px;
			height: 20px;
			border: 2px solid #7F9DB9;
		}
		#header .search input.submit {
			width: 50px;
			height: 26px;
			border: 0 none;
			background-color: #7F9DB9;
			color: #F0F1F3;
			font-weight: bold;
		}
	#header ul.mainmenu {
		clear: both;
		list-style-type: none;
		margin: 0;
		padding: 0;
		line-height: 100%;
		*zoom: 1;
	}
		#header ul.mainmenu:after {
			display: block;
			content: ' ';
			clear: both;
		}
		#header ul.mainmenu li {
			display: block;
			float: left;
			width: 182px; /* 1 item removed @ 100728 */
			margin: 0 7px 0 0;
			padding: 0;
			line-height: 100%;
		}
			#header ul.mainmenu li a {
				display: block;
				float: left;
				width: 100%;
				margin: 0;
				padding: 13px 0;
				border-width: 3px 0 3px 0;
				border-style: solid;
				border-color: #f0f1f3; /* same as body background color */
			}
				#header ul.mainmenu li a:hover {
					text-decoration: none;
				}
				#header ul.mainmenu li a span {
					color: gray;
					font-weight: bold;
					font-size: 14px;
				}
				#header ul.mainmenu li a.home {
					border-top-color: #5776E0; 
				}
					#header ul.mainmenu li a.home:hover {
						border-top-color: #f0f1f3; /* same as body background color */
						border-bottom-color: #5776E0;
					}
				#header ul.mainmenu li a.about {
					border-top-color: #CE67FE; 
				}
					#header ul.mainmenu li a.about:hover {
						border-top-color: #f0f1f3; /* same as body background color */
						border-bottom-color: #CE67FE; 
					}
				#header ul.mainmenu li a.guestbook {
					border-top-color: #7BDDFF; 
				}
					#header ul.mainmenu li a.guestbook:hover {
						border-top-color: #f0f1f3; /* same as body background color */
						border-bottom-color: #7BDDFF; 
					}
				#header ul.mainmenu li a.archive {
					border-top-color: #82CE95; 
				}
					#header ul.mainmenu li a.archive:hover {
						border-top-color: #f0f1f3; /* same as body background color */
						border-bottom-color: #82CE95; 
					}
				#header ul.mainmenu li a.editorial {
					border-top-color: #C6CA1E; 
				}
					#header ul.mainmenu li a.editorial:hover {
						border-top-color: #f0f1f3; /* same as body background color */
						border-bottom-color: #C6CA1E; 
					}
				#header ul.mainmenu li a.newsletter {
					border-top-color: #EF7B54;
				}
					#header ul.mainmenu li a.newsletter:hover {
						border-top-color: #f0f1f3; /* same as body background color */
						border-bottom-color: #EF7B54; 
					}
		#header .headline {
			margin-top: 10px;
			*zoom: 1;
		}
			#header .headline:after {
				display: block;
				content: ' ';
				clear: both;
			}
			#header .headline .coverpage {
				float: left;
				width: 550px;
			}
			#header .headline .notice {
				float: right;
				width: 395px;
				min-height: 245px;
				border-top: 5px solid #07A4B3;
				background-color: white;
			}
				#header .headline .notice h2 {
					margin: 12px 0 0 17px;
					font-weight: normal;
				}
					 #header .headline .notice h2 span:first-letter {
						 font-weight: bold;
						 font-size: larger;
					 }
				#header .headline .notice .text {
					margin: 12px 17px 17px 17px;
					line-height: 160%;
				}
					#header .headline .notice .text a {
						text-decoration: underline;
						color: black;
					}
/* sidebar1 */
	#sidebar1 {
	}
		#sidebar1 ul#categories {
			list-style-type: none;
			margin: 0;
			padding: 0;
			background: transparent url('./images/sidebar1-background.gif') scroll repeat-x left top;
			border: 1px solid #E2E2E2;
			border-radius: 10px;
			-moz-border-radius: 10px;
		}
			#sidebar1 ul#categories li {
				margin: 0;
				padding: 0;
				line-height: 100%;
			}
				#sidebar1 ul#categories li h2 {
					margin: 0;
					padding: 15px 0 15px 34px;
					background: transparent url('./images/sidebar1-bullet-title.gif') scroll no-repeat 15px center;
					border-bottom: 1px solid #E2E2E2;
					font-weight: bold;
					font-size: 13px;
					line-height: 100%;
				}
				#sidebar1 ul#categories li ul {
					list-style-type: none;
					margin: 0;
					padding: 10px 0;
				}
					#sidebar1 ul#categories li ul li {
						margin: 10px 0;
					}
						#sidebar1 ul#categories li ul li a {
							display: block;
							margin: 0 0 0 16px;
							padding: 3px 0 3px 20px;
							background-color: transparent;
							background-attachment: scroll;
							background-repeat: no-repeat;
							background-position: left center;
							font-weight: bold;
							font-size: 13px;
						}
							#sidebar1 ul#categories li ul li.cat-item-501 a {
								background-image: url('./images/sidebar1-bullet-4EA0D2.gif');
								color: #4EA0D2;
							}
							#sidebar1 ul#categories li ul li.cat-item-502 a {
								background-image: url('./images/sidebar1-bullet-FCBA04.gif');
								color: #FCBA04;
							}
							#sidebar1 ul#categories li ul li.cat-item-503 a {
								background-image: url('./images/sidebar1-bullet-75A81B.gif');
								color: #75A81B;
							}
							#sidebar1 ul#categories li ul li.cat-item-504 a {
								background-image: url('./images/sidebar1-bullet-C53C34.gif');
								color: #C53C34;
							}
							#sidebar1 ul#categories li ul li.cat-item-505 a {
								background-image: url('./images/sidebar1-bullet-949494.gif');
								color: #949494;
							}
							#sidebar1 ul#categories li ul li ul.children {
								margin: 0 10px 20px 35px;
								padding: 5px 0 0 0;
							}
								#sidebar1 ul#categories li ul li ul.children li {
									margin: 0 0 5px 0;
									padding: 0 0 5px 0;
								}
									#sidebar1 ul#categories li ul li ul.children li a {
										display: inline;
										margin: 0;
										padding: 0 0 5px 0;
										border-bottom: 1px solid #B7B7B7;
										background-image: none;
										font-weight: normal;
										font-size: 11px;
										color: #6D6D6D;
									}
										#sidebar1 ul#categories li ul li ul.children li:last-child a {
											border-bottom: 0 none;
										}
										#sidebar1 ul#categories li ul li ul.children li a:hover {
											text-decoration: none;
											color: black;
										}

/* content */
	#content {
	}
		.entry {
			clear: both;
			*zoom: 1;
		}
			.entry:after {
				display: block;
				content: ' ';
				clear: both;
			}
			.entry .category {
			}
				.entry .category .title {
					display: none;
				}
				.entry .category .text {
				}
			.entry h2.title {
				padding: 7px 0 8px 50px;
				background: transparent url('./images/content-bullet-new-releases.gif') scroll no-repeat left center;
			}
			.entry h2.title, .entry h2.title a {
				font-size: 14px;
				color: black;
			}
			.entry .text {
				margin: 0 0 1.5em 0;
				text-align: justify;
				line-height: 180%;
			}
				.entry .text blockquote {
					color: navy;
				}
				.entry .text h1, .entry .text h2, .entry .text h3, .entry .text h4, .entry .text h5, .entry .text h6 {
					color: #388E8E;
				}
				.entry .text h1 {
					font-size: 15px;
				}
				.entry .text h2 {
					font-size: 14px;
				}
				.entry .text h3 {
					font-size: 13px;
				}
				.entry .text h4 {
					font-size: 12px;
				}
				.entry .text h5 {
					font-size: 11px;
				}
				.entry .text h6 {
					font-size: 10px;
				}
				.entry .text * {
					max-width: 550px;
				}

			.entry .meta, .entry .meta a {
				color: #666666;
			}
				.entry .meta ul {
					list-style-type: none;
					margin: 0;
					padding: 0;
					text-align: right;
				}
					.entry .meta ul li {
						display: inline;
						margin: 0;
						padding: 0;
					}
					.entry .meta ul li.tag {
						display: none;
						margin: 1.5em 0;
					}
					.entry .author {
						text-align: right;
						margin-bottom: 30px;
						}
					.entry .meta ul li.date {
					}
			.list .meta, .list .meta a {
				color: #38BBE5;
				font-size: 11px;
			}
				.list .meta .tag {
					padding-left: 5px;
					background: transparent url('./images/bullet-column-7h.png') scroll no-repeat left center;
				}
				.list .meta .date {
					padding-left: 5px;
					background: transparent url('./images/bullet-column-7h.png') scroll no-repeat left center;
				}
		.navigation {
			clear: both;
			margin: 10px 0;
			*zoom: 1;
		}
			.navigation:after {
				display: block;
				content: ' ';
				clear: both;
			}
	/* generated by wordpress */
	.wp-caption {
		padding: 10px;
		background-color: #EEEEEE;
		border: 1px solid #CCCCCC;
		border-radius: 5px;
		-moz-border-radius: 5px;
	}
		.wp-caption img {
		}
		.wp-caption .wp-caption-text {
			margin: 10px 0 0 0;
			color: navy;
			font-size: 11px;
			line-height: 160%;
		}
	/* home */
	#content .new-issues {
		display:none;
		margin: 15px 0 0 0;
		padding: 0;
		border-bottom: 2px solid #07A4B3;
		background-color: #F5FAFA;
	}
		#content .new-issues h2 {
			display: none;
		}
			#content .new-issues h2 span {
				color: #777777;
				font-weight: normal;
				font-size: 14px;
			}
			#content .new-issues ul.tabs {
				background-color: white;
			}
			ul.tabs li#tab-news a {
				background-color: #A6CFE8;
				border-color: #4EA0D2;
			}
				ul.tabs li#tab-news a.current {
					background-color: #4EA0D2;
				}
			ul.tabs li#tab-culture a {
				background-color: #FDDC81;
				border-color: #FCBA04;
			}
				ul.tabs li#tab-culture a.current {
					background-color: #FCBA04;
				}
			ul.tabs li#tab-life a {
				background-color: #BAD38D;
				border-color: #75A81B;
			}
				ul.tabs li#tab-life a.current {
					background-color: #75A81B;
				}
			ul.tabs li#tab-study a {
				background-color: #E29D99;
				border-color: #C53C34;
			}
				ul.tabs li#tab-study a.current {
					background-color: #C53C34;
				}
		#content .new-issues ul.lists {
			margin: 0;
		}
			#content .new-issues ul.lists li.list {
			}
				#content .new-issues ul.lists li.list h3 {
					display: none;
				}
				#content .new-issues ul.lists li.list ul {
					margin: 0;
					padding: 0;
				}
					#content .new-issues ul.lists li.list ul li {
						margin: 0;
						padding: 5px 15px;
					}
						#content .new-issues ul.lists li.list ul li .title {
							display: inline;
						}
							#content .new-issues ul.lists li.list ul li .title a {
								font-size: 12px;
							}
						#content .new-issues ul.lists li.list ul li .meta {
							display: inline;
						}
							#content .new-issues ul.lists li.list ul li .meta .date {
								display: none;
							}
<--	#content .new-releases {
		margin: 50px 0 15px 0;
	} -->
		#content .new-releases h2 {
			padding: 7px 0 8px 50px;
			background: transparent url('./images/content-bullet-new-releases.gif') scroll no-repeat left center;
		}
			#content .new-releases h2 span {
				color: #777777;
				font-weight: normal;
				font-size: 14px;
			}
		#content .new-releases p.more {
			text-align: right;
		}
	/* contents */
	#content .contents {
		margin: 0 0 3em 0;
		padding: 0;
	}
		#content .contents h3 {
				height: 30px;
				margin: 0 0 0 -10000px;
				padding: 0;
				background: transparent url('./images/content-contents-title.gif') scroll no-repeat 10000px top;
		}
		#content .contents table {
		}
			#content .contents table tr {
			}
				#content .contents table tr th.category {
					padding: 0.3em 0 0 0;
					vertical-align: top;
					color: #00A0E9;
					font-weight: normal;
					font-size: inherit;
					white-space: nowrap;
				}
				#content .contents table tr td.entries {
					vertical-align: top;
				}
					#content .contents table tr td.entries ul {
						list-style-type: none;
						margin: 0;
						padding: 0;
					}
						#content .contents table tr td.entries ul li {
							margin: 0.3em 0 0 0;
							padding: 0;
						}
							#content .contents table tr td.entries ul li a.title {
								color: black;
							}
							#content .contents table tr td.entries ul li span.author {
								color: gray;
								font-size: 11px;
							}
	/* releases */
	#content .releases {
	}
		#content .releases h3 {
				height: 30px;
				margin: 0 0 10px -10000px;
				padding: 0;
				background: transparent url('./images/content-releases-title.gif') scroll no-repeat 10000px top;
		}

/* sidebar2 */
	#sidebar2 {
	}
		#sidebar2 .linkcat {
			margin-bottom: 30px;
		}
			#sidebar2 .linkcat h2 {
				padding: 7px 0 8px 40px;
				background-color: transparent;
				background-image: url('./images/sidebar2-bullet-linkcat.gif');
				background-attachment: scroll;
				background-repeat: no-repeat;
				background-position: left center;
				color: #777777;
				font-weight: normal;
				font-size: 14px;
			}
				#sidebar2 #linkcat-2 h2 {
					background-image: url('./images/sidebar2-bullet-previous-webzines.gif');
				}
				#sidebar2 #linkcat-512 h2 {
					background-image: url('./images/sidebar2-bullet-special-articles.gif');
				}
				#sidebar2 .linkcat h2 span {
					font-weight: bold;
				}
				#sidebar2 .linkcat ul {
					list-style-type: none;
					margin: 0;
					padding: 0;
				}
					#sidebar2 .linkcat ul li {
						margin: 10px 0;
						padding: 0;
					}
		#sidebar2 .widget {
			margin-bottom: 30px;
		}
			#sidebar2 .widget h2.title {
				padding: 7px 0 8px 40px;
				background-color: transparent;
				background-image: url('./images/sidebar2-bullet-linkcat.gif');
				background-attachment: scroll;
				background-repeat: no-repeat;
				background-position: left center;
				color: #777777;
				font-weight: normal;
				font-size: 14px;
			}
			#sidebar2 .widget ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
				#sidebar2 .widget ul li {
					margin: 10px 0;
					padding: 0;
				}

/* footer */
	#footer ul.family {
		list-style-type: none;
		margin: 15px 0 10px 0;
		padding: 0;
		background-color: white;
		border-radius: 10px;
		-moz-border-radius: 10px;
		*zoom: 1;
		line-height: 100%;
	}
		#footer ul.family:after {
			content: ' ';
			clear: both;
		}
		#footer ul.family li {
			display: block;
			float: left;
			width: 107px;
			height: auto;
			margin: 10px 0 10px 10px;
			padding: 0;
		}
			#footer ul.family li a {
				display: block;
				width: 100%;
				height: 20px;
				background-color: transparent;
				background-attachment: scroll;
				background-repeat: no-repeat;
				background-position: center center;
			}
				#footer ul.family li a span {
					display: none;
				}
				#footer ul.family li a.kungfus {
					background-image: url('/img/banner1.gif');
				}
				#footer ul.family li a.transsroad {
					background-image: url('/img/banner2.gif');
				}
				#footer ul.family li a.kungfuro {
					background-image: url('/img/banner3.gif');
				}
				#footer ul.family li a.transs {
					background-image: url('/img/banner4.gif');
				}
				#footer ul.family li a.nomadist {
					background-image: url('/img/banner5.gif');
				}
				#footer ul.family li a.commune-r {
					background-image: url('/img/banner6.gif');
				}
				#footer ul.family li a.idag {
					background-image: url('/img/banner7.gif');
				}
				#footer ul.family li a.moontaknet {
					background-image: url('/img/banner8.gif');
				}
	#footer p.license {
		margin: 0;
		color: gray;
		font-size: 11px;
	}
	#footer p.credit {
		margin: 0;
		color: gray;
		font-size: 11px;
	}

/* comment */
	ol.commentlist {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		ol.commentlist li {
			margin: 15px 0 0 0;
			padding: 15px;
			background-color: #F6FAFC;
			border: 1px solid #D9EAF5;
			border-radius: 10px;
			-moz-border-radius: 10px;
		}
			ol.commentlist li ul.children {
				list-style-type: none;
				margin: 0 0 0 30px;
				padding: 0;
			}
				ol.commentlist li ul.children li {
				}
		ol.commentlist a {
			color: #7F9DB9;
		}
		ol.commentlist img.avatar {
			float: left;
			margin: 0 7px 0 0;
			padding: 1px;
			border: 1px solid gray;
		}
		ol.commentlist cite.fn {
			font-style: normal;
			font-weight: bold;
		}
		ol.commentlist .says {
			color: gray;
			font-size: 11px;
		}
		ol.commentlist .commentmetadata {
			margin-top: 7px;
		}
		ol.commentlist .commentmetadata, ol.commentlist .commentmetadata a {
			color: gray;
			font-size: 11px;
		}
		ol.commentlist p {
			text-align: justify;
			line-height: 160%;
		}
		ol.commentlist .reply {
			font-size: 11px;
		}