body
{
	margin:  0;
	padding:  0;
	background:  #fff url("/images/theme/shadow-bg.png") 50% 0 repeat-y;
	font-family:  optima, "Trebuchet MS", Verdana, sans-serif;
	line-height:  1.35em;
	text-align:  center;
	color:  #333;
}

#container
{
	background:  #fff;
	width:  750px;
	margin:  0 auto;
	text-align:  left;
	color:  #333;
}

#header
{
	position: relative;
	border: 1px solid transparent;
	width:  100%;
	height:  170px;
	margin:  -1px;
	overflow: hidden;
}

#header a#home_link
{
	background: #fff url("/images/theme/main-header.png") no-repeat;
	position: absolute;
	border: 0;
	width: 100%;
	height: 100%;
}

#navbar
{
	background-color:  #fff;
	background-repeat:  no-repeat;
	background-image:  url("/images/theme/navibar.png");
	background-position:  0;
	float:  left;
	width:  100%;
	height:  32px;
	margin:  0;
	padding:  0;
}

#navbar #search
{
	float: right;
	position: relative;
	padding: 4px 0px;
	width: 19em;
}

#search_spinner
{
}

#navbar #search #search-results
{
	position: absolute;
	top: 32px;
	right: 10px;;
	width: 15em;
	background: #fff;
	border: 2px solid #999;
	border-top-width: 0;
	color: #333;
	padding: 0 20px;
}

#navbar #search-results a:hover
{
	color:  #e04b00;
	border-bottom-style: solid;
}

#q
{
	background-color: #080C00;
	font-size: 100%;
	color: #fff;
	border: 1px solid #fff;
}

#links
{
	float: left;
	margin:  0;
	padding:  0;
	height:  100%;
	text-transform:  uppercase;
	font-size:  85%;
	list-style:  none;
	border-width:  0;
}

#links li
{
	font-weight:  normal;
	text-align:  center;
	padding:  0;
	width:  10em;
	float:  left;
	margin:  0;
	line-height:  normal;
	text-indent:  0;
	border:  0;
}

#navbar #links a, #navbar #links li#current strong
{
	padding-top:  8px;
	padding-bottom:  8px;
	color:  #FFCCBF;
	display:  block;
	text-decoration:  none;
	border:  0;
	font: bold 110% "Gill Sans", "Trebuchet MS", verdana, sans-serif;
	letter-spacing: 2px;
}

#navbar #links li#current strong,
#navbar li#current a, #navbar a:hover
{
	color:  white;
	background-color: transparent;
}

#navbar label
{
	font: 110% "Gill Sans", "Trebuchet MS", verdana, sans-serif;
	color:  #FFCCBF;
}

* html #navbar a
{
	width:  1%;
}

#content
{
	float:  left;
	width:  750px;
}

* html #content
{
	margin-right:  -3px;
}

#main
{
	float:  left;
	width:  505px;
	padding: 0 20px;
	border-right:  1px solid #ddd;
}

* html #main
{
	width: 545px;
}

#main p
{
	padding-top: 0;
	margin-top: 0;
}

#main p img
{
	display:  block;
	margin-left:  auto;
	margin-right:  auto;
	padding:  10px;
}

.post
{
	padding-bottom: 1.5em;
	padding-top: 0.5em;
	border-bottom: 1px solid #ddd;
}

#latest
{
	padding:  20px;
	background-color:  #eeeeee;
	font-size:  85%;
}

#latest img
{
	display:  block;
	margin-left:  auto;
	margin-right:  auto;
}

#maincol
{
	display:  block;
	float:  right;
	width:  260px;
	padding:  0 20px;
	border-left:  1px solid #ddd;
	font-size:  85%;
	line-height:  1.6em;
}

#subcol
{
	padding: 0 15px;
	float:  right;
	width:  174px;
}

#mainleft
{
	padding:  0 20px;
	font-size:  85%;
	display:  block;
	float:  left;
	width:  184px;
}



hr
{
	display:  none;
}

.footnotes hr { display: block }

.footnotes {font-size: 0.9em;}
.footnotes ol { padding-left: 20px }

p, blockquote, li, dd
{
	font-family:  Optima, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Helvetica, sans-serif;
	font-size:  0.95em;
	line-height:  1.5em;
	text-align:  left;
}

dt, dd {
  margin: 0;
  padding: 0;
}

h1, h4
{
	font-family:  "Gill Sans", verdana, helvetica, sans-serif;
	color:  #444;
}

h1
{
	color:  #9ba600;
	font-weight:  900;
	font-variant:  small-caps;
	letter-spacing:  0.3em;
	line-height:  1.35em;
	padding-bottom:  0;
	margin-bottom:  0;
}

h2
{
	line-height: 1.1;
	text-shadow:2px 2px 2px #999;
	margin-bottom: 0;
	padding-bottom: 0;
}

h2 a:link
{
	text-decoration: none;
	border-width: 0;
}

h3
{
	font-size:  1.2em;
	display:  block;
	clear:  both;
	border-bottom:  1px dotted;
	letter-spacing:  0.3em;
	padding:  0;
	font-weight:  normal;
}

h4, h5
{
	margin-bottom: 0.2em;
}

h5
{
	font-size: 95%;
}

blockquote
{
	margin-left:  20px;
	margin-right:  20px;
	padding:  10px;
	background:  transparent url(/images/theme/quote.gif) no-repeat 0 0;
	font-size:  100%;
	font-style:  italic;
}

pre {
	margin: 2em;
	color: #efefef;
	padding: 1em;
	background-color: #222;
	line-height: 1.5;
	border: 1px solid #666;
	border-color: #BBB #DDD #DDD #BBB;
	overflow: auto;
	}

