body {
 margin:0; padding:0;
 font-size: small;
 background-color: #000000;
 color: #fff;
 line-height: 1.5em;
 width:100%;
 text-align:center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
a{
 color: #009de9;
 outline: none;
 text-decoration:none;
}
a:hover{
 text-decoration:underline;
}

h1, h2, h3, h4 {
 font-family:Helvetica, Arial, Sans-Serif;
 letter-spacing:-1px;
}
h1 { font-size: 22px; line-height:22px; }
h1 { font-size: 22px; line-height:20px; }
h3, h4{ font-size:18px; line-height:18px; }

ul, ol {padding:0; margin:0;}
ul li {list-style: none;}
img {border:none;}
form{margin:0; font-size:small;}
dd{margin:5px 0 0 15px;}
* html ul li {height:1%;}

#main {
 display: block;
 background-color: #000000;
 width: 976px;
 text-align: left;
 margin: 0 auto 0 auto;
 padding:0;
}

/** Header **/
#logo {
 text-decoration:none;
 font-size:28px;
 font-weight:bold;color:#fff;
 vertical-align:middle;
}
#header{
 margin-top:20px;
 padding:0;
 height:60px;
}
#header .info {
 padding: 13px 0;
}
#header .navi{
 float:right;
}
#header .navi a{
 padding:4px 6px;
 background-color:#252525;
 color: #fff;
 text-decoration:none;
}
#header .navi a:hover{
 background-color:#ccc;
 color: #222;
 text-decoration:none;
}

div#container{
width: 100%;
float: left;
margin-right: -325px;
}

div#things{
 position: relative;
 margin:0 315px 0 0;
 padding: 0 15px 0 0;
 border-right: solid 1px #1C1C1C;
}

ul#global_navi {
 position:relative;
 background-color: #252525;
 height: 45px;
 line-height:45px;
 margin: 20px 0;
 font-size: 13px;
}
ul#global_navi li{
 display: inline;
 margin-left: 12px;
}
ul#global_navi a {
 text-decoration:none;
}


/** Footer**/
#footer{
 width:100%;
 clear:both;
 height:50px;
 line-height: 50px;
}

/* Stream */

#strm_status {
  position: absolute;
  width: 100%;
  height: 350px;
  line-height: 350px;
  background-color: #333;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-align:center;
}
#strm_status a{ color: #fff; }

#strm {
 clear: both;
 margin:1.2em 0;
 width: 100%;
}
#strm .c {
  float: left;
  width:270px;
  height:auto;
  margin-right:19px;
}
#strm .photoc {
  float: left;
  position: relative;
  height: 800px;
  width:100%;
  overflow: hidden;
  border: solid 1px #1c1c1c;
  text-align:center;
}
#strm .photo {
  padding:6px;
}
#strm .status {
  position: absolute;
  top:0; left: 0;
  padding: 4px 6px;
}
#strm .loading {
  color: #ccc;
  font-style: italic;
  font-size: 14px;
  padding: 12px 0;
}
#strm a.service_link { color:#fff; }
#strm .last{
  margin-right:0 !important;
  float:right;
}


/** Form **/
.form{
 clear: both;
 margin:1.2em 0;
 border:solid 1px #252525;
 background-color: #222;
 padding:10px;
}
.form td{
 font-size:small;
 padding: 7px 0;
}
td.tl{
 text-align:right;
 padding-right:6px;
}

textarea.description {
 width:450px; height: 125px;
}
input.text {
 width: 450px;
}


/** paginate **/
.pagination {
 text-align:right;
 margin: 22px 0;
}

.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px 0;
  border: 1px solid #1c1c1c;
  text-decoration: none;
}

.pagination a:hover, .pagination a:active {
  border: 1px solid #222;
  color: #ccc;
  text-decoration: none;
}

.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px 0;
  font-weight: bold;
  border: 1px solid #222;
  background-color: #222;
  color: #FFF;
}

.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px 0;
  border: 1px solid #222;
  color: #222;
}

/** button **/
.standard {
  height:30px;
  line-height:20px;
  margin: 4px 0;
  width:auto;
  background-color:#009DE9;
  border:0 none;
  cursor:pointer;
  color:white;
  font-size:17px;
  padding:5px 8px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  vertical-align:middle;
}
.standard:hover { background-color:#59BAE9; }

/* ad */
.ad_bottom{ padding: 32px 0; }
.ad_side{ margin:26px 0; }

/** ETC **/
.notice{
 border:solid 1px #d3d3d3;
 padding: 6px;
}
.feed_icon{ vertical-align:middle; }
.counter { font-size:25px; }
.required { color: #888; }
.error{ color:#ff0000; }
.name{}
.large{font-size:large;}
.medium{font-size:130%;}
.small{font-size:small;}
.x-small{font-size: 86%;}
.bd{padding:1em;border:solid 1px #d3d3d3;}
.bold{ font-weight:bold; }
.normal{ font-weight:normal; }
.white{ color:white; }
.gray{ color:#ccc; }
.darkgray{ color:#888; }
.lightgray{ color:#ccc; }
.dark{ color:#333; }
.red{ color:#FF0000; }
.light-blue{ color:#99aacc;}
.blue{ color:blue; }
.green{ color:#75FF75; }
.orange{ color:orange; }
.left{ float:left; }
.right{ float:right; }
.clear_left{ clear:left; }
.clear_right{ clear:right; }
.clear_both{ clear:both; }
.align_left{ text-align:left; }
.align_right{ text-align:right; }
.align_center{ text-align:center; }
.valign_middle{ vertical-align:middle; }
.first{ margin:7px 0; }
.line_dot{ border-bottom:dotted 1px #666; padding-bottom:6px; }
.line_solid{ border-bottom:1px solid #1C1C1C; padding-bottom:6px; }