@charset "utf-8";
/*
Theme Name: 84ism
Description: 84ismのデフォルトテーマ
Author:Sho shirasaka
Tags: 

*/

@import "grid.css";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
  line-height: 1.68;
}

p{
	margin-top:5px;
}
.hentry p{
	margin-top:15px;
}
li{list-style:none;}
img{border:none;}
a,a:link,a:visited,a:active{
	color:#4D5A61;
}
a:hover{
	background:#4D5A61;
	color:#fff;
	text-decoration:none;
}
.head_bg a,
.head_bg a:link,
.head_bg a:visited,
.head_bg a:hover,
.head_bg a:active{
color:#ffffff!important;
	background:none!important;
	text-decoration:underline!important;
}
.name_link{
	background:#8CA2AE!important;
	color:#fff!important;
	text-decoration:none!important;
	font-size:12px;
	letter-spacing:-0.6px;
}

 body{
	 background:url(images/bg.gif) repeat center;
	 behavior:url(csshover.htc); 
 	 color: #333;
 	 font:13.8px Century Gothic,arial,helvetica,clean,sans-serif;
 	 text-align:left;
font:13px/1.5 'Lucida Grande',Arial,Helvetica,Verdana,sans-serif;  
 }

/* for IE7 */  
*+html body {  
font-family:'メイリオ';  
font-size:75%;  
}  

/* for IE6 */  
* html body {  
font-size:75%;  
}  



select form option{
	color:#999999;
}
  


#header{
	width:900px;
	height:120px;
	margin:0px auto 0;
	text-align:left;
	padding-bottom:5px;
	background:url(images/page_bg.gif) no-repeat bottom center;
}

h1{
	width:216px;
	height:89px;
	float:left;
	}
h1 a{
	width:216px;
	height:89px;
	display:block;
	background:url(images/logo.gif) no-repeat 0 0px!important;
	text-indent:-9999px;
	display:block;
	margin-left:10px;
}

h1 a:hover{
	opacity:0.8;
	_filter:alpha(opacity=80);	
}

h2{
	margin-bottom:10px;
	background:url(images/bg_h2.gif) no-repeat left center;
	border-left:0px solid #067274;
	padding:1px 0 1px 58px;
	color:#067274;
	_font-size:130%;
	font-size:28px;
line-height:120%;
	}
h3{
	margin-top:15px;
	margin-bottom:15px;
	font-size:160%;
	color:#8CA2AE;
	line-height:130%;
	}
/*singleページのみ*/
.single h3{
/*border-bottom:1px dashed #8CA2AE;*/
}
h3 a{
	display:block;
	padding:2px 3px 3px 9px;
	color:#555;
	background:url(images/bg_h3.gif);
	text-decoration:none;

	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	}
	
 h3 a:hover{
	background:none;
	background:#8CA2AE;
	}
	
h4{
	margin-top:20px;
	margin-bottom:15px;
	font-size:130%;
	border-left:4px solid #D51C5B;	
	color:#D51C5B;
	padding-left:5px;
	}
h4.no_border{
	margin-top:20px;
	margin-bottom:15px;
	font-size:130%;
	border-left:none;
	color:#D51C5B;
	padding-left:0px;
	}


/*サイドバー関連*/
#sidebar h4{
	border:none;
}
#sidebar a:hover{
	background:none;
}
#sidebar a:hover img{
	opacity:0.8;
	_filter:alpha(opacity=80);	
}
#special a:hover img{
	opacity:0.8;
	_filter:alpha(opacity=80);	
}

/*aboutページ*/
.page-id-9 #content h3{
	padding-left:8px;
	border-left:5px solid #8CA2AE;	
	margin-top:34px;
	margin-bottom:2px;
	background:#f5f5f5;
}
.page-id-9 h4{
	margin-top:13px;
	margin-bottom:2px;
	font-size:100%;
	border:none;
	color:#D51C5B;
}
	
/*メニュー記述ここから*/
#menu{
	height:60px;
	margin-top:12px;
	float:right;
}
#menu ul{
	width:576px;
	display:block;
}

