@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

body {
    min-width:800px;
    margin: 0;
    color: black;
    text-align: center;
    font-family: "Trebuchet MS","Lucida Grande","Tahoma","Helvetica","Arial",sans-serif; 
    line-height: 180%; 
    text-align:justify;
}

/*---  anchors ---*/
a:link { 
 color: black; 
 text-decoration: underline; 
}

a:visited { 
 color: black; 
 text-decoration: underline; 
}

a:active { 
 color: black ;
 text-decoration: underline; 
}

a:hover { 
 color: #666666; 
 text-decoration: underline; 
}
/* end of tag style  ----------------------------------------------------------*/

/* layout style --------------------------------- */

body #header_section {
  padding: 0 3em 0.5em 3em;
  background-color: #EEEEEE;
}

body #header_section #header {
  text-align: left;
}

body #content_section {
  padding: 0 5em 0 5em;
  background-color: white;
}

body #content_section #content {
  padding: 2em 0 1em 0;
  text-align: left;
}

body #footer_section {
  padding: 0 3em 0 3em;
  background-color: #EEEEEE;
  font-size: 0.8em;
}

body #footer_section #footer {
  clear: both;
  text-align: center;
}

/* end of layout style --------------------------------- */

/* sidebar style */

#sidebar h2 {
  margin: 0;
  padding: 1em 0 0 0;
  font-weight: bold;
  font-size: 1.2em;
}

.archives {
}

.archives ul {
  margin: 0;
  padding: 0 0 0 3em;
  line-height: 120%;
}

.friends {
}

.me2_tags {
  padding-left: 0.5em;
  font-size: 0.9em;
}

.me2day_daily_digest .datetime {
  color: #cccccc;
  padding-left: 0.5em;
  font-size: 0.9em;
}

.me2day_daily_digest ul {
  padding-left: 0;
}

.me2day_daily_digest ul li {
  list-style: none;
  background: url('http://me2day.net/images/me2day_icon.gif') no-repeat left 0.4em;
  padding-left: 25px;
}

.me2day_daily_digest ul li p {
  margin-top: 0
}

.my_profile {
  position: absolute;
  right: 12px;
  top: 12px;
  border: 1px solid #dddddd;
  padding: 2px;
  background-color: white;
}

/* post style --------------------------------- */
.post {
  padding: 1em 0 0 0;
}

.post h1 {
  font-size: 1.5em;
  font-weight: bold;
  margin : 1em 0 0 0;
}

.post h1 a {
  text-decoration: none;
}

.post h1 a:hover {
  color: black;
  text-decoration: underline;
}

.post .entry-content {
  font-size: 1em;
  font-weight: normal;
  line-height: 180%; 
  text-align: justify;
}

.post .attachments {
  text-align: right;
  font-size: 0.8em;
  font-weight: normal;
	margin : 0 0 1em 0;
}

.paging {
  font-size: 0.8em;
  padding-top: 2em;
  padding-bottom: 3em;
  text-align: center;
}

.commentlist .comment {
    margin: 1em 0 1em 2em;
    padding: 0.5em 1em 0.5em 1em;
    background: #eeeeee;
}

.code, pre {
	font-family: Lucida Console, Courier New, 굴림;
	font-size: 0.9em; 
	line-height: 120%;
  letter-spacing: 0pt;
	background-color:#f0f0f0;
	border: 1px solid #999999;
	overflow: scroll;
}

code {
    font-family: Lucida Console, Courier New, 굴림;
    letter-spacing: 0;
}

.figure_left {
	float: left;	
	margin-right: 12px;
	margin-bottom: 6px;
	margin-top: 6px;
	border: 1px solid #ccc;
	padding: 5px;
}

.figure_right {
	float: right;	
	margin-left: 12px;
	margin-bottom: 6px;
	margin-top: 6px;
	border: 1px solid #ccc;
	padding: 5px;
}

