/*----------------------------------------------------
base css for estudio GRANATE website

----------------------------------------------------*/


body{ background-color : #999999;  margin : 0px; padding : 0px }

table { margin : 0 }

td, th { color : #666666 ; vertical-align : top }

td.mid { vertical-align : middle }
td.bot { vertical-align : bottom }

.select {
font-size: 10px;
background: #FFEFCC;
width:  163px;
}

.f7wh { font-size: 18px ; color:  }

img { border : 0 none hidden }

sup, sub { font-size : 60% }


a:link { color : #FFFFFF ; text-decoration : none }
a:visited { color : #FFFFFF ; text-decoration : none }
a:hover { color : #CC8293 ;  text-decoration : none }
a:active { color : #FFFFFF ; text-decoration : none }

a.red:link { color : #660033 ; text-decoration : none }
a.red:visited { color : #660033 ; text-decoration : none }
a.red:hover { color : #CC8293 ;  text-decoration : none }
a.red:active { color : #660033 ; text-decoration : none }

.title1 { font-size: 12px ; color: #666666; font-weight : bold }
.title2 { font-size: 12px ; color: #660033 }
.title3 { font-size: 12px ; color: #9F0F12 }

.copyright { font-size: 10px ; color: #FFFFFF ; vertical-align : middle }

.border {
border:#999999 1px solid;
}

#info {
position:relative;
display:block;
margin:0 auto;
}

#info .set {
position:relative;
margin:0 auto;
width:554px;
}

#info .date {
position: relative;
display:block;
top:0;
left:0;
width:80px ;
font-size:10px;
}

#info .contents {
position:relative;
display:block;
top:-20px;
left:80px;
width:470px;
}

#info .title {
font-size:12px;
line-height:160%;
}

#info dl {
padding:0;
margin:10px auto;
font-size:10px;
}

#info dt {
float:left;
line-height:160%;
}

#info dd {
line-height:160%;
}

#info .url {
margin-top:15px;
}

#info .bar {
margin:20px 0 ;
}


#feed {
width:415px;
}
#feed ul {
	width:415px !important;
	margin-left:0 !important;
	padding-left:0 !important;
}

.blog dl {
margin:0;
}

.blog dt {
float:left;
padding:10px 0 10px 10px;
padding-bottom: 1px;
font-size:10px;
}

.blog dd {
text-align:left;
border-bottom:2px #e7e7e7 dotted;
padding:10px 0 10px 80px;
margin:0;
font-size:10px;
}
.clear {
clear:both;
}