/*
 * 2012/07/23 y.kokubu
 * 各テーマのCSSを上書きするCSSです。
 * テーマ別CSS→本CSSの順にロードされます。
 */


/* -------------------- SPORAヘッダー -------------------- */
.header_wrap {
	position: fixed !important;
	position: absolute;
	width: 100%;
	color: #FF9900;
	font-weight: bold;
	background-image: url(../../images/spora/head_bg.jpg);
	z-index: 99;
	}

.spora_header_bar {
    margin: 0 auto;
	width: 760px;
	}
.spora_header_bar .left .logo {
	float:left;
	}
.spora_header_bar .right {
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	}
.spora_header_bar .right a {
	color: #666;
	text-decoration: none;
	}
.spora_header_bar .right a:hover {
	color: #CCC;
	text-decoration: none;
	}
.spora_header_bar img {

	}

.spora_header_bar .ad {
    float: right;
    margin-left: 24px;
    margin-top: 8px;
}
.clear{
	clear: both;
	}

/* -------------------- GENERAL -------------------- */

body {
	word-wrap: break-word;
	font-family: verdana, tahoma, Arial, Helvetica; 
	margin: 0; 
	padding: 0; 
	width: 100%;
	text-align: start; 
}


#box-back {
	width: 760px; 
	margin: 0 auto; 
	border-bottom: 1px solid #AAA;
	}

#box {
	width: 760px; 
	margin: 0 auto; 
	padding-top: 36px; 
	}



#box-shadow {
	width: 790px; 
	margin: 0 auto;
	background-image: url(../../images/spora/back_shadow.png);
	background-repeat:repeat-y;
	background-position:center;
}


#top {
	max-width: 760px; 
	padding: 0;
	}

a, a:link {
	text-decoration: none; 
	}
a:hover {
	text-decoration: none;
	}

hr {
	border: none; 
	}


/* -------------------- HEADER -------------------- */

#header {
	float:left; 
	width: 740px; 
	padding: 10px 0 0 10px; 
	}

#header h1 {
	font-family: "verdana", Arial, Trebuchet MS, Helvetica; 
	margin: 0; padding: 0; 
	color: #a799e6; 
	font-size: 26px; 
	font-weight: normal; 
}
#header h1 a, #header h1 a:link {
	font-weight: bold;
	}
#header h1 a:hover {
	text-decoration: none; 
}
#description {
	max-width: 720px; 
	font-size: 11pt; 
}


/* -------------------- SEARCH -------------------- */


#searchform {
	float: right; 
	padding: 6px 18px 0 0; 
	margin: 0; 
	}

#searchform #s {
	font-size: 8pt; 
	width: 160px; 
	}

#searchform #submit {
	font-size: 8pt; 
	}

input#s {
	font-family: Verdana, Arial; 
	text-align: left;
	}


/* -------------------- NAV -------------------- */


#navbox {
	width: 750px;
	margin: 4px auto 4px 0;
	padding: 5px;
	}

#navbox:after {
	clear: both; 
	}

#nav {
	width: 510px; 
	}

ul.nav {
	float: left; 
	list-style: none; 
	font-size: 12px; 
	font-weight: bold; 
	text-transform: uppercase; 

	}

ul.nav li {
	float: left !important; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	}

ul.nav li ul {
	float: left; 
	margin: 0; 
	padding: 0; 
	}

ul.nav li a, ul.nav li a:link, ul.nav li a:visited {
	border-left: 0; 
	float: left; 
	display: block; 
	text-decoration: none; 
	padding: 0 10px 0 10px; 
	}

ul.nav li a:hover, ul.nav li a:active {
	text-decoration: none; 
	}

ul.nav li.current_page_item a {
	text-decoration: none; 
	}


/* -------------------- POST -------------------- */

.post-wrap {
	width: 100%; 
	padding: 0; 
	margin: 0;
	margin-bottom: 20px;
	float: left;
	}

.post-wrap:after {
	clear: both; 
	}

.post {
	width: 360px; 
	padding: 0; 
	margin-top: 0;
	margin-left: 10px;
	}

.pagepost {
	padding: 10px;
	}

.pagepost h2 {
	font-weight: bold;
	}

.post img {
	border: none; 
	padding: 5px; 
	}

h2 {
	font-size: 22px; 
	font-weight: normal; 
	padding: 0px; 
	margin: 0px; 
	}

