/*
Theme Name: japan_teens-theme
Theme URI: 
Description: 
Version: 1.0
Author: 
Tags: widget ready, valid html, valid css, 3 columns, fixed width
*/
*{margin: 0; padding: 0;}
html {height: 100%}
body {
	font: 12px Arial, Verdana, sans-serif;
	width: 100%;
	height: 100%;
	background: #000;
	color: #000;
	text-align: center;
}
a:link, a:visited, a:active, a:hover{color: #c20e20; text-decoration: underline;}
a:hover{text-decoration: none;}

img {border: none;}
input {vertical-align: middle;}
ul li{list-style: none;}
.clear{ clear: both;}

#wrapper {
	width: 980px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	border-left: 1px solid #262626;
	border-right: 1px solid #262626;
	background: #fff url(images/cont_bg.gif) repeat-y center;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 116px;
	background: #fff url(images/header_bg.gif) repeat-x bottom;
}
#header .hpadd{ background: url(images/header_bg.jpg) no-repeat left top; height: 117px; }
#header .hlogo{width: 380px; height: 110px; overflow: hidden; float: left;}
#header .hlogo .description{ text-align: center; padding: 0 30px 0 0; font: 11px Tahoma; font-weight: 700; }
#header .hta{width: 490px; height: 110px; overflow: hidden; float: left;}
#header .hta .htumbs{ text-align: center; }
#header .hta .htumbs img{ background: url(images/hpic_bg.png) no-repeat center; padding: 2px; margin: 10px 0 0; }

#header .hbttns{ width: 100px; float: right; text-align: right; }
#header .hbttns .rss{ height: 76px; overflow: hidden; }



