﻿/*

@charset "utf-8";

Copyright 2005 MediaMob 
MediaMob.co.kr Global CSS



@import "blognav.css";
@import "global_header.css";
@import "global_sidebar.css";
@import "global_fonts.css";

*/

/*

master.css
- iframe을 제외한 겉 frame을 위해 관련 CSS를 대신 불러와주는 CSS
- import 순서를 바꾸지 마세요 :)

순서를 바꾸면 
inbody_colors.css에서 새로 지정한 것들이 
inbody.css에 의해서 덮혀 씌워질 수 있습니다.


가장 나중에 inport 한 파일이 적용시에 우선권을 가집니다.

*/

/*
Copyright 2005 MediaMob 
MediaMob.co.kr Blog Navigation CSS
*/

/* ============================ Colors ============================ */
body {
	color: #333; /* 전체글씨색상 */
	background: #FFF; /* 전체배경 */
}
a:link, 
a:visited {
	color:#333;
}
a:hover, 
a:active {
	color:#333; /* 전체글씨색상 */
}
.nick { 
	color:#069; 
}
a.nick:link,
a.nick:visited { 
	color:#069; 
}
a.nick:hover { 
	color:#069; 
}
a.nick:active  { 
	color:#09C; 
}
#contents {
	border-color: #EAEAEA; /* 컨텐츠 테두리칼라 */
}
#sidebar {
	background:#FFF; /* 메뉴프레임 배경색상 */
	border-color:#EAEAEA; /* 메뉴프레임 테두리칼라 */
}

/* ============================ // Colors ============================ */



/* <group=reset> */
body, h1, h2, h3, h4, h5, h6, p, blockquote, form, ul, ol, li, form, fieldset {
	margin: 0;
	padding: 0;
}
ul, ol, li {
 	list-style: none;
}
/* </group> */




/* <group=common>  */
body {
	color: #333; /* 전체글씨색상 */
	padding:15px;
	background: #FFF; /* 전체배경 */
}
a:link, 
a:visited {
	color:#333;
	text-decoration: none; /* 전체글씨색상 */
}
a:hover, 
a:active {
	color:#333; /* 전체글씨색상 */
	text-decoration: underline;
}
img, fieldset {
	border:none;
}
img, input, select {
	vertical-align: middle;
}
/* </group>  */

/* <group=Nickname>  */

.nick { 
	color:#069; 
	font-weight:bold; 
	text-decoration:none;
}
a.nick:link,
a.nick:visited { 
	color:#069; 
	text-decoration:none;
}
a.nick:hover { 
	color:#069; 
	text-decoration:underline;
}
a.nick:active  { 
	color:#09C; 
	text-decoration:underline;
}
/* </group>  */



.none_line {  
	text-decoration:none;
}
a.none_line:link,
a.none_line:visited { 
	text-decoration:none;
}
a.none_line:hover,
a.none_line:active  { 
	text-decoration:underline;
}





/* <group=Layout>  */


#container {
	width:770px;
	margin-top:10px;
}

#contents {
	float:right;
	width:574px;
	margin: 0 0 20px 0;
	padding: 0;
	border:1px solid #EAEAEA; /* 컨텐츠 테두리칼라 */
	overflow-x:hidden;
}
#sidebar {
	float:left;
	width:182px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	background:#FFF; /* 메뉴프레임 배경색상 */
	border:1px solid #EAEAEA; /* 메뉴프레임 테두리칼라 */
}

/* </group>  */

/*
Copyright 2005 MediaMob 
MediaMob.co.kr Blog Header CSS
*/


/* ============================ Colors ============================ */
#header {
	background: #000; /* 블로그 이름 박스 배경 */
}
#header h1 a { /* 블로그 이름 텍스트  */
	color: #FFF;
}
#head_menu { /* 헤더하단 바 */
	background: #F1F1F1;
}
#url a { /* 블로그 주소 */
	color: #666; 
}
#url a:hover { /* 블로그 주소 hover 값 따로 지정..  */
	color: #333; 
}
#user_menu a { /* 우측 관리 메뉴  */
	color: #000; 
}
#user_menu li img { /* 우측 관리 메뉴 사이의 분리 bar 색상 */
	background: #000;
}
/* ============================ // Colors ============================ */





/* <group=Header>  */

