@charset "UTF-8";

body {
	color:#000000;
	font-size:80%;
	font-family:Verdana, Helvetica, Arial;
	margin:0px;
	padding:0px;
	background:#ffffff;
}

* {
	margin:0px;
	padding:0px;
}

a {
	color:#11AA11;
}

img {
	border:none;
}

textarea {
	font-size:1em;
	overflow-y:scroll;
}

/* admin
===============================================================*/

#admin {
  color:#996666;
  text-align:right;
  padding:0.2em 3em;
  background-color:#ffcccc;
  border-bottom:solid 1px #990000;
}

#admin a {
  color:#330000;
}

/* rss
===============================================================*/

#rss {
  padding:0.5em 3em;
  text-align:right;
}

#rss a {
	text-decoration:none;
}

#rss img {
	margin-right:4px;
  vertical-align:-3px;
}

/* header
===============================================================*/

#header {
  margin:1em 2em;
}

/* top
===============================================================*/

#top {
  margin:40px 10px 10px;
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;
}

#top table {
  margin:0 auto;
}

#top .logo {
  margin:0em 2em;
}

/* content
===============================================================*/

#content {
  margin:0.1em;
}

#content table {
  margin:0 auto;
}

/* search
===============================================================*/

#search {
  text-align:center;
}

#search table {
  margin:0 auto;
}

#entryPage #search {
	margin:40px 10px 0;
	padding-top:30px;
  border-top:1px solid #CCCCCC;
}

/* pagenation
===============================================================*/

#content div#pager {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin:2em 0;
}

div#pager a {
	color: #009900;		
	text-decoration: none;
	margin-right:3px;
	padding:2px 6px;
	background-position:bottom;
	border:1px solid #cccccc;
}

div#pager a:hover {
	color:#fff;
	background-image:none;
	background-color:#009900;
	border:1px solid #669966;
}

div#pager span.current_page {
	margin-right:3px;
	padding:2px 6px;
	font-weight:bold;
	color: #ff0084;
}

/* links
===============================================================*/

#sbmLinks {
  margin:10px 0;
  text-align:center;
  font-size:0.9em;
}

#widgetLinks {
  margin:10px 0;
  text-align:center;
  font-size:1.1em;
}

/* common class
===============================================================*/

.section {
  margin:0.8em 0.2em;
  text-align:left;
}

.section .title {
  color:#808080;
  font-size:1.4em;
}

.section .submit {
  width:100%;
  text-align:center;
}

#content td {
  /*vertical-align:top;*/
  text-align:left;
}

.pause {
  color:#999999;
}

hr.interval {
  width:100%;
  height:1px;
  margin:0 auto;
	border:none;
	border-bottom:1px solid #999999;
}

/* form elements
===============================================================*/

input {
}

input.inputUrl {
  width:320px;
  text-align:left;
  ime-mode:disabled;
}

textarea.commentIndex {
  width:320px;
  height:130px;
}

textarea.commentTop {
  width:320px;
  height:80px;
}

textarea.commentBtm {
  height:130px;
}

/* elements
===============================================================*/

.error {
  color:#cc0000;
}

.disabled {
  color:#cccccc;
}

.current {
  color:#ff9900;
  font-size:2em;
  font-weight:bold;
  vertical-align:-2px;
}

/* article ( entry page )
===============================================================*/

#title {
  font-size:2em;
	text-align:center;
}

#title a {
  color:#000000;
}

#url {
  font-style:italic;
  text-align:center;
  text-decoration:underline;
}

#url a {
  color:#000000;
}

#thumbnail {
  margin:1em;
  text-align:center;
}

#total {
  font-weight:bold;
  font-size:1.3em;
  text-align:center;
  margin:0.1em;
}

#total .number {
  color:#11AA11;
  font-size:1.6em;
  font-weight:bold;
  margin-right:10px;
}

#article {
  width:600px;
  text-align:center;
	margin:10px auto;
}

#article .number {
	color:#999999;
  font-size:1.1em;
  font-weight:bold;
}

#article .data {
  width:550px;
}

#article .entry_time {
  color:#333333;
  font-size:0.8em;
  margin:10px 0;
}

#article .entry_time  img {
	vertical-align:-3px;
	margin-right:4px;
}

#article .comment {
  font-size:1.2em;
	font-weight:bold;
  margin:10px 0;
}

#article .comment .positive {
	color:#0066FF;
}

#article .comment .negative {
	color:#DD2277;
}

/* recent comments ( top page )
===============================================================*/

#recentComents {
  width:600px;
	margin:1em auto;
}

#recentComents .title {
  color:#808080;
  font-size:1.4em;
		margin-bottom:0.5em;
}

#recentComents .title img {
		margin-right:4px;
}

#recentComents td.even {
  padding:10px 8px;
  background:#E9FFD0;
}

#recentComents td.odd {
  padding:10px 8px;
  background:#FFFFFF;
}

#recentComents .pageTitle {
  font-size:1.2em;
	font-weight:bold;
	margin:0.3em 0;
}

#recentComents .total {
  display:inline;
  font-size:1em;
	font-weight:bold;
	margin-right:10px;
}

#recentComents .total .number {
	color:#11AA11;
	font-size:1.2em;
	font-weight:bold;
	margin-right:3px;
}

#recentComents .entry_time {
  display:inline;
  font-size:0.8em;
	font-weight:normal;
}

#recentComents .comment {
  font-size:1.2em;
	font-weight:bold;
	margin:0.3em 0;
}

#recentComents .comment img {
  vertical-align:bottom;
	margin-right:3px;
}

#recentComents td.positive .comment {
  color:#0066FF;
}

#recentComents td.negative .comment {
  color:#DD2277;
}

/* sub page
===============================================================*/

#subPage #content {
	margin-bottom:70px;
}

#subPage #content h1 {
	color:#000000;
	font-size:2.5em;
	text-align:center;
	margin:0 0 50px;
}

#subPage #content h2 {
	color:#000000;
	font-size:1.6em;
	font-weight:bold;
	text-align:left;
	padding-bottom:4px;
	border-bottom:1px solid #CCCCCC;
}

#subPage #content h3 {
	color:#11AA11;
	font-size:1.2em;
	text-align:center;
	margin:5px 0;
}

#subPage #content h4 {
	color:#000000;
	font-size:1em;
	text-align:center;
	margin:5px 0;
}

#subPage #content p {
	text-align:center;
}

#subPage #content .box {
	width:660px;
	text-align:center;
	line-height:1.2;
	margin:30px auto;
}

#subPage #content form {
	width:320px;
	float:right;
	text-align:left;
}

#subPage #content .widgetSample {
	width:320px;
	float:left;
	text-align:center;
}

/* footer
============================================================================================*/

#footer {
  color:#808080;
  text-align:center;
  font-size:11px;
  margin-top:20px;
	padding-bottom:30px;
}

#ftServices {
	color:#666666;
  font-size:13px;
	text-align:left;
	padding:12px 18px 32px;
}

#ftServices h4 {
	color:#666666;
	margin-bottom:2px;
}

#ftServices a {
	color:#003366;
}