li pre {
  margin-left: 0;
}

#right p, #left p
{
	line-height:  15px;
	font-size:  10px;
}

#left p
{
	text-align:  right;
}

#left
{
	float:  left;
	width:  150px;
	\width:  155px;
	w\idth:  150px;
	margin-right:  5px;
	padding-top:  100px;
	text-align:  left;
}

#blogroll
{
	padding:  0;
	margin:  0;
	margin-bottom:  30px;
	list-style:  none;
	padding-left:  10px;
}

#blogroll li
{
	padding-left:  0;
}

a
{
	color:  #e04b00;
	text-decoration:  none;
}

a:link, a:visited
{
	border-bottom:  1px dotted gray;
}

h3 a { border-bottom: 0 !important}

a:visited
{
	color:  #943100;
}

a:hover
{
	border-bottom: 1px solid #644C42;
	background: #E9D2CB;
}

.auth 
{
	font-size: 70%;
	margin-top: 3px;
}

#subcol h5, #subcol label
{
	padding:  0;
	margin:  0 0 5px 0;
	margin-top:  20px;
	font-weight:  lighter;
	font-family:  "Gill Sans", "Trebuchet MS", Verdana, sans-serif;
}



#subcol p,
#search-results p
{
	padding-left:  0;
}

#subcol ul, #search-results ul
{
    margin: 0;
    padding-left: 0;
}

#subcol li, #search-results li
{
	background: #fff url("/images/theme/check.gif") 0 6px no-repeat;
	list-style: none;
	font-size: 85%;
	padding: 0 0 4px 15px;
	line-height: 1.4;
}

#subcol li a, #search-results li a {
	padding-top: 3px;
	padding-bottom: 1px;
}

#search-results a:hover
{
	border-bottom: 1px solid #644C42;
	background: #E9D2CB;
}

* html #subcol img
{
	margin-left:  20px;
}

#subcol #flickr
{
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

#flickr a, #flickr a:hover
{
	background: #fff;
	border: 0;
}

#subcol li.flickrsquare
{
	float: left;
	padding: 0;
	margin: 0;
	background: #fff;
}

.flickrsquare img
{
	padding: 2px;
	margin-right: 5px;
	border: 1px solid #aaa;
}

.flickrsquare img:hover
{
	background: #E9D2CB;
	border: 1px solid #943100;
}

h2 a, h2 a:hover
{
	padding: 2px;
	margin-left: -2px;
	color:  #943100;
	border:  0px;
	font-weight:  normal;
	font-family:  "Gill Sans", "Trebuchet MS", Verdana, sans-serif;
}

h2 a:hover
{
	border-bottom: 1px solid #644C42;
	background: #E9D2CB;
}

/*+-------------------------------------------+
  |   			      CODE BLOCKS 	          |
  +-------------------------------------------+*/

.typocode {
	margin: 20px;
	background-color: #eee;
	padding: 10px;
	border: 1px solid #ddd;
}

.typocode pre {
	overflow: auto;
}

.caps
{
	letter-spacing:  0.1em;
	font-size:  10px;
}

img
{
	border-width:  0;
}

#footer
{
	text-align:  center;
	font-size:  10px;
	border-top:  1px solid #ddd;
	clear:  both;
}

.replace
{
	position:  relative;
	overflow:  hidden;
	margin:  0;
	padding:  0;
	font-size:  1.2em;
}

.replace em
{
	display:  block;
	position:  absolute;
	top:  0;
	z-index:  1;
}

/*+-------------------------------------------+
 |   			      COMMENTS						         |
 +-------------------------------------------+*/
 .comment-list li, #preview {
 	background: #f15c11;
 	padding: 10px;
 	margin-bottom: 8px;
 	color: #555;
 	clear: right;
 	min-height: 60px;
 	}

 .comment-list li {
	background: #FFC697;
	border: 1px solid #FFC697;
	}
	
 .comment-list li.author_comment {
	background: #FBA757;
	border: 1px dotted #f15c11;
}

 .comment-list li:hover {
	background: #FFC697;
	border-color: #f15c11;
	}
 	
 .gravatar {
 	float: right;
 	margin: 0 5px;
    background: #fff;
    border: 1px solid #999;
	padding: 3px;
 	}

* html>body .replace
{
	position:  static;
	overflow:  visible;
	font-size:  10px;
}

* html>body .replace em
{
	position:  static;
}

* html>body .replace a
{
	text-decoration:  none;
}

#myh1, #myh1 em
{
	width:  750px;
	height:  170px;
	background:  url(/images/theme/header-whole.png) top left no-repeat;
}

* html>body #myh1 em
{
	margin-bottom:  -40px;
}


	/* end of page css - below is for the code highlighter */

.javascript .comment { color: green; }
.javascript .string,
.ruby .string { color: #40FF3F; }
.javascript .keywords { color: #FFCF3E; }
.javascript .global { color: blue; }
.javascript .brackets { color: #efefef; }
.javascript .booleans { color: #079997; }

	.css .comment {
		color : gray;
	}

	.css .properties {
		color : navy;
	}

	.css .selectors {
		color : maroon;
		font-weight : bold;
	}

	.css .units {
		color :red;
	}

	.css .urls {
		color :green;
	}
.html .tag,
.builder .tag { color: #FF672D; }

.html .comment {
	color: gray;
	font-style: italic;
	}

.html .string,
.builder .string { color: #40FF3F; }
.html .doctype,
.bulder .doctype { color: teal; }
.html .attribute,
.builder .attribute { color: #91CE9D; }

.ruby .symbol,
.builder .symbol { color: #079997; }
.ruby .keywords,
.builder .keywords { color: #FF672D; }
.ruby .comment,
.builder .comment { color: #A229C3; }