#header {
	width:770px;
	height:55px; /* 블로그이름 박스 세로사이즈 (55/120/180/240) */
	background:#000; /* 블로그이름 박스 배경 */
}
h1 {
	letter-spacing:-1px;
	padding-left: 15px;
}
h1 a:link,
h1 a:visited {
	text-decoration:none;
}
h1 a:hover, 
h1 a:active {
	text-decoration:underline;
}

#header h5 {
	padding-top: 21px;
}
#header h1 .objact {
	float: left;
}
#header h5 .edit {
	padding-left: 5px;
}

#head_menu {
	width:770px;
	height:25px;
	background:#F1F1F1;
}

#url {
	float:left;
	margin-top:5px;
	padding-left:10px;
}

#url a {
	color:#666;
	text-decoration: underline;
}
#url a:hover {
	color:#333;
}

#user_menu {
	color:#000;
	float:right;
	margin-top:5px;
	padding-right:10px;
}

#user_menu li {
	float: left;
}
#user_menu a {
	color:#000; 
}
#user_menu a:hover {
	color:#000; 
}
#user_menu li img {
	float: left;
	margin:1px 5px 0 5px;
	background: #000;
	vertical-align: bottom;
	display: block;
}
* html #user_menu li img {
	margin:1px 5px 0 0;
}
/* </group>  */

/*
Copyright 2005 MediaMob 
MediaMob.co.kr Blog Sidebar CSS
*/

/* ============================ Colors ============================ */

	/*
	#sidebar	: 사이드바 전체 감싼 div
		#personal	: 개인이미지
		#memo	: 메모
		#category	: 카테고리(폴더)
		#calendar	: 달력
		#recent	: 리플/트랙백/방문객 감싼 div
			#myreply	: 나의 리플
			#reply	: 최근 리플
			#trackback	: 최근 트랙백
			#visiter	: 최근 방문객 (첨에 파일명이 잘못되어 있었어서 얘만 id명이 잘못되었어요;;)
		#link	: 즐겨찾기
		#newRSS	: 구독 RSS 소식
		#newpost	: 미디어몹 새글
		#search	: 검색
		#etc	: 미디어몹 로고
			#RSS	:	RSS주소/RSS란?
	*/
	

#sidebar { /* 각 박스 타이틀 및 링크 걸리지 않은 텍스트 색상 */
	color: ;
}
#sidebar a {
	color: ;
}
#sidebar {
	border-color:;
}
#personal,
#memo,
#calender,
.line,
#category #folder li ul {
	border-color: #EAEAEA;
}
.folder_line {
	color:#EAEAEA; 
}
.sunday {
	color:#C00;
}
.saturday {
	color:#09C;
}	
.search_form {
	background:#FBFBFB; 
}
.search_btn {
	background:#E1E1E1; 
}

.search_form,
.search_btn {
	border-color: #CCC;
}

/* ============================ // Colors ============================ */






/* 

1단 프레임의 h2에 이미지를 사용해야할 경우

#sidebar h2 { 
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -1000px;
}
#menuframe h2#myreply { 나의 리플
	background-image: url();
}
#menuframe h2#reply { 최근 리플
	background-image: url();
}
#menuframe h2#trackback { 최근 리플
	background-image: url();
}
#menuframe h2#visitor { 최근 방문객
	background-image: url();
}
#menuframe h2#visitor { 최근 방문객
	background-image: url();
}
#menuframe #link h2 { 즐겨찾기
	background-image: url();
}
#menuframe #newRSS h2 { 구독 RSS
	background-image: url();
}
#menuframe #newRSS h2 { 미디어몹 새글
	background-image: url();
}
*/

/* <group=Counter>  */
#counter {
	text-align:center;
	padding:5px;
}
/* </group>  */

/* <group=Personal>  */
#personal {
	margin:0 8px 8px 8px;
	padding:8px;
	border:1px solid #EAEAEA;
}
#nick {
	margin:3px 0 0 0;
}
#memo {
	text-align: justify;
	margin: 0 8px 8px 8px;
	padding: 8px;
	border: 1px solid #EAEAEA; 
}
#memo .menu {
	text-align: right;
}
/* </group>  */