#menu li{
	float:left;
	display:block;
}

#menu span{
	display:none;
}
.menu01 a{display:block;width:162px;height:50px;background:url(images/menu.gif) no-repeat 0 0} 
.menu02 a{display:block;width:113px;height:50px;background:url(images/menu.gif) no-repeat -162px 0px}
.menu03 a{display:block;width:106px;height:50px;background:url(images/menu.gif) no-repeat -275px 0px}
.menu04 a{display:block;width:87px;height:50px;background:url(images/menu.gif) no-repeat -381px 0px}
.menu05 a{display:block;width:108px;height:50px;background:url(images/menu.gif) no-repeat -468px 0px}

.menu01 a:hover,.menu01 a:active{display:block;width:162px;height:50px;background:url(images/menu.gif) no-repeat 0 -50px} 
.menu02 a:hover,.menu02 a:active{display:block;width:113px;height:50px;background:url(images/menu.gif) no-repeat -162px -50px}
.menu03 a:hover,.menu03 a:active{display:block;width:106px;height:50px;background:url(images/menu.gif) no-repeat -275px -50px}
.menu04 a:hover,.menu04 a:active{display:block;width:87px;height:50px;background:url(images/menu.gif) no-repeat -381px -50px}
.menu05 a:hover,.menu05 a:active{display:block;width:108px;height:50px;background:url(images/menu.gif) no-repeat -468px -50px}

#sub_menu{
	height:20px;
	width:401px;
margin-right:0;
	margin-top:7px;
	float:right;
}
#sub_menu ul{
	display:block;
	height:20px;
	width:401px;
}

#sub_menu li{
	float:left;
	display:block;
}

#sub_menu li,
#sub_menu ul{
margin:0;padding:0;
}



#sub_menu span{
	display:none;
}
.sub_menu01 a{display:block;width:121px;height:20px;background:url(images/sub_menu.gif) no-repeat 0 0} 
.sub_menu02 a{display:block;width:99px;height:20px;background:url(images/sub_menu.gif) no-repeat -121px 0px}
.sub_menu03 a{display:block;width:58px;height:20px;background:url(images/sub_menu.gif) no-repeat -220px 0px}
.sub_menu04 a{display:block;width:38px;height:20px;background:url(images/sub_menu.gif) no-repeat -278px 0px}
.sub_menu05 a{display:block;width:85px;height:20px;background:url(images/sub_menu.gif) no-repeat -316px 0px}
.sub_menu01 a:hover,.sub_menu01 a:active{display:block;width:121px;height:20px;background:url(images/sub_menu.gif) no-repeat 0 -20px} 
.sub_menu02 a:hover,.sub_menu02 a:active{display:block;width:99px;height:20px;background:url(images/sub_menu.gif) no-repeat -121px -20px}
.sub_menu03 a:hover,.sub_menu03 a:active{display:block;width:58px;height:20px;background:url(images/sub_menu.gif) no-repeat -220px -20px}
.sub_menu04 a:hover,.sub_menu04 a:active{display:block;width:38px;height:20px;background:url(images/sub_menu.gif) no-repeat -278px -20px}
.sub_menu05 a:hover,.sub_menu05 a:active{display:block;width:85px;height:20px;background:url(images/sub_menu.gif) no-repeat -316px -20px}


/*メニュー記述ここまで*/

#page{
	margin:0px auto 0;
	background:#ffffff;
	width:900px;
}
#footer{
	background:url(images/page_bottom_bg.gif) no-repeat center top;
	margin:0px auto 0;
	width:100%;
	padding-top:10px;
	text-align:center;
}
#footer div{
	display:block;
	width:875px;
	border-top:2px dashed #eee;
	text-align:center;
	margin:0 auto 0;
	color:#999;
	padding-top:2px;
	font-size:88%;
}