#content {
	width: 380px; 
	float: left; 
	margin: 0; 
	padding: 0; 
	min-height: 200px;
	}

.notes {
	padding: 25px; 
	}

.posthead {
	position: relative; 
	clear: left;
	padding: 10px; 
	}

.posthead h2 {
	font-size: 22px; 
	font-weight: bold; 
	padding: 0px 0px 0px 0px;
	margin: 0px; 
	}

.posthead h2 a {
	}

.posthead h2 a:hover{
	}

.small-a a{
	text-decolation: underline;
	}

.postauthor {
	padding: 0px 0px 0 0px; 
	margin: 0px; 
	font-size: 10px; 
	}

.postdate {
	margin: 0px; 
	position: absolute; 
	text-align: center; 
	}

.postdate small {
	font-size: 9px; 
	}

.postdate .month {
	display:block; 
	text-transform: uppercase; 
	font-size: 9px;
	}

.postdate .day {
	display:block; 
	font-size: 22px; 
	letter-spacing: -1px; 
	font-weight: normal; 
	}

.postdate .year {
	display:block;
	}

.navigation {
	width: 380px; 
	margin-left: 20px;
	float: left; 
	padding: 0; 
	}

.relatedposts {
	width: 520px; 
	float: left; 
	margin: 5px auto; 
	padding: 0 5px 5px 5px; 
	font-size: 12px; 
	}

h1, h2, h3 {
	padding: 0 10px 0 0; 
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica; 
	text-transform: none; 
	}

img.wp-smiley {
	border: 0;
	padding: 0; 
}

.text {
  padding: 0px 12px;
}

.text div{
  padding: 0px !important;
  margin: 0px !important;
  width: 340px;
  border: none;
  background: none;
}

.text ul, .text li, .text ol{
  padding: 0px !important;
  margin: 0px !important;
  list-style-type: none;
}

.text .strong{
  font-weight: bold;
}

.post-public-label{
  font-size: 9pt;
}

.post-list-bottom{
  font-size: 9pt;
  padding: 18px 6px 2px 6px;
}
.post-list-bottom:after{
  clear: both;
}
.post-list-bottom .postDateTime{
  float: left;
}
.post-list-bottom .article-url{
  float: right;
  text-decoration: underline;
}


.post-bg {
}

.post-bg img{
  float:right;
}


/* -------------------- ガジェット -------------------- */

.gadget{
  margin-bottom: 20px;
}
.gadget img{
  background: white;
}

.gadget img:hover{
  filter: alpha(opacity=90);
    -moz-opacity:0.90;
    opacity:0.90;
}


/* -------------------- SIDEBAR -------------------- */


#sidebar {
	width: 180px;
	float: left; 
	margin: 0; 
	padding: 0 5px 0 5px; 

}

#sidebar img, .lsidebar img {
	border: none; 
	}

.alignright {
	float: right; 
	margin-top: 10px; 
	}

.alignleft {
	float: left; 
	margin-top: 10px; 
	}


.rsidebar {
	width: 100%; 
	float: left; 
	margin: 0; 
	padding: 0; 
	}

.rsidebar, .lsidebar img {
	border: none; 
	}

.lsidebar {
	width: 100%; 
	float: left; 
	margin: 0 ; 
	padding: 0 ; 
	}

.lsidebar h2, .rsidebar h2 {
	font-size: 14px; 
	margin: 0 0 10px 0; 
	padding-left: 30px; 
	width: 132px; 
	text-align:left;
	font-weight: bold;
	}

.rsidebar ul, .lsidebar ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	}

.rsidebar ul li, .lsidebar ul li {
	list-style-type: none; 
	margin: 0 0 10px 0; 
	padding: 4px;
	}

.rsidebar ul li ul, .lsidebar ul li ul {
	list-style-type: square; 
	margin: 0; 
	padding: 0 0 0 5px; 
	}

.rsidebar ul li ul li, .lsidebar ul li ul li {
	background-position: center left;
	font-size: 12px;
	margin: 0 10px 0 0; 
	padding: 2px 10px 2px 25px; 
	}


.rsidebar p, .lsidebar p {
	padding: 0px; 
	}

#calendar_wrap {
	padding: 0px;
	text-align: center;
	}

#calendar_wrap table {
	padding: 0px;
	text-align: center;
	margin: 5px auto;
	font-size: 12px;
	}


