/*
Theme Name: flashcast
Theme URI: http://flashcast.jp/app/wordpress/theme/en/
Description: The simple design is a theme. In addition, visitors to your site can choose colors from 10 theme colors, and can browse the your site in favorite style. This theme available under the GPL license. 
Version: 1.0.2
Last Update: 20091216
Author: mojamoja
Author URI: http://flashcast.jp/
Tags: three-columns, fixed-width, custom-colors
*/

/* Body 
------------------------------------------------ */
* {
	margin:0;
	padding:0;
}

body {
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック','MS PGothic','Tahoma','Verdana','Arial','Helvetica','sans-serif';
	margin:0 auto;
	color:#444;
	font-size:12px;
}

a {
	color:#564B42;
	text-decoration:underline;
}

a:hover {
	color:#666;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	letter-spacing:-0.04em;
}

h1 {
	font-size:200%;
}

h2 {
	font-size:180%;
}

h3 {
	font-size:150%;
}

h4 {
	font-size:120%;
}

h5 {
	font-size:100%;
}

h6 {
	font-size:80%;
}

img {
	border:0;
}

.clear {
       clear:both;
}

/* Header
------------------------------------------------ */
#header {
	background:url(images/header_bg.png) no-repeat;
	height:120px;
	width:950px;
	margin:auto;
}

#mark {
	float:left;
	margin:10px 0 0 10px;
	padding-left:10px;
}

#mark-flashcast {
	display:block;
	width:80px;
	height:80px;
	cursor:pointer;
}

#logo {
	float:left;
	padding-top:10px;
	margin-top:5px;
	height:80px;
}

#logo-flashcast {
	font-size:48px;
	text-decoration:none;
	letter-spacing:5px;
	margin-left:20px;
}

#logo .description {
      	color: #fff;
	font-size:15px;
	text-align:left;
	margin-left:20px;
}

#rssblock {
	float:right;
	padding:27px 10px 0 0;
	height:38px;
}

#rssfeed {
	display:block;
	background:url(images/rss.png) no-repeat;
	width:32px;
	height:38px;
	cursor:pointer;
	behavior: expression(
		this.style.behavior || (
			this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,	src='" + this.currentStyle.getAttribute("backgroundImage").slice(5,-2) + "')",
			this.style.backgroundImage = "none",
			this.style.behavior = "none"
		)
	);
}

/* Css-menu
------------------------------------------------ */
#css-menu {
	z-index:1;
}

#css-menu-set {
	padding:0 10px;
}

.css-menu-off {
	background:url(images/off_cssblock.png) no-repeat;
	display:block;
	float:right;
	height:12px;
	line-height:12px;
	margin:8px 2px;
	overflow:hidden;
	width:12px;
}

.css-menu-on {
	background:url(images/on_cssblock.png) no-repeat;
}

#set1 {
	background-color:#f11f65;
}

#set2 {
	background-color:#be7c9a;
}

#set3 {
	background-color:#948868;
}

#set4 {
	background-color:#2989cc;
}

#set5 {
	background-color:#ddad44;
}

#set6 {
	background-color:#ff3213;
}

#set7 {
	background-color:#a69689;
}

#set8 {
	background-color:#522828;
}

#set9 {
	background-color:#9eccae;
}

#set10 {
	background-color:#c20909;
}

/* Navigation
------------------------------------------------ */
#navi {
	margin:0 auto;
	padding:0;
	height:40px;
	width:950px;
	text-align:center;
	display:block;
}

#navi ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#navi li {
	display:inline;
}

#navi a {
	float:left;
	width:100px;
	height:40px;
	overflow:hidden;
	line-height:40px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
}

#navi a:hover {
	color:#fff;
	text-decoration:none;
}

#navi li a:hover {
	background-position:0 -40px;
}

#navi li a:active {
	background-position:0 -80px;
}

/* Main
------------------------------------------------ */
#wrapper {
	width:950px;
	margin:auto;
}

#content {
	background:#fff top no-repeat;
	width:950px;
	float:left;
	min-height:400px;
}

#lsidebar-wrapper {
	float:left;
	width:190px;
	padding:5px
}