#footer div a{
	color:#999;	
	font-size:88%;
}
#footer div a:hover{
	color:#eee;	
}
#footer p{
display:block;
	background:#067274;
	width:100%;
	margin-top:15px;
	color:#eee;
	
}
#footer p.totop{
	margin-top:15px;
	margin-bottom:0px;
	_margin:40px auto 0;
}
#footer p.totop a{
	background:url(images/totop.gif) no-repeat center 3px #6C898E;
	color:#ddd;
	margin-top:0px;
	display:block;
	width:100%;
	color:#ddd;
	margin-top:15px;
	margin-bottom:0px;
	_margin:40px auto 0;
}
#footer p.totop a:hover{
	background:url(images/totop.gif) no-repeat center 3px #468184;
}


#footer p a,
#footer p a:visited,
#footer p a:link,
#footer p a:active{
	text-decoration:none;
	background:none;
	color:#ddd;	
}
#footer p a:hover{
	text-decoration:none;
	background:none;
	color:#fff;	
}


#content{
	width:680px;
	display:block;
	_display:inline;
	margin-left:20px;
	float:left;
}
/*メンバー紹介ページ*/
.page-id-2 #page #content{
	width:700px!important;
        margin-right:-20px!important;
}
#content_single{
	width:500px;
	display:block;
	_display:inline;
	margin-left:20px;
	float:left;
}

.page-id-2 #page #content h4{
margin-bottom:0px!important;
}
#content_single2{
	width:160px;
	display:block;
	margin-left:20px;
	float:left;
	font-size:85%;
}

#sidebar{
	width:160px;
	display:block;
	margin-left:20px;
	float:left;
}


#page:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#page {
  min-height: 1px;
}

* html #page {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*運営メンバーページ*/
.member{
	width:320px;
	margin-top:8px;
	padding:8px;
	background:url(images/member_bg.gif) repeat-x top;
float:left;
margin-right:10px;
	font-size:95%;
height:120px;
overflow-y:auto;
}
.member p{
	font-size:91%;
margin-top:0px;
	line-height:142%;
}
.member strong{
	line-height:160%;
	font-size:110%;
	margin-left:3px;
	color:#D51C5B;
text-shadow:#fafafa 2px 1px 0px;
}
.member strong a,
.member strong a:hover{
	color:#D51C5B;
	background:none;
	}
.member img{
	float:left;
	margin-right:8px;
padding:1px;
border:1px solid #ccc;
}

.member a.to_column{
margin-top:4px;
margin-right:2px;
display:block;
width:51px;
height:11px;
float:right;
text-indent:-9999px;
background:url(images/to_column.gif) no-repeat;
}

.member a:hover{
opacity:0.82;
_filter:alpha(opacity=82);
}

.top_page{
	width:700px;
	margin-right:-20px;	  
	list-style-type: none;
}

.top_page li{
	display:block;
	float:left;
margin-top:20px;
margin-right:20px;
}


.top_page .post a{
width:203px;
height:213px;
padding:5px;
display:block;
overflow:hidden;
text-decoration:none;
font-size:19px;
font-weight:bold;
background:#dddddd;
background-position:5px 5px;
background-repeat:no-repeat;
line-height:96%;
letter-spacing:-0.08em;
display:table-cell;
_display:block;
_height:203px;
vertical-align:bottom;
}
*:first-child+html .top_page .post a{
display:block;
height:203px;
}

*+html>/**/body .top_page .post a{
height:203px;
}

.top_page .post a div.topTitle{
padding:3px 3px 3px;
display:block;
height:auto;
background:url(images/bg_top_list.png);
_background:#eee;
line-height:100%;
letter-spacing:-0.1em;
overflow:hidden;
}


.top_page a:hover{
opacity:0.8;
_filter:alpha(opacity=80);
}

/*ロールオーバー時*/
.top_page .post a:hover div{
background:#D51C5B;
text-shadow:none;
}
.top_page .post a:hover{
background-color:#D51C5B;
text-shadow:#111 2px 1px 0px;
color:#fff;
}


.catAndDate{
padding:3px 3px;
height:17px;
display:inline-block;
position:absolute;
margin-top:5px;
margin-left:5px;
width:197px;
background:url(images/bg_top_list.png);
z-index:9999;
_display:none;
}

