@charset "utf-8";


/*----------------------------------------------------
	Link
----------------------------------------------------*/
a,
a:link,
a:hover,
a:active {
	color: #990000;
}
a:visited {
	color: #9A568F;
}
a:hover,
a:active {
	text-decoration: none;
}


/*----------------------------------------------------
	Body
----------------------------------------------------*/
body {
	background: #FFFBF4;
}


/*----------------------------------------------------
	Ads
----------------------------------------------------*/
#ad200,
#ad160,
#ad336 {
	background: #FFFBF4;
}


/*----------------------------------------------------
	Header bar
----------------------------------------------------*/
#top {
	background: #382E25;
	color: #fff;
}
#top a,
#top a:link,
#top a:hover,
#top a:active {
	color: #fff;
	text-decoration: none;
}
#top a:visited {
	color: #fff;
}
#top .sub a,
#top .sub a:link {
	text-decoration: underline;
}
#top .sub a:hover,
#top .sub a:active {
	text-decoration: none;
}
/* header logo */
#top .main strong a {
	background: url(http://img.stagramaker.com/stagram/logo_header.png) no-repeat 0 0;
}


/*----------------------------------------------------
	Logo and Tagline
----------------------------------------------------*/
#logo {
	font-size: 30px;
	color: #382E25;
}
#logo a,
#logo a:link,
#logo a:visited {
	color: #382E25;
	text-decoration: none;
}
#logo a:hover,
#logo a:active {
	color: #990000;
	text-decoration: none;
}
#tagline {
	font-size: 123.1%;
	font-weight: normal;
	color: #333;
}


/*----------------------------------------------------
	Index Photos
----------------------------------------------------*/
/* 写真がなかったときのエラーメッセージ用 */
div#no-photos {
	background: #fff;
	border: 1px solid #eee;
	color: #555;
}


/*----------------------------------------------------
	Pager
----------------------------------------------------*/
.pager a {
	background-color: #666;
	color: #fff;
}
.pager a:hover {
	background-color: #999;
}
.pager span {
	background-color: #ddd;
	color: #fff;
}


/*----------------------------------------------------
	Sort Tab
----------------------------------------------------*/
#sortTab {
	border-bottom: 2px solid #382E25;
}
#sortTab ul li {
	border-top: 3px solid #382E25;
	background-color: #382E25;
	color: #FFFBF4;
}
#sortTab ul li#sortNewer,
#sortTab ul li#sortLikes {
	border-top: 3px solid #FFFBF4;
}
#sortTab ul li a {
	background-color: #E3DBD5;
	color: #444;
}
#sortTab ul li a:hover,
#sortTab ul li a:active {
	background-color: #CBC3BB;
}


/*----------------------------------------------------
	Recent photos
----------------------------------------------------*/
#nav a {
	background: #fff;
	border: 1px solid #eee;
}
#nav .current a {
	border: 1px solid #B2B2B2;
}


/*----------------------------------------------------
	Recent photos - Here
----------------------------------------------------*/
#nav .here {
	background: url(http://img.stagramaker.com/stagram/1/current.png) no-repeat 0 0;
}


/*----------------------------------------------------
	Main photo
----------------------------------------------------*/
#main-photo,
#admin-panel {
	background: #fff;
	border: 1px solid #B2B2B2;
}
#main-photo .data #photo-like strong {
	background: #ffffff url(http://img.stagramaker.com/stagram/1/like.png) no-repeat 0 40%;
}
#main-photo .data #photo-views strong {
	background: #ffffff url(http://img.stagramaker.com/stagram/1/view.png) no-repeat 0 40%;
}
#main-photo .data #photo-like span,
#main-photo .data #photo-views span {
	color: #999;
}
#main-photo .data #photo-by {
	color: #999;
}
#main-photo .data #photo-by strong {
	color: #333;
}
#main-photo .data #photo-by span {
	color: #333;
}
/* ツイート用リンク */
#main-photo #tweet-this-photo a,
#main-photo #tweet-this-photo a:link,
#main-photo #tweet-this-photo a:hover,
#main-photo #tweet-this-photo a:active {
	color: #990000;
}
#main-photo #tweet-this-photo a:visited {
	color: #9A568F;
}


/*----------------------------------------------------
	Created time
----------------------------------------------------*/
#main #created-time {
	color: #878787;
}


/*----------------------------------------------------
	Filter name
----------------------------------------------------*/
#main #photo-filter {
	color: #878787;
}


