/*

*/
body 


{ 
background-color: #E1FAA2;
font-family: verdana, arial, sans-serif;
font-size:12px;
}


body.archive {}

#banner {display:none;}
#mobilebanner {position:absolute; z-index:-1; max-width:98%;}

/* Links */

a:link { color: #FF3C00; text-decoration: none; }
a:visited { color: #FF3C00; text-decoration: none; }
a:hover, a:active { color: #219EFF; text-decoration: none; }


/* Typography */



@font-face {
	font-family: 'maiden';
	src: url('http://waegukin.com/MaidenOrange.eot');
	src: local('☺'), url('http://waegukin.com/MaidenOrange.woff') format('woff'), 
              url('http://waegukin.com/MaidenOrange.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


/* @font-face {
	font-family: 'cocktail';
	src: url('/web/20150524190141/http://waegukin.com/font.eot');
	src: local('☺'), url('/web/20150524190141/http://waegukin.com/font.woff') format('woff'), 
              url('/web/20150524190141/http://waegukin.com/font.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

*/


h1 { display:inline; line-height:1px; }

.category h1 {color: #4d4d4d;
background-color:#fff;
letter-spacing:1px;
font-size: 12px;
text-transform:uppercase;
display:none;
text-decoration:underline;
}


h2 { color: #FF3C00;
font-weight:bold;
     font-size: 12px;
display:inline;
clear:both;
}

.single h2 {text-decoration:underline;}
.page h2 {text-decoration:underline;}
 
h3 { font-weight:bold; font-size: 12px; margin-bottom: 0px;
padding-bottom: 0px;}


h4 {   color: #FF3C00;
letter-spacing:1px;
text-transform:uppercase;
font-weight:bold;
     font-size: 12px;
margin-bottom:5px;

}


h5 {       font-size: 16px; color: #3f4f5c; text-transform: uppercase;}

h6 
{ 
	font-size: 12px; 
	text-transform: uppercase; 
	margin: 5px 0; 
	font-weight: bold; 
}



.frontpage p:first-child {
display:inline;
       	    }
.frontpage {}




.home  p {margin-top: 0; margin-bottom: 0;}


.home p + p {text-indent: 2.5em;
} 


.drops>p:first-child:first-letter  { float: left; font-size: 66px; 
line-height:55px; padding-top: 4px; padding-right:5px; font-weight:normal; font-style:normal; font-family: maiden, rockwell, arial, helvetica, sans-serif; color: #FF3C00;}

.drops>p:first-child:first-line  {font-weight:bold;}

 

ul { list-style-type: disc; color: #4d4d4d; list-style-position:inside;}

.category p {}



ol { color: #4d4d4d;}

blockquote
{	color: #575757;
	margin: 0px 35px;
        font-size: 11px;
         line-height:22px;
max-width:100% !important;
}


code {  font-family: Verdana, Arial, "Courier New"; 	
        color: #555555;
        font-weight: bold;
	padding: 5px 10px; 
	margin: 10px 20px;
     }

em { font-style: italic; }

strong { font-weight: bold; }

del { text-decoration: line-through;}



.sidenote
       {vertical-align:super; font-style:italic;
        color: #FF3C00; font-size:9px;}
        }

.sidenote a:link,
.sidenote a:visited,
.sidenote a:hover,
.sidenote a:active  {text-decoration:underline;}


.popnote {display:none;}




/* Structure */



#container
{
color:#4d4d4d;

}

#header
{
}









#wrapper
{
	margin-top: 5px;
	padding: 0;


}




#content
{
	
	line-height: 20px;
	background-color: #fff;
width:100%;
	float:left;
	margin-top:10px;
}


#content-wrapper
{
margin-top: 12px;
        margin-bottom: 15px;
	padding: 0px 15px 15px 15px;
	background-color:#fff;
   	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

	float:left;
}









#content .commentbox {
	color: #918E85;
	padding: 2px 0px 2px 0px;
	clear:both;
	font-size: 11px;
        margin-bottom: 10px;
	}


.comments { word-wrap: break-word;
	color: #4A4A4A;
	padding: 0px;

}

#comments {clear:both; padding-top:1px;}

#comments .comment {
        padding: 10px;
	border-bottom: 20px solid #ffffff;
}

#comments .comment cite {
        font-weight: bold;
        font-style: normal;
}

.comment-text {
  word-wrap: break-word;
}

#footer
{
	clear: both;
	position:relative;
	margin: 0px 0;
	color: #555555;
	padding: 10px 0;
        text-align: center;
	font-size:10px;
}













/* Single Post */

#post_content-wrapper
{
	float: left;
	background-color: #fff;
	margin-bottom: 25px;
        padding: 25px;

}


#post_content
{
	float: left;
}

#post_content .commentbox {
	coflor: #918E85;
	padding: 2px 5px 2px 5px;
	border-top: solid #D4CBB4 1px;
	border-bottom: solid #D4CBB4 1px;
	text-transform: uppercase;
	font-size: 12px;
        margin-bottom: 10px;
 
}






/* Navigation */

#navigation {display:none;}
#navigationmobile {float:left;
	text-transform: uppercase;
	width: 100%;
	background-color: #4C4D4C;
		font-weight:bold;
            font-size: 11px;
   	letter-spacing: 2.0px;
	line-height:15px;
margin-top:21%;
text-align:center;
   -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;}


#navigationmobile ul
{margin: 0 0px; list-style-position:outside; position:relative; left:-25px;}

#navigationmobile li {display:inline; }

#navigationmobile a:link,
#navigationmobile a:visited
{
	color: #ffffff;
	padding: 5px 5px 5px 5px;
display:inline-block;

}

#navigationmobile a:hover,
#navigationmobile a:active
	{  background-color: #53B4FF;
	color:#000;}






/* Content */


.post-title a:link {	       
	text-transform: uppercase;
	font-weight: bold;
	background-color:#4C4D4C;
       	letter-spacing:1px;
     	font-size: 12px;
	display:inline;
border-radius:3px;
margin-right:2px;
padding-left:5px;
padding-right:5px;
	color:#FFF;	

	
}


.post-title a:visited {	
       	color:#FFF;	
	font-weight: bold;
	background-color:#4C4D4C;
	text-transform: uppercase;
	letter-spacing:1px;
     font-size: 12px;
display:inline;
border-radius:3px;

padding-left:5px;
padding-right:5px;
	}


.post-title a:hover {
background-color: #53B4FF;	
letter-spacing:1px;
color:#000;
     font-size: 12px;
text-transform:uppercase;
display:inline;
border-radius:3px;

padding-left:5px;
padding-right:5px;

}

.heading  {}




.single-post-title {font-weight:normal;
font-family:maiden,sans-serif;
letter-spacing:0px;
font-size:27px;
line-height:29px;
color: #4d4d4d;}

.catbox {display:none;}

.cat-post-title {
font-weight:normal;
font-family:maiden,sans-serif;
letter-spacing:0px;
font-size:36px;
line-height:38px;
color: #4d4d4d;
}


.subject-post-title a:link{
  color: #FF3C00;
background-color:#fff;
letter-spacing:1px;
font-size: 12px;
text-transform:uppercase;
display:inline;
text-decoration:none;

} 

.subject-post-title a:visited {
  color: #FF3C00;
background-color:#fff;
letter-spacing:1px;
font-size: 12px;
text-transform:uppercase;
display:inline;
text-decoration:none;
} 


.subject-post-title a:hover {

 color: #219EFF;
background-color: #FFF;
letter-spacing:1px;
font-size: 12px;
text-transform:uppercase;
display:inline;
text-decoration:none;
} 








/* Sidebar */

/* Footer */

/* Comments */
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: left;
word-wrap: break-word;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	
	}

.commentlist p {
	margin: 10px 5px 10px 0;
word-wrap: break-word;
	}

#commentform p {
	margin: 0px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
.commentlist li, #commentform input, #commentform textarea {
	
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {

	font-weight: bold;
	
	}


.commentlist p {

	font-weight: normal;
	text-transform: none;
	}

#commentform p {

	}

.commentmetadata {
	font-weight: normal;
	}
.alt {background-color:#EFFFC7;
	
   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

	}



/* Images */


.center {
   display: block;
   margin-left: auto;
   margin-right: auto;

} 

img {border:none; max-width:100%; height:auto; }

img.wp-post-image { -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
margin-bottom:4px;
     }

.testo {max-width:80%;}
.even {position:relative;
float: right; margin-left: 10px; top:5px;
}

.odd {float: left; margin-right: 10px; position:relative;  top:5px;
   }

.pictbox {float: right; margin-left: 14px; margin-bottom:0px; margin-top:15px; margin-right:-4px; text-align:center; font-style:italic; font-size:10px; width:35%;}

.gallery-caption {text-align:center; font-style:italic; font-size:10px; margin-left:5px;margin-right:5px;}


img.attachment-thumbnail { 
-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
margin-bottom:4px;
height:auto;
     }

.size-thumbnail { 
     }


.attachment-medium  {

  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
height:35%;}


.aligncenter {   display:block;
max-width:100%; 
margin-left:auto;
margin-right:auto;

}

.alignleft {
   float: left;
-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
margin-bottom:4px;
margin-right:8px;


}

.alignright {-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
margin-bottom:4px;
margin-left:8px;
   float: right;

}



.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   padding: 0 4px 5px;
   margin: 0;
}


    /* Related Posts */  
    #related {text-align: center; padding:0; max-width:400px;}
    ol.related {text-align: center; padding:0;}  
ol.related li{width:25%; float: left; display:inline; }  
    ol.related img{}  
    ol.related a{clear:both; display:block; border:none; text-decoration:none; font-weight:normal; margin-bottom:10px; margin-right:4px; font-size:10px; line-height:13px;}  
      



/* Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera
Use the following classes to style your popular posts list as you like.
*/



#popular-wrapper
{

float:left;
	margin-top: 12px;
        margin-bottom: 0px;
	padding: 0px 15px 2px 15px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
position:relative;
top:-5px;
background-color:#fff;
}


#popular
{

float: left;
	line-height: 18px;
	width:100%;

	
}


/* title styles */
.wpp-post-title { color: #FF3C00; font-weight:normal;


}

/* thumbnail styles */
img.wpp-thumbnail {-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
margin-bottom:0px;
max-width:100%;
height:auto;
}

/* excerpt styles */
.wpp-excerpt {
}

  #popular ul {text-align: center; list-style-type:none; padding-left:0px;}  
#popular li{display:block;  float: left; width:20%;}  
    #popular a{ border:none; text-decoration:none; margin-bottom:5px; margin-top:-4px; margin-right:4px;display:block; font-size:10px; line-height:13px;}  

  

  



/* Forms */
#searchform input {width: 30%;}

#searchsubmit {width: 30%;}

textarea {width: 70%;}

.wp_hide_email {display:inline;}

/* table of contents plugin */

#toc_container {width:60%;  background-color:#EFFFC7; padding-top: 5px; padding-left:8px; padding-right:8px; padding-bottom:5px; margin-top: 12px; margin-bottom:12px;
  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;}

.month {display:none;}
.day {display:none;}
.year {display:none;}

.single-bluedot 
	{display:none;}
.single-datee {}
.bluedot {display:none;}
.datee {display:none;}

.no_bullets {}
.toc_title {text-decoration:underline; display:inline; font-weight:bold; }
.toc_list {list-style: none;}
ul.toc_list li {margin-left:-20px; list-style:none;}

ul.blogroll
{list-style:none; padding:0;
margin:0; }
.linkcattitle { display:none; }

.subscribe-label {color:#4d4d4d;}


.follow{display:none;}

    
.tweettext { display:none;}
.tweetdate {display:none;}
.tweetfollow {display:none;}


#slidebox{
}


   #slidebox ul {text-align: left; list-style-type:none; padding-left:0px;}  
#slidebox li{width:165px;display:block;  float: left; }  

#slidebox li a:link, #slidebox li a:visited {float:left;}


.video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
margin-left:0px; margin-right:0px;
	height: 0;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.trends  {
	position: relative;
	padding-bottom: 115%; /* 16:9 */

margin-left:0px; margin-right:0px;
	height: 0;
overflow:hidden;
}

.trends iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #ff3c00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff4d00), to(#cc3000));
	background: -moz-linear-gradient(top,  #ff4d00,  #cc3000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d00', endColorstr='#cc3000');
}


.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;

	font: 16px/100% verdana, Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,ii.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}