@charset "utf-8"
/*
Theme Name: v2exfans
Theme URI: http://itsair.com/
Description: This theme is based on <a href="http://v2ex.com">Project Babel theme by Livid</a>.
Version: 1.0
Author: Westy Hu
Author URI: http://itsair.com/
Tags: fixed width, two columns, widgets, white
*/


html {
    height: 100%;
}

body {
    padding: 0px;
    margin: 0px;
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti !important;
    background-color: #fff;
    -webkit-text-size-adjust: none;
}

h1, p.headline {
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    margin: 0px;
}

h2 {
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    margin: 0px;
}

form {
    display: inline;
    padding: none;
    margin: none;
}

code {
    font-family: "Panic Sans", "Menlo", "DejaVu Sans Mono", "Luxi Mono", "Courier New", Monaco, "Hiragino Sans GB", STHeiti !important;
}

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

ul li {
    list-style: square;
    padding: 0px;
    margin: 0px 0px 0px 1.2em;
}

sup{

}

a:link, a:visited, a:active {
    color: #1c7fdb;
    text-decoration: none;
}

a:hover {
    color: #1785eb;
    text-decoration: underline;
}

a.white:link, a.white:visited, a.white:active {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

a.white:hover {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
}

a.black:link, a.black:visited, a.black:active {
    color: rgba(0, 0, 0, 1);
    text-decoration: none;
}

a.black:hover {
    color: rgba(0, 0, 0, 1);
    text-decoration: underline;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2);
}

a.dark:link, a.dark:visited, a.dark:active {
    color: gray;
    text-decoration: none;
}

a.dark:hover {
    color: #385f8a;
    text-decoration: underline;
}

/* IDs */

#Top {
    background: #303033; 
    background: -moz-linear-gradient(center top , #444, #111) repeat scroll 0 0 transparent; 
    background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111)); 
    height: 40px;
}

#TopMain {
    width: 960px;
    height: 40px;
    text-align: center;
    margin: 0px auto 0px auto;
}

#Logo {
    background-image: url("images/logo.png");
    width: 62px;
    height: 20px;
    cursor: pointer;
    float: left;
    margin-top: 11px;
    margin-left: 15px;
}

#Search {
    margin: 0px 200px 0px 120px;
    text-align: left;
    padding: 7px 0px 0px 0px;
}

#Navigation {
    float: right;
    text-align: right;
    font-size: 14px;
    color: #fff;
    margin-top: 14px;
    line-height: 14px;
}

#Navigation ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#Navigation ul li {
    list-style: none;
    float: left;
    margin-left: 10px;
}

#Navigation ul li a {
    color: #fff;
}

#Wrapper {
    background-color: #e2e2e2;
    border-top: 1px solid #777;
    background-image: url("images/bg.png");
}

#Main {
    width: 960px;
    margin: 0px auto 0px auto;
    padding: 12px 0px 30px 0px;
}

#Sidebar {
    float: left;
    width: 0px;
    background-color: red;
}

#sidebar {
    float: right;
    width: 272px;
    padding: 10px 0px 10px 10px;
}

#Content {
    margin: 0px 282px 0px 0px;
    padding: 10px;
}

.Content_fullwidth {
    margin:  0 !important;
    padding: 10px;
}

#Bottom {
    background-color: #fff;
    border-top: 1px solid #ccc;
}

#BottomMain {
    margin: 0px auto 0px auto;
    width: 920px;
    padding: 20px 0px 20px 0px;
    font-size: 12px;
    color: #e2e2e2;
}

/* CLASSes */

