#navbar {
	display : none;
}

body {
	background-color : rgb(50,40,40);
	color : rgb(50,40,20);
	overflow-x : hidden;
}

a, #comment-editor a {
	text-decoration : none;
	color : rgb(50,40,20);
	color : rgb(100,70,60);
}


.blog-entry .content a:hover, #comment-editor a:hover {
	background-color : rgb(150,140,120);
}
.blog-entry .content a, #comment-editor a {
	font-weight : bold;
}


* {
	-ms-box-sizing : border-box;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
}

span.title,
span.title a {
	font : 30px Arial Black, Verdana, sans-serif;
	font-weight : bold;
	color : rgb(150,140,120);
}

span.title {
	display : block;
	margin-bottom : 5px;
	border-bottom : 3px dashed rgb(150,140,120);
}


.curved, .curved-noie { 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
}
.curved { 
	behavior: url(border-radius.htc);
}

.blog-entry code {
	font-size : 12px;
	font-family : 'Courier New'
}

.blog-entry .note {
	font-style : italic;
	border : 1px dashed rgb(150,140,120);
	padding : 1em;
	display : block;
	margin-bottom : 1em;
}

.blog-entry h4 {
	margin-top : 10px;
}

.blog-entry  pre[name=code] {
	font-size : 12px;
	font-family : 'Courier New';
	margin-bottom : 10px;

	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	background-color : rgb(210,200,190);
	background-color : rgba(255,250,230,0.3);
	*background-color : rgb(210,200,190);
	border : 1px dashed rgb(150,140,120);
	
	padding : 10px;
	overflow-x : auto;
}

.blog-entry  pre[name=code] ol {
	list-style : decimal;
	list-style-position : inside;
	padding : 10px;
}

.blog-entry  pre[name=code] ol li {
	margin-left : 0px;
	padding-left : 10px;
}

.blog-entry  pre[name=code] ol li:nth-child(odd) {
	background-color : rgb(210,200,190);
	background-color : rgba(255,250,230,0.35);
	*background-color : rgb(210,200,190);
}

.blog-entry  ul {
	margin-bottom : 5px;
	margin-top : 5px;
	list-style : disc;
}

.blog-entry  ul li {
	margin-left : 20px;
	margin-bottom : 5px;
}

/* blog entry icons */

ul.bookmark-icons {
	margin-bottom : 25px;
	margin-left : -2px;
}

ul.bookmark-icons li {
	display : inline-block;
	margin-left : 0;
	overflow : hidden;
	width : 70px;
	height : 35px;
	margin-right : -6px;
}

ul.bookmark-icons li a {
	display : inline-block;
	width : 100%;
	height : 100%;
	overflow : hidden;
	background-image : url(bookmark-icons.png);
	background-repeat : no-repeat;
	opacity : 0.6;
	-webkit-transition: opacity .25s linear;
}

ul.bookmark-icons li a:hover {
	opacity : 1.0;
	-webkit-transition: opacity .25s linear;
}


ul.bookmark-icons li[name=twitter] a {
	background-position : 0px -35px;
}
ul.bookmark-icons li[name=twitter] a:hover {
	background-position : 0px 6px;
}
ul.bookmark-icons li[name=stumbleupon] a {
	background-position : -70px -35px;
}
ul.bookmark-icons li[name=stumbleupon] a:hover {
	background-position : -70px 6px;
}
ul.bookmark-icons li[name=reddit] a {
	background-position : -140px -35px;
}
ul.bookmark-icons li[name=reddit] a:hover {
	background-position : -140px 6px;
}
ul.bookmark-icons li[name=digg] a {
	background-position : -210px -35px;
}
ul.bookmark-icons li[name=digg] a:hover {
	background-position : -210px 6px;
}
ul.bookmark-icons li[name=delicious] a {
	background-position : -280px -35px;
}
ul.bookmark-icons li[name=delicious] a:hover {
	background-position : -280px 6px;
}
ul.bookmark-icons li[name=facebook] a {
	background-position : -350px -35px;
}
ul.bookmark-icons li[name=facebook] a:hover {
	background-position : -350px 6px;
}
ul.bookmark-icons li[name=dzone] a {
	background-position : -420px -35px;
}
ul.bookmark-icons li[name=dzone] a:hover {
	background-position : -420px 6px;
}
ul.bookmark-icons li[name=gmail] a {
	background-position : -490px -35px;
}
ul.bookmark-icons li[name=gmail] a:hover {
	background-position : -490px 6px;
}
ul.bookmark-icons li[name=google] a {
	background-position : -560px -35px;
}
ul.bookmark-icons li[name=google] a:hover {
	background-position : -560px 6px;
}




/* main page container */