#lsidebar {
	width:188px;
	border:1px solid #e1e1e1;
}

#rsidebar-wrapper {
	float:right;
	width:190px;
	padding:5px;
}

#rsidebar {
	width:188px;
	border:1px solid #e1e1e1;
}

#rsidebar-about {
	padding: 5px 10px;
}

#lsidebar h2,#rsidebar h2 {
	display:block;
	font-size:12px;
	margin-bottom:10px;
	color:#71A20A;
	padding-left:10px;
	background-color:#CECECE;
	background-image: url(images/a_side_bg.png);
	background-repeat:no-repeat;
	width:165px;
	height:30px;
	line-height:30px;
}

#lsidebar ul,#rsidebar ul {
	margin:5px 4px 0;
	list-style-type:none;
}

#lsidebar ul .widget,#rsidebar ul .widget {
	margin-top:10px;
}

#lsidebar ul li ul li, #rsidebar ul li ul li {
	display:block;
	padding-left:10px;
	padding-bottom:5px;
}

#blog {
	float:left;
	width:540px;
	padding:5px;
	min-height:400px;
}

.box {
	width:518px;
	margin-bottom:10px;
	padding:10px;
	background-color:#fff;
	border:1px #E1E1E1 solid;
}

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

#author .posttitle {
	height:30px;
	margin:0 10px 0 45px;
	padding-top:10px;
}

#author p {
	padding-top:10px;
}

/* Entry
------------------------------------------------ */
.posttime {
	background-image:url(images/post_date_bg.png);
	background-repeat:no-repeat;
	height:42px;
	width:42px;
	float:left;
	text-align:center;
	padding-top:2px;
	margin-right:6px;
	margin-top:0px;
}

.posttime .m {
	color:#fff;
	font-size:12px;
	padding:2px 0 0 0;
}

.posttime .d {
	color:#666;
	font-size:16px;
	line-height:16px;
	padding:2px 0 0 0;
}

.posttitle {
	margin:0 10px 0 45px;
	padding-top:0px;
}

.posttitle h2,.posttitle h2 a {
	font-size:16px;
	color:#D01F3C;
	text-decoration:none;
	line-height:20px;
	margin:0px;
	letter-spacing:0;
}

.posttitle h2 a:hover {
	color:#D01F3C;
	text-decoration:none;
	background:#F1F2EB;
}

.postmeta {
	margin:2px 10px 0 45px;
}

.postmeta span {
	padding-left:14px;
	color:#808080;
	margin-right:12px;
	background-image:url(images/spanicon.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;
	margin-right:0!important;
}

.category {
	background-position:left -78px;
}

.date {
	background-position:left -98px;
}

.author {
	background-position:left 2px;
}

.pop {
	float:right;
	background-position:left 16px;
}

.edit {
	background-position:left -138px;
}

.tags {
	background-image: url(images/spanicon.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	background-position:left -13px;
	line-height:200%;
}

.tags a {
      	background:#F1F2EB;
}

.postmetadata {
	padding:5px;
	background:#EFEEFE;
}

.postmetadata a {
	color:#4C81B6;
}

.post {
	font-size:13px;
	line-height:22px;
	margin:10px 0;
	word-wrap:break-word; /* fix for long text breaking post float in IE6 */
}

.post a {
      	color:#4C81B6;
}

.post p {
      	margin:0.5em 0 0.5em 0;
}

.post img {
      	border:1px solid #e1e1e1;
	padding:2px;
	margin:10px 0;
	max-width:500px;
}

.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;
	margin:1px;
	border-collapse:collapse;
}

.post pre {
      	display:block;
	overflow:hidden;
	color:#808080;
	padding:5px;
	margin:5px;
}

.post blockquote {
      	display:block;
	margin:18px 10px;
	padding:5px;
	overflow:auto;
	background:#fafafa;
	border-left:3px solid #CCCCCC;
	font-size:80%;
	width:480px;
}

.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;
}

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

.post .alignleft {
	float:left;
}

.post .alignright {
	float:right;
}

.wp-caption {
	border:solid 1px #e1e1e1;
	text-align:center;
	padding:0 10px;
	margin:10px 0;
}