.box {
    background-color: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.glass {
    background-color: transparent;
    border: 1px solid transparent;
}

.box .inner, .glass .inner {
    padding: 10px;
    font-size: 12px;
    line-height: 16px;
}

.box .cell {
    padding: 10px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 12px;
    line-height: 16px;
}

.box .bar {
    font-size: 14px;
    line-height: 14px;
    color: #667;
    background-color: #f0f0f0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 5px;
    display: inline-block;
}

td.post-date {
    width: 80px;
    text-align: center;
	vertical-align:middle;
}
div.date{
	font-family: Arial, Helvetica, sans-serif;
}

span.day{
	font-size:30px;
	color:#666;
}
span.month{
	font-size:30px;
}
td.avatar {
    width: 48px;
    text-align: center;
    vertical-align: top;
}

td.avatar_mini {
    width: 24px;
    text-align: center;
    vertical-align: top;
}

.created {
    font-size: 10px;
    font-weight: bold;
    color: #ccc;
    display: block;
}

a.node:link, a.node:visited, a.node:active {
	background-color: #f5f5f5;
	font-size: 10px;
	line-height: 10px;
	display: inline-block;
	padding: 4px 4px 3px 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-decoration: none;
	color: #999;
}

a.node:hover {
	text-decoration: none;
	background-color: #e2e2e2;
	color: #777;
}

.avatar_normal {
    max-width: 48px;
    max-height: 48px;
}

.note {
    font-family: "Panic Sans", "Menlo", "DejaVu Sans Mono", "Luxi Mono", "Courier New", "Helvetica Neue", "Tahoma", "Verdana", "Hiragino Sans GB", STHeiti !important;
    font-size: 14px;
    line-height: 180%;
}

.page {
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti !important;
    font-size: 14px;
    line-height: 180%;
    padding: 0px 20px 20px 20px;
}

.status {
    font-size: 14px;
    line-height: 20px;
}

.bigger {
    font-size: 16px;
}

.header, .footer {
    font-size: 12px;
    line-height: 18px;
    color: #aaa;
}

.content {
    font-size: 14px;
    line-height: 180%;
    color: #000;
    text-overflow: ellipsis;
    overflow:hidden;
}
.content img{
	-webkit-box-shadow: black 0px 0px 5px;
}
.green {
    color: #393;
}

.sky {
    color: #69859d;
}

.fade {
    color: #999;
}

.snow {
    color: rgba(0, 0, 0, 0.15);
}

.chevron {
    color: #666;
    font-family: "Lucida Grande";
}

.sep3 {
    height: 3px;
}

.sep5 {
    height: 5px;
}

.sep10 {
    height: 10px;
}

.sep20 {
    height: 20px;
}

.c {
    clear: both;
}

.fr {
    float: right;
}

.topics td, .topics th {
    line-height: 24px;
    font-size: 14px;
}

.topics th {
    color: #ccc;
    font-weight: bold;
}

.topics .odd {
    background-color: transparent;
}

.topics .even {
    background-color: #f9f9f9;
}

.topics .lend {
    -moz-border-radius: 3px 0px 0px 3px;
}

.topics .rend {
    -moz-border-radius: 0px 3px 3px 0px;
}

.super.button { background-image: url("images/bg_blended.png"); padding: 4px 15px 4px 15px; border: 1px solid rgba(0,0,0,.25); border-bottom-color: rgba(0,0,0,.35); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 12px; line-height: 12px; outline: none; }
.normal.button { background-color: #f5f5f5; color: #333; text-shadow: 0px 1px 1px #fff; text-decoration: none; font-weight: bold; -moz-box-shadow: 0px 1px 3px rgba(66, 66, 77, 0.4); }
.normal.button:hover { background-color: #fff; color: #333; text-shadow: 0px 1px 1px #fff; text-decoration: none; text-decoration: none; font-weight: bold; cursor: pointer; -moz-box-shadow: 0px 1px 2px rgba(66, 66, 77, 0.2); }
.normal.button:active { background-color: #e2e2e2; color: #333; text-shadow: 0px 1px 1px #fff; text-decoration: none; text-decoration: none; font-weight: bold; cursor: pointer; -moz-box-shadow: 0px 1px 2px rgba(66, 66, 77, 0.2); }

/* FORM */

.sl {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px;
    font-size: 14px;
    border: 1px solid #ccc;
    width: 240px;
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti !important;
}

.sl:focus {
    border: 1px solid rgba(128, 128, 160, 0.6);
    -moz-box-shadow: 0px 0px 5px rgba(128, 128, 160, 0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(128, 128, 160, 0.5);
    outline: none;
}

.search {
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px;
    padding: 3px;
    font-size: 14px;
    border: 1px solid #ccc;
    width: 240px;
    font-family: "Panic Sans", "Menlo", "DejaVu Sans Mono", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti !important;
}

.search:focus {
    border: 1px solid rgba(128, 128, 160, 0.6);
    -moz-box-shadow: 0px 0px 5px rgba(128, 128, 160, 0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(128, 128, 160, 0.5);
    outline: none;
}

.sll {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px;
    font-size: 14px;
    border: 1px solid #ccc;
    width: 628px;
    font-family: "Panic Sans", "Menlo", "DejaVu Sans Mono", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti !important;
}

.sll:focus {
    border: 1px solid rgba(128, 128, 160, 0.6);
    -moz-box-shadow: 0px 0px 5px rgba(128, 128, 160, 0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(128, 128, 160, 0.5);
    outline: none;
}

.ml {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px;
    font-size: 14px;
    border: 1px solid #ccc;
    display: block;
    width: 240px;
    height: 120px;
    font-family: "Panic Sans", "Menlo", "DejaVu Sans Mono", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti !important;
}

.ml:focus {
    border: 1px solid rgba(128, 128, 160, 0.6);
    -moz-box-shadow: 0px 0px 5px rgba(128, 128, 160, 0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(128, 128, 160, 0.5);
    outline: none;
}

.mll {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px;
    font-size: 14px;
    border: 1px solid #ccc;
    display: block;
    width: 628px;
    height: 160px;
    font-family: "Panic Sans", "Menlo", "DejaVu Sans Mono", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti !important;
}

.mll:focus {
    border: 1px solid rgba(128, 128, 160, 0.6);
    -moz-box-shadow: 0px 0px 5px rgba(128, 128, 160, 0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(128, 128, 160, 0.5);
    outline: none;
}

.mlt {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px;
    font-size: 14px;
    border: 1px solid #ccc;
    display: block;
    width: 242px;
    height: 50px;
    font-family: "Panic Sans", "Menlo", "DejaVu Sans Mono", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti !important;
}

.mlt:focus {
    border: 1px solid rgba(128, 128, 160, 0.6);
    -moz-box-shadow: 0px 0px 5px rgba(128, 128, 160, 0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(128, 128, 160, 0.5);
    outline: none;
}

.short {
    height: 80px;
}

.tall {
    height: 400px;
}

/* VARIOUS COUNT */

a.count_blue:visited, a.count_blue:link, a.count_blue:active {
    line-height: 12px;
    font-weight: bold;
    color: white;
    background-color: #1c7fdb;
    display: block;
    padding: 2px 10px 2px 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    margin: 18px 12px 0px 0px;
    text-decoration: none;
}

a.count_blue:hover {
    line-height: 12px;
    font-weight: bold;
    color: white;
    background-color: #1f8aee;
    display: block;
    padding: 2px 10px 2px 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    margin: 18px 12px 0px 0px;
    text-decoration: none;
}

table {
	cellpadding:0;
	cellspacing:0;
	border:none;
	width:100%;
}
td {
	vertical-align:top;
}

table.grid {
    border-collapse: collapse;
    border-left: none;
    border-right: none;
}

table.grid td {
    border: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-right: none;
    height: 120px;
}

table.grid td.left {
    border-left: none;
}

.gist { font-size: 11px; font-family: "Panic Sans", "Menlo", "DejaVu Sans Mono", "Luxi Mono", "Courier New", Monaco, "Hiragino Sans GB", STHeiti !important; }

.gist-file {
    -moz-border-radius: 4px; -webkit-border-radius: 4px;
    border: 2px solid #999;
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}

.gist-file .gist-data {
    -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px;
}

.cell .gist { max-width: 576px; }


.clickable {
    cursor: pointer;
}

.reply_content p:first-child  {
    display: block;
    margin-top:0;
}