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: 975px;
 text-align: left;
 margin: 0 auto 0 auto; padding:0;
}

/** Header **/
#header{
 margin-top:20px;
 padding:0;
 height:40px;
}
#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: 15px;
}
ul#global_navi li{
 display: inline;
 margin-left: 12px;
}
ul#global_navi a {
 text-decoration:none;
}

.create_link {
  position: absolute;
  top: 7px; right: 15px;
  background-color:#009DE9;
  border:0 none;
  color:white;
  font-size:14px;
  padding:5px 8px;
  height: 20px;
  line-height: 20px;
  text-decoration:none;
  text-transform:uppercase;
}
.create_link:hover {
  background-color:#59BAE9;
}


/* sidebar */
div#sidebar{
 float:right;
 width:300px;
 height:100%;
 margin:0;
 padding:0;
}

#sidebar .side-head{
 border-bottom:solid 1px #666;
}
#sidebar .head{
 font-size: 18px;
 padding: 12px 0; margin:0;
}
#sidebar .block, #sidebar .info_block{
 margin-bottom:32px;
 padding:0;
}
#sidebar li{ margin:5px 0; }

#sidebar .info_note{
 border-bottom:1px solid #1c1c1c;
 padding: 0;
 margin: 12px 0;
}


/** Footer**/
div#footer{
 width:100%;
 clear:both;
 margin-top:1em; padding: 6px;
 border-top:1px solid #1C1C1C;
 background-color: #0f0f0f;
}

/* top */
.top_info{
 padding:6px; margin:1em 0 1.5em 0;
 background-color:#eeeecc;
 border:solid 1px #d3d3d3;
 text-align:center;
}

/** List **/
#lists {
 margin-bottom:12px;
}
#lists .list{
 clear:both;
 border-top:1px solid #1C1C1C;
 padding: 22px 0;
}
#lists .title{
 font-family:Helvetica, Arial, Sans-Serif;
 margin-bottom: 7px;
 font-size:115%;
}
#lists .image{
 float:right;
 margin:0 0 5px 5px;
}
#lists .description{}
#list .tags, #lists .tags{
 margin:12px 0;
}
#list .meta, #lists .meta{
 font-size:86%;
 color: #888;
}

#list {
 margin-bottom: 30px;
}
#list h1 {
 font-size:28px;
 line-height:28px;
}
#list .picture{
 float:right;
 margin:0 0 14px 14px;
 border:1px solid #1c1c1c;
}
#list .description{
 padding: 7px 0;
}
#lists a.tag, #list a.tag{
 margin-right: 7px;
 background-color:#252525;
 padding:2px 3px;
 text-decoration:none;
}

#share_container {
 margin:16px 0;
}

#share_container li{
 margin-bottom:7px;
}
#share_container a{
 text-decoration:none;
}

ul.related_lists {
 margin-left: 18px !important;
}
ul.related_lists li {
 margin-bottom:18px;
 list-style-type: square !important;
}


/* Resources */

#resources{
 clear:both;
 padding:0; margin:0;
}
#resources .resource{
 clear:both;
 width: 100%;
 position: relative;
 padding: 28px 0;
 border-top: 1px solid #1c1c1c;
}
#resources .title{
 font-family:Helvetica, Arial, Sans-Serif;
 font-size:22px;
 font-weight:bold;
 line-height:25px;
 letter-spacing:-1px;
}
#resources .description{
 padding: 5px 0;
}

#resources .meta{
 position: absolute;
 top: 0;
 right: 0;
 background-color:#252525;
 font-size: 86%;
 color:#888;
 z-index: 1000;
 width: auto;
 height:30px;
 line-height:30px;
 padding: 3px 5px;
}
#resources .web, #resources .image{
  padding: 7px 0;
}
#resources .res_image{
  max-height: 600px;
  max-width: 600px;
  padding: 7px;
  border: 1px solid #1c1c1c;
}
* html #resources .res_image{
  width: expression(this.width >= 600 ? "600px": "auto");
  height: expression(this.height >= 600 ? "600px": "auto");
}
#resources .video{
  margin: 12px 0;
}
#resources .favicon{
  vertical-align:middle;
  margin-right: 5px;
  width: 16px; height: 16px;
}
#resources .list_title {
  padding: 3px 0;
}

#resource_list{
  border-bottom:1px solid #1c1c1c;
}


/* responses */
#responses{
 margin:0; padding: 0;
}
#responses .response{
 padding:18px 0;
 border-top:1px solid #1c1c1c;
}
#responses .body{
 margin:0.5em 0;
}
#responses .meta{
 font-size: 86%;
 color:#888;
}
#responses .list_title {
  padding: 3px 0;
}


/** vote **/
#votes {
 margin:0; padding: 0;
}
#votes .vote{
 padding:7px 0;
 border-top:1px solid #1c1c1c;
}
#votes .title {
 height:30px;
 line-height:30px;
}

.coll{
 float:left;
 width:50px;
}
a.arrow{
 display:block;
 height: 30px;
 line-height:30px;
 float: left;
 margin:0;
 padding:0;
 width: 20px;
 height:30px;
 background-repeat: no-repeat;
 background-position: center center;
 cursor:pointer;
 text-decoration:none;
 z-index: 500;
}
.point {
 float: left;
 display:block;
 text-align:center;
 margin: 0 7px;
 font-weight:bold;
 font-size:16px;
 height: 30px;
 line-height:30px;
 color: #fff;
}
.up{
 background-image: url('images/arrow_up0.png');
}
.up_select{
 background-image: url('images/arrow_up1.png');
}
.down{
 background-image: url('images/arrow_down0.png');
}
.down_select{
 background-image: url('images/arrow_down1.png');
}
.colr{
 margin:0 0 0 55px;
}

/** 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;
}


/** tab **/
ul.tabs{
 margin:0;
 padding:0;
 text-align: right;
}
ul.tabs li{
 margin:0;
 margin-bottom:-1px;
 margin-right:-1px;
 margin-left: 6px;
 padding:2px 20px;
 border:1px solid #1c1c1c;
 border-bottom-width:0;
 background:#252525;
 display: inline;
}
ul.tabs li.active{
 position:relative;
 z-index:1;
}
ul.tabs li.name {
 background-color:#000;
 border-top: 1px solid #000;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 border-bottom:1px solid #1c1c1c;
 font-weight:bold;
}
ul.tabs a{
 text-decoration:none;
}
div.panel{
 border-top:1px solid #1c1c1c;
}


/** Dialog **/
.dialog {
 position: absolute;
 padding: 12px;
 background-color: #000;
 border: 5px solid #333;
 z-index: 3000;
 text-align: left;
}
#dialogoverlay {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #1c1c1c;
  z-index: 2000;
}

/** 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; }


/** access */
.access_public, .access_private {
 padding: 2px;
 font-weight:noraml;
 font-size:11px;
}
.access_public {}
.access_private {
  background-color: #cc0000;
}

/** 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; }