*:first-child+html .catAndDate{
display:none;
}


.top_page .top_cat{
text-shadow:none;
margin:0;
line-height:70%;
letter-spacing:0.01em;
font-size:130%;
color:#D51C5B;
}

.top_page .top_date{
text-shadow:none;
letter-spacing:0.01em;
margin:0;
line-height:70%;
font-size:92%;
color:#333;
}

.top_page .post a:hover .top_date,
.top_page .post a:hover .top_cat{
	color:#eee;
}	
#other_posts_list{
	border:1px solid #ccc;
	margin-top:-1px;
}

#other_posts_head{
	border:1px solid #ccc;
	padding:5px;
	background:#eee;
	font-weight:bold;
background:#087374;
color:#eee;
}
#hatebu_title{
	border:1px solid #ccc;
	padding:5px;
	background:#eee;
	font-weight:bold;
background:#087374;
color:#eee;
}
ul#other_posts_list{
overflow:hidden;
}
#other_posts_list li a{
display:block;
	padding:5px 5px;
	border-bottom:2px dotted #ccc;
margin-bottom:-4px;
}

#other_posts_list li a:hover{
background:#999;
}

#other_posts_list li{
margin,padding:0;
}

.post{
	padding-top:0px;
	padding-bottom:20px;
	display:block;
}
.top_page .post{
	padding-top:0px;
	padding-bottom:0px;
	display:block;
	border-bottom:none;
}
.posted_date{
	padding:15px 2px;
	margin-top:30px;
	margin-bottom:10px;
font-size:86%;
border-top:2px solid #eee;
border-bottom:2px solid #eee;
}
.posted_date2{
	padding:0px 2px;
	margin-top:-10px;
font-size:86%;
line-height:100%;
border-top:1px dashed #8CA2AE;
}
.posted_date2 a:hover{
background:none!important;
}

.column_member_icon{
padding:13px;
border:2px solid #eee;
background:#fafafa;
margin-bottom:10px;
margin-top:5px;
}


/*インタビュー*/

.interview01{
margin:25px 0 0;
width:430px;
padding:10px 0 10px 70px;
display:block;
height:23px;
color:#990000;
   background:url(images/interview_icon.gif) no-repeat;
}
.interview02{
margin:25px 0 0;
width:420px;
padding:10px 10px 10px 70px;
display:block;
height:43px;
color:#990000;
   background:url(images/interview_icon2.gif) no-repeat;
}

/*店舗情報border*/
.info01 {
	margin-top:10px;
	margin-bottom:10px;
	padding: 10px;
	font-size: 88%;
	line-height: 150%;
	border: solid 1px #ddd; 
	background:#f9f9f9;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
}
.info02 {
	margin-top:10px;
	margin-bottom:10px;
	padding: 10px;
	line-height: 150%;
	border: solid 1px #ddd; 
	background:#f9f9f9;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
}
/*もっと読むボタン*/
a.more-link{
	width:95px; 
   height: 20px; 
   background:url(images/more-link.gif) no-repeat;
   text-indent:-9999px;
   display:block;
   margin-top:5px;
   color:#fff;
   }
a:hover.more-link{
	opacity:0.8;
	_filter:alpha(opacity=80);
	}
   
/*放課後トーク*/
.category-talk .icon{
	float:left;
	display:block;
	clear:both;
	margin:0px 20px 20px 0;
}

.category-talk h4{
	clear:both;
	margin-top:10px;
}
/*検索窓*/
#SearchForm{
	margin-bottom:10px;
}
#SearchForm input{
	float: left;
	width: 126px;
	height: 23px;
	font-size:16px;
	font-weight:bold;
	border:1px solid #ccc;
	margin-bottom:10px;
	color:#666;
}
#SearchForm button { 
	float: left; 
   background:url(images/search_button.gif) no-repeat;
	width: 25px;
	height: 25px; 
	border: none;
	margin-left:6px;
	cursor: pointer;
	text-indent: -1000em;
}
#SearchForm button:hover{
	opacity:0.8;
	_filter:alpha(opacity=80);
	}