#main-container {
	z-index : 10;
	position : absolute;
	left : 0px;
	top : 0px;
	margin-top : 0px;
	width : 100%;
	height : 100%;
	overflow-x : hidden;
	overflow-y : scroll;
}

/* ------------------------------------ */
/* Header */
/* ------------------------------------ */

#header {
	z-index : 20;
	position : absolute;
	left : 0px;
	top : 0px;
	width : 100%;
	height : 50px;
	background-color : rgb(150,140,120);
	background-color : rgb(140,150,120);
	border-bottom : 3px solid black;
	-moz-box-shadow : -5px 10px 5px rgba(0,0,0,0.6);
	-webkit-box-shadow: -5px 10px 5px rgba(0,0,0,0.6);
	box-shadow : -5px 10px 5px rgba(0,0,0,0.6);;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=180, Strength=8);
}

#header-text-image {
	opacity : 0.8;
	margin-left : 7px;
	margin-top : 3px;
}


#header ul li.menu-item {
	display : block;
	float : left;
	margin-right : 30px;
	filter : progid:DXImageTransform.Microsoft.Shadow(Color=#615f47, Direction=135, Strength=5);
}

#header ul li.menu-item a {
	display : block;
	color : rgb(50,40,20);
	color : rgb(150,140,120);
	color : rgb(210,200,190);
	color : rgb(194,188,168);
	font-family : arial black;
	font-size : 30px;
	text-transform : uppercase;
	text-shadow : 0px 0px 8px rgb(70,60,40);
}

#header ul {
	position : absolute;
	right : 0;
	bottom : 5px;
}

#header-image {
	-moz-transform: translate(-132px) rotate(-90deg) translate(-140px);
	-webkit-transform: translate(-132px) rotate(-90deg) translate(-140px);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=235, Strength=5);
	position : absolute;
	left : -75px;
	top : 60px;
	height : 70px;
}

#header li.header-icon {
	display : block;
	float : left;
	width : 32px;
	margin-right : 16px;
}

#header li.header-icon.twitter {
	margin-right : 32px;
}

#header-title-container {
	width : 900px;
	margin : 0px auto;
	position:relative;
}

#header-image a {
	color : rgb(210,200,190);
	color : rgba(255,250,230,0.7);
	*color : rgb(210,200,190);
	letter-spacing : 0.1em;
	text-shadow : -2px -2px 2px rgb(0,0,0);
	font : 50px Arial Black;
	text-transform : uppercase;
	

}

#header ul a:hover {
	text-shadow : 0px 0px 10px rgb(210,200,190);
	color : rgb(70,60,40);
	color : rgb(80,70,60);
	color : rgb(100,80,70);
}

/* ------------------------------------ */
/* RSS, Twitter, etc icons */
/* ------------------------------------ */


#icon-container {
	background-color : rgb(150,140,120);
	background-color : rgb(140,150,120);

	border-bottom : 2px solid black;
	border-left : 2px solid black;
	border-right : 2px solid black;
	width : 240px;
	height : 80px;
	margin-left : 10px;
	margin-top : 47px;
	margin-right : 40px;
	position : absolute;
	right : 0;
	top : 0;
	-moz-border-radius-topleft : 0px;
	-moz-border-radius-topright : 0px;
	-webkit-border-top-left-radius : 0px;
	-webkit-border-top-right-radius : 0px;

	-moz-box-shadow : 5px 7px 5px rgba(0,0,0,0.6);
	-webkit-box-shadow : 5px 7px 5px rgba(0,0,0,0.6);
	box-shadow : 5px 7px 5px rgba(0,0,0,0.6);

	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=8);

	padding-left : 10px;
	z-index : 20;
}


#icon-container a {
	width : 64px;
	height : 64px;
	display : block;
	float : left;
	margin-left : 4px;
	margin-right : 4px;
	margin-top : 5px;
}

/* ------------------------------------ */
/* Centered main container */
/* ------------------------------------ */

#main-center {
	margin : 0 auto;
	z-index : 20;
	width : 900px;
}

.main {
	width : 900px;
	background-color : rgb(198,190,176);
	background-color : rgba(255,250,230,0.7);
	*background-color : rgb(198,190,176);
	border : 2px solid black;
	position : relative;
}

#main-content {
	min-height : 500px;
	margin-top : 0px;
	height : auto;
}

/* ------------------------------------ */
/* Blog section */
/* ------------------------------------ */


#blog {
	position : relative;
	margin-top : 90px;
	margin-left : 175px;
	width : 550px;
	font : 0.8em Verdana, sans-serif;
	line-height : 1.8em;
}


#blog .blog-entry {
	position : relative;
	margin-bottom : 35px;
}

#blog .blog-entry img {
	max-width : 100%;
}

#blog .blog-entry .tags {
	position : relative;
	right : 0;
	display : block;
	text-align : right;
	font-style : italic;
	margin-bottom : 0px;
	color : rgb(150,140,120);
}


