body, input, button, select, textarea { font-family:'lucida grande',tahoma,verdana,arial,NanumGothicWeb,sans-serif; 
   background: #E7EBF2;
   font-size:14px;
}
a.menu::after, .dropdown-toggle::after {
content: "";
text-indent: 0px;
}
#header {  z-index:100001; }
.container { width:1074px;  z-index:100001; }

#logo { width:350px; height:50px; float:left; }
#logo img {  }

#body.container { background:url(images/line.png) repeat-y 754px; }
span.imageblock { width:680px !important; }
#searchBox { width:210px; float:left; line-height:36px; margin-left:10px;}
.topbar div > ul.secondary-nav, .nav.secondary-nav { float:left; }
.nav.secondary-nav.nav-right  { float:right; }
.span7 { width:302px; }
.span16 { width:741px; }
aside li { font-size:12px; }
.row .content, .row #guestList ol li.content {
background-color: white;
padding: 10px;
margin-top:10px;
border: 1px solid #C4CDE0;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);

}
#guestWrite .clearfix, .commentWrite .clearfix { height:10px; }
.topbar div > ul a.menu:hover, .nav a.menu:hover, .topbar div > ul li.open .menu, .nav li.open .menu, .topbar div > ul .dropdown-toggle:hover, .nav .dropdown-toggle:hover, .topbar div > ul .dropdown.open .dropdown-toggle, .nav .dropdown.open .dropdown-toggle {
background: #627AAD;
}
.commentWrite h3 { margin-bottom:10px; float:left;}
img { max-width:100%; }
p { font-size:14px; }
ol, ul {
list-style: none;
margin: 0 10px 5px 10px;
}
#sidebar a { font-size:12px; color:#000; }
#sidebar h3 { font-size:13px; color: #3B5998; }