/*----------------------------------------------------
	Comments
----------------------------------------------------*/
#comments li {
	border-bottom: 1px dotted #ccc;
}
#comments li span.user {
	color: #999;
}
#comments h3 {
	color: #999;
	background: url(http://img.stagramaker.com/stagram/1/comment.png) no-repeat 0 0;
}
#comments .more {
	background: #F4F2EC;
}
/* テキストエリア */
#commentTA {
	border:1px solid #777;
	color: #666;
	background: #fff;
	border-radius: 5px;
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
}
/* コメント投稿ボタン */
input#postComment,
input.delComment,
input.translate {
	border: 1px solid #333;
	background-color: #333;
	color: #fff;
}
input#postComment:hover,
input.delComment:hover,
input.translate:hover {
	border: 1px solid #666;
	background-color: #666;
	color: #fff;
}
/* 翻訳ボタン disabled */
input.translate.disabled,
input.translate.disabled:hover {
	border: 1px solid #ccc;
	background-color: #ccc;
	color: #fff;
}
/* 翻訳後テキスト（メイン写真） */
#main-photo div.tranLine {
	color: #AD9681;
}
/* 翻訳後テキスト（コメント） */
ul#commentList li div.tranLine {
	color: #AD9681;
}


/*----------------------------------------------------
	Tooltip
----------------------------------------------------*/
/*BG color is a must for IE6*/
a.tooltip:hover {
	background: #ffffff;
}
a.tooltip:hover span {
	background: #333;
	color: #eee;
	border: 1px solid #666;
	filter: alpha(opacity=92);
	-moz-opacity:0.92;
	opacity:0.92;
}


/*----------------------------------------------------
	Sub - h3
----------------------------------------------------*/
#sub h3 strong {
	color: #382E25;
}


/*----------------------------------------------------
	About Stagram
----------------------------------------------------*/
#about-stagram {
	background: #EFE5DF;
	color: #333;
}
#about-stagram .created span {
	color: #7B7673;
}


/*----------------------------------------------------
	Random photos
----------------------------------------------------*/
#extra #title-randomphotos {
	background: url(http://img.stagramaker.com/stagram/1/random_photos.png) no-repeat 0 0;
}


/*----------------------------------------------------
	Pagetop
----------------------------------------------------*/
#pagetop p a {
	background: #ffffff url(http://img.stagramaker.com/stagram/1/pagetop.png) no-repeat 0 0;
}


/*----------------------------------------------------
	Stargram
----------------------------------------------------*/
#stargram #star-count {
	color: #555;
	background: #ddd url(http://img.stagramaker.com/stagram/1/star_tri.png) no-repeat 0 50%;
}
a.star-info:hover {
	background: #FFFBF4;
}
a.star-info:hover span {
	background: #333;
	color: #eee;
}


/*----------------------------------------------------
	Footer
----------------------------------------------------*/
footer {
	background: #E3DBD5;
	color: #444;
}
footer .title {
	color: #382E25;
}
footer .title a,
footer .title a:link,
footer .title a:visited {
	color: #382E25;
}
footer .title a:hover,
footer .title a:active {
	color: #990000;
}
footer .generated {
	color: #797672;
}
footer .generated a,
footer .generated a:link,
footer .generated a:hover,
footer .generated a:active {
	color: #797672;
	border-bottom: 1px dotted #797672;
}
footer .generated a:hover,
footer .generated a:active {
	border-bottom: 1px solid #797672;
}
footer .generated a:visited {
	color: #797672;
}
footer .copyright {
	color: #444;
}
footer .copyright a,
footer .copyright a:link,
footer .copyright a:hover,
footer .copyright a:active {
	color: #444;
	border-bottom: 1px dotted #444;
}
footer .copyright a:hover,
footer .copyright a:active {
	border-bottom: 1px solid #444;
}
footer .copyright a:visited {
	color: #444;
}


/*----------------------------------------------------
	Calendar
----------------------------------------------------*/
.calendar-date {
	background-color: #FFFBF4;
	color: #382E24;
}
.no-calendar-photo {
	background-color: #EDE9E0;
	color: #FFFBF4;
}
.other-month {
	border: 1px solid #EDE9E0;
	color: #EDE9E0;
}
.sat .calendar-date {
	color: #0033aa;
}
.sun .calendar-date {
	color: #993333;
}
#index #calendar-header h6 {
	color: #A49D99;
}
#index #calendar-header p span {
	background: #A49D99;
	color: #EDE9E0;
}
#index #calendar-header p span.sat {
	background: #64717F;
}
#index #calendar-header p span.sun {
	background: #907677;
}