/*
Theme Name: Black Swan 2.2
Theme URI: http://baka-koneko.com
Description: 2.2 theme for TBS fansite
Version: 2.2.0
Author: Tokio
Author URI: pixielore.livejournal.com
*/



body{
margin: 0px;
text-align: center;
background: url('images/bg.jpg') black;
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
font-family: verdana;
font-size: 12px;
color: #ABABAB;
}

a{
color: #E02A5F;
}

a:hover{
color: #0A61A4;
}

#wrapper{
width: 1007px;
margin: auto;
text-align: left;
border: 0px solid white;
}


{============== HEADER STUFF =======}

#header{
height: 163px;
width: 1007px;
background: url('images/header3.png');
background-repeat: no-repeat;

}

#logo{
width: 270px;
height: 163px;
float:left;
}

#logo a{
display:block;
width: 270px;
height: 163px;
}

#banner{
width: 732px;
height: 90px;
float:right;
padding-top: 40px;
border: 0px solid green;
}

#tbletop{
clear:both;
width: 1007px;
height: 40px;
background: url('images/menubg.png');
background-repeat: no-repeat;
}

#menu{
clear:both;
width: 751px;
height: 35px;
font-size: 14px;
border: 0px solid white;
float:left;
padding-left: 10px;
padding-top: 5px;
}

#menu ul{
padding: 10px 0px 0px 0px;
margin: 0px;
}

#menu ul li{
display: inline;
padding-right: 20px;
margin: 0px;
list-style-stype:none;
}

#menu a{
color: #ABABAB;

text-decoration: none;
}

#menu a:hover{
color: #ABABAB;

text-decoration: underline;
}

#searching{
float: right;
display: inline;
width: 220px;
border: 0px solid white;
padding-right: 10px;
}

#searching input{
background: #202020;
color: #ABABAB;
border: 1px solid #1D1D1D;
}

#s{
width: 150px;
}

#searching ul{
padding: 10px 0px 0px 0px;
margin: 0px;
}

#searching li{
list-style-type: none;
padding: 0px;
margin: 0px;
}

{============ Main Table ========}


#main{
border: 0px solid red;
width: 1007px;
background: url('images/tablebg.png');
background-repeat: repeat-y;
clear:both;
}

#sideleft{
width: 190px;
float: left;
border: 0px solid white;
font-size: 11px;
}



#leftcontent{
padding: 0px;
padding-left: 5px;
}


.mhead{
background: #585858;
color: #383838;
width: 100%;
height: 19px;
font-weight: bold;
margin: 0px;
padding: 0px;
list-style-position: inside;
list-style-image: url('images/marrow.jpg');
}

#leftcontent ul ul{
margin: 0px;
padding-left: 10px;
}

#welcomehome, #gallery, #official, #fansite, #rss{
margin: 5px 0px 5px 0px;
padding: 0px;
}

#welcomehome li, #gallery li, #official li, #fansite li, #rss li{
list-style: none;
padding-left: 15px;
padding-right: 0px;
margin: 0px;
}

#welcomehome a:link, #welcomehome a:visited{
color: #FF3A3A;
font-weight: bold;
text-decoration: none;
}

#gallery a:link, #gallery a:visited{
color: #3AA9FF;
font-weight: bold;
text-decoration: none;
}


#official a:link, #official a:visited{
color: #3AFF76;
font-weight: bold;
text-decoration: none;
}


#fansite a:link, #fansite a:visited{
color: #F3A173;
font-weight: bold;
text-decoration: none;
}


#rss a:link, #rss a:visited{
color: #838383;
font-weight: bold;
text-decoration: none;
}

#welcomehome a:hover, #gallery a:hover, #official a:hover, #fansite a:hover, #rss a:hover{
text-decoration: underline;
}

{============= MAIN CONTENT AND STUFF ======}


#content{
width: 610px;
display: inline;
float: left;
border: 0px solid white;
margin-top: 10px;
margin-left: 2px;
padding-bottom: 10px;
}


.post{
padding: 10px;
text-align: justify;
background: url('images/posttop.jpg') #393939;
background-repeat: no-repeat;

}

.postbot{
background: url('images/postbot.jpg');
background-repeat: no-repeat;
height: 13px;
margin-bottom: 20px;
}


.entry-content a{
font-weight: bold;
text-decoration: none;
}

.entry-content a:hover{
color: #0A61A4;
font-weight: bold;
text-decoration: underline;
}

.entry-date{
color: #E02A5F;
font-size: 9px;
font-weight: bold;
}

.tbracket{
font-size: 11px;
}

.entry-date h2{
margin: 0px;
padding: 0px;
display: inline;
font-size: 16px;
font-weight: normal;
}

.entry-date h2 a{
color: #fff;
text-decoration: none;
}

.entry-date h2 a:hover{
color: #FEE101;
text-decoration: underline;
}