/* -------------------- FOOTER -------------------- */


#footer {
	width: 760px; 
	height: auto;
	clear: both; 
	font-size: 12px; 
	text-align:center;
	margin: 0;
	padding-bottom: 20px;
    padding-top: 20px;
} 

#footer a, #footer a:link {
	}

#footer a:hover {
	}

#footer .footer-left {
	float: left; 
	width: 30%; 
	}

#footer .footer-left p {
	padding: 22px 20px; 
	}


#footer .footer-right {
	float: left; width: 70%; 
	text-align: right; 
	}

#footer .footer-right p {
	padding: 22px 20px; 
	}

/** フッターの位置が記事と近すぎるので調整する */
#footer p {
    padding-bottom: 5px;
    padding-top: 10px;
}


/*-------------------- Comment --------------------*/
.commentsbox {
    margin-left: 10px;
    margin-top: 0;
    padding: 0;
    width: 360px;
	}

.commentsbox .comment_submit {
	text-align: center;
	}

.commentsbox img {
	margin: 3px; 
}

#commentlist ol {
	margin: 0;
	margin-left: -10px;
	padding: 0; 
	}

#commentlist li {
	width: 340px;
	list-style-position: outside; 
	list-style-type: none; 
	margin-left: -10px;
	margin-bottom: 10px;
	padding: 10px; 
	}

.alt {
	background-image: none !important; 
	}

#commentlist li:hover {
	}

.comment-title {
	margin-top: 0;
	font-size: 8px; 
	}

.comment-text {
	margin: 5px 10px 5px 10px; 
}

h2.postcomment {
	margin: 0; 
	padding: 0;
	font-size: 20px; 
	font-weight: normal; 
	}

.postcomment {
	clear: both; 
	width: auto;
	margin: 20px 0 0 0; 
	padding: 10px; 
	}

.postcomment form{
	margin-top: -30px ;
	}

.postcomment input, .postcomment textarea {
	}

.postcomment input:hover, .postcomment textarea:hover {
	}

.postcomment input#author, .postcomment input#email, .postcomment input#url {
	width: 100% !important; 
	width: 456px; /* IE hack */ height: 18px; 
	}

.postcomment textarea#comment {
	width: 100% !important; /* IE hack */
	margin: 0;
	}

.postcomment input#submit {
	width: auto; 
	margin: 20px 0;
	padding: 2px 10px 3px 10px; 
	border: 1px solid black;


  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
  background: -moz-linear-gradient(center top, #FFFFFF, #DDDDDD)repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#DDDDDD));
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#DDDDDD))";



	}
.postcomment input#submit:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffcd88), to(#ff9400));
  background: -moz-linear-gradient(center top, #ffcd88, #ff9400)repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffcd88, endcolorstr=#ff9400));
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffcd88, endcolorstr=#ff9400))";


}

/** コメント一覧の表示範囲を広げる */
#commentlist {
	width: auto;
	padding: 0; margin: 0;
}

/** コメント一覧の表示位置を調整 */
#commentlist li {
	width: auto;
	padding: 0;
	 margin: 0 10px 10px 10px;
}
/** コメント一覧の表示位置を調整 */
.comment-title {
	font-size: 14px; 
	}

/** ○○さんとしてコメント */
h2.postcomment {
    font-size: 18px;
    margin-left: 10px;
    width: 360px;
}

/** ブログコメント入力欄の幅を一杯に広げる */
.postcomment textarea {
	width: 100% !important; /* IE hack */
	height: 100px;
	margin: 0;
	}

/** コメント名前欄の調整 */
.commentMemberWrap {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}

.commentsbox p {
  padding: 6px;
}
/*-------------------- Bottom --------------------*/

#bottom {
	clear: both; 
	float: left; 
	width: 760px; 
	margin: 0 0 0 0; 
	padding: 0;  
	text-align: left; 
	font-size: 14px; 
	}

#bottom-divs {
	float: left; 
	clear: both; 
	margin: 0; 
	padding: 20px; 
	}

#bottom-left {
	width: 30%; 
	padding: 20px 0 20px 30px; 
	float: left; 
	}

#bottom-mid, #bottom-right {
	width: 30%; 
	padding: 20px 0 20px 20px; 
	float: left; 
	}