.figure {
	text-align:center;
	border: 1px solid #ccc;
	padding: 5px;
}

a img {
	border: none;
}

.syntax_hilite {
	border: 1px solid #ccc;
	padding: 5px;
}

/* codian.net style ----------------------------------------------------------*/

#codian, #codian a:link, #codian a:visited, #codian a:active, #codian a:hover{
  padding-top: 1em;
  color:black;
  text-decoration: none; 
  font-family: trebuchet ms, courier new; 
  font-size: 1.4em;
}

/* end of codian.net style ----------------------------------------------------------*/


/* me2day_posts */

#me2day_posts {
  float: left;
  width: 410px;
  font-size: 10pt;
  background-color: #eeeeee;
  padding: 1em 1em 0 1em;
  margin: 1em;
  font-family: "Trebuchet MS", "Lucida Grande", "Tahoma","Helvetica","Arial", "hiragino kaku gothic pro", "NanumGothic", sans-serif;
  line-height: 1.5;
}

#me2day_posts .me2day_post {
  clear: both;
  margin: 0.5em;
  padding-bottom: 1.5em;
}

#me2day_posts .me2day_post .me2day_post_icon {
  float: left;
  padding-top: 5px;
}

#me2day_posts .me2day_post .me2day_post_icon img {
  border: none;
}

#me2day_posts .me2day_post .me2day_body_part {
  margin-left: 60px;
}

#me2day_posts .me2day_post .me2day_body_part .me2day_post_body {
  font-size: 1.2em;
  padding-bottom: 0.5em;
}

#me2day_posts .me2day_post .me2day_body_part .me2day_post_body a {
  color: #930;
}

#me2day_posts .me2day_post .me2day_body_part .me2day_post_body a:hover {
  color: red;
}

#me2day_posts .me2day_post .me2day_body_part .me2day_tag {
  display: inline;
}

#me2day_posts .me2day_post .me2day_body_part .me2day_tag a {
  color: black;
  text-decoration: none;
}

#me2day_posts .me2day_post .me2day_body_part .me2day_posted_at {
  display: inline;
  font-size: 0.9em;
  margin-left: 0.5em;
}

#me2day_posts .me2day_post .me2day_body_part .me2day_posted_at a {
  color: gray;
}

#me2day_posts .me2day_post .me2day_body_part .me2day_comments {
  display: inline;
  font-size: 0.9em;
  margin-left: 0.5em;
}

#me2day_posts .me2day_post .me2day_body_part .me2day_comments a {
  color: gray;
}

#me2day_posts .me2day_post .me2day_seperator {
  clear: both;
}

/* end of me2day_posts */

/* me2day_friends */
#me2day_friends {
  float: left;
  width: 410px;
  padding: 1em;
  margin: 1em;
  background-color: #eeeeee;
}

#me2day_friends .profile_image {
  float: left;
  position: relative;
  width:77px; 
  margin: 3px 3px 0 0px; 
  border:1px solid #eee;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

#me2day_friends .profile_image img {
  border: 0;
}

#me2day_friends .profile_image .image { 
  height:77px; 
  width:77px;     
}

#me2day_friends .profile_image .name { 
  position:absolute; 
  width:73px;
  height: 16px;
  margin-top:-19px;
  padding:1px 0 2px 5px; 
  font: 85% Trebuchet,"Trebuchet MS",Verdana,Sans-Serif; 
  font-size:8pt;  
  text-indent: 0;
  line-height: 19px;
  letter-spacing:.1em;  
  color:#fff; 
  text-align:center;
  white-space: no-wrap;
  overflow: hidden;
  background:#797979;
  opacity: .8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
} 
    
#me2day_friends .profile_image .name a, 
#me2day_friends .profile_image .name a:hover { 
  color:#fff; 
  padding-right:10px; 
  text-decoration:none;
}

#me2day_friends .me2day_seperator {
  clear:both;
}