/* <group=Category>  */
#category {
	margin:12px 8px 8px 8px;
}
#category a:link, 
#category a:visited {
	text-decoration:none;
}
#category a:hover, 
#category a:active {
	text-decoration:underline;
}
#category #folder {
	margin:0;
	padding:0;
}
#category #folder li {
	list-style:none;
	margin:0;
}
.all_folder {
	padding:2px 0 2px 17px;
	background:url(../img/skin/default/tree_folder_yellow.gif) no-repeat;
}
.visit {
	padding:2px 0 2px 17px;
	background:url(../img/skin/default/tree_visiter.gif) no-repeat;
}
.profile {
	padding:2px 0 2px 17px;
	background:url(../img/skin/default/tree_profile.gif) no-repeat;
}

/* ------------------------------------------------------------ */
/*
2006년 07월27일 CSS 추가 By io2tree 
사진첩 관련 아이콘 CSS 정의
*/
.photofoler {
	padding:2px 0 2px 17px;
	background:url(../img/skin/default/tree_blogphoto.gif) no-repeat;
}
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/*
2006년 09월04일 CSS 추가 By zephyr
태그클라우드 관련 아이콘 CSS 정의
*/
.tag {
	padding:2px 0 2px 17px;
	background:url(../img/skin/default/tree_tag.gif) no-repeat;
}
/* ------------------------------------------------------------ */

#category #folder li ul {
	margin-left:-10px;
	padding:3px 0 3px 0;
	border-left:1px solid #EAEAEA; /* 메뉴프레임 테두리칼라 */
}
.folder {
	padding:2px 0 1px 23px;
	background:url(../img/skin/default/tree_folder_blue.gif) no-repeat 0 5px;
}
.folder_no {
	padding:2px 0 1px 23px;
	background:url(../img/skin/default/tree_folder_gray.gif) no-repeat 0 5px;
}
.folder_line {
	color:#EAEAEA; /* 메뉴프레임 테두리칼라 */
}
/* </group>  */

/* <group=Calendar>  */
#calender {
	margin:8px;
	padding:5px;
	border:1px dotted #E0E0E0; /* 메뉴프레임 테두리칼라 */
}
#calender a {
}	
#calender th,td {
	text-align:center;
	width:22px;
}			
.calender_today {
}
.sunday {
	color:#C00;
}
.saturday {
	color:#09C;
}	
#calender_month th {
	text-align:center;
	width:110px;
	height:20px;	
}	
#calender_month td {
	text-align:center;
	width:22px;
	height:20px;		
}

/* </group>  */

/* <group=Decoration>  */
	
.line {
	padding-bottom:5px;
	border-bottom:1px solid #EAEAEA; /* 메뉴프레임 테두리칼라 */
}
	
.list_btn {
	text-align:right;
	float:right;
	width:30px;
	margin-top:-23px;
}
/* </group>  */

/* <group=Recent Lists>  */
#recent {
	margin: 0 10px 0 10px;
}
#recent #myreply {
	float:left; 
	width:160px; 
	margin:15px 0 7px 0; 
}
#recent #reply {
	float:left; 
	width:160px; 
	margin:15px 0 7px 0; 
}
#recent #trackback {
	float:left; 
	width:160px; 
	margin:15px 0 7px 0; 
}
#recent #visiter {
	float:left; 
	width:160px; 
	margin:15px 0 7px 0; 
}
#recent ul {
	float:left;
	width:162px;
	margin:0;
	padding:0;
}
#recent li {
	margin:0;
	padding-left:9px;
	background:url(../img/skin/default/recent_dot.gif) no-repeat 0 5px;
}
/* </group>  */

/* <group=Favorite>  */
#link {
	margin:0 10px 0 10px;
}
#link h2 {
	float:left; 
	width:160px; 
	margin:15px 0 7px 0; 
}
#link ul {
	float:left;
	width:162px;
	margin:0;
	padding:0;
}
#link li {
	list-style-type:none;
	margin:0;
	padding-left:9px;
	background:url(../img/skin/default/recent_dot.gif) no-repeat 0 5px;
}
/* </group>  */

/* <group=RSS>  */
#newRSS {
	margin:0 10px 0 10px;
}
#newRSS h2 {
	float:left; 
	width:160px; 
	margin:15px 0 7px 0; 
}
#newRSS ul {
	float:left;
	width:162px;
	margin:0;
	padding:0;
}
#newRSS li {
	list-style-type:none;
	margin:0;
	padding-left:9px;
	background:url(../img/skin/default/recent_dot.gif) no-repeat 0 5px;
}
/* </group>  */