#bottom h2 {
	margin: 0 0 10px 0; 
	padding: 0 8px; 
	font-size: 16px;
	}

#bottom h3 {
	margin: 0; 
	padding: 10px 10px; 
	font-size: 12px; 
	text-align: center; 
	}

#bottom h3:hover {
	}

#bottom ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	}

#bottom ul li {
	}

#bottom ul li a {
	display: block; 
	padding: 0 10px; 
	}

#bottom-sep {
	clear: both; 
	}


/*-------------------- その他細々したカスタマイズ --------------------*/


/** 投稿の後ろ */
.post-tail{
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0;
    padding-left: auto;
    width: 360px;
}
/** 投稿の後ろ */
.post-tail:after{
    clear: both;
}
/** 投稿の後ろ */
.post-tail a{
    margin-left: auto;
    width: 360px;
}


img { border-style:none; }
a img { border-style:none; }

/** ナビボックスのHomeに家マーク */
#navbox .home {
  font-size: 13px;
  font-weight: bold;
  padding: 0px 0 2px 20px;
  background: url(../../images/spora/icon_home.gif) no-repeat 0 0em;
}

#imglink:after {
  clear: both;
}

/** 改行対応 */
.posthead span {
	width: 100%;
}


/** 記事中のimgタグ */
.post img {
	border: none; 
	padding: 0px; 
	}

/** 本文最終行にマージンが足りない為対応 */
.text {
	padding: 10px 10px 10px 10px;
	line-height: normal;
	font-size: small;
    height: auto !important;
}

/** 本文のpタグ指定 */
.text p {
	padding: 0.5px;
	margin: 0.5px;
}

/** 本文のdivタグ指定 */
.text div {
	padding: 0.5px;
	margin: 0.5px;
}

/** 本文中の画像サイズを枠内に収める */
.text img {
    max-width: 100% !important;
    height: auto !important;
    padding: 2px;
}

#searchform #s {
	font-size: 12pt; 
	}
#searchform #submit {
	font-size: 12pt; 
	}

/** 投稿ヘッダー欄 */
.postauthor {
	font-size: 14px; 
	}



#calendar_wrap {
    font-size: 11pt;
}

.photo img {
	display:block;
	margin:auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100;
}


/** 日記がない場合の表示アイテム */
#noDiary {
	margin: 10px;
	border: 2px solid #AAAAAA;
	text-align: center;
	font-size: 12pt;
}



/*==============================================================================
 * pagerRelative
 *----------------------------------------------------------------------------*/

/** ページング */
.pagerRelative {
  clear: both;
  padding: 4px;
  text-align:center;
  width: 100%; 
  font-size: 14px;
}
/** ページング */
div.pagerRelative p,
div.pagerRelativeMulti div.pager p {
  display: inline;
}


/** 日付時間表示を新規作成 */
.postDateTime {
	font-size: 9pt;
	padding-bottom: 5px;
	}

/** 文字サイズとパディング調整 */
.postauthor {
	padding-top: 5px; 
	font-size: 12px; 
	}

/** 全文表示はこちらをクリック */
.moreInfo {
    text-align: center;
	padding-top: 10px;
	padding-bottom: 5px; 
	font-size: 12px; 
	}


/** プロフィール欄 */
.gadget .profile {
   max-width: 100%;
   text-align: center;
   padding : 5px;
   border: 2px solid #dcdcdc;
   /* IE以外なら丸角 */
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin: 6px;
   font-size: 14px;
}

/** プロフィール欄 */
.gadget .profile p.photo{
   width: 146px;
}

/** プロフィール欄 */
div.profile img {
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   border: 1px #F00 outset;    /* 枠線の装飾 */
}

/** プロフィール欄 */
.authorName {
    font-weight: bold;
	text-align: center;
	font-size: 11pt;
}

/** 非公開日記表示の背景 */
.no_public_bg {
    text-align: center;
    background-size:cover;
    background-image: url(../img/post_no_public_bg.png);
}


/** コメント前の注意書き */
.comment-notice {
  border: 1px solid #AAA;
  margin-top: 10px;
  padding: 8px;
}

/** 非公開日記表示の背景 */
.comment_authority_check {
    width: 100%;
    font-size: 9pt;
    padding: 3px 0 3px 0;
}

.comment_authority_check input{
    margin: 10px;
}


#comment-result-wrap {
  border: 3px double #999999;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 355px;
  background-image: url(../../images/spora/bg_comment_result.png);
}


