/*
Theme Name: WWM
Theme URI: http://www.whitewebmagazine.com/
Description: WWMのテンプレテーマだよ
Version: 2.2.8.3
Last Update: 20090510
Author: u-bomb
Author URI: http://www.whitewebmagazine.com/
Tags: whitewebmag
*/

/*+++++++ Body+++++++*/
* { margin:0; padding:0; }
body {
	background-color:#FFFFFF;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	margin:0px;
	color:#333333;
	font-size:10px;
	position:relative;
	width:100%;
}
a { color:#333333; text-decoration:underline; }
a:hover { color:#333333; text-decoration:underline; }
h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	letter-spacing:-0.04em;
}
h1 { font-size:200%; }
h2 { font-size:200%; }
h3 { font-size:150%; }
h4 { font-size:120%; }
h5 { font-size:100%; }
h6 { font-size:100%; }
img { border:0; }
.alignleft { float:left; text-align:left; margin-right:10px; }
.alignright { float:right; text-align:right; margin-left:10px; }
.navigation a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #282828;
	text-decoration: underline;
}
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.floatleft { float:left; }
.floatright { float:right; }
.left { float:left; margin-right:10px; }
.right { float:right; margin-left:10px; }
.fixed,.clear { clear:both; }

/*+++++++ Top +++++++*/
#centers{text-align:center; width:100%;}
#combo{
	width:960px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#main { display:none; }
.top_bg {
	background-color:#FFFFFF;
	width:960px;
	margin:0 auto;
	border-bottom:#666666 solid 1px;
	position:relative;
}
#logo {
	float:left;
	margin-top:60px;
	margin-left: 25px;
}

/*+++++++ Nav+++++++*/
#subnav { width:700px; height:20px; float:left; list-style:none; margin:-10px 0 0 26%; padding:0; clear:both; }
#subnav li { display:inline; }
#subnav li a { background:url(images/main_navl.gif) top left no-repeat; float:left; margin-right:2px; padding-left:7px; }
#subnav li a em { background:url(images/main_navr.gif) top right no-repeat; color:#fff; display:block; font-style:normal; padding:4px 10px 2px 4px; }
#subnav li a:hover,#subnav li.current_page_item a { background:url(images/main_navl.gif) no-repeat left bottom; color:#858a90; text-decoration:none; }
#subnav li a:hover em,#subnav li.current_page_item em { background:url(images/main_navr.gif) no-repeat right bottom; color:#858a90; }

/*+++++++ Main+++++++*/
#content {
	width:960px;
	float:left;
	min-height:400px;
	background-color: #FFFFFF;
	margin-bottom: 100px;
}
#content_top {
	margin-top:9px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-bottom: 0px;
}
#lsidebar {
	float:right;
	width:300px;
	padding:0px;
	margin-left: 10px;
}
#rsidebar {
	float:right;
	width:178px;
	margin-left:0px;
	border:0px solid #e1e1e1;
	background:#FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#lsidebar h2,#rsidebar h2,#lsidebar h3,#rsidebar h3 {
	font-size:12px;
	margin-bottom:10px;
	color:#171717;
	font-weight:bold;
}
#lsidebar ul,#rsidebar ul { margin:0px; list-style-type:none;}
#lsidebar ul .widget {
	margin-bottom:10px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#rsidebar ul .widget {
	margin-bottom:10px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#lsidebar ul li ul li, #rsidebar ul li ul li { display:block; padding-bottom:5px; }
#lsidebar select {width:120px; text-align:center; }
#rsidebar select {width:150px; text-align:center; }
#blog {float:left; width:580px; padding:0 0 20px; min-height:400px; }
.box {
	width:540px;
	margin-bottom:0px;
	position: relative;
	min-height:15px;
	background: #fff url(../../uploads/wwm_img/bg-shadow2.gif) repeat-y;
	padding: 10px 30px;
}
.boxshadow-top {
	background: #FFFFFF url(../../uploads/wwm_img/bg-shadow1.gif) no-repeat;
	min-height:23px;
	width:600px;
}
.boxshadow-bottom {
	background: #FFFFFF url(../../uploads/wwm_img/bg-shadow3.gif) no-repeat;
	min-height:22px;
	width:600px;
	margin-bottom: 10px;
}
.author-box {
	width:580px;
	margin-bottom:10px;
	padding:10px;
	background-color:#fff;
	border:1px #E1E1E1 solid;
	position: relative;
	min-height:105px;
}