/* <group=New Posts>  */
#newpost {
	margin: 0 10px 0 10px;
}
#newpost h2 {
	float:left; 
	width:160px; 
	margin:15px 0 7px 0; 
}
#newpost ul {
	float:left;
	width:162px; 
	margin:0;
	padding:0;
}
#newpost li {
	list-style-type:none;
	margin:0;
	padding-left:9px;
	background:url(../img/skin/default/recent_dot.gif) no-repeat 0 5px;
}
/* </group>  */

/* <group=Search>  */
#search {
	margin:10px;
}
.search_form {
	float:left;
	width:113px;
	margin-top:10px;
	padding:2px;
	background:#FBFBFB; 
	border:1px solid #CCC;
}
.search_btn {
	float:right;
	width:40px;
	margin-top:10px;
	padding-top:1px;
	background:#E1E1E1; 
	border-style:none /*1px solid #CCC*/;
}
/* </group>  */

/* <group=Utilities>  */
#etc {
	margin:10px;
}
#mediamob {
	float:left;
	width:100px;
	margin-top:5px;	
	padding:0;
}
#RSS {
	float:right;
	text-align:center;
	margin-top:10px;		
	padding:0;
}
/* </group>  */

/*
Copyright 2005 MediaMob 
MediaMob.co.kr Blog Fonts CSS
*/

/*
global-fonts.css
- 블로그의 모든 곳에 공통적으로 적용되는 폰트 설정 파일


-------------------------
(html안에 internal CSS로 지정할 경우 말고 )
본 CSS에 항목을 추가함으로서, 겉프레임을 제외하고  iframe안에 들어가는 문서(contents)의 font만 제어해야 할 경우엔

제어하고자 하는 class나 id의 앞에 body#innerbody를 추가하여서 쓰되,
본 CSS 파일의 가장 하단에 추가합니다.
혹은 해당 class나 id의 바로 아래에 추가합니다.
(나중에 선언된 것이 우선권을 가지기 때문입니다.)

ex) 
body#innerbody h3 {
	font-family: 궁서, georgia, serif;
}

위와 같이 적으면 겉의 contents 파일에서만 섹션 타이틀이 궁서체로 바뀝니다.




전체 창의 heading 순서에 종속되기 위해 contents 파일은 h3부터 시작함을 유의하세요~ :)

*/






/*
*:lang(ko-kr) {
font-family: 돋움, dotum, applegothic, sans-serif;
}
*:lang(en-us) {
font-family: verdana, helvetica, sans-serif;
}
*/

/* <group=reset> */
body {
	font-size: 12px;
	font-family: 돋움, dotum, verdana, sans-serif;
	line-height: 16px;
}
h1 {
	font-size: 1.3em;
}
h2, h3, h4, h5, h6 {
	font-size: 1em;
}
h3#post-write {
	font-size: 1.25em;
}
ul, ol, li {
 	list-style: none;
 }
.low, legend  {
	display: none;
}
.black {
	display: block;
}
input, textarea, select {
	font-size: 1em;
	font-family: 돋움, dotum, sans-serif;
}
img, input, select {
	vertical-align: middle;
}
/* </group> */

.num,
#counter,
#page { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
.num { 
	font-size: 0.75em;
}
#counter {
	font-size:0.8em;
}
#page {
	font-size: 0.95em;
	font-weight: bold;
}


/* <group=Sidebar Headings> */
#url {
	font-size: 0.75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#calender {
	font-family:Tahoma, Arial, Helvetica, sans-serif;	
}
#calender a {
	font-size:0.85em;
}	
#calender th,td,
.calender_today  {
	font-size:0.9em;
}
#calender_month th {
	font-size: 1em;
}
#calender a,		
.calender_today {
	font-weight:bold;
}
/* </group> */



