/*
  More Stuff!!
*/
BODY { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Trebuchet MS",Verdana,Arial,Sans-Serif; }
.layout-container {
  width: 720px;
}

.latest-comic {
  padding: 0px;
  margin: 0px;
  margin-top: 15px;
  font-size: 85%;
  color: white;
  text-align: center;
  background-color: #000;
  width: 152px !important;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
}

.comic-title {
  padding: 2px;
}

.header-area {
 width: 180px;
 float: right;
 padding-top: 32px;
 z-index: 100;
}

#terralien {
 margin-left: 16px;
}

.divider-area {
 margin-left: -30px;
 margin-bottom: 25px;
}

.header-row h1 A {
  color: #666;
  text-decoration: none;
}

.sidebar {
  width: 200px;
}

.sidebar FORM {
  display: online;
}

.sidebar FIELDSET {
  border: 0px;
}

.sidebar LEGEND, .sidebar LABEL {
  display: none;
}

.sidebar .searchbox {
  width: 100px;
}

.sidebar .searchbutton {
  display: none;
}

.sidebar h1.search {
 margin-top: 25px;
}

.entry-navigation {
 text-align: center;
 margin-right: 25px;
 margin-bottom: 25px;
}


.meta .action A {
 color: black;
}

/* Comments:
<dl class="comment %even-odd%">
 <dt>
  %gravatar%
  <div class="info">
   <span class="name">%url-to-name%</span> 
   <span class="date">%date%</span>
   <span class="quote">%quote%</span>
   <span class="replies">%quoted-forward%</span>
  </div>
 <dt>
 <dd>
  %comment%
 </dd>
</dl>
*/


DL.comment {
 clear: left;
 margin-bottom: 35px;
 padding: 5px;
}


.comment DT {
 font-weight: bold;
}

.comment .name {
 margin-left: 3px;
}

.comment .date {
 float: right;
 font-weight: normal;
 font-size: 80%;
}

.comment DD {
 padding-left: 0px;
 margin-left: 60px;
}

.comment .threads {
  font-size: 90%;
  padding: 10px;
  margin-top: 10px;
  border-left: 1px solid gray;
  background: #EFEFEF;
}

.comment .threads .quote {
  margin-bottom: 4px;
}

#tbgetter {
  height:40px;
  font-family:verdana,helvetica,arial;
  font-size:10px;
  border:1px #ccc solid;
  padding:5px;
  background:#eee;
  overflow:auto;
}
#tbgetter a {
  text-decoration:none;
  font-weight:bold;
  color:#666;
  }
#tbgetter a:hover {
  text-decoration:underline;
}


/* Inline Comic Stuff */

.latest-comic IMG {
 border: 1px solid black;
}



/* COmment Form */

.commentform LABEL {
  display: block;
  text-align: right;
}

.commentform TD DIV LABEL {
  display: inline;
}

.commentform  {
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
}

.commentform TD {
	padding: 3px;
}

.commentform TD INPUT[type=text], .commentform TD TEXTAREA, DIV.commenthelp {
	width: 300px;
}

.commentinput {
}

.commentform TD.buttongroup {
	padding-top: 15px;
	text-align: center;
}

.commentform TD.buttongroup * {
display: inline !important;

}

.commentbutton {
display: inline !important;
	font-size: 115%;
width: auto !important;
}

.commentbutton.post {
	font-weight: bold;
}

.commenthelp {
	font-size: 85%;
color: gray;
}

.pivot-message {
	font-weight: normal;
	padding: 15px;
	border: 1px solid red;
	background: maroon;
	color: white;
}

.commentbutton.post {
   margin-bottom: 0px;
}

.post STRONG, .post B {
  color: #444;
}


.content-container {
  color: #444;
}

pre .meta {
margin-left: auto;
color: auto;
font-size: 100%;
margin-bottom: auto;
}




/* Mostly to improve view within the TextMate HTML viewer */
pre.textmate-source {
	margin: 0;
	font-family: Monaco, monospace;
	font-size: 12px !important;
        border-left: 2px solid #E0E0E0 !important;
        border-right: 2px solid #E0E0E0  !important;
        background-color: #F0F0F0 !important;
	line-height: 1.4em;
	word-wrap: no-wrap;
	white-space: pre;
	white-space: -moz-pre;
	white-space: -o-pre;
       margin-bottom: 10px !important;
       padding: 5px !important;
}

/* Stylesheet generated from TextMate theme
 *
 * Default styles
 * 
 *
 */

pre.textmate-source {
	color: #000000;
}

pre.textmate-source .linenum {
	width: 75px;
	padding: 0.1em 1em 0.2em 0;
	color: #888;
	background-color: #eee;
}
pre.textmate-source span {
   padding-top: 0.2em;
   padding-bottom: 0.1em;
  color: inherit;
}
pre.textmate-source ::selection {
	background-color: #BAD6FD;
}
/* Comment */
pre.textmate-source .comment {
	color: #919191;
}

/* String */
pre.textmate-source .string {
	color: #00A33F;
}

/* Number */
pre.textmate-source .constant_numeric {
}

/* Built-in constant */
pre.textmate-source .constant_language {
	color: #A535AE;
}

/* User-defined constant */
pre.textmate-source .constant_character, pre.textmate-source .constant_other {
	color: #21439C;
}

/* Variable */
pre.textmate-source .variable_language, pre.textmate-source .variable_other {
	color: maroon;
}

/* Keyword */
pre.textmate-source .keyword {
	color: #FF5600;
}

/* Storage */
pre.textmate-source .storage {
	color: #FF5600;
}

/* Type name */
pre.textmate-source .entity_name_type {
	color: #21439C;
}

/* Inherited class */
pre.textmate-source .entity_other_inherited-class {
}

/* Function name */
pre.textmate-source .entity_name_function {
	color: #21439C;
}

/* Function argument */
pre.textmate-source .variable_parameter {
}

/* Tag name */
pre.textmate-source .entity_name_tag {
}

/* Tag attribute */
pre.textmate-source .entity_other_attribute-name {
}

/* Library function */
pre.textmate-source .support_function {
	color: #A535AE;
}

/* Library constant */
pre.textmate-source .support_constant {
	color: #A535AE;
}

/* Library class/type */
pre.textmate-source .support_type, pre.textmate-source .support_class {
	color: #A535AE;
}

/* Library variable */
pre.textmate-source .support_variable {
	color: #A535AE;
}

/* Invalid */
pre.textmate-source .invalid {
	color: #FFFFFF;
	background-color: #990000;
}

/* String interpolation */
pre.textmate-source .constant_other_placeholder_py {
	color: #990000;
}



.post IMG {
 max-width: 400px;
}