/*blockquote関連*/
blockquote {
     text-indent: 25px;
     background: url(images/blockquote01.png) #ffffff;
     background-position: 10px 8px;
     background-repeat: no-repeat;
border:2px dotted #cccccc;
padding:5px 20px;
margin-left:0!important;
margin-top:15px;
margin-bottom:15px;
}
blockquote .dotted2{
text-indent:0px!important;
background:none!important;
border:2px dotted #cccccc;
padding:5px 20px;
}
blockquote p {
     display: inline;
     margin: 0;
     padding-right: 5px;
     background: url(images/blockquote02.png);
     background-position: bottom right;
     background-repeat: no-repeat;
}
a.arrow01{
     background: url(images/arrow01.gif) no-repeat left top;
	 padding-left:23px;
	 height:20px;
	 display:block;
	 width:130px;
	 text-decoration:none;
	 margin-bottom:5px;
}
a:hover.arrow01{
	text-decoration:underline;
	color:#4D5A61;
}



/*サイドバーピックアップ*/
ul.side_pickup{
margin-top:30px;
padding-top:40px;
background:url(images/pickup_head.gif) no-repeat top;
border-bottom:1px dashed #ccc;
}

.side_pickup li{
line-height:180%;
border-top:1px dashed #ccc;
}
.side_pickup a{
display:block;
padding:5px;
text-decoration:none;
}

.side_pickup a div{
	overflow:hidden;
}
.side_pickup a:hover{
	opacity:0.92;
	_filter:alpha(opacity=92);

	}

/*ロールオーバー時*/
.side_pickup a:hover div{
	background:#D51C5B;
	color:#FFF;
}
.side_pickup li a:hover{
background-color:#D51C5B;
	}
.side_pickup a:hover .top_cat{
	color:#EEE;

}
	
.side_pickup .top_cat{
	font-size:80%;
	color:#D51C5B;
}	

a:hover.writer_head_more{
background:none;
	opacity:0.82;
	_filter:alpha(opacity=82);
}


	
/*ソーシャルアイコン*/
.posted_date .twitter_icon,
.posted_date2 .twitter_icon{
background:url(images/twitter_icon.gif) no-repeat left center;
padding-left:15px;
}
.posted_date .hatena_icon,
.posted_date2 .hatena_icon{
background:url(images/hatena_icon.gif) no-repeat left center;
padding-left:17px;
}
.posted_date .livedoor_icon{
background:url(images/livedoor_icon.gif) no-repeat left center;
padding-left:15px;
}
.posted_date .ameba_icon{
background:url(images/ameba_icon.gif) no-repeat left center;
padding-left:15px;
}

.posted_date a:hover.twitter_icon,
.posted_date a:hover.hatena_icon,
.posted_date2 a:hover.twitter_icon,
.posted_date2 a:hover.hatena_icon,
.posted_date a:hover.livedoor_icon,
.posted_date a:hover.ameba_icon
{background-color:#4D5A61;}

.posted_date2 a img{
margin-top:3px;
padding-top:2px;
vertical-align:-2px;
}
.posted_date2 a:hover img{
	opacity:0.8;
	_filter:alpha(opacity=80);
}


h3.related{
text-indent:-9999px;
background:url(images/related.gif) no-repeat left center;
width:210px;
height:29px;
display:block;
margin-top:45px;
margin-bottom:5px;
}
#wpjrelated li a{
font-size:95%;
}

/*リンクアイコン*/

a.lnk{
background:url(images/link_icon.gif) no-repeat 5px center;
padding:14px 5px 14px 83px;
border:2px solid #eee;
display:block;
margin-top:10px;
font-size:126%;
letter-spacing:-0.05em;
color:#D51C5B;
}
a:hover.lnk{
background-color:#f9f9f9;
color:#D51C5B;
text-decoration:underline;
}

p.column_member_description{
font-size:95%;
}

.hatena-bookmark-widget-title{
display:none;
}
.hatena-bookmark-widget-footer{
display:none;
}