.entry-meta{
color: #575757;
font-size: 9px;}

.entry-meta b{
color: #0A61A4;
}

.custom{
clear: both;
border: 0px solid white;
padding: 10px 0 10px 0;
}

.custom ul{
list-style: none;
margin: 0px;
padding: 0px;
}
.custom li{
list-style: none;
margin: 0px;
padding: 0px;
}
.post-meta {}
.post-meta-key {font-weight: bold; color: #0A61A4;}


.tags{
clear:both;
font-size: 9px;
}

.entry-comments{
clear:both;
display: block;
float: right;
}

.post hr{
clear: both;
display: block;
width: 450px;
color: #1B1B1B;
border-bottom: 1px solid #3B3B3B;
margin-top: 40px;
margin-bottom: 10px;
text-align: center;
}

{=============== FOOTER AND RIGHT SIDE BAR THING =======}


#footer{
clear:both;
text-align: center;
height: 58px;
width: 100%;
min-width: 1007px;
background: url('images/foot.jpg') black;
background-repeat: repeat;
padding-top: 3px;
}

#sideright{
*clear:both;
width: 199px;
float: right;
border: 0px solid white;
text-align: center;
padding-right: 3px;
}


input, textarea{
background: #3C3C3C;
color: #ABABAB;
border: 1px solid #282828;
}

input:hover, textarea:hover{
background: #454545;
}


.clearafter:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
} * html .clearafter {height: 1%;}


/*=============== Tabbed sidebar ================*/

#tabvanilla ul{
margin: 0px;
padding: 7px 0px 0px 0px;
}

.widget {
width: 194px;
margin: 0px;
padding: 0px;
background: #353535;
border: 1px solid #232323;
margin-bottom: 15px;
text-align: left;
}

	.widget a {
	color: #838383;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #000;
	text-decoration: underline;
	}

	.tabnav{
	font-size: 10px;

	}


	.tabnav li {
	display: inline;
	list-style: none;
	padding: 0px 5px 0px 0px;
	margin-left: 5px;
	}


		.tabnav li a {
		text-decoration: none;
		text-transform: uppercase;
		color: #ABABAB;
		font-weight: bold;
		padding: 3px;
		margin: 0px 0px;
		outline: none;
		}
		
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		background: #232323;
		color: #ABABAB;
		text-decoration: none;
		padding: 3px;
		}

		
	.tabdiv {
	margin-top: 2px;
	background: #;
	border: 0px solid #dedbd1;
	padding: 5px;
	}

		.tabdiv ul{
		margin: 0px;
		padding:0px;
		}
	
		.tabdiv li {
		list-style-image: url("images/rarrow.jpg");
		list-style-position: inside;
		margin-left: 0px;
		}

.ui-tabs-hide {
		display: none;
		}

		#featuredvid {
		text-align: center;
		}
		
			.fvid {
			margin-bottom: 5px;
			}
		
			.vidselector li {
			text-align: left;
			list-style: none;
			padding: 5px;
			background: #ffffff;
			border: 1px solid #dedbd1;
			text-transform: uppercase;
			margin-bottom: 5px;
			}



/*============ IMAGE STUFF ===================*/

a img{border: 0px;}
p img{ max-width: 100%;}

.post img{
	border: 1px solid #212121;
	text-align: center;
	background-color: #232323;
	padding: 4px;

	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

img.centered{
	display:block;
	margin-left: auto;
	margin-right: auto;
	padding: 4px;

}

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

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

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* ========= CAPTIONS =========== */

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

.wp-caption {
	border: 1px solid #212121;
	text-align: center;
	background-color: #232323;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}




/*========== CALENDAR STUFF ================*/

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

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


#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

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

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

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }



/*================ COMMENT STUFF ================*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist a{
color: white;
}

.commentlist a:hover{
color: #FEE101;
}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}


#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}


.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;

	}

.commentlist cite{
color: #000;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}





ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #282828; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }

ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }

ol.commentlist li div.vcard img.avatar { border:2px solid #131313; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 9px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }

ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }

ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }

ol.commentlist li div.reply2 { background:#515151; border:2px solid #404040; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#ABABAB; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 7px;  text-align:center; width:36px; }

ol.commentlist li div.reply2:hover { background:#616161; border:2px solid #404040; }
ol.commentlist li div.reply2 a { color:#ABABAB; text-decoration:none; text-transform:uppercase; }

ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {  }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {background-color: #5A5A5A}
ol.commentlist li.thread-odd {background-color: #545454}




/* End Comments */


/* ======== OTHER STUFFS ======= */

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

.even, .alt {

	border-left: 1px solid #ddd;
}
.thread-alt {
	background-color: #545454;
}
.thread-even {
	background-color: #5A5A5A;
}
.depth-1 {
border: 1px solid #ddd;
}

