/*
Theme Name: economist
Theme URI: http://haruair.com/economist
Author: Edward Kim
Author URI: http://haruair.com/
Description: Just be clear, simple and different.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, flexible-width, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, microformats, post-formats, sticky-post, theme-options
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
  font-family:"Open Sans", Helvetica, arial, "nanum gothic", malgungothic, sans-serif;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  vertical-align:baseline;
  margin:0;
  padding:0;
}

*,input
{
  outline-color:#aaa;
}

::selection
{
  background:#555;
  color:#fff;
}

body
{
  background:#fff;
  font-size:12px;
}

ol,ul
{
  list-style:none;
}

table
{
  border-collapse:separate;
  border-spacing:0;
}

caption,th,td
{
  font-weight:400;
  text-align:left;
}

blockquote:before,blockquote:after,q:before,q:after
{
  content:"";
}

a img
{
  border:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
  display:block;
}

a
{
  color:#666;
  text-decoration:none;
}

input[type=text],input[type=password],textarea
{
  border:1px solid #ddd;
  border-radius:5px 5px 5px 0;
  font-size:1em;
  padding:5px;
}

input[type=submit]
{
  border-radius:5px 5px 5px 0;
  background:#555;
  color:#fff;
  border-color:#555;
  border-width:0;
}

#page
{
  margin:30px;
  padding:10px 30px;
}

#site-title
{
  font-size:30px;
  font-weight:700;
  letter-spacing:-1px;
}

#site-title a
{
  color:#000;
  text-decoration:none;
}

#site-description
{
  font-size:20px;
  font-weight:100;
}

#branding #searchform div
{
  margin:0;
}

#branding #s
{
  -webkit-transition-duration:400ms;
  -webkit-transition-property:width, background;
  -webkit-transition-timing-function:ease;
  -moz-transition-duration:400ms;
  -moz-transition-property:width, background;
  -moz-transition-timing-function:ease;
  -o-transition-duration:400ms;
  -o-transition-property:width, background;
  -o-transition-timing-function:ease;
  width:72px;
}

#branding #s:focus
{
  background-color:#f9f9f9;
  width:196px;
}

#branding .only-search #searchform
{
  top:5px;
  z-index:1;
}

#branding .only-search #s
{
  background-color:#666;
  color:#222;
  border-color:#000;
}

#branding .only-search #s,#branding .only-search #s:focus
{
  width:85%;
}

#branding .only-search #s:focus
{
  background-color:#bbb;
}

#branding .with-image #searchform
{
  top:auto;
  bottom:-27px;
  max-width:195px;
}

#branding .only-search + #access div
{
  padding-right:205px;
}

.assistive-text
{
  position:absolute!important;
  clip:rect(1px,1px,1px,1px);
}

#access a.assistive-text:active,#access a.assistive-text:focus
{
  background:#eee;
  border-bottom:1px solid #ddd;
  color:#333;
  clip:auto!important;
  font-size:12px;
  position:absolute;
  text-decoration:underline;
  top:0;
  left:60px;
  padding:10px;
}

article
{
  position:relative;
  padding:20px 0;
}

blockquote
{
  padding:10px 10px 10px 30px;
}

blockquote:before
{
  content:'{';
  font-size:30px;
  position:absolute;
  left:5px;
}

div.comments-link a
{
  font-size:10px;
  position:absolute;
  right:10px;
  top:40px;
  background:#ddd;
  border-radius:5px 5px 5px 0;
  min-width:10px;
  text-align:center;
  -webkit-transition:background-color .3s ease-in-out;
  -moz-transition:background-color .3s ease-in-out;
  -o-transition:background-color .3s ease-in-out;
  padding:5px;
}

div.comments-link a:hover,div.comments-link a:focus
{
  background:#bbb;
}

#access .menu
{
  margin:12px 0;
}

.entry-header
{
  margin-bottom:10px;
}

.entry-meta
{
  font-size:10px;
  margin-top:10px;
  clear:both;
}

article.page:before,article.post:before,article.attachment:before,fieldset:before,#secondary:before,.page-header:before
{
  content:"";
  background:#555;
  display:block;
  height:10px;
  border-radius:5px 5px 5px 0;
  width:50px;
}

article .entry-title
{
  font-size:18px;
  font-weight:700;
  margin:10px 0 0;
}

.page-header
{
  padding:20px 0 0;
}

.page-header h1.page-title
{
  font-size:18px;
  font-weight:100;
  padding-top:8px;
}

.page-header h1.page-title span
{
  font-weight:400;
}

.comment-meta
{
  font-size:10px;
  margin-bottom:5px;
}

.comment-meta .fn
{
  font-size:14px;
  font-weight:400;
  display:block;
}

.comment-meta .avatar
{
  width:30px;
  height:30px;
  float:left;
  border-radius:3px;
  box-shadow:0 1px 2px #CCC;
  margin:2px 10px 5px 0;
}

#comments article
{
  padding:0;
}

.comment-content
{
  margin-left:40px;
}

#comments ol > li
{
  margin:15px 0;
}

#comments ul
{
  background:#fafafa;
  border:1px solid #ddd;
  border-radius:5px 5px 5px 0;
  margin:10px 0;
  padding:10px;
}

#comments ul ul
{
  background:#f1f1f1;
}

#comments ul ul ul
{
  background:#ececec;
}

#comments ul ul ul ul
{
  background:#e7e7e7;
}

#comments input[type=text],#comments input[type=password],#comments textarea
{
  width:90%;
}

#comments label
{
  margin-top:10px;
  display:inline-block;
}

#comments h3#reply-title small
{
  font-size:10px;
  margin-left:5px;
  font-weight:400;
  color:#fff;
  background:#dfdfdf;
  border-radius:5px 5px 5px 0;
  padding:2px 5px;
}

#comments .form-allowed-tags
{
  font-size:10px;
  width:90%;
  padding:10px 0;
}

#primary,#secondary
{
  float:left;
}

#primary
{
  width:400px;
  margin-right:15px;
}

#secondary
{
  width:200px;
  padding:20px 0;
}

#secondary h3
{
  font-size:12px;
  font-weight:700;
}

footer#colophon
{
  clear:both;
  font-size:10px;
  margin:20px 0;
  padding:20px 0;
}

footer#colophon a
{
  color:#999;
}

#content .gallery a,#content [rel=attachment]
{
  background:transparent;
  margin:0;
  padding:0;
}

#content [rel=attachment] img
{
  border:1px solid #dfdfdf;
}

#content .gallery-columns-3 .gallery-item
{
  width:31%;
  padding-right:2%;
}

#content .gallery-columns-3 .gallery-item img
{
  width:100%;
  height:auto;
}

.format-gallery .gallery-thumb
{
  float:left;
  display:block;
  margin:.375em 1.625em 0 0;
}

.format-gallery .gallery-thumb a
{
  background:transparent;
}

#nav-single
{
  float:right;
  font-size:10px;
  font-weight:100;
  margin-top:20px;
  position:relative;
  z-index:100;
}

a:hover,a:focus,article .entry-title a
{
  color:#000;
}

#branding #searchsubmit,#comments .reply span,.meta-nav
{
  display:none;
}

article .entry-format,.comment-notes
{
  font-size:10px;
}

h2#comments-title,#comments h3#reply-title
{
  font-size:16px;
  font-weight:100;
  margin-bottom:5px;
}

#comments,#comments ol h3#reply-title
{
  margin-top:10px;
}

#comments ul li,#secondary aside
{
  margin:10px 0;
}


.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

@media screen and (max-width:760px){
	#page { margin:0; }
	#primary,
	#secondary { float:none; width:auto; }
}