#blog .blog-entry .tags a:hover {
	color : rgb(80,70,60);
	color : rgb(100,80,70);
}

#blog .blog-entry .tags a {
	color : rgb(150,140,120);
}

#blog .blog-entry .byline {
	float : right;
	text-align : right;
	color : rgb(150,140,120);
	font-style : italic;
}

#blog .blog-entry .byline a {
	color : rgb(150,140,120);
}

#blog .blog-entry .byline a:hover {
	color : rgb(80,70,60);
	color : rgb(100,80,70);
}

#blog .blog-entry .title a:hover {
	color : rgb(80,70,60);
	color : rgb(100,80,70);
}


#blog .blog-entry .content {
	display : block;
	border-bottom : 3px dashed rgb(150,140,120);
}

#blog .blog-entry .content p {
	margin-bottom : 1.2em;
}

#blog img.first-image {
	float : left;
	margin-right : 10px;
}




/* ------------------------------------ */
/* Comments section */
/* ------------------------------------ */



#comments-container {
	margin-top : 20px;
	margin-bottom : 50px;
}

#comments {
	margin-top : 20px;
	margin-left : 175px;
	width : 550px;
	font : 0.8em Verdana, sans-serif;
	line-height : 1.8em;
	padding-bottom : 10px;
}


#comments .comments-title {
	display : block;
	margin-bottom : 20px;
	border-bottom : 3px dashed rgb(150,140,120);
}

#comments .comments-title a {
	font : 2em Arial Black, Verdana, sans-serif;
	font-weight : bold;
	color : rgb(150,140,120);
}

#comments .comments-title a:hover {
	color : rgb(100,80,70);
}

#comments .comment {
	position : relative;
	display : block;
	margin-bottom : 20px;

	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	background-color : rgb(210,200,190);
	background-color : rgba(255,250,230,0.3);
	*background-color : rgb(210,200,190);
	border : 1px dashed rgb(150,140,120);
}

#comments .comment  .anchor {
	position : relative;
	top : -70px;
	display : block;
}

#comments .comment .author {
	display : block;
	width : 190px;
	left : 0;
	top : 0;
	margin-left : 5px;
	margin-top : 5px;
}

#comments .comment .author {
	color : rgb(150,140,120);
	font : 1.5em Arial Black;
}

#comments .comment .author  a{
	color : rgb(150,140,120);
}

#comments .comment .date {
	bottom: 0px;
	display: block;
	margin-left: 0px;
	margin-top: 0px;
	position: absolute;
	right: 6px;
	text-align: right;
	width: 190px;
}

#comments .comment .date a{
	font-size : 0.8em;
	color: #968C78;
}

#comments .comment .date a:hover{
	color : rgb(80,70,60);
}

#comments .comment .text {
	display : block;
	position : relative;
	left : 0;
	top : 0;
	min-height : 100px;
	padding : 5px;
	color : rgb(50,40,20);
	color : rgb(100,80,70);
	color : rgb(80,70,60);
	margin-bottom : 15px;
}

#comments .comment .text a {
	color : rgb(50,40,20);
	color : rgb(100,70,60);
	font-weight : bold;
}

#comments .comment .text a:hover {
	background-color : rgb(150,140,120);
}

#comments .paging-control-container {
	display: block;
	float: none;
	margin: 0;
	margin-bottom: 5px;
	margin-top : -15px;
	text-align: right;
}

#comments .comment-form {
	max-width : 100%;
}

#comment-editor {
	width : 562px;
	height : 270px;
}

#comment-editor #commentBodyField {
	width : 100%;
}

#comment-editor body {
	margin : 0;
	color : #50463C;
}

#comment-editor #commentBodyField {
	margin-right : 0px;
	width : 1000%;
}


/* ------------------------------------ */
/* Next/previous buttons */
/* ------------------------------------ */


div#previous-button, div#next-button {
	position : absolute;
	margin-top : 160px;
	width : 150px;
	top : 40px;
	z-index : 10;
}

div#previous-button a, div#next-button a {
	-moz-transform : scale(1, 2);
	-webkit-transform : scale(1, 2);
	transform : scale(1, 2);
	display : block;
	color : rgba(150,140,120,0.7);
	font-size : 6em;
	font-family : Arial black;
	font-weight : bold;
	position : fixed;
	width : 130px;
}

div#previous-button a {
	text-align : right;
}

div#previous-button a:hover, div#next-button a:hover {
	color : rgb(80,70,60);
	color : rgb(100,80,70);
}

div#previous-button {
	left : 0;
	margin-left : 25px;
}

div#next-button a {
	margin-left : 20px;
}

div#next-button {
	right : 0;
	margin-right : 25px;
}