/*
Theme Name: RichWP BlogBeast
Theme URI: http://richwp.com/themes/blogbeast/
Author: RichWP
Author URI: http://richwp.com
Description: BlogBeast live demo: http://richwp.com/themes/blogbeast/
Version: 1.0.0
Tags: custom-menu, post-formats, threaded-comments, translation-ready, full-width-template, theme-options

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Copyright 2012 by RichWP
Changelog:	V1.0.0 - 2012-11-08 Release of - RichWP BlogBeast
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;} audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;} audio:not([controls]) {display: none; height: 0;} [hidden] {display: none;} html {font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */} html, button, input, select, textarea {font-family: sans-serif;} body {margin: 0;} a:focus {outline: thin dotted;} a:active, a:hover {outline: 0;} h1 {font-size: 2em; margin: 0.67em 0;} h2 {font-size: 1.5em; margin: 0.83em 0;} h3 {font-size: 1.17em; margin: 1em 0;} h4 {font-size: 1em; margin: 1.33em 0;} h5 {font-size: 0.83em; margin: 1.67em 0;} h6 {font-size: 0.75em; margin: 2.33em 0;} abbr[title] {border-bottom: 1px dotted;} b,strong {font-weight: bold;} blockquote {margin: 1em 0 1em 0;} dfn {font-style: italic;} mark {background: #ff0; color: #000;} p, pre { margin: 0 0 2em 0;} code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1.1em;} pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;} q { quotes: none;} q:before, q:after { content: ''; content: none;} small { font-size: 80%;} sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup { top: -0.5em;} sub { bottom: -0.25em;} dl, menu, ol, ul { margin: 1em 0;} dd { margin: 0 0 0 40px;} menu, ol, ul { padding: 0 0 0 0px;} nav ul, nav ol { list-style: none; list-style-image: none;} img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */} svg:not(:root) { overflow: hidden;} figure {margin: 0;} form { margin: 0;} fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */} button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */} button, input { line-height: normal;} button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible;  /* 4 */} button[disabled], input[disabled] { cursor: default;} input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */} input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;} textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */} table { border-collapse: collapse; border-spacing: 0;}

/* RichCSS Grid V1.0 | Copyright 2011, Felix Krusch |http://richwp.com | Free to use under the MIT license http://www.opensource.org/licenses/mit-license.php | Based on: Skeleton V1.1, Copyright 2011, Dave Gamache, www.getskeleton.com | Variable Grid System, http://www.spry-soft.com/grids/ | 960 Grid System, http://960.gs/ | Montreal, 2011-11-26 */
.container_16 {position: relative; width: 1200px;} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .container_16 .grid_one-fifth{ float: left; display: inline; margin-left: 10px; margin-right: 10px;} .alpha { margin-left: 0; margin-right: 10px;} .omega { margin-right: 0; margin-left: 10px;} .container_16 .grid_1 {width:55px;} .container_16 .grid_2 {width:130px;} .container_16 .grid_3 {width:205px;} .container_16 .grid_4 {width:280px;} .container_16 .grid_5 {width:355px;} .container_16 .grid_6 {width:430px;} .container_16 .grid_7 {width:505px;} .container_16 .grid_8 {width:580px;} .container_16 .grid_9 {width:655px;} .container_16 .grid_10 {width:730px;} .container_16 .grid_11 {width:805px;} .container_16 .grid_12 {width:880px;} .container_16 .grid_13 {width:955px;} .container_16 .grid_14 {width:1030px;} .container_16 .grid_15 {width:1105px;} .container_16 .grid_16 {width:1180px;} .container_16 .grid_one-third{width: 390px;} .container_16 .grid_two-thirds{width: 620px;} .container_16 .grid_one-fifth{width: 220px;}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
.container_16 { position: relative; width: 960px;}.container_16 .grid_1 {width: 40px;  } .container_16 .grid_2 {width: 100px;} .container_16 .grid_3 {width: 160px;} .container_16 .grid_4 {width: 220px;} .container_16 .grid_5 {width: 280px;} .container_16 .grid_6 {width: 340px;} .container_16 .grid_7 {width: 400px;} .container_16 .grid_8 {width: 460px;} .container_16 .grid_9 {width: 520px;} .container_16 .grid_10 {width:580px;} .container_16 .grid_11 {width: 640px;} .container_16 .grid_12 {width: 700px;} .container_16 .grid_13 {width: 760px;} .container_16 .grid_14 {width:820px;} .container_16 .grid_15 {width: 880px;} .container_16 .grid_16 {width: 940px;} .container_16 .grid_one-third{width: 300px;} .container_16 .grid_two-thirds{width: 620px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.container_16{width: 768px;} .container_16 .grid_1 {width: 28px;}.container_16 .grid_2 {width: 76px;}.container_16 .grid_3 {width: 124px;} .container_16 .grid_4 {width: 172px;} .container_16 .grid_5 {width: 220px;} .container_16 .grid_6 {width: 268px;} .container_16 .grid_7 {width: 316px;} .container_16 .grid_8 {width: 364px;} .container_16 .grid_9 {width: 412px;} .container_16 .grid_10 {width: 460px;} .container_16 .grid_11 {width: 508px;} .container_16 .grid_12 {width: 556px;} .container_16 .grid_13 {width: 604px;} .container_16 .grid_14 {width: 652px;} .container_16 .grid_15 {width: 700px;} .container_16 .grid_16 {width: 748px;} .container_16 .grid_one-third	{width: 236px;} .container_16 .grid_two-thirds{width: 492px;}
}

@media only screen and (max-width: 767px) {.container_16  {width: 300px;}.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16{ margin:0;}.container_16 .grid_1, .container_16 .grid_2, .container_16 .grid_3, .container_16 .grid_4, .container_16 .grid_5, .container_16 .grid_6, .container_16 .grid_7, .container_16 .grid_8, .container_16 .grid_9, .container_16 .grid_10, .container_16 .grid_11, .container_16 .grid_12, .container_16 .grid_13, .container_16 .grid_14, .container_16 .grid_15, .container_16 .grid_16, .container_16 .grid_one-third, .container_16 .grid_two-thirds{width: 300px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.container_16  {width:420px;} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { margin: 0;} .container_16 .grid_1, .container_16 .grid_2, .container_16 .grid_3, .container_16 .grid_4, .container_16 .grid_5, .container_16 .grid_6, .container_16 .grid_7, .container_16 .grid_8, .container_16 .grid_9, .container_16 .grid_10, .container_16 .grid_11, .container_16 .grid_12, .container_16 .grid_13, .container_16 .grid_14, .container_16 .grid_15, .container_16 .grid_16, .container_16 .grid_one-third, .container_16 .grid_two-thirds{width: 420px;}    
}


/* RichWP Specific */
body{height:100%;}
.bg{ margin: 0px 0 0px 0; background: #f9f8fb; font-family: "Lucida Grande","Tahoma","Helvetica","Arial","hiragino kaku gothic pro","나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif; font-size: 15px; color: #4b4b4c;}

/* Text elements */
a {color: #5E86B9; text-decoration: none;}
a:hover, .hover{color: #5E86B9;  text-decoration: underline;}	
p {margin-bottom: 15px;}
h1 { font-size: 30px;}
h2, h3#reply-title {font-size: 25px;}
h3 { font-size: 20px;}
h4, h5, h6 {font-size:18px;}
h1, h2, h3, h4, h5, h6{ font-family: "Trebuchet MS","Lucida Grande","Tahoma","Helvetica","Arial","hiragino kaku gothic pro","Malgun Gothic","나눔고딕","NanumGothic","NanumGothicOTF","Dotum","Open Sans",sans-serif; color:#5d5d5e;  line-height: 1.25; margin: 0 0 10px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#5d5d5e;}

#contentcontainer h1 {line-height:32px;}

.archiveheader h1.entry-title {line-height:32px;
color: #5E86B9;
font-size: 18px;
font-family: georgia,serif;
font-style: italic;
text-transform: none;
font-weight: normal;
margin: 0;
letter-spacing: 0;
text-shadow: 0 1px 0 white;
}

.searchheader h1.entry-title {line-height:32px;
color: #5E86B9;
font-size: 22px;
font-family: georgia,serif;
font-style: italic;
text-transform: none;
font-weight: normal;
margin: 0;
letter-spacing: 0;
text-shadow: 0 1px 0 white;
}


h1.entry-title {font-family: "Helvetica","Arial","hiragino kaku gothic pro","Malgun Gothic","나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif; color: #5d5d5e; font-size:26px; font-weight:bold; font-style:normal;}
h1.entry-title a{color: #5d5d5e;}
h2.entry-title {color: #5d5d5e;}
code, hr, ins, pre { background:#F7F7F7;}	
code { color:#545454; margin: 30px; padding: 0 15px; display:block; border-left:3px solid #545454;}pre{color:#545454;}
hr {background:#E7E7E7;}
#entry-author-info { min-height:80px; background: #F5F4F7; padding: 15px; margin: 20px 0 0 0; overflow: hidden; clear: both; border:1px solid #dfdde0;}	
abbr,acronym { border-bottom: 1px dotted #E7E7E7; cursor: help;}
small, .entry-meta, .entry-utility, .comment-meta, #entry-author-info, #entry-author-info-archive, .logged-in-as, .navigation, #respond label, .wp-caption-text, .archive-meta, entry-preview {font-size: 90%; line-height:20px;}
ul {list-style: square; margin: 0 0 18px 1.5em;}
ol {list-style: decimal; margin: 0 0 18px 1.5em;}
ol ol {list-style:upper-alpha;}
ol ol ol {list-style:lower-roman;}
ol ol ol ol {list-style:lower-alpha;}
ul ul, ol ol, ul ol, ol ul {margin-bottom:0;}
dl {margin:0 0 0 0;}
dt {font-weight: bold;}
dd {margin-bottom: 18px;}
strong, b {font-weight: bold;}
cite, em, i {font-style: italic;}
big {font-size: 131.25%;}
blockquote{font-style: normal; font-size:103%; font-weight: bold;}
blockquote cite, blockquote em, blockquote i {font-style: italic;}
pre {margin-bottom: 18px; padding: 1.5em;}
ins { text-decoration: none;}
sup, sub {height: 0; line-height: 1; vertical-align: baseline; position: relative;}
sup {bottom: 1ex;}
sub {top: .5ex;}
pre {font-family: "Courier 10 Pitch", Courier, monospace;}
code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
input, textarea {color: #666; font-size: 14px; line-height:20px;}
hr {border:0; height: 1px; margin-bottom: 18px; clear:both;}
input[type="text"], textarea {padding: 0 0 0 3px;}
.screen-reader-text {position: absolute;left: -9000px;}
.advertising {min-width:100px;}

/* Container */
.containermargin { margin: 0 auto 0 auto;}

/* Header */
#header {background: #5E86B9; border-bottom:1px solid #dfdde0; width: 100%;}
#masthead {padding: 20px 0 25px 0;}
#logo{min-width: 100px; margin: 5px 0px 5px 10px; min-width:5px; float: left; }
h1#sitetitle{font-weight:bold; text-transform: uppercase; color:#000000;  margin:0; font-size: 36px; font-weight: bold; line-height: 46px; text-shadow: 1px 1px #F7F7F7;}
p#sitedescription{font-size:18px; font-weight:bold; margin: 0 0 3px 0; text-shadow: 0 1px #F7F7F7;}
.headerright{width:350px;float:right;}
#logo a, #logo a:hover{text-decoration: none;}

/* Navigation */
#navigation {background: #cbd9e7; z-index:9999; width:100%;}
.stickyNav{top:0;position:fixed;}
.nav1{ margin: 0 10px 0 10px}
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute; top:-999em;	width:10em;}
.sf-menu ul li {width: 100%;}
.sf-menu li:hover {visibility: inherit;}
.sf-menu li {float: left; position: relative;}
.sf-menu a {display:block; position:relative;}
#access .sf-menu li:hover ul li ul, #access .sf-menu li.sfHover ul li ul, #access2 .sf-menu li:hover ul li ul, #access2 .sf-menu li.sfHover ul li ul {left:0; top:0px; z-index:99;}
#access .sf-menu a.sf-with-ul, #access2 .sf-menu a.sf-with-ul {padding-right:2.25em; min-width:1px;}
#access a > .sf-sub-indicator, #access2 a > .sf-sub-indicator {background-position:0 -100px;}
#access a:focus > .sf-sub-indicator, #access2 a:focus > .sf-sub-indicator, #access a:hover > .sf-sub-indicator, #access2 a:hover > .sf-sub-indicator, #access a:active > .sf-sub-indicator, #access2 a:active > .sf-sub-indicator, #access li:hover > a > .sf-sub-indicator, #access2 li:hover > a > .sf-sub-indicator, #access li.sfHover > a > .sf-sub-indicator, #access2 li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px;}
#access .sf-menu ul .sf-sub-indicator, #access2 .sf-menu ul .sf-sub-indicator {background-position:-10px 0;}
#access .sf-menu ul a > .sf-sub-indicator, #access2 .sf-menu ul a > .sf-sub-indicator { background-position:0 0;}
#access .sf-menu ul a:focus > .sf-sub-indicator, #access2 .sf-menu ul a:focus > .sf-sub-indicator, #access .sf-menu ul a:hover > .sf-sub-indicator, #access2 .sf-menu ul a:hover > .sf-sub-indicator, #access .sf-menu ul a:active > .sf-sub-indicator, #access2 .sf-menu ul a:active > .sf-sub-indicator, #access .sf-menu ul li:hover > a > .sf-sub-indicator, #access2 .sf-menu ul li:hover > a > .sf-sub-indicator, #access .sf-menu ul li.sfHover > a > .sf-sub-indicator, #access2 .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;}
.sf-shadow ul {-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);}
#access {position:relative; z-index:300;}
#access .sf-menu li:hover ul, #access .sf-menu li.sfHover ul { left: 0; top: 42px; z-index: 99;}
#access .sf-menu { float:left;  margin: 0px 20px  0px 0px; font-family: 'Open Sans',sans-serif;  font-size: 14px;}
#access .sf-menu a {color:#5D5D5E;  background:#cbd9e7;   padding:15px 22px 14px 23px;text-decoration:none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
#access .sf-menu a:hover, #access li.current-menu-item a {background:#f9f8fb;  border-color:#f9f8fb;}
#access .sf-menu li {margin:0 0px 0 0px;}
#access .sf-menu ul .sf-sub-indicator { top: 11px;}
#access .sf-sub-indicator { top:16px;}#access .sf-menu li li, #access2 .sf-menu li li {margin:0; border-bottom: 1px solid #f0eff2;}
#access .sf-menu li li a, #access2 .sf-menu li li a{ background:#f9f8fb; padding: 10px; border:none;opacity: .96; filter: alpha(opacity=96);  }
#access .sf-menu li li a:hover, #access2 .sf-menu li li a:hover { background: #f0eff2;}
#access .sf-sub-indicator, #access2 .sf-sub-indicator {position: absolute; display: block; right: .75em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('img/black.png') no-repeat -10px -100px;}
.navsearch{float:right;}
.searchbox{background: #FFFFFF; min-width: 180px; float:right; color:#424242; font-size:14px; width:180px; margin:10px 0px 0 0; border: 1px solid #dbd9dc;}
input[type="text"].searchbox{padding:5px 5px 1px 5px; margin-bottom: 10px;}

/* Content */
#contentcontainer {padding: 10px 0 10px 0;}
#featuredcontainer {padding: 30px 0 0 0;}
.boxes { background: #FFFFFF; border: solid 1px #dbd9dc; padding: 20px 20px; margin: 10px 10px 10px 10px; position:relative;}
.categorybox { background: #FFFFFF; border: solid 1px #dbd9dc; padding: 10px 20px 0px 20px; margin: 15px 0 0px 0; position:relative;}
.widget-container, { background: #FFFFFF; border: solid 1px #dbd9dc; padding: 15px 15px 15px 15px;margin: 20px 0 0px 0; position:relative;}

/* customized by Yoona Sun */

.featuredSectionBoxes{padding: 0px; margin: 0px; position:relative;}

.footerboxes {color: #113C6F; background-color: #cbd9e7; padding: 20px; margin-top: 20px; border-top: 2px solid #5073a8; border-right: 1px solid #5073a8; border-left: 1px solid #5073a8; border-radius : 8px;}

.bannerborder{border: 1px solid #DDDDDD; padding: 10px 10px 5px 10px; margin-bottom: 15px;}
.secondary {margin-bottom: 10px;}

.fbbox {width:340px; height: 300px; margin-top: 10px;}
.twbox {margin-left: 5px;}



#main {overflow: hidden; padding: 40px 0 0 0;}
.archive-meta p {margin-bottom:0;}
.entry-content ol li, .entry-content ul li {margin: 0 0 0 25px;}
.hentry {margin: 20px 0 20px 0;}
.single .hentry {margin: 0 0 36px 0;}
.entry-title a:link, .entry-title a:visited {text-decoration: none;}
.entry-content fieldset {border: 1px solid #E7E7E7;	margin: 0 0 24px 0;	padding: 70px;}
.entry-content fieldset legend {background: #fff; font-weight: bold;padding: 0 24px;}
.entry-content input {margin: 0 0 24px 0;}
.entry-content input.file, .entry-content input.button { margin-right: 24px;}
#contentcontainer label {font-weight:normal; font-size: 90%; line-height: 20px; }
.entry-content select {	margin: 0 0 24px 0;}
.suboverview  img{float:left; margin: 0 15px 0 0;}
.suboverviewtitle{margin: 0 0 5px 0;}
.entry-content sup, .entry-content sub {font-size: 10px;}
.entry-content blockquote.left {float: left; margin-left: 0; 	width: 33%;}
.entry-content blockquote.right { float: right; margin-left: 0px; width: 33%;}
#infscr-loading{background:#202834; position: fixed;  z-index: 102;  top:50%;  left:50%; border: 1px solid #202834; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; opacity: .90; filter: alpha(opacity=90);}
#infscr-loading img{padding:3px;}
.page-link {font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em;}
.page-link a:link,
.page-link a:visited {background: #f1f1f1; color:#444; font-weight:normal; padding:0.5em 0.75em; text-decoration:none;}
.home .sticky .page-link a {background: #D9E8F7;}
#entry-author-info #author-avatar, #entry-author-info-archive #author-avatar {float: left; margin: 0 -94px 0 0; height: 80px;}
#entry-author-info #author-description, #entry-author-info-archive #author-description {float: left; margin: 0 0 0 94px;}
#entry-author-info h2 {margin: 0 0 10px 0;}
.box-status .statuscontent .author{padding-bottom:20px;}
#author-link{margin-top: 5px;}
.entry-utility{clear:both; padding-top:10px;}
.entry-utility h3 {padding-bottom:10px;}
.entry-relatedthumbs, .entry-utility h2, .nav-above{margin-bottom:10px;}
#nav-below {padding-top:5px;}
.entry-tags, .att-title, .slack{margin-bottom: 5px;}
.emm-paginate {} .emm-paginate .emm-page {} .emm-paginate .emm-prev, .emm-paginate .emm-next {}
.entry-content, .postlistexcerpt p {line-height:22px;}
.entry-content, .entry-summary {clear: both; padding: 25px 10px 10px 10px;}
.entry-content .p .img{border: 1px solid #DEDEDE; padding: 0 45px;}
.navigationboxes{margin-top:10px;}
.meta-nav {color:#4b4b4c; font-size: 90%;}
.meta-nav a{text-decoration:none;}
.meta-nav a:hover{text-decoration:underline;}
.xoxo {margin:0 0 1px 1.5em;}
#contentcontainer input[type=text], #contentcontainer input[type=password], #contentcontainer input[type="email"]  {clear:both; padding:4px 4px 4px 4px; margin:0 0 30px 0; width:95%; color: #5d5d5e; background: #F5F4F7; border: 1px solid  #dbd9dc;}

/* Content - Customized by Yoona Sun */
.postBanner1 {float: left; margin-right: 2%; max-width: 32%;}
.postBanner2 {float: left; margin-right: 2%; max-width: 32%;}
.postBanner3 {float: left; margin-right: 0%; max-width: 32%;}


.lessonimg {max-width: 100%; padding:12px; border:1px solid #cbd9e7; margin-bottom: 15px; margin-top: 5px; clear:both;}
.downloadBox {margin-left: 15px; margin-top: 0px; float: right; border: 1px dotted #cbd9e7; padding: 12px;}
.downloadText {font-family: georgia, serif; font-size: 14px; font-style: italic; font-weight: bold; margin-bottom: 3px;}
.download {float:left; margin-left: 4px; margin-right: 4px; max-width: 53px;}
.break {clear: both;}



.post-end { clear:both; border: 1px solid #cdd5d6; background: #ECF5F6; overflow: hidden; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-top: 5px;}
.post-end .inside { padding:20px; min-height: 80px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.post-end h3 { color: #D4254B; font-size: 16px; font-family: georgia,serif; font-style: italic; text-transform: none; font-weight: normal; padding-bottom:10px; margin:0; letter-spacing:0; text-shadow: 0 1px 0 white;}
.post-end .share_btns {overflow:hidden; float:left; width:90%; margin-bottom: 20px;}
.post-end .share_btns p { font-size:12px; color:#8C9699; margin-bottom:10px;}
.post-end .share_btns a, .post .post-end .share_btns a:visited {color:#637074;}
.post-end .share_btns a:hover { color:#4B5457; }
.post-end .share_btns .tweetmeme_button { padding-top:2px; float:left;}
.post-end .share_btns .like_button { float:left; }
#social-bar { overflow: hidden;}
#social-bar li { float: left; margin-right: 20px; width: 100px;  }
#social-bar li a { font-size: 12px; font-weight: bold; line-height:1; border: 0;  display: block; width: 32px; height: 32px; background: url(images/global-spr.png) -200px -403px no-repeat; cursor: pointer; }
#social-bar li a:hover { text-decoration: none;}
#social-bar li a span { position: relative; left: 40px; top: 10px; display: block; width: 60px;}
#social-bar li a.socbar-facebook { background-position: -232px -403px; }
#social-bar li a.socbar-delicious { background-position: -264px -403px; }
#social-bar li a.socbar-stumble { background-position: -296px -403px; }

#comments.boxes {padding: 20px;
border: 1px solid #cdd5d6;
background: #ECF5F6;
overflow: hidden;
position: relative;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-top: 5px;
}


/* Featured */
.featured {width: 248px; height: 143px; overflow: hidden; position: relative; text-align: center; cursor: default;}
.featured .overlay, .featured .content {width: 248px; height: 200px; position: absolute; overflow: hidden; top: 0; left: 0;}
.featured img {display: block; position: relative; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.featured .overlay {background-color: rgba(219, 217, 220, 0.3); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.featured:hover img {-webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}
.featured:hover .overlay {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
.overlay h5 {margin: 30px 15px 15px 15px; }
.featured .styledbutton {float:none; margin: 10px auto; padding:10px;}


/* Postlist */
.postlistboximage, .statusauthor{width:222px; float: left; display: inline; margin-left: 0; margin-right: 15px; overflow: hidden; line-height:0px;}
.postlistexcerpt, .statuscontent{width: 461px; float: left; display: inline; margin-left: 0;}
.postformatlabel{clear:both; background-color:#dbd9dc; top:15px; left: -32px; width: 32px; height: 32px; position:absolute; background-image: url('img/postformaticons.png');} .postformatlabel span {display: none;} .postformatlabel-aside{background-position: 0px 0px;} .postformatlabel-audio{background-position: 0px -42px;} .postformatlabel-chat{background-position: 0px -84px;} .postformatlabel-gallery{background-position: 0px -126px;} .postformatlabel-image{background-position: 0px -168px;} .postformatlabel-link{background-position: 0px -210px;} .postformatlabel-quote{background-position: 0px -252px;} .postformatlabel-standard, .postformatlabel-{background-position: 0px -294px;} .postformatlabel-status{background-position: 0px -336px;} .postformatlabel-video{background-position: 0px -378px;}.loop-link .entry-content, .loop-aside .entry-content, .loop-status .entry-content, .loop-quote .entry-content, .loop-chat .entry-content{padding-top:0px;}
.postformatlabel a{display:block; width:32px; height:32px;}
.postformatlabel a span {padding:10px; display:none; min-width:140px; background-color:#f0eff2; border:1px solid #dfdde0;}
.postformatlabel a:hover span {display:block; color:#5D5D5E; font-size:90%; line-height:18px; text-align:center;}
a.postformatlabellink{text-decoration:none;}
.statusauthor{width:132px;}
.statuscontent{width:550px;}
.styledbutton, {float:right; padding: 5px 15px; margin: 35px 0px 0px 0px; line-height:23px;}
.more-link {float:left; padding: 5px 15px; margin: 5px 0px 0px 0px; line-height:23px;}

a.styledbutton, a.more-link{color:#FFFFFF; text-decoration:none; font-weight:normal; background: #5E86B9;}
a:hover.styledbutton, a:hover.more-link{color:#F5F5F5; text-decoration:none; background: #6699CC;}
.loop-image a.more-link {margin-top:5px;}
.statuscontent .entry-content{margin-top:20px;}

/* Attachment pages */
.entry-content .attachment img {margin-bottom: 0;}
.attachment .entry-content .entry-caption {font-size: 140%; margin-top: 24px;}
.att-thumbs img{margin:1px;}

/* Images */
.alignleft, img.alignleft {display: inline; float: left; margin-right: 24px; margin-top: 4px;}
.alignright, img.alignright {display: inline; float: right; margin-left: 24px; margin-top: 4px;}
.aligncenter, img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
img.alignleft, img.alignright, img.aligncenter {margin-bottom: 0px;}
.wp-caption { background: #F3F3F3; color: #424242; margin-bottom: 12px; max-width: 96%; padding: 15px 10px 10px 10px; font-size: 12px; text-align: center; border: 1px solid #DDDDDD; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {display: block; margin: 0 auto; max-width: 98%;}
.wp-caption .wp-caption-text, .gallery-caption {font-size: 14px;}
.wp-caption .wp-caption-text {padding: 10px 0 5px 10px; position: relative;}
.wp-caption .wp-caption-text:before {color: #666; font-size: 14px;}
p.wp-caption-text{margin-bottom:0;}

/* Comments */
.commentlist li.comment { line-height: 20px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; border-bottom: 1px dotted #dbd9dc;}
.commentlist .children {list-style: none; margin: 0; padding-top: 10px; border-top: 1px dotted #ededed;}
.commentlist .children li {border: none; margin: 0;}
#comments .pingback {margin-bottom: 18px; padding-bottom: 18px;border-bottom: 1px solid #dbd9dc;}
#respond textarea, #contentcontainer textarea, textarea {width:95%; padding: 6px; color: #5d5d5e; background: #F5F4F7; border: 1px solid  #dbd9dc;}
#comments .navigation {	padding: 0 0 80px 0;}
h2#comments-title, h2#reply-title {	margin-bottom: 15px; font-size: 18px;}
.commentlist {list-style: none; margin: 0;}
#comments .comment-body ul, #comments .comment-body ol {margin-bottom: 18px;}
#comments .comment-body p:last-child {margin-bottom: 6px;}
#comments .comment-body blockquote p:last-child {margin-bottom: 20px;}
.commentlist ol {list-style: decimal;}
.commentlist .avatar {position: absolute; top: 4px; left: 0;}
.comment-author cite {font-style: normal; font-weight: bold;}
.comment-author .says {font-style: italic;}
.comment-meta {margin: 0 0 18px 0;}
.comment-meta a:link, .comment-meta a:visited {text-decoration: none;}
.reply {font-size: 12px;padding: 0 0 20px 0;}
.nocomments { display: none;}
#comments .pingback {margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #e7e7e7;}
.commentlist li.comment+li.pingback {margin-top: -6px;}
#comments .pingback p {color: #888;	font-size: 12px; display:block; margin: 0;}
#comments .pingback .url {font-style: italic; font-size: 13px;}
#respond {overflow: hidden;	position: relative;}
#respond p {margin: 0;}
#respond .comment-notes {margin-bottom: 1em;}
.children #respond {margin: 0 48px 0 0;}
h3#reply-title {margin: 0 0 15px 0;}
.comment-form-author {padding-top:15px;}
#comments-list #respond {margin: 0 0 18px 0;}
#comments-list ul #respond {margin: 0;}
#cancel-comment-reply-link, .logged-in-as {	padding-bottom:15px;}
#respond dd code {font-size: 11px;}
input[type="submit"]#submit, input[type="submit"]{color:#FFFFFF; width:auto; margin: 20px 0 24px; padding:9px 11px; border:none; font-size:14px;}
#respond dl {margin: 0 0 10px;}
#respond dt { display: inline; font-weight: normal;}
#respond dd {display: inline;}
#cancel-comment-reply-link{font-size:14px; font-weight:normal; margin-left:25px;}

/* Pagination*/
.paginate a {font-size:110%; background:#FFFFFF; border:1px solid #D6D6D6; color:#5D5D5E; margin-right:8px; padding:7px 10px 5px 10px; text-align:center; text-decoration:none;}
.paginate a:hover, .paginate a:active, .paginate .current {font-size:110%; background:#FFFFFF; border: 1px solid #D6D6D6; margin-right:8px; padding:7px 10px 5px 10px; text-align:center; text-decoration:none;}
.paginate .gap {color:#4b4b4c; margin-right:8px;}

/* Widgets */
.widget-container{background:transparent;}
.widget-area, .footer-widget-area { font-family: "Trebuchet MS","Lucida Grande","Tahoma","Helvetica","Arial","hiragino kaku gothic pro","Malgun Gothic","나눔고딕","NanumGothic","NanumGothicOTF","Dotum","Open Sans",sans-serif; font-size: 14px; line-height: 22px; color: #5d5d5e;}
.widget-area ul li, .footer-widget-area ul li {margin-bottom:6px;}

.widget-title, .widget-title a {max-width: 100%; font-family: 'Open Sans',sans-serif; font-size: 18px; color: #666; margin: 0px 0 8px 0; line-height:26px;}

.widget-area a {color: #666; text-decoration: none;}
.widget-area a:hover {color: #666; text-decoration: underline;}

.widget-title-bottom, .widget-title-bottom a{max-width: 100%; font-family: 'Open Sans',sans-serif; font-size: 18px; color: #113C6F; margin: 0px 0 8px 0; line-height:26px;}

.footer-widget-area a{color: #113C6F; text-decoration: none;} 
.footer-widget-area a:hover{color: #113C6F; text-decoration: underline;}

.widget_rss .widget-title img {height: 14px; width: 14px;}
#wp-calendar tbody td, #wp-calendar thead tr, #wp-calendar .pad {padding: 3px 0 2px; border:1px solid #5d5d5e; text-align: center;}
#next, #prev {border:1px solid #5d5d5e; padding: 0 3px 0 3px;}
.widget-area ul, .footer-widget-area ul, .widget-area ul ul, .footer-widget-area  ul ul, ul.headerwidget {list-style: none; margin-left: 0;}
.widget-area ul ul ul, .footer-widget-area ul ul ul{list-style: none; margin-left: 1.3em;}
.widget_search #s {width: 60%;}
.widget_search label {font-size: 14px; font-weight: bold; display: block;}
#wp_tag_cloud div {line-height: 1.6em;}
#wp-calendar {width:100%;}
#wp-calendar caption {font-weight: bold; text-align: left; padding-bottom: 4px;}
#wp-calendar tfoot #next {text-align: right;}
.widget-title a.rsswidget, .widget-title a.rsswidget:hover, .widget-title-bottom a.rsswidget, .widget-title-bottom a.rsswidget:hover{background:none;}
#headerwidgets{ max-width: 728px; float:right; margin: 5px 10px 0 4px;}
ul.headerwidget{margin:0;}
#headerwidgets .widget-container{background-color: transparent; margin:0; padding:0; border:none;}
#sidebar input[type=text], #sidebar input[type=password], #sidebar input[type="email"]  {clear:both; padding:4px; margin:5px 0 10px 0; width:95%; color: #5d5d5e; background: #FFF; border: 1px solid  #dbd9dc;}
#sidebar input[type="submit"]{margin:0 0 5px 0;}
#sidebar form p {margin:10px 0 0 0;}



/* Footer */
#footer {clear: both; width: 100%; background: #464646;}
.footerboxes{background:#cbd9e7;}
#footer-widget-area {overflow: hidden; padding-top: 0px; padding-bottom: 20px;}	
#colophon {font-family: 'Open Sans',sans-serif; font-size: 14px; color: #DDD;}	
#colophon a{color: #FFF;	text-decoration: none;}
#colophon a:hover{text-decoration: underline;}
#footer-info{padding: 20px 10px 0px 10px;}
#copyright, .footernav {float: left;}
.footernav ul{margin-bottom:15px;border-left: 1px solid #696969;}
.footernav ul li {padding: 0 8px 0 18px; list-style:none; display:inline;}


/* Project Pages - The Drawing Project */
.tdp_engText {width: 48%; margin-right: 2%; float:left; font-size: 15px; line-height: 26px; color: #555;}
.tdp_korText {width: 50%; float:left; font-size: 14px; line-height: 26px;}
.tdp_button {
border: none;
background: #1abc9c;
color: #FFF;
font-size: 16px;
text-decoration: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden;
padding: 10px 20px;
border-radius: 4px;
}
.tdp_button:hover, .tdp_button:focus {
background-color: #2fe2bf;
color: #FFF;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden;
}
.tdp_keyword {float: left; margin: 2% 1%; width: 30%; font-size: 14px; line-height: 26px;}
.tdp_leftimg {float: left;}
.tdp_rightimg {float: left;}

/* Responsive Goodness */
#access, .entry-meta, .entry-utility, .widget_search label, .navigation, .widget-area {-webkit-text-size-adjust: 100%;}
#site-description {-webkit-text-size-adjust: none;}
img, object, embed {height: auto; max-width: 100%;} img{ -ms-interpolation-mode: bicubic;} .notonscreen, .notonscreenblock{display:none;}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
.postlistboximage{width:172px;}
.postlistexcerpt{width: 361px; float: left; display: inline; margin-left: 0;}
.postlist-gallery-thumb img{width:170px;}
.statuscontent{width:400px;}
.featured, .featured .overlay, .featured .content {width: 188px; height: 130px;}

.tdp_leftimg {clear:left; text-align: center; width: 100%;}
.tdp_rightimg {clear:left; text-align: center; width: 100%;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
#logo{max-width:450px;} .headerright{max-width:280px;} .noton768, .postformatlabel {display:none;} 
.notonmobiles {display:none;}
.postlistboximage{width:132px;}
.postlistbox .entry-content{padding-top:10px;}
.postlistexcerpt, .statuscontent{width: 280px; float: left; display: inline; margin-left: 0;}
.postlistexcerpt p {}
.more-link, .morelink, .styledbutton{padding: 4px 7px; font-size:90%; margin-top: 30px;}
.postlist-gallery-thumb img{width:130px;}
#headerwidgets{ max-width: 468px;}
.featured, .featured .overlay, .featured .content {width: 140px; height: 90px;}
.overlay h5 {font-size:12px; margin:15px 10px 10px 10px;}
.overlay .styledbutton {font-size: 12px; margin-top:0px;}
}

@media only screen and (max-width: 767px) {
/*.bg{font-size:90%; }*/
#logo{margin:5px 0;}
.statuscontent .entry-content {margin-top: 10px;}
.entry-content, .postlistexcerpt p {line-height:23px;}
.entry-content, .entry-summary{padding-top:15px;}
.notonmobile, .notonmobiles, .postformatlabel, .more-link {display:none;} .notonscreen{display:inline;} .notonscreenblock{display:block;} img{max-width: 100%;} #logo img{max-width: 160px; margin-left: 62px;}	
#navigation{padding-top: 15px;}
#access .sf-menu, #access2 .sf-menu{margin:0;} 
.nav1, .nav2 {margin:0;} .headerright, .sf-menu li {width: 300px;} 
#access .sf-menu a, #access2 .sf-menu a{margin:0; padding: 10px;} 
.searchbox{float:left; margin:10px 0 10px 0; width:290px; padding:0 10px 0 10px;}
.styledbutton{display:block; float:none; text-align:center; margin: 10px 0 0; padding: 5px;}
.postlistboximage, .statusauthor{width:86px; margin-right:10px;}
.postlisttop, .statuscontent{width: 172px; float:right;}
.postlistbox .entry-content {clear:none; padding-top:0px;}
.postlist-gallery-thumb img{width:84px; border: 0; margin:5px 5px 0 0;}
#footer-info{padding:10px 0;}
#footer-info, .footernav{text-align:center; width:100%}
.footernav ul li {padding:0 10px;}
#copyright{width:100%;}
.footernav ul{margin-bottom:15px;border-left: none;  line-height: 26px; margin: 10px 0;}
/* edited by yoona */
h1.entry-title, #contentcontainer h1{font-size:18px; line-height:22px;}
.archiveheader h1.entry-title {font-size:15px; }
.boxes {padding: 10px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
img{max-width: 100%;} #logo img{max-width: 405px;} .headerright, .sf-menu li {width: 420px;} .searchbox{width:410px;}
.postlistboximage, .statusauthor{width:119px;}
.postlisttop, .statuscontent{width: 253px; float:right;}
.postlist-gallery-thumb img{width:119px; margin:10px 10px 0 0;}
}

/* Misc */
.entry-meta, .entry-utility{color: #989799;}
.next-previous_nav{position:fixed; display:none; bottom:200px; width: 32px;}
.next-previous_nav_previous{left:0px;}
.next-previous_nav_next {right:0px;}
.nav-previous{width:auto; height:64px; background:url(img/next-previous.png) no-repeat scroll left center transparent; background-position: 0px -74px; float:left;}
.nav-next{width:auto; height:64px; background:url(img/next-previous.png) no-repeat scroll right center transparent; background-position: 0px 0px; text-align:right; float:right;}
.nav-previous a, .nav-next a{display:block; width:32px; height:64px; text-decoration:none;}
.nav-previous a span, .nav-next a span{margin-top:13px; padding:10px; display:none; min-width:140px; background-color:#f0eff2; border:1px solid #dfdde0;}
.nav-previous a:hover span, .nav-next a:hover span{display:block; color:#5D5D5E; font-size:90%; line-height:18px; text-decoration:none; text-align:center;}
.nav-next a span{float:right;}
.relatedpost{margin-top: 15px;}
.relatedpost img{float:left; margin-right:20px;}

/*edited by yoona */
h4.relatedposth3{font-size:13px; line-height:18px; font-family: "Helvetica","Arial","hiragino kaku gothic pro","Malgun Gothic","나눔고딕","NanumGothic","NanumGothicOTF","Dotum","Open Sans",sans-serif; color: #5E86B9; font-weight: normal;}

.relatedpostsbox{background-color:#F5F5F5;}
h1.entry-title, h2.entry-title{margin:0px;}

/* edited by yoona
h2.related-title {margin:0px; font-size: 18px; font-family: "Helvetica","Arial","hiragino kaku gothic pro","Malgun Gothic","나눔고딕","NanumGothic","NanumGothicOTF","Dotum","Open Sans",sans-serif; }*/

h2.related-title {
color: #D4254B;
font-size: 16px;
font-family: georgia,serif;
font-style: italic;
text-transform: none;
font-weight: normal;
margin: 0;
letter-spacing: 0;
text-shadow: 0 1px 0 white;
}

h2.searched-title { margin: 0px; font-size: 18px; font-family: "Helvetica","Arial","hiragino kaku gothic pro","Malgun Gothic","나눔고딕","NanumGothic","NanumGothicOTF","Dotum","Open Sans",sans-serif; color: #5d5d5e;}


.box-quote .entry-content, .box-chat .entry-content, .box-status .entry-content, .box-link .entry-content, .box-aside .entry-content{padding-top:0px;}
.search-results .entry-content, .author .entry-content, .date .entry-content{padding-top:0px;}
.search-results .postlistboximage, .author .postlistboximage, .date .postlistboximage{width:120px;}
.searchheader, .archiveheader{background: #F5F4F7;}
#footerwidgets{background: #5E86B9; border-top:1px solid #dfdde0; border-bottom:1px solid #5E86B9;}



/* iPhone */
@media only screen and (max-width: 767px) {
.postBanner1 {max-width: 100%; margin-right:0%;}
.postBanner2 {max-width: 100%; margin-right:0%;}
.postBanner3 {max-width: 100%;}
.lessonimg {max-width: 97%; padding: 5px;}

.tdp_engText {width: 100%; clear:left;}
.tdp_korText {width: 100%; clear:left; padding-top: 12px;}
.tdp_keyword {width: 100%;}

.tdp_leftimg {clear:left; text-align: center; width: 100%;}
.tdp_rightimg {clear:left; text-align: center; width: 100%;}

}


@media only screen and (min-width: 480px) and (max-width: 767px) {
.postBanner1 {max-width: 49%; margin-right:1%;}
.postBanner2 {max-width: 49%; margin-left:1%; margin-right:0%}
.postBanner3 {max-width: 100%;}
.lessonimg {max-width: 97%; padding: 5px;}
.bannerborder {padding: 5px 5px 0px 5px;}

.tdp_engText {width: 100%; clear:left;}
.tdp_korText {width: 100%; clear:left; padding-top: 12px;}
.tdp_keyword {width: 100%;}

.tdp_leftimg {clear:left; text-align: center; width: 100%;}
.tdp_rightimg {clear:left; text-align: center; width: 100%;}

}

/* iPad */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.postBanner1 {max-width: 49%; margin-right:1%;}
.postBanner2 {max-width: 49%; margin-left:1%; margin-right:0%}
.postBanner3 {max-width: 100%;}
.lessonimg {max-width: 97%; padding: 6px;}
.fbbox {width:268px; height: 310px;}
.bannerborder {padding: 5px 5px 0px 5px;}

.tdp_leftimg {clear:left; text-align: center; width: 100%;}
.tdp_rightimg {clear:left; text-align: center; width: 100%;}
}