/*+++++++ Entry +++++++*/
.posttitle { margin:0; height:38px; padding-top:0px; }
.archivetitle h2,.archivetitle h2 a,.posttitle h2,.posttitle h2 a { 
	font-size:12px; 
	margin-bottom:10px; 
	color:#171717; 
	font-weight:bold; 
}
.cattitle {
	height:15px;
	padding-top:0px;
	float:left;
	margin: 0;
}
.cattitle h2 {
	font-size:12px;
	margin-bottom:10px;
	color:#171717;
	font-weight:bold;
	margin-right: 10px;
}
.catdes { 
	float:left;
	height:15px;
	padding-top:0px;
	float:left;
	margin: 0; 
}
.catdes h2 {
	font-size:12px;
	margin-bottom:10px;
	color:#171717;
	font-weight:normal;
}

.posttitle h2 a:hover { color:#171717; text-decoration:none; background:#F1F2EB; }
.postmeta { margin:3px 0 0 3px; overflow:hidden; height:16px; }
.postmeta span { padding-left:14px; color:#808080; margin-right:12px; background-image:url(images/span.gif); background-repeat:no-repeat; }
.postmeta span span { padding-left:0px; margin-right:0px; background-image:none; }
.postmeta span a { color:#808080; text-decoration:none; }
.postmeta span a:hover { color:#666; }
.comment { background-position:left -58px; !important; }
.category { background-position:left -78px; }
.date { background-position:left -98px; }
.pop { float:right; background-position:left 16px; }
.post { line-height:140%; margin:5px 0; }
.cat7post { line-height:140%; margin:5px 0; }
.cat7post img{display:none;}
.post a { color:#171717; }
.post img { border:1px solid #e1e1e1; padding:2px; max-width:540px; }
.noboder,.noboder img { border:0; }
.post a:hover img { border:1px solid #767676; padding:2px; text-decoration:none; }
.post h1,.post h2,.post h3,.post h4,.post h5,.post h6 { color:#83aa59; margin:10px 0; }
.post fieldset {padding:10px;}
.post form { text-align:left; }
.post form input,.post form textarea,.post form select { border:1px solid #E1E1E1; }
.post form input.button { border:1px solid #999; padding:2px; }
.post table { border:1px solid #999; padding:1px; border-collapse:collapse; }
.post pre { display:block; overflow:auto; color:#808080; padding:5px; margin:5px; }
.post blockquote { display:block; margin:0 10px; padding:5px; overflow:auto; background:#fafafa; }
.post code { display:block; overflow:auto; color:#808080; border:2px dashed #e1e1e1; padding:5px; margin:5px; }
.post ul li,.post ol li { list-style-position:inside; padding-left:20px; margin-bottom:14px; }

/*+++++++ Comments +++++++*/
#commentform p { padding-bottom:10px; }
#comments #respond { margin-top:20px; }
#commentform #author { border:1px solid #dadada; height:20px; width:200px; background:url(images/author.gif) no-repeat left; padding-left:15px; font-size:18px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; background:url(images/email.gif) no-repeat left; padding-left:15px; font-size:18px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px; background:url(images/homepage.gif) no-repeat left; padding-left:15px; font-size:18px; }
#commentform #comment { border:1px solid #dadada; height:200px; width:500px; }
#commentform #submit { border:1px solid #dadada; height:20px; width:140px; background:#fff url(images/submit.gif) no-repeat left; padding-left:15px; font-size:12px; color:#4E5C69; }
#comments h3{ margin:0px 10px 10px 0px; font-size:14px; }
#comments ul { list-style-type:none; background:#f5f5f5; overflow:hidden; margin-top:10px; }
#comments ul li { float:left; width:97%; border-top:1px dotted #e1e1e1; min-height:80px; margin:0; padding:10px 10px 5px; }
ul.commentlist li div.commentmetadata { float:right; }
ul.commentlist li div.comment-author { float:left; margin-bottom:5px; }
ul.commentlist li div.comment-author cite.fn a { background:url(images/author.gif) no-repeat left; padding-left:15px; font-weight:bold; font-style:normal; }
ul.commentlist li div img.avatar { border:1px solid #E1E1E1; padding:2px; float:left; margin:0 10px 5px 0; }
ul.commentlist li div p { margin:0px 5px; }
ul.commentlist li ul.children li { padding-left:20px!important; }
ul.commentlist li ul.children li.depth-2 { width:94%!important; }
ul.commentlist li ul.children li.depth-3 { width:91%!important; }
ul.commentlist li ul.children li.depth-4 { width:88%!important; }
ul.commentlist li ul.children li.depth-5 { width:85%!important; }

/*+++++++ Search +++++++*/
#search_form { width:165px; height:68px; padding:0; margin:0 0 0 5px; }
#search_form #s{ float:left; width:100px; height:20px; border:1px solid #ccc; background:#fff; color:#564B42; line-height:18px; display:inline-block; margin-right:2px; margin-top:5px; padding:5px 20px 0 5px; }

/*+++++++ Footer +++++++*/
#footer {
_height:60px;min-height:60px;
	width:960px;
	background:#000000;
	color:#FFFFFF;
	clear:left;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 0;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
}
#foot_right {
	text-align:right;
	padding-right:10px;
	width: 472px;
	float: right;
}
#foot_right li{	list-style: none;}
#footer p { font-size:10px; color:#171717;}
#footer p a { color:#171717; }
#footgoogle_ad {
	height: 60px;
	width: 468px;
	float: left;
	margin-left: 10px;
}

/*+++++++ Authorpage +++++++*/
#author { margin-bottom:10px; }
#author .avatar { padding:2px; background:#fff; border:1px #E1E1E1 solid; float:left; margin-right:10px; }


/*+++++++ Twitter +++++++*/
#twitter_update_list { padding:0; margin:0; }
#twitter_update_list li { display:block; margin:0px!important; list-style-type:none; padding-left:10px; background-image: url(images/span.gif); background-repeat:no-repeat; background-position:left -302px; }

/*+++++++ topnavi用+++++++*/
#top-navis{margin:15px; color:#282828;}
.tweetmeme{
	position: absolute;
	right: 5px;
	top: 12px;
	width: 87px;
	overflow:hidden;
	background-color: #DAD9CB;
}
#wwm-logo{
	height: 52px;
	width: 52px;
	position: absolute;
	top: 15px;
	right: 15px;
}
/************blogpage用*********************/
.blogpage{
	width: 580px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position:relative;
	height: 110px;
}
.blogpage h2{
	font-size:12px;
	color:#171717;
	font-weight:bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5;
	margin-left: 0;
}
.blogpage img{
	float:left;
	}
.blogprofile{
	width:380px;
	padding-left:10px;
	padding-bottom:10px;
	float:left;
	height: 100px;
	}
.blogrss{
	width:42px;
	position: absolute;
	top: 0px;
	right: 0px;
	}
.blogrss img,.blogrss a:hover img{
border:0;
margin:0;
padding:0;
}
.blogrss2{
	width:42px;
	position: absolute;
	top: 10px;
	right: 10px;
	}
.blogrss2 img,.blogrss2 a:hover img{
border:0;
margin:0;
padding:0;
}
.frss img{
	margin-top: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	position: relative;
	text-align: left;
	}
.frss {
	width: 305px;
}
#top_adbox{
	width:960px;
	min-height:130px;
	background: url(http://www.whitewebmagazine.com/wp-content/uploads/wwm_img/topbar-bgimg.png) no-repeat;
}
#topbar-ad{
	float:right;
	width:600px;
	margin-top: 15px;
	margin-right: 10px;
}.post4totitle h2 {
	margin-bottom: 10px;
	border-bottom: 1px dashed #171717;
	font: 200% Arial, Helvetica, sans-serif;
	color: #171717;
	text-decoration: none;
	padding: 0px;
}
#box4to {
	margin: 5px;
	width: 600px;
}

.side4to img {
	margin: 0px;
	padding: 0px;
	height: 200px;
	width: 300px;
}