/*
Theme Name: ASimpleMagazine
Theme URI: http://www.dynamicwp.net/free-themes/
Version: 1.0
Author: dynamicwp team
Author URI: http://www.dynamicwp.net/

Tags: News, three columns, fixed width, theme options, widget friendly, clean
*/


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

@import url('pagenavi-css.css');

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}


/* 
   General 
------------------------------------------------------------------- */

html { height: 100%;	padding-bottom: 1px; /* force scrollbars */ }

body { background:url(img/bground.gif) repeat-y center 0 #aaa; color: #000000;	font: normal 75% sans-serif; line-height: 1.5}
#site{ }

/* 
   Typography 
------------------------------------------------------------------- */

/* Headings */

h1,h2,h3,h4,h5,h6 { color: #444; font-weight: normal; line-height: 1; margin-bottom: 0.3em; }
h4,h5,h6 {font-weight: bold;}

h1 {font-size: 2.6em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}


/* Links */

a:focus,a:hover {color:#aaa;}
a { color: #555;	text-decoration: none;}
a.feed {	background: url('img/icon-feed.gif') no-repeat left center;	padding-left: 18px;}

/* More links */
a.more-link { color: #579; font-weight: bold; }
a.more-link:hover {color: #234;}
.read-more{ padding: 5px 10px; display: inline-block;  font-size: 0.8em;}
.post-body .read-more{ padding:5px;}
.read-more:hover{ }
a.read-more{ color:#fff;}
.more-cat{ font-weight: bold; margin-bottom: 10px; }
.rss-more img{ margin-bottom: -2px; }

/* Text elements */

p {margin-bottom: 1em;}

abbr, acronym {border-bottom: 1px dotted #666;}
address {margin-bottom: 1.5em;}
blockquote {margin: 1.5em;}
del, blockquote { color:#666; }
blockquote{ padding-left: 15px; border-left: 4px solid #DFDFDF; margin-left: 0;}
em, dfn, blockquote, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}

pre { margin: 1.5em 0; white-space: pre;}
pre,code,tt { font: 1em monospace;	line-height: 1.5;}

/* Lists */

li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 0 1.5em 1.5em;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}

dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}



/* Special lists */



/* Tables */

table {margin-bottom: 1.4em; width: 100%;}
th {font-weight: bold; background:#F2F6FA; }
thead th {background: #F2F6FA;}
th,td{padding: 4px; border: 1px solid #777;}
tr.even td {background: #F2F6FA;}
tfoot {font-style: italic;}

table.data-table { border: 1px solid #CCB; margin-bottom: 2em; width: 100%; }
table.data-table th { background: #F0F0F0; border: 1px solid #DDD; color: #555;	text-align: left; }
table.data-table tr {border-bottom: 1px solid #DDD;}
table.data-table td, table th {padding: 4px;}
table.data-table td { background: #F6F6F6; border: 1px solid #DDD;}
table.data-table tr.even td {background: #FCFCFC;}


/* Misc classes */

.small {font-size: 0.9em;}
.smaller {font-size: 0.8em;}
.smallest {font-size: 0.7em;}

.large {font-size: 1.15em;}
.larger {font-size: 1.25em;}
.largest {font-size: 1.35em;}

.hidden {display: none;}

.quiet {color: #999;}
.loud {color: #000;}
.highlight {background:#ff0;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-separator {padding: 0 5px;}

.error, .notice, .success {	border: 1px solid #DDD;	margin-bottom: 1em;	padding: 0.6em 0.8em;}

.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.error a {color: #8A1F11;}

.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.notice a {color: #514721;}

.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.success a {color: #264409;}


/* 
   Forms 
------------------------------------------------------------------- */

label {font-weight: bold; cursor: pointer;}
fieldset {padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}
legend {font-weight: bold; font-size: 1.2em;}
textarea {overflow: auto;}
input.text, textarea, select {	background: #FCFCFC; border: 1px inset #AAA; margin: 0.5em 0; padding: 4px 5px; }
input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}

input.button {	background: #DDD; border: 1px outset #AAA;	padding: 4px 5px;}
input.button:active {border-style: inset;}

.form-error {border-color: #F00;}

/* 
   Alignment 
------------------------------------------------------------------- */

/* General */

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


/* Images */

img.bordered,img.alignleft,img.alignright,img.aligncenter { background-color: #FFF; border: 1px solid #DDD; padding: 3px; }
img.bordered{ margin: 0 auto; display: block; }
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}


/* Floats */   

.left,.alignleft {float: left;}
.right,.alignright {float: right;}

.clear,.clearer {clear: both;}
.clearer { display: block; font-size: 0; line-height: 0;	height: 0; }


/* 
   Separators 
------------------------------------------------------------------- */

.content-separator, .archive-separator {	clear: both; color: #FFE; display: block; font-size: 0;	line-height: 0;	height: 1px;}
.content-separator {margin: 10px 0;}
.archive-separator {margin: 10px 0;}


/* 
   Posts 
------------------------------------------------------------------- */
#main-left .post{
	background: none;
	border-bottom:1px dashed #666;}

.post{	padding: 2px; background: #EEE;}
.post a {text-decoration: none;}
.post a:hover {text-decoration: underline;}
.post img.left, .post img.right {margin-bottom: 0;}
.post-date {	color: #fff; padding-left:3px;	margin: 2px 0 5px;	background-color:#bbb; }
.post-date a {color: #444;}
.post-title{ background-color:#eee;}
.post-title h1, .post-title h2, .post-title h3 {margin-bottom: 0; padding-left:2px;}

.post-meta {	background: #F6F6F6; border: 1px solid #DDD; color: #777; padding: 6px 10px;}
.post-meta a {color: #345; }
.post-meta a:hover {color: #001;}

/*.post-body {font-size: 1.1em; background-color:#eee; padding:5px;}*/
.post-body {font-size: 1.2em; background-color:#fff; padding:5px;}
/*.post-body a {color:#335577;}*/
.post-body a {color:#990000;}
.post-body a:hover {color:#335577;}

.post-body img.left, .post-body img.right {margin-bottom: 1em;}
.post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6{ margin: 15px 0;}


/* Archives */
.archive-pagination {margin-bottom: 16px;}
.archive-post-date { float: left; margin-right: 2px; margin-bottom: 2px; padding: 2px 0 5px; text-align: center; width: 46px; color:#fff; border-right: 5px solid #fff;	border-bottom:10px solid #fff;}
.archive-post-title .post-date {margin: 0;}
.archive-post-title {padding-top: 4px;}
.archive-post-day {font: bold 2.3em Georgia,serif;}


/* 
   Layout 
------------------------------------------------------------------- */

/* General */
.center-wrapper { margin: 0 auto; width: 1000px;	background-color:#fff;}

/* Network */

#network { background: #444 ; width: 100%; border-bottom:1px solid #fff;}
#network .center-wrapper { background-color:#444;}
#network .left {	color: #fff; padding: 6px 0;}
#top-menu {	padding: 0;	float: right;}

#top-menu a{	padding: 2px 6px; color: #FFF; }
#top-menu ul{	margin: 0;	padding: 0;}

#top-menu li{	margin: 0;	padding:4px 0 0; list-style-type: none;	float: left;}
#top-menu li:hover{ }

/* Toolbar */
#toolbar {
	padding: 12px 0 8px;
	font-size: 1.1em;
	color: #999;
}
#toolbar img {vertical-align: middle;}


/* Header */

#header { }
#header .center-wrapper {position: relative; height: 173px; background: transparent;}
/* Site title */
#site-title { font: normal 1.6em sans-serif;	position: absolute; top: 0; left: 0;}
#site-title span {color: #999;}
#site-title h1 {margin: 0; text-transform:capitalize; font-weight:bold; padding-top: 7px;}
/*#site-title p {font-style: normal; font-size: .8em; color:#777; font-weight:bold; padding-left: 4px;}*/
#site-title p {text-indent: -9999px;}
#site-title a {	color: #fff; display: block;text-decoration: none;	text-shadow:0 1px 1px #666;}
#site-title img{	margin-top: 10px;}


/* Navigation */

#navigation { background:none;	width: 100%; position: absolute; bottom: 1px; left: 0;}
#navigation a { display: block;	text-decoration: none;}

/* Main navigation */

#main-nav a {	font-family:Arial, sans-serif;	font-size: 1.4em; padding: 5px 14px; 	text-transform:capitalize; color:#eee;}
#main-nav li {background:none;}
#main-nav li:first-child {background: none;}
#main-nav li.current-cat a, #main-nav a:hover {color: #fff; }
#main-nav li.current-cat a {background: #00adef;}
#main-nav li.current-cat ul li a{color: #fff;}
#main-nav li.current-cat ul li a:hover{color: #335577 ;}
#main-nav ul ul li.current-cat a, #main-nav ul ul li a:hover {color: #fff; border-bottom:1px solid #fff;}

#main-nav li ul li{background: none;}
/* Subnav */

#sub-nav {background: #000; padding: 0 5px;}
#sub-nav a {	color: #678; font: bold 1.2em sans-serif; padding: 10px;}
#sub-nav li.current-tab a, #sub-nav a:hover {color: #223;}

#welcome{height: 28px; padding: 7px 12px 10px 14px; font-size: 1.3em; font-weight: bold; color:#fff; font-family:arial, sans-serif;}

/*breadcrumb */

.breadcrumb{ padding: 7px 0;}
/* Main */

.main {margin-bottom: 18px; padding-top: 2px;}

.main#main-three-columns .sidebar {width: 200px;}
.main#main-three-columns #main-left {width: 570px; padding-left:7px;}

.main#main-two-columns {background: url('img/main-two-columns.gif') repeat-y right top;}
.main#main-two-columns .sidebar {width: 260px;}
.main#main-two-columns #main-left {width: 671px;}

.sidebar a {text-decoration: none;}
.sidebar a:hover {text-decoration: underline;}

#sidebar-1 {margin-left: 7px;}
/*#sidebar-1 .post{ border:5px solid #bbb;}*/
#sidebar-1 .post{ border:5px solid #3366FF;}

#sidebar-2 { margin-right:7px;}

/* Columns */
.col3 {width: 29%; margin-bottom: 10px; margin-right: 12px; padding: 0 8px 8px 8px; border-right:1px dashed #666;}
.col3-mid {margin-left: 2%;}

/* Sidebar */

#sidebar-wrapper {}
#sidebar {}

/* In Touch */
.in-touch{	margin-top: 5px;}
.in-touch h3{ width: 70px; float: left;}

/* Sidebar sections */
/*.section {margin-bottom: 16px; background-color:#eee; border:5px solid #bbb; padding: 0 10px 10px 10px;}
.section-title { display: block; color: #fff; font-family:times;	background-color: #bbb;	border-bottom: 1px solid #f6f6f6; font: bold 1.1em sans-serif; margin-bottom: 5px;	min-height: 0; padding: 5px 8px 6px; margin-left: -10px; margin-right: -10px; }*/

.section {margin-bottom: 16px; background-color:#eee; border:5px solid #3366FF; padding: 0 10px 10px 10px;}
.section-title { display: block; color: #fff; font-family:times;	background-color: #3366FF;	border-bottom: 1px solid #f6f6f6; font: bold 1.1em sans-serif; margin-bottom: 5px;	min-height: 0; padding: 5px 8px 6px; margin-left: -10px; margin-right: -10px; }

.section-title h2{ color: #fff;	font-family:times;	font: bold 1.1em sans-serif; margin: 0;	min-height: 0;}
.network-section .section-title { background-color: #F6F6F6;	border-color: #D6D6D6;}

ul.plain-list li, ul.section li, ul.tabbed li {list-style: none;}
ul.tabbed { display: inline;	margin: 0;}
ul.tabbed li {float: left;}
ul.plain-list {margin: 0;}
ul.section {margin-left: 0;}
ul.section li { list-style: none;	border-top: 1px solid #EEE;	padding: 4px 0;}
ul.section li:first-child {border-top: none;}
ul.section li .right {color: #999;}
/*div*/
div.plain-list li, div.section li, div.tabbed li {list-style: none;}
div.tabbed {	display: inline; margin: 0;}
div.tabbed li {float: left;}
div.plain-list {margin: 0;}
div.section {margin-left: 0;}
div.section ul{	margin: 0;}
div.section ul ul { margin-left: 10px;}
div.section li { list-style: none; border-top: 1px dashed #bbb; padding: 4px 0; }
div.section li:first-child {border-top: none;}
div.section li .right {color: #999;}

/*-----------contact page---------------------
---------------------------------------------*/
.contact-page-text{margin-bottom: 15px;}
.contact-label{display: block;}
#nameinput, #emailinput, #commentinput{width: 320px; padding: 6px; margin: 0 0 8px 0; border: 1px solid #DDD; background: #DFDFDF;}
#commentinput{width: 500px;}
#submitinput{background: #DFDFDF; margin-top: 5px; border: none; padding: 2px 5px; }
.message-error{ padding: 2px; background: #FFF18B; display: inline;}
.message-success{ padding: 2px; background: #82B16E; display: inline;}

/* Dashboard */



#dashboard .section {margin-bottom: 16px; border: none; padding: 14px 16px; padding-top: 0;}
#dashboard .section-title { background-color: transparent;	border-bottom: none; font: bold 1.1em sans-serif; margin: 0; padding: 0;}
#dashboard .section-title h2{ color: #333344; font-size: 1.4em;	font-family: Arial, Helvetica, sans-serif;font-weight: bold;	padding-bottom: 5px;}
#dashboard .section li {border: 0; line-height: 160%;	border-bottom: 1px dotted #222; }
#dashboard .section ul li ul li { border: none; padding-left: 10px;}
#dashboard {	font-size: 12px; color : #333344; background:#eee; border-top:10px solid #eee;}
#dashboard .column {width: 215px; border-right:1px dashed #666; }
#dashboard #column-4 {border-right: none;}
#dashboard a {color: #666;}
#dashboard a:hover {color: #000;}


#dashboard ul { margin: 0; list-style-type: none; }
#column-1, #column-2, #column-3, #column-4{ width: 248px; float: left;}
#column-1 li, #column-2 li, #column-3 li, .blogroll li { line-height: 160%;	border-bottom: 1px dotted #222; }
 
#dashboard a { text-decoration: none;}
#dashboard a:hover{	text-decoration: underline;}
/* Footer */

#footer {padding: 10px 0; background-color:#444; color:#fff; border-top:1px solid #fff;}
#footer a { color:#fff; text-decoration: none; border-bottom:1px solid #fff;}
#footer .left{ padding-left:10px;}
#footer .right{ padding-right:10px;}
#footer .text-separator { padding: 0 3px; color: #BBB;}
#footer a:hover {color: #000;}


/* 
   Misc overriding classes
------------------------------------------------------------------- */

/* Border */

.noborder {border: 0;}
.notborder {border-top: 0;}
.norborder {border-right: 0;}
.nobborder {border-bottom: 0;}
.nolborder {border-left: 0;}

/* Margin */

.nomargin {margin: 0;}
.notmargin {margin-top: 0;}
.normargin {margin-right: 0;}
.nobmargin {margin-bottom: 0;}
.nolmargin {margin-left: 0;}

/* Padding */

.nopadding {padding: 0;}
.notpadding {padding-top: 0;}
.norpadding {padding-right: 0;}
.nobpadding {padding-bottom: 0;}
.nolpadding {padding-left: 0;}

/* Single line IE fix */
* html #sub-nav, * html .section-title, * html .main {height: 0.01%; min-height: 0.01%;}


#main-nav { height: 80px; position: relative;}

#main-nav .tabbed li ul{
	margin: 0;
}
#main-nav .tabbed .cat-item ul {
	display: none;
}

#main-nav .tabbed .cat-item:hover ul{
	display: block;
	position: absolute;
	z-index: 1000;
	width: 980px;
	left: 0;
	color:#fff;
}

#main-nav .tabbed .current-cat ul, #main-nav .tabbed .current-cat-parent ul{
	display: block;
	position: absolute;
	width: 980px;
	left: 0;
}

#main-nav .tabbed .current-cat-parent a{
	/*background: transparent url(img/navigation-arrow.gif) no-repeat scroll center bottom;*/
}

#main-nav .tabbed .cat-item ul li a{
	background: none; font-weight:bold; color:#fff;
}

.tag a{
	padding: 2px 4px;
	background: #F2F6FA;
}

.tag a:hover{
	text-decoration: none;
	background: #EEE;
}

.addthis_toolbox{
	padding: 10px 10px 6px 10px;
	margin: 10px 0;
	background: #EEE;
}
.addthis_toolbox h3{
	float: left;
	margin-top: 6px;
}

.addthis_toolbox img{
	margin: 0 10px;
}


#copy-right{
	float: left;
}




.about img{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.bottom-column{
	background-image: url("http://nethanbai.co.jp/img/bar01.jpg");
	background-repeat: no-repeat;
	padding-top: 30px;
	border-top: solid 1px #DDD;
}

.bottom-column .section-title, #sidebar-1  .section-title{
	font-family:times;
	background-color: transparent;
	border: none;
	font: bold 1.1em sans-serif;
	padding: 5px 8px 6px;
	margin: 0 -8px 5px -8px;
	border-bottom:1px dashed #666;
}

/*#sidebar-1  .section-title{ margin: 0 0 5px 0; background-color:#bbb; color:#fff; border-bottom:1px solid #fff;}*/
#sidebar-1  .section-title{ margin: 0 0 5px 0; background-color:#3366FF; color:#fff; border-bottom:1px solid #fff;}

.bottom-column .section-title h2, #sidebar-1  .section-title h2{
	font-family:times;
	font: bold 1.1em sans-serif;
	margin: 0;
}

.bottom-column .section-title a{
	text-decoration: none; color:#666;
}
#sidebar-1  .section-title a{ color:#fff; text-decoration: none;}
.bottom-column .section-title a:hover, #sidebar-1  .section-title a:hover{
	text-decoration: underline;
}

.fr{ position: absolute; right: 0; top: 26px;}
#topSearch {	background: url(img/bg-search.png) no-repeat;width: 198px; height: 32px;}
#topSearch p.fields{	margin: 0;	position: relative;}
#topSearch p.fields input {	color: white; font-size: 14px; font-weight: bold; width: 160px;	background: none; overflow: hidden;	border: none; margin: 6px 0 0 6px; border-right:1px solid #fff;}
#topSearch p.fields button { background: url(img/ico-search.png) no-repeat;	width: 21px; height: 21px; border: none;cursor:pointer; position: absolute; right: 6px; top: 7px;}

.fix {  clear: both; 	height: 1px; margin: -1px 0 0;	overflow: hidden; }
img.cat-bottom{	float: left; margin: 0 5px 5px 0;}
.title-bottom{	display: block;	line-height: 160%;	border-bottom: 1px dotted #aaa;	text-decoration: none;}
.post-bottom{padding: 6px 10px 2px 10px; border-bottom: 1px solid #DDD;}
.pagination{ margin-top: 10px;}

/*comment */
/* the comments style*/
ol.thecomments { list-style:none; 	margin:0px; padding:0px; }
ol.thecomments li { 	position: relative; margin-bottom: 20px; padding: 75px 20px 20px 20px; }
.comment { background:#f9f9f9; border:1px solid #d8d8d8; }
ol.thecomments li.comment .comment-author img {	position:absolute; left:20px; top:20px; padding: 1px; border:5px #d8d8d8 solid; }
ol.thecomments li.comment .reply {	position:absolute; right:20px; top:25px; display:block; }
ol.thecomments li.comment .reply a {	background:#e6e6e6;	padding: 2px 15px; color:#333; display: block; font-size: 0.8em; border: 1px #d1d1d1 solid; }
ol.thecomments li.comment .reply a:hover { background:#d1d1d1; border-color: #c1c1c1; color:#fff; }
ol.thecomments li cite {	font-weight:bold; position: absolute; top: 25px; left: 75px; }
ol.thecomments li .comment-meta { display:block; position: absolute; top: 40px;	left: 75px;	font-size: 0.7em; }
li.comment ul.children { list-style:none; margin:20px 0px 0px 0px;	padding:0px; }
ol.thecomments li.comment ul.children li {	background:#f1f1f1;	margin-top:7px;	border:1px solid #d1d1d1; margin-bottom:0px; }
.commentnavigation {	margin:20px 20px; display:block; line-height:40px; }
.commentnavigation a { color:#fff; background:#2f4458; padding:7px 20px;	font-size:.75em; text-decoration:none; font-weight:bold; }
.commentnavigation a:hover {	background:#333; }
li.comment #respond {	padding-top:1px;}
li.comment .callfade, .says {	display:none;}
#respond { position: relative;}
#commentform { display:block; margin: 20px 0px;	padding: 20px;	background: #f9f9f9; border: 1px solid #d8d8d8; }
li.comment #commentform {	margin:20px 0px; margin-bottom: 0px; background:#f1f1f1; }
.comment-form input { display:block; margin:0px; border: 1px solid #d1d1d1; background: #fff;	padding: 7px 5px; width:30%; font-size: 0.9em; color: #525861; }
.comment-form input#submit{ width: 32%; }
.comment-form textarea { display:block; margin-top:5px; padding: 7px 5px; background:#fff; border:1px solid #d1d1d1; width:98%; 	height:150px; font-size: 0.9em;	color: #525861; }
.comment input, .comment textarea { width:375px; }
.comment-form label { font-size: 11px;	font-weight:bold; color:#555; }
.comment-form span {	font-size: 10px; font-style:italic; color:#777; }
.comment-form span strong {	color:#555; }
.comment-form span a {	color:#326a9a; }
.comment-form span a:hover { color:#000; }
#comment_post_ID, #comment_parent, #_wp_unfiltered_html_comment { display:none; }
#commentform .inputerror { border: 1px dashed #aaa; }
.comment-form button {	width: 130px; height: 40px;	text-indent: -9999px; border: none;	cursor: pointer; }
.comment-form button#submit { margin-top: 10px; }
.comment-form button:hover { background-position: 0 -40px; }

/*-------------flickr widget ---------*/
.flickr_badge_image{float: left;}
.flickr_badge_image img {padding: 2px; border: 1px solid #333; margin-left: 4px; margin-bottom:4px}