.top_menu{width: 100%; height: 34px; overflow: hidden; background: #700000 url(images/menu_bg.gif) repeat-x center top;}
.top_menu ul{ height: 34px; overflow: hidden; font-weight: 700; text-transform: uppercase; padding: 0 10px;}
.top_menu ul li{ height: 34px; line-height: 34px; overflow: hidden; float: left;}
.top_menu ul li a:link, .top_menu ul li a:visited, .top_menu ul li a:active, .top_menu ul li a:hover{color: #fff; text-decoration: none; display: block; background: url(images/mi_bullet.gif) no-repeat left center; padding: 0 20px 0 15px;}
.top_menu ul li a:hover{ text-decoration: underline;}

.top_menu .search{width: 300px; height: 49px; float: right; background: url(images/search_bg.gif) no-repeat left top;}

.search .search_form{ padding: 0; background: url(images/search_bg.png) no-repeat center; width: 207px; height: 26px;}
.search .search_form .text{border: 0; padding: 4px; font: 11px Arial; color: #5a5b5a; background: transparent; width: 147px;}
.search .search_form .bttn{width: 43px; height: 25px; cursor: pointer; border: 0; margin: 0 0 0 5px; background: transparent; color: #fff; font-weight: 700;}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 69px;
	height: 1%;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content { padding: 0 226px;}

.post{ margin: 0 0 10px; width: 100%; overflow: hidden;}
.post .ppadd{ padding: 12px; }
.post p{padding: .4em 6px;}
.post p img{ border: 1px solid #686565;}

.post ul li{ list-style: disc; margin: 0 0 0 20px;}

#content .title{ width: 100%; padding: 10px 0 5px; background: #E5E5E5 url(images/title_bg.png) repeat-x top; }
#content .title h1{ font-size: 14px; padding: 0 6px; font-weight: 700; text-transform: uppercase; line-height: 20px; }
#content .date{font-size: 10px; color: #797979; text-align: right; }

#content .title h1 a:link, #content .title h1 a:visited, #content .title h1 a:active, #content .title h1 a:hover{color: #c20e20; text-decoration: none;}
#content .title h1 a:hover{text-decoration: underline;}

.permalink{ width: 100%; border-top: 1px dotted #797979; color: #797979; padding:  5px 0 0; margin: 5px 0 0; font-size: 10px;}
.permalink .pleft{float: left; width: 47%; padding: 0 0 0 6px; }
.permalink .pright{float: right; width: 47%; text-align: right; padding: 0 6px 0 0;}
.permalink .pright span{padding: 0 0 0 18px; background: url(images/ico_sheet.gif) no-repeat left top;}

.tags{ color: #797979; padding: 10px 5px; font-size: 10px;}
/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {
	float: left;
	width: 224px;
	position: relative;
	margin-left: -100%;
}

.sl .sb_padd{padding: 0 0 0 1px;}


/* Sidebar Right
-----------------------------------------------------------------------------*/
.sr {
	float: left;
	margin-right: -3px;
	margin-left: -224px;
	width: 224px;
	position: relative;
}
.sr .sb_padd{padding: 0 1px 0 0;}

.sidebar { color: #fff; }

.sidebar .title{ width: 100%; line-height: 34px; text-align: left; color: #ffa100; background: url(images/cat_bg.gif) repeat-x top;}
.sidebar .title h1{ font-size: 12px; color: #fff; padding: 0 10px; text-transform: uppercase; }
.sidebar ul{ padding: 10px 0; }
.sidebar ul li{ background: url(images/side_bullet.png) no-repeat left 2px; padding: 0 0 0 15px;}
.sidebar p{ margin: .4em 10px; }
.sidebar img{ margin: 5px auto;}

.sidebar .widg{width: 100%; margin: 0 auto 8px;}
.sidebar .wpadd{ padding: 10px; }

.sidebar a:link, .sidebar a:visited, .sidebar a:active, .sidebar a:hover{color: #fff; text-decoration: none;}
.sidebar a:hover{ color: #FFEC2C; text-decoration: underline;}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 980px;
	margin: -69px auto 0;
	height: 69px;
	background: url(images/footer_bg.png) repeat-x bottom;
	color: #fff;
}
#footer .fpadd{ width: 960px; margin: 0 auto;}
#footer p{ padding: 15px 0 0; }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover{color: #feffa2; text-decoration: underline;}
#footer a:hover{text-decoration: none;}

h2
{
	font-weight:400;
	font-size:18px;
}

h3
{
	font-weight:400;
	font-size:16px;
}

#commentform #author,#commentform #email,#commentform #url,#commentform textarea
{
	background:#fff;
	border:1px solid #333;
	padding:.2em;
}

#commentform textarea
{
	width:98%;
}

#commentlist li ul
{
	border-left:1px solid #717679;
	font-size:110%;
	list-style-type:none;
}

#commentlist li .avatar
{
	float:right;
	margin-right:25px;
	border:1px dotted #ccc;
	padding:2px;
}

#wp-calendar
{
	border:1px solid #fff;
	empty-cells:show;
	font-size:14px;
	width:90%;
	margin:5px auto 10px;
}

#wp-calendar a
{
	color:#fff;
	display:block;
	text-decoration:none;
}

#wp-calendar #next a
{
	padding-right:10px;
	text-align:right;
}

#wp-calendar #prev a
{
	padding-left:10px;
	text-align:left;
}

#wp-calendar a:hover
{
	background:#e0e6e0;
	color:#717679;
}

#wp-calendar caption
{
	color:#fff;
	font-size:14px;
	text-align:center;
}

#wp-calendar td
{
	color:#BEEF5D;
	font:normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing:normal;
	text-align:center;
	padding:2px 0;
}

#wp-calendar td.pad:hover
{
	background:#fff;
}

#wp-calendar td:hover,#wp-calendar #today
{
	background:#eee;
	color:#000;
}

#wp-calendar th
{
	font-style:normal;
	text-transform:capitalize;
}

p img
{
	max-width:100%;
	padding:0;
}

img.alignright
{
	display:inline;
	margin:0 0 2px 7px;
	padding:4px;
}

img.alignleft
{
	display:inline;
	margin:0 7px 2px 0;
	padding:4px;
}

.alignright
{
	float:right;
}

.alignleft
{
	float:left;
}

.right ul li
{
	margin:0 10px;
}

.right ol li
{
	margin:0 20px;
}

img,.left ul li ul li,.left ul li ul li ul li
{
	border:0;
}



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