/*
 * Theme Name: Zephyr
 * Template:   neutral
 */

/* ---- Web Fonts ---- */
@font-face {
    font-family: 'Zephyr';
    src: url('font/Zephyr.eot');
    src: url('font/Zephyr.eot?#iefix') format('embedded-opentype'),
         url('font/Zephyr.woff') format('woff'),
         url('font/Zephyr.ttf') format('truetype'),
         url('font/Zephyr.svg#matchbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url('font/icomoon.eot');
    src: url('font/icomoon.eot?#iefix') format('embedded-opentype'),
         url('font/icomoon.woff') format('woff'),
         url('font/icomoon.ttf') format('truetype'),
         url('font/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ---- Reset CSS ---- */

/* ---- Basic Settings ---- */
body { font-family:Verdana,sans-serif; color:#3f3f3f; background:#f8f8f8;}
a { color:#3f3f3f; }
a:hover { color:#ff000; }

/* ---- WordPress Preset CSS and Post Style ---- */

/* - Alignment - */

/* - Text and Headline - */

/* - Image - */

/* - List - */

/* - Table - */

/* - Blockquote - */
.post_content blockquote {margin: auto; width:500px; background: #C9C9C9; font-weight: bold;}
.post_content blockquote:before { color:#3f3f3f; }
.post_content blockquote:after { color:#3f3f3f; }

@media screen and (max-width:480px) {
	.post_content blockquote {width:300px !important; }
}

/* - Captions - */

/* - Gallery - */

/* - Etc. - */

/* ---- Layout ---- */
/* #container { width:1100px; background:#C9C9C9 !important; border:1px solid #EDEDED !important; margin:0px auto; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; box-shadow:0 0 5px 0px rgba(0,0,0, 0.3), 0 0 5px 0px rgba(0,0,0, 0.2) inset; } */
#header {height:140px; background-image: url("img/header.png"); }

@media screen and (max-width:480px) {
	#logo_text #logo a {width:300px !important; font-size:16px !important; text-align: center; line-height:26px;}
}

/* ---- Header ---- */

/* - Logo - */

#logo {width:650px !important; text-align: center;}
#logo a {font-family:'Zephyr' !important; color: #000 !important; font-size:36px !important; text-transform: uppercase;}
#logo a:hover {font-family:'Zephyr' !important; color: #FF0000 !important; text-transform: uppercase;}
#tagline {color: #000; text-align: center; font-size:12px; font-family:'Zephyr' !important;} 

/* - Global Menu - */
#container .global_menu > ul > li.current-menu-item { border-bottom:1px solid #000 !important;}
#container .global_menu > ul > li.current-menu-item a { color: #000 !important;}
#container .global_menu > ul > li.current-menu-item > a:after { position:absolute; bottom:0px; left:-100%; height:1px; width:100%; display:block;
  -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-duration:0.4s; -o-transition-timing-function:ease; -ms-transition-duration:0.4s; -ms-transition-timing-function:ease;}

/* - Hide Menu Button and Search Form for Mobile Device */

/* - Breadcrumb - */

/* - Social Link Button - */

#search_link_area li.twitter_button a:after { content:"\e604"; }
#search_link_area li.twitter_button a:hover { border-color:#156CC7; background-color:#156CC7; }

/* - Search Form - */

#search_area_top { width:250px; }
#search_area_top .search_input input { width:200px; }

/* ---- Post list ---- */

/* Post Title */
#post_list .title { font-family:'Zephyr' !important; margin:0 30px 35px -1px !important; padding:2px 28px; border:1px solid #CECECE; box-shadow:0 0 0 3px #eee; background:#fff; -moz-border-radius:0 20px 20px 0; -khtml-border-radius:0 20px 20px 0; -webkit-border-radius:0 20px 20px 0; border-radius:0 20px 20px 0; min-height:30px; }

.post_meta_bottom {display:none}

/* - Post Meta Top - */

/* - Featured Image - */

/* - Post Content - */

/* - Post Meta Bottom - */

/* - Read More Link - */

/* - Thumbnail - */

/* - Archive Page Headline - */

/* - Page Navi - */

/* - Back Home Link - */

/* ---- Article ---- */

#article #post_title.no_date_author {font-family:'Zephyr' !important; margin:0 30px 35px -1px !important; padding:2px 28px; border:1px solid #D3D3D3; box-shadow:0 0 0 3px #eee; background:#fff; -moz-border-radius:0 20px 20px 0; -khtml-border-radius:0 20px 20px 0; -webkit-border-radius:0 20px 20px 0; border-radius:0 20px 20px 0; min-height:30px; }

#article #page_title {font-family:'Zephyr' !important; margin:0 30px 35px -1px !important; padding:2px 28px; border:1px solid #D3D3D3; box-shadow:0 0 0 3px #eee; background:#fff; -moz-border-radius:0 20px 20px 0; -khtml-border-radius:0 20px 20px 0; -webkit-border-radius:0 20px 20px 0; border-radius:0 20px 20px 0; min-height:30px; }

/* - Post Pager - */

/* - Share Button - */

/* - Author Profile - */

/* - Free Space - */

/* - Related Post - */

/* - Next Prev Post Link - */

/* ---- Side content ---- */

.side_widget { color:#939393 !important; }
.side_widget a { color:#3F3F3F; }
.side_headline { font-family:'Zephyr' !important; font-size:18px !important; background:url("img/sidebar.png") 0 50% no-repeat; padding:2px 30px; color: #505050; }

/* - Introduction - */

/* - Social Link - */

.iw_social_link { position:static !important;}
.iw_social_link li a:after { color:#3F3F3F; }
.iw_social_link li.rss_button a:hover:after { color:#F78C31; }
.iw_social_link li.mail_button a:after { font-size:22px; }
.iw_social_link li.mail_button a:hover:after { color:#ff0000; font-size:22px; }
.iw_social_link li.twitter_button a:after { font-family:'icomoon' !important; }
.iw_social_link li.twitter_button a:hover:after { font-family:'icomoon' !important; color:#156CC7; }
.iw_social_link li.picassa_button a:after { font-family:'icomoon' !important; }
.iw_social_link li.picassa_button a:hover:after { font-family:'icomoon' !important; color:#7DC1EA; }


/* - Search Form - */

/* - Recent and Recommend Post Widget - */

/* - Calendar Widget - */

/* - Archive Category Dropdown Widget - */

/* - AdSense - */

/* ---- Footer ---- */

/* - Copyright - */

/* - Return Top - */

/* ---- Comment ---- */

/* - Tab Switch - */

/* - Comment Area - */

/* - Avatar - */

/* - Comment Content - */

/* - Comment Reply and Edit Area - */

/* - Comment Pager - */

/* - Etc. - */

/* ---- Form Area ---- */

/* - Reply Cancel Button - */

/* - Login User Name and Logout Button - */

/* - Login Form - */

/* - Comment Input Area - */

/* - Submit Button - */

/* ---- Share Button ---- */

/* - Share Count Area - */

/* - Loading Icon - */

/* - SNS Icon - */

/* - Design Type2 - */