/** コメント投稿結果 */
#comment-result {
  margin: 10px;
  text-align: center;
}
/** コメント投稿結果 */
#comment-result-fault {
  font-weight: bold;
  color: red;
}
/** コメント投稿結果 */
#comment-result-success {
  font-weight: bold;
  color: blue;
}
/** コメント投稿結果 */
#comment-result-head {
  font-weight: bold;
  padding: 10px 0;
  text-align: left;
  font-size: 90%;
  color: black;
}

/** コメント投稿結果 */
#comment-result-body {
  text-align: left;
  font-size: 90%;
  color: black;
}

/** リンクアンダーライン制御 */
a:link{ 
  text-decoration:none; 
}

a:hover{ 
  text-decoration:underline; 
}
.calendar a:link{ 
  text-decoration:underline; 
}

/** ブログ内RSSリンク */
.rsslink{
  vertical-align: middle;
  font-size: small;
}
/** ブログ内RSSリンク */
.rsslink img{
  vertical-align: middle;
}


/*==============================================================================
 * More Posts
 *----------------------------------------------------------------------------*/
.more_posts_wrap {
	border: none;
}
.more_posts {
	border-style: dotted;
	border-width: 1px;
	text-align:left;
    margin: 5px 10px;
    padding: 5px;
    width: 330px;
}
.more_posts .title {
	margin-bottom: 4px;
	font-weight: bold;
}
.more_posts .item {
	padding: 5px 2px;
	margin-bottom: 2px;
}
.more_posts .current {
}
.more_posts a {
	text-decoration: dot;
}
.more_posts a .item:hover {
	background: #f46200;
	color: white;
	text-decoration: none;
}

/*==============================================================================
 * Official Posts
 *----------------------------------------------------------------------------*/
#footer_posts {
	width: 760px; 
	clear: both; 
	text-align:center;
	margin: 0;
	padding-bottom: 0px;
} 
#footer_posts_wrap {
	width: 560px;
	margin-top: 50px;
	display: table-caption;
	margin-left: 100px;
	border: 2px outset silver;
	border-radius: 4px;
    background-image: url(../img/background_white_alpha.png);
}

#footer_posts .title{
	margin: 2px;
	padding: 3px;
	text-align: center;
	color: black;
	font-weight: bold;
	border: 1px solid silver;
	background: rgb(226,226,226);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgb(226,226,226) 0%, rgb(219,219,219) 50%, rgb(209,209,209) 51%, rgb(254,254,254) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(226,226,226)), color-stop(50%,rgb(219,219,219)), color-stop(51%,rgb(209,209,209)), color-stop(100%,rgb(254,254,254)));
	background: -webkit-linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%);
	background: -o-linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%);
	background: -ms-linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%);
	background: linear-gradient(to bottom, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
}
#footer_posts .item img{
	width: 64px;
	height: 64px;
	margin: 2px;
	padding: 2px;
	text-align: center;
	border: 1px solid silver;
}
#footer_posts a{
	color: #663399;
}

#footer_posts .item{
	float: left; 
	margin: 3px;
	padding: 4px;
	width: 90px;
	height: 100%;
	border: 3px double #bbbbbb;
	text-align: center;
	border-radius: 4px;
}

#footer_posts .item:hover{
	border: 3px double #f46200;
	background: rgb(250,198,149);
	background: -moz-linear-gradient(top,  rgba(250,198,149,1) 0%, rgba(245,171,102,1) 47%, rgba(239,141,49,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,198,149,1)), color-stop(47%,rgba(245,171,102,1)), color-stop(100%,rgba(239,141,49,1)));
	background: -webkit-linear-gradient(top,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%);
	background: -o-linear-gradient(top,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%);
	background: -ms-linear-gradient(top,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%);
	background: linear-gradient(to bottom,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ef8d31',GradientType=0 );
}

#footer_posts .more {
	margin: 2px;
	padding-top: 4px;
	border-top: 1px double silver;
}

#footer_posts_wrap img.banner  {
	max-width: 300px;
	max-height: 64px;
	margin: 2px;
}
#footer_posts_wrap p.group_title {
	margin: 2px;
}

#publicFlag {
	width: 730px;
	margin: 10px;
	padding: 2px;
	text-align: center;
	display: block;
	text-align: center;
}