.hatena-bookmark-widget-body ul li a,
.hatena-bookmark-widget-body ul li a:link,
.hatena-bookmark-widget-body ul li a:visited,
.hatena-bookmark-widget-body ul li a:active{
	color:#4D5A61;
}
.hatena-bookmark-widget-body ul li a:hover{
	color:#4D5A61;
	text-decoration:underline!important;
}


/*aprilfool*/
#post-2237 iframe{
float:left;
margin-right:15px;
margin-bottom:15px;
}


/*recommended*/
#recommended{
margin:10px 0 0 0;
}
#recommended div{
width:203px;
padding:5px;
display:block;
background:#eee;
float:left;
height:200px;
border-top:2px solid #ddd;
border-bottom:2px solid #ddd;
}
p.recommendedImg{
width:203px;
height:80px;
background-position: center center;
display:block;
}
#recommended div p.texts{
font-size:18px;
font-weight:bold;
line-height:140%;	
}
#recommended div p{
font-size:90%;
line-height:130%;
}

/*comments*/

.comments{
margin-top:30px;
padding:0 15px 10px 15px;
border:1px solid #f0f0f0;
background:#FFFCF7;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
}
.commentlist{
border-top:1px solid #eee;
padding-top:10px!important;
margin-top:20px;
}
.commentlist li{
margin-bottom:10px!important;
border-bottom:1px solid #eee;
padding-bottom:10px!important;
}
.commentlist li img{
float:left;
border:1px solid #ccc;
padding:2px;
margin-right:10px!important;
}

.commentlist li p{
margin-top:0px!important;
}
.commentmetadata{
margin-top:0px!important;
}
.btc-powered{
display:none;
}

#ipad_logo{
display:none;}


@-webkit-keyframes pulse {
 from {
   opacity: 1.0;
   font-weight:normal;
 }
 to {
   opacity: 0.0;
   font-weight:normal;
 }
}
.top_page .post a div .top_date{
-webkit-animation-name: pulse;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
-webkit-animation-delay: 0s; //実行までの待ち時間
}

.imgBorder01{
padding:2px;
border:2px solid #eee;
}




/* CSS3　反転時の文字色・背景色 */
::selection {background: #397173;color:#eee;}

::-moz-selection {
background: #397173;color:#eee; /* Firefox */
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* mamipeko
==========================================================*/
/* size
----------------------------------------------------------*/
.ftLarge  , table.ftLarge   th, table.ftLarge   td {font-size:large!important; line-height:1.6em!important;}

/* block
----------------------------------------------------------*/
.block2A		{width:500px;}
.block2A .blockL	{width:94px; float:left; padding-top:15px;}
.block2A .blockR	{width:405px; float:left;}

/* clearfix
----------------------------------------------------------*/
.block2A:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}
.block2A{min-height:1px;}
* html .block2A{
	height:1px;
	height:auto;
	overflow:hidden;
	zoom:1;
}

/* speak
----------------------------------------------------------*/
.block2A .blockR p{padding:15px 20px 20px 30px;}

div.speak01_t{background:transparent url("http://84ism.jp/wp-content/uploads/2010/06/iphone_speak01_t.gif") no-repeat left top;}
div.speak01_b{background:transparent url("http://84ism.jp/wp-content/uploads/2010/06/iphone_speak01_b.gif") no-repeat left bottom;}
div.speak02_t{background:transparent url("http://84ism.jp/wp-content/uploads/2010/06/iphone_speak02_t.gif") no-repeat left top;}
div.speak02_b{background:transparent url("http://84ism.jp/wp-content/uploads/2010/06/iphone_speak02_b.gif") no-repeat left bottom;}

/* image float
------------------------------------------------*/
.imageRight {float:right; margin:5px 0px 20px 15px; text-align:right; font-size:x-small; letter-spacing:1px; border:1px solid #cccccc;}

/* float clear
------------------------------------------------*/  
br.clearFloat,
img.clearFloat {clear:both;height:1px;}
div.clearFloat {clear:both;font-size:1px;line-height:1px;height:1px;width:1px;}