@charset "utf-8";
/* CSS Document */

@import "reset.css";

body{
background:url(../images/bg-pattern.gif) #212121;
clear:both;
}


.corner{
z-index:0;
background:url(/templates/yosh/images/bg-corner.gif) top left no-repeat;
position:absolute;
top:26px;
left:0;
height:265px;
width:195px;
}

.topBar{
background:#1a1a1a;
height:19px;
width:100%;
position:absolute;
top:0;
left:0;
border-bottom:1px solid #444444;
text-align:right;
padding-top:6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#CCCCCC;
}

.topBar p{
text-align:center;
}

.topBar a{
text-decoration:none;
padding:0 2px 0 2px;
margin:0 5px 0 5px;
color:#CCCCCC;
}

.topBar a:hover{
border-bottom:1px solid #cccccc;
}


.thumbnails {
filter:alpha(opacity=33);
-moz-opacity:0.3;
opacity:0.3;
margin:3px auto;
border:1px solid #000;
}

.thumbnails:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

.thumbsHolder{
width:50px;
margin-right:10px;
position:absolute;
top:0;
left:-50px;
}

.thumbsHolder img{
height:45px;
width:45px
}

.picThing{
text-align:center;
}

.picThing img{
border:8px solid #000000;
}

.imageWrap,.aboutWrap{
position:relative;
clear:both;
text-align:center;
}

.imageWrap{
margin:105px auto;
width:760px;
}

.aboutWrap{
margin:45px auto;
text-align:left;
width:650px;
padding:10px;
background:#212121;
border:1px solid #333333;
color:#CCCCCC;
font: 0.6em verdana, Helvetica, Arial, sans-serif;
}

.centerWrap{
position:relative;
margin:-85px auto;
width:700px;
padding-bottom:15px;
}

.commentBtn{
text-align:center;
}


.commentBtn a, .commentsContent{
text-decoration:none;
font: 0.6em verdana, Helvetica, Arial, sans-serif;
}

.commentBtn a{
color:#666666;
padding-bottom:10px;
}

.commentsContent{
width:300px;
color:#CCCCCC;
}

.commentsContent li {
background: url(/templates/yosh/images/comment.gif) no-repeat;
padding-left:15px;
padding-bottom:10px;
margin-bottom:15px;
border-bottom:1px dotted #999999;
}

.commentsContent li a{
font-weight:bold;
color:#CCCCCC;
text-decoration:none;
}


#comments{
text-align:left;
padding:10px;
margin:15px auto;
clear:both;
overflow:auto;
background:#121212;
border:1px solid #515151;
width:600px;
}

.commentsForm{
font: 0.6em verdana, Helvetica, Arial, sans-serif;
color:#CCCCCC;
float:right;
}


#browseThumbs .thumbnails{
margin-right:5px;
margin-bottom:5px;
}

#browseThumbs{
z-index:1;
position:relative;

width:450px;
}

.archiveHolder{
margin:105px auto;
width:650px;
position:relative;
}

.archiveList{
background:#121212;
width:185px;
position:absolute;
top:0;
right:0;
padding:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
}

.archiveList h1,.info h1{
font-weight:bold;
margin-bottom:4px;
}

.archiveList h1{
color:#415d80;
}

.archiveList a{
text-decoration:none;
color:#CCCCCC;
}

.tags00,.tags01
{
font-size: 9px !important;
}

.tags02,.tags03
{
font-size: 11px !important;
}

.tags04,.tags05
{
font-size: 13px !important;
}

.tags06,.tags07
{
font-size: 15px !important;
}

.tags08,.tags09
{
font-size: 17px !important;
}

.tags10
{
font-size: 19px !important;
}

.center{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
margin-top:10px;
text-align:center;
}

.center a{
color:#666666;
text-decoration:none;
}

.lulz{
text-indent:-5000px;
position:absolute;
}

.info{
width:100%;
position:absolute;
top:-40px;
color:#999999;
font: 0.7em verdana, Helvetica, Arial, sans-serif;
text-align:center;
}