#searchBox .btn { font-size:16px; padding: 3px 8px ; position:relative; top:4px; }
.btn { padding-bottom:5px; }
.topbar a, #userID2 {
color: white;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}
.widget {
position:relative;
background-color: white;
padding: 3px;
margin-bottom:7px;
border: 1px solid #C4CDE0;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
.widget:hover { border-color: #97A4C2; }
.widget ul:first-child { border:1px solid #E5E5E5; margin: 10px 5px 5px 5px; padding:5px; }
.widget ul:first-child:before {
content: '';
position: absolute;
top: 34px;
left: 20px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 9px solid #E5E5E5;
border-left: 7px solid transparent;
}

.widget ul:first-child:after {
content: '';
position: absolute;
top: 35px;
left: 21px;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 8px solid white;
border-left: 6px solid transparent;
}
.google.widget { padding:0; }
.row > aside[class*="span"] {
margin-left: 29px;
}

h3.stitle {
color: #333;
font-size: 14px;
font-weight: bold;
text-shadow: 1px 1px 1px white;
border-top: 1px solid white;
border-bottom: 1px solid lightGrey;
padding-bottom: 3px;
padding-top: 2px;
padding-left: 10px;
margin-left: 0px;
margin-bottom: 5px;
line-height:22px;
background: #EDEFF4;
position:relative;
}
h2.title a {
color: white;
margin: 10px 0 0 0px;
font-size: 19px;
}

#content h2.title, #searchList h3.title, #guestbook h3.title, #taglog h3.title, span.category h3 {
margin-left: 20px;
color: white;
line-height: 28px;
font-size: 19px;
font-weight: bold;
text-shadow: 1px 1px 1px black;
border-bottom: 1px solid white;
border-top: 1px solid #DDD;
padding-top: 3px;
padding-bottom:3px;
padding-left: 10px;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 15px;
background: #444;
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #D4D4D4;
border-right: none;
background: #3B5998;
}
.admin {
margin-left: 20px;
}
.google300 { float:left; margin:20px 5px 20px 40px; }
.infor .date {
display: none;
margin-left: 10px;
}
aside #calendar a.cal_click {
color: white;
font-weight: bold;
background-color: #3B5998;
padding: 1px 5px 2px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
aside #calendar .cal_day4 {
color: white;
font-weight: bold;
width: 10px !important;
background-color: rgba(59, 89, 152, 0.3);
padding: 1px 0px 2px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
table td { vertical-align:middle; text-align:center; }
.actionTrail { margin-top:10px; }
.actionTrail a:hover { color:#ccc; }
.label {
font-size: 13px;
background-color: #3B5998;
}
#blogImage2 { width:23px; height:23px; }
#blog-info { margin:8px 0 0 10px; float:right; }
#blog-info li { color:#fff; font-size:13px; font-family:NanumGothicWeb; line-height:23px; margin:0 0 0 5px;}
#blogImage3 { position:absolute; top:-135px; z-index:1000; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .07);
box-shadow: 0 1px 2px rgba(0,0,0,.15); border-radius:3px; padding:3px; background:#fff; width:132px; }
#userID3 { position:absolute; top:-25px; left:20px; z-index:10000; color:#fff;  z-index:1000; }
.box_skitter_large {
width: 738px;
margin:20px 0 0 1px;
}
#collapse11 li {
margin-bottom: 5px;
}
#btnRSS a.label { padding:3px; position:relative; top:-2px; }
.content-top {
position:relative;

padding:30px 0 5px 5px ;
background:#fff;
border: 1px solid #C4CDE0;
-webkit-border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
.box_skitter .info_slide_dots {
bottom: -18px;
}

.box_skitter .prev_button, .box_skitter .next_button { display:none !important; }
.box_skitter:hover a.prev_button, .box_skitter:hover a.next_button { display:block !important; }

.focus_button, .play_pause_button { display:none; }
.box_skitter:hover .focus_button, .box_skitter:hover .play_pause_button { display:block; }
.box_skitter .label_skitter p {
padding: 5px 10px;
margin: 0;
font-size: 18px ;
letter-spacing: 0px;
font-family:NanumGothicWeb;
text-align:right;
}
.box_skitter .label_skitter {
opacity: 0.7 !important;
 filter: alpha(opacity=70);
}
.box_skitter .progressbar {  top: 15px  !important; z-index:151 !important; }

.box_skitter .info_slide_dots .image_number { 
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
width: 10px;
height: 10px;
 }
button.nav-toggle, button.nav-toggle2 { position:absolute; top:10px; right:10px; }
.author { margin-right:20px; }
.article { margin:0px 0 0 0 ; padding:20px; }
.tagTrail, .actionTrail { padding:0 20px; }
.actionTrail { margin-bottom:20px; }
.article1 .content-top { 
height:27px;
background: #f9f9f9;
background: -moz-linear-gradient(top, #f0f0f0, #f9f9f9);
background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f9f9f9));
filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#f0f0f0', EndColorStr='#f9f9f9', GradientType=0);
background-image: -ms-linear-gradient(top left, #f0f0f0 100%, #f9f9f9 100%);
 }

.entry {
position: relative;
}

.box_date {position:absolute;z-index:10;width:50px;top:30px;left:-35px;height:57px;padding:0px 0 0 0px; url(images/cnt_layer.png) no-repeat 0 0;border: 1px solid #333; border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:5px;box-shadow:-3px 3px 5px rgba(125,125,125,0.5);}
* html .box_date {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cfs.tistory/blog/skin/tis_photoEssay/images/cnt_layer.png', sizingMethod='crop');}

/*포스트작성날짜부분*/
#content .box_date .txt_month {color:#fff;display:block;overflow:hidden;float:left;width:50px;line-height:22px;height:22px; text-align:center; background:#3B5998 url(images/date-month-bg1.png) repeat-x top left;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
#content .box_date .txt_day {display:block;width:50px;font-size:19px;font-family:Tahoma;font-weight:bold;color:#3B5998;height:35px;line-height:35px ;text-align:center; background:#fff url(images/date-day-bg.png) repeat-x top left;border-top-right-radius:5px;}



/*.entry .date {font:10px Tahoma;color:#a3994d;}*/

span.txt_day:after { content:"th"; color:#333; font-size:9px;  }

.topbar div > ul a, .nav a {
padding: 6px 7px 11px;
}
#pagination {
height: 28px;
margin: 14px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
background-color: white;
padding: 10px;
margin-top: 10px;
border: 1px solid #C4CDE0;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
#pagination a {
background: white;
border: 1px solid #333;
color: #333;
line-height: 25px;
padding: 3px 8px;
margin-left: 0px;
background-color: #E6E6E6;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(25%, white), to(#E6E6E6));
background-image: -webkit-linear-gradient(white, white 25%, #E6E6E6);
background-image: -moz-linear-gradient(top, white, white 25%, #E6E6E6);
background-image: -ms-linear-gradient(white, white 25%, #E6E6E6);
background-image: -o-linear-gradient(white, white 25%, #E6E6E6);
background-image: linear-gradient(white, white 25%, #E6E6E6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
padding: 5px 8px 6px;
color: #333;
font-size: 11px;
font-weight: bold;
border: 1px solid #666;
border-bottom-color: #999;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;
}
#pagination a span.selected {
color: #0074CC;
font-weight: bold;
}
/********************* Timeline ***********************/
aside, .widget2 { position:relative; }

aside .pointer {
background: url(./images/icons-4.png) -41px -28px no-repeat;
width: 19px;
height: 15px;
position: absolute;
right: -18px;
top: 10px;
}
aside .widget > .pointer {
left: -19px;
right: auto;
background-position: -61px -28px;
}

#hope .pointer {
position: absolute;
background-image: url(./images/icons-5.png);
background-position: -26px -28px;
height: 21px;
width: 15px;
left: 755px;
top: -21px !important;
margin-left: -7px;
}
.widget2 .pointer, .widget3 .pointer {
background: url(./images/icons-4.png) -41px -28px no-repeat;
width: 19px;
height: 15px;
position: absolute;
right: -19px;
top: 15px;
}
.content-top.widget2 .pointer{ top:25px; }
.content-top.widget2 .pointer.up { top:5px; }
.content-top.widget3 .pointer{ top:5px; }
/************************ footer **************************/

#footer { background:#3B5998; color:#fff; padding:10px; border-radius:3px; margin-bottom:10px; }
#footer a {  color:#fff; text-shadow: 1px 1px 1px black; }
.footer .module_plugin {
margin-right: 11px;
float: left;
}





#floating-box {
position: absolute;
left: -66px;
border: 1px solid #CCC;
border-right: 0px;
padding: 5px;
background: white;
box-shadow:-1px 1px 3px rgba(125,125,125,0.2);
z-index: 1000;
}
#floating-box .arrow {
padding: 5px 0 5px 7px;
}
#viewon object param { z-index:1 !important; }
#searchList h3.title, #guestbook h3.title, #taglog h3.title, span.category h3 { margin-left:0; }

.commentList ol, #guestList ol {
list-style: none;
margin: 0 0 10px 0px;
}
.commentList ol li, #guestList ol li {
padding: 10px;
border: 1px solid #CCC;
border-radius: 2px;
margin-top: 3px;
}
.commentList ol li ul li, #guestList ol li ul li {
background: #EDEFF4;
}
.commentList p, #guestList p { line-height:18px; }
.name {
margin-bottom: 10px;
}
.commentList .name img:nth-child(2), #guestList .name img:nth-child(2) {
width: 64px;
height: 64px;
}
input.span7, textarea.span7 {
display: inline-block;
float: none;
width: 98%;
margin-left: 0;
}
span label { width:0; }
.commentWrite { margin-top:10px; }
.commentWrite .span2, #guestWrite .span2 { width:150px; margin-right:10px; }
.commentWrite input, #guestWrite .button input {  margin-right:10px; }
input { background:#fff; }
.secretWrap label { padding-top:0; width:100px; }
.secretWrap input { margin-right:0; }
.iconDown:after {
width: 0;
height: 0;
display: inline-block;
content: "↓";
text-indent: -99999px;
vertical-align: top;
margin-top: 4px;
margin-left: 4px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #333;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.iconUp:after {
width: 0;
height: 0;
display: inline-block;
content: "↑";
text-indent: -99999px;
vertical-align: top;
margin-top: 4px;
margin-left: 4px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid #333;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
button.nav-toggle, button.nav-toggle2 { background:transparent; }
.category.pull-right {
margin-right: 0px;
position: absolute;
top: 5px;
right: 10px;
}
.category.btn { padding:2px 7px 3px; font-size:13px;}
.admin .btn { padding: 3px 7px 4px; }

#searchBox input { margin-top:-5px; }

#tagbox li, #taglog li { display:inline; }

#searchList ol li {
line-height: 20px;
padding: 7px 0;
border-bottom: 1px solid #EEE;
}




#sidebar #category ul li a:before{
content: " ";
background-position: -408px -120px;
display: inline-block;
width: 14px;
height: 14px;
margin-top: 1px;
margin-right:10px;
line-height: 14px;
vertical-align: text-top;
background-image: url("./images/glyphicons-halflings.png");
background-repeat: no-repeat;
}
#sidebar #category ul li ul li a:before {
content: " ";
background-position: -48px -48px;
display: inline-block;
width: 14px;
height: 14px;
margin-top: 1px;
margin-right:10px;
line-height: 14px;
vertical-align: text-top;
background-image: url("./images/glyphicons-halflings.png");
background-repeat: no-repeat;
}
#sidebar #category ul li ul li ul li a:before {
content: " ";
background-position: -144px -144px;
display: inline-block;
width: 14px;
height: 14px;
margin-top: 1px;
margin-right:10px;
line-height: 14px;
vertical-align: text-top;
background-image: url("./images/glyphicons-halflings.png");
background-repeat: no-repeat;
}
.icon-twitter:before {

} 

.blueberry.widget { padding:0; margin-bottom:10px; } 
.pager { display:none; }
ul.slides { margin:0 0 0px 0; }
.blueberry { margin: 0 auto; }
.blueberry .slides {
	display: block;
	position: relative;
	overflow: hidden;
}
.blueberry .slides li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.blueberry .slides li img {
	display: block;
	width: 100%;
	max-width: none;
}
.blueberry .slides li.active { display: block; position: relative; }
.blueberry .crop li img { width: auto; }




.blueberry .pager {
        display:none;
	height: 40px;
	text-align: center;
}

#sidebar a.cloud1, #taglog a.cloud1 { font-size:18px; color:red; margin-right:5px;}
#sidebar a.cloud2, #tagbox a.cloud2 { font-size:16px; color:green; margin-right:5px; }
#sidebar a.cloud3, #tagbox a.cloud3 { font-size:14px; color:blue; margin-right:5px; }
#sidebar a.cloud4, #tagbox a.cloud4 { font-size:12px; color:pink; margin-right:5px; }
#sidebar a.cloud5, #tagbox a.cloud5 { font-size:12px; color:black; margin-right:5px; }

#taglog li { line-height:20px; }