.read-more-bg {
	background:url(images/read_more.png) no-repeat;
	height:80px;
	margin:-80px 0 0;
	position:relative;
	width:518px;
	behavior: expression(
		this.style.behavior || (
			this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,	src='" + this.currentStyle.getAttribute("backgroundImage").slice(5,-2) + "')",
			this.style.backgroundImage = "none",
			this.style.behavior = "none"
		)
	);
}

.read-more-link {
	font-size:120%;
	color:#4C81B6;
	float:right;
	margin:5px 0 0 0;
}

.navigation .alignleft {
	float:left;
}

.navigation .alignright {
	float:right;
}

/* Comments
------------------------------------------------ */
#commentform p {
	padding-bottom:10px;
}

#trackbacks {
	margin-bottom:10px;
}

#comments {
	margin-bottom:10px;
}

#commentform #author {
	border:1px solid #dadada;
	height:20px;
	width:200px;
	background:url(images/infoicon.gif) no-repeat 0px 0px;
	padding-left:15px;
	font-size:18px;
}

#commentform #email {
	border:1px solid #dadada;
	height:20px;
	width:200px;
	background:url(images/infoicon.gif) no-repeat 0px -20px;
	padding-left:15px;
	font-size:18px;
}

#commentform #url {
	border:1px solid #dadada;
	height:20px;
	width:200px;
	background:url(images/infoicon.gif) no-repeat 0px -40px;
	padding-left:15px;
	font-size:18px;
}

#commentform #comment {
	border:1px solid #dadada;
	height:200px;
	width:516px;
}

#commentform #submit {
	border:1px solid #dadada;
	height:20px;
	width:120px;
	background:#fff url(images/infoicon.gif) no-repeat 0px -60px;
	padding-left:15px;
	font-size:12px;
	color:#4E5C69;
}

#comments h3, #trackbacks h3 {
	margin:0px 10px 10px 0px;
	font-size:14px;
}

#comments ul, #trackbacks ul {
	list-style-type:none;
	background:#EFEEFE;
	overflow:hidden;
	margin-top:10px;
	width:518px;
}

#comments ul li, #trackbacks ul li {
	float:left;
	border-top:1px dotted #e1e1e1;
	min-height:80px;
	margin:0;
	padding:10px 10px 5px;
	width:498px;
}

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 4px;
}

#search_form #s {
	float:left;
	width:145px;
	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;
}

/* Trackback
------------------------------------------------ */
#trackback h3 {
	font-size:14px;
	margin:0 10px 10px 0;
}

#trackback input {
	background-color:#F2F1B5;
	border:medium none;
	margin:5px auto;
	padding:0 0 0 10px;
	text-align:left;
	width:508px;
}

#trackback-comment {
	font-size:75%;
	margin:0 0 0 10px;
	text-align:left;
}

/* Calendar
------------------------------------------------ */
#calendar_wrap {
	margin:5px;
}

#wp-calendar {
	text-align:center;
	width:165px;
	color:#808080;
}

#wp-calendar caption {
	color:#564B42;
}

/* Footer
------------------------------------------------ */
#footer {
	background:url(images/footer_bg.png) no-repeat;
	width:950px;
	height:100px;
	margin:auto;
}

#footer ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#footer li {
	display:inline;
}

#footer p {
	font-size:11px;
	color:#fff;
}

#footer a {
	color:#fff;
	text-decoration:underline;
}

#footer-margin {
	width:950px;
	height:60px;
}

#foot-copyright {
	padding:0 10px;
	text-align:right;
}

#foot-copyright a {
	text-decoration:none;
}

#foot-copyright a:hover {
	text-decoration:underline;
}

#foot-right {
	padding:60px 10px 5px 10px;
	text-align:right;
}

#hiddenContent1 {
	display:none;
}

#TB_ajaxContent {
	color:#7C1313;
	font-size:90%;
}

#TB_ajaxContent h1 {
	font-size:130%;
	padding:10px 0;
	text-align:center;
}

#TB_ajaxContent h2 {
	font-size:120%;
	padding:20px 0;
	text-align:right;
}

#TB_ajaxContent p {
	text-indent:1em;
}