/* <group=list 리스트 - 본문형 >  */
div#header h3#category,
.tb-address th,
#list-type-top th.head,
#list-type-top.trackback th {
	font-weight: normal;
}
#list-type li a.on,
#comments .info a,
#guestbook-list .info a,
#list-type-top.trackback .tb-list td.title a,
#list-type-top.trackback .info {
	font-weight: bold;
}
#container.text .info span.date,
#comments .info span.date,
#container.summary .info span.date,
#guestbook-list .info span.date {
	font-family: verdana, sans-serif;
}
#list-type-top td.title {
	font-size: 1em;	
}
#container.text .info span.date,
#comments .info span.date,
#container.summary .info span.date,
#guestbook-list .info span.date,
#list-type-top.trackback .tb-list td.title span,
#comments span.title-scrap,
#container.text .file,
#container.list .file  {
	font-size: 0.95em;
}
#list-type-top.trackback .info {
	font-size: 1em;
}
/* </group> */

/* <group=comments>  */
#comments .box div.charac,
#guestbook-list .box div.charac { /*글자수 표시*/
	font-family: verdana, sans-serif;
	font-size: 0.95em;
}
#guestbook-list .box div.public {
	font-size: 0.9em;
}
/* </group> */




/* <group=list>  
list-type-all : 제목형 리스트
list-type-reply : 나의 리플  
*/

#list-type-all th,
#list-type-all td,
#list-type-reply th,
#list-type-reply td {
	font-size: 1em;
}
#list-type-reply.visitor-list a,
#list-type-reply td.visitor span,
#list-type-reply td.category  {
	font-weight: bold;
}

/* </group> */


/* <group=summary>   
	요약형 리스트
*/
#container.summary span.summary-category { /* 머릿말 */
	font-weight: normal;
}
/* </group> */

/* <group=list-type-pn>
이전글 다음글
*/


/* </group> */
/* <group=Contentc-poll>
설문조사 있을 경우
*/
div.contents-poll div.poll-info .static,
div.contents-poll div.poll-info .term,
div.contents-poll div.poll-info .people {
	font-weight: bold;
	font-size: 0.95em;
}

div.contents-poll div.poll-info .static {
	font-weight: normal;	
}  

/* </group> */

/* <group=post-write>
포스트 쓰기
*/
div.post-write label,
div.author-profile label { /* 좌측 항목  */
	font-weight: bold;
}
div.post-write label.sub,
div.post-write label.sub-second,
div.author-profile label.sub,
div.author-profile label.sub-second {
	font-weight: normal;
}
div.post-write .post-attch-info .post-attch-info-kb {
	font-size: 0.9em;
}
/* </group> */


/* <group=profile>
프로필 보기 및 수정
*/





/* <group=new-rss>
구독 RSS
*/
#new-rss-info a,
#new-rss-refresh strong,
#new-rss-list a.url {
	font-size: 0.9em;
}

#new-rss-info a,
#new-rss-refresh strong {
	font-weight: bold;
}
/* </group> */

/* <group=nickname> 닉네임 */
.nick { 
	font-weight:bold; 
	text-decoration:none;
}
a.nick:link,
a.nick:visited {  
	text-decoration:none;
}
a.nick:hover,
a.nick:active { 
	text-decoration:underline;
}
/* </group> */



/* <group=user_layer> 클릭 레이어 */

div#user_layer img {
	vertical-align: middle;
	border:none;
}
div#user_layer ul, ol, li {
 	list-style: none;
	margin: 0;
	padding: 0;
 }

div#user_layer{
	z-index:1;
	border: 1px solid #D6D6D6;
	padding: 4px;
	width: 85px;
	text-align: left;
	font-size: 12px;
	font-family: 돋움, dotum, verdana, sans-serif;
}
div#user_layer .em {
	background: #000;
	border: none;
}
div#user_layer .em a {
	color: #FFF;
}
div#user_layer li {
border-top: 1px dotted #BEBEBE;
padding: 5px 0  2px 3px;
}

div#user_layer.icon {
width: 234px;
padding-top: 0;
padding-bottom: 0;
}
div#user_layer.icon ul {
	padding: 5px 0 5px 0;
	border-top: 1px dotted #BEBEBE;
}
div#user_layer.icon ul.default,
div#user_layer.icon li {
	border: none;
}
div#user_layer.icon li {
	display: inline;
	padding: 0 0 5px 1px ;
}
/* <group=user_layer> 클릭 레이어 */



/* layer 문제 추가분 */
.clear {
	clear: both;
}

