/*
 * We align everything inside #main to a 18px grid.
 * Remember that!
 */


* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	height: 100%;
	font-family: georgia;
	font-size: 14px;
	line-height: 20px;
}

#wrapper {
	position: relative;
	min-height: 100%;
}

#page {
	padding-bottom: 20px;
}

* html #wrapper {
	height: 100%;
}

#main {
	margin-left: 10%;
	padding: 36px 75px 54px 0;
	width: 529px;
	float: left;
	/* background: url(/images/bg-grid.png); */
}

#sidebar {
	width: 200px;
	float: left;
	padding: 17px 10px 17px 25px;
	border: 1px solid #e6e6e6;
	background: white;
	margin-top: -54px;
	background: #fff url(/images/bg-sidebar.png) top left repeat-x;
}


/*+-------------------------------------------+
  | HEAD                                      |
  +-------------------------------------------+*/

#head {
	height: 130px;
	width: 100%;
	background: url(/images/bg-header.png) top left repeat-x;
}

#logo {
	padding-top: 16px;
	margin-left: 10%;
}

#logo h1 {
 	background: url(/images/logo.gif) no-repeat top right;
	width: 529px;
	height: 106px;
}

#logo h1 a {
	display: block;
	width: 529px;
	height: 106px;
	text-indent: -2000px;
	text-decoration: none;
}


/*+-------------------------------------------+
  | GENERAL                                   |
  +-------------------------------------------+*/

p {
	font-size: 1em;
	margin: 18px 0;
}

ul {
	margin: 18px 0;
}

li ul {
	margin: 0;
}

.article li,
.page li {
	margin-left: 20px;    
}

blockquote {
	margin-left: 30px;
	font-size: 0.9em;
        font-style:italic;
        padding: 15px;
        background-color: #EFEFEF;
        border: #E2E2E2 solid 2px;
}

small {
	font-size: 0.8em;
	color: #333;
}

.ul {
	text-decoration: underline;
}

hr {
	margin-bottom: -2px;
	border: none;
	background: #000;
}

.morelink {
	display: block;
	text-align: right;
}

.page h1 {
	font-size: 31px;
	line-height: 34px;
}

.article h3,
.page h3 {
	font-size: 15px;
	font-weight: bold;
	margin: 18px 0;
	font-variant: small-caps;
}

.article h4,
.page h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 18px 0;
}
.article pre,
.page pre {
	border: 1px solid #DDD;
       background-color: #F2F2F2;
        color: #555;
        font-family:Courier;
        padding:10px;
        margin:10px;
        font-size: 11px;
        line-height:1.2em;
}

/*+-------------------------------------------+
  | LINKS                                     |
  +-------------------------------------------+*/

a {
	color: #24547F;
}

/*+-------------------------------------------+
  | SIDEBAR                                   |
  +-------------------------------------------+*/


#sidebar a {
	color: #2E5875;
	text-decoration: none;
}

#sidebar .current a {
	font-weight: bold;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar h2 {
	color: #252525;
	font-size: 25px;
	line-height: 54px;
	margin-bottom: -18px;
	letter-spacing: -1px;
}

#sidebar ul {
	list-style: none;
}

#sidebar li {
	line-height: 18px;
	height: 18px;
	margin-left: 2px;
}

#sidebar form {
	margin: 15px 0 15px 2px;
}

#sidebar input {
	border: 1px solid #c0c0c0;
	background: #fdfdfd;
	line-height: 18px;
	padding: 1px 2px;
}

/*+-------------------------------------------+
  | FOOTER                                    |
  +-------------------------------------------+*/

#footer {
	background: #dfdfdf url(/images/bg-footer.png) top left repeat-x;
	height: 19px;
	border-top: 1px solid #b7b7b7;
	width: 100%;
	position: relative;
	margin-top: -20px;
}

#footer p {
	font-size: 12px;
	margin: 0 0 0 10%;
	color: #747474;
	line-height: 19px;
}

/*+-------------------------------------------+
  | ARTICLE, ETC                              |
  +-------------------------------------------+*/

.article,
.page {
	margin-bottom: 72px; /* 4lh */
}

.article .title,
.page .title {
	color: #fff;
	background: #000;
	padding-left: 18px;
	margin-bottom: 18px;
	font-size: 2em;
	line-height: 54px;
}

.page .nonarticle-title {
	text-decoration: underline;
}

.article .content p,
.page .content p {
	text-align: justify;
}

.article .content img,
.page .content img {
	float: left;
	padding: 17px; /* 1px border */
	margin-right: 8px;
	background: #f9f9f9;
	border: 1px solid #bbb;
}

.article .title a,
.page .title a {
	color: #fff;
	text-decoration: none;
}

.article .meta {
	text-align: right;
	font-size: 0.9em;
	color: #747474;
}

.article-excerpt {
	margin: 18px 0;
}

#stars {
	background: url(/images/stars.gif) top left repeat-x;
	position: relative;
	height: 101px;
	width: 110px;
	top: -101px;
	left: -70px;
	margin-bottom: -101px;
}


/*+-------------------------------------------+
  | COMMENTS, ETC.                            |
  +-------------------------------------------+*/

.comments-title {
	font-size: 1.5em;
	line-height: 36px;
	margin-top: 18px;
}

.comments-meta {
	margin-top: 0;
}

.comment-list li {
	list-style: none;
	margin: 18px 0;
}

.comment p.author {
	text-decoration: underline;
	font-size: 1.1em;
	margin: 0;
}

.comment p.content {
	text-align: justify;
}

#comments {
	background: #f9f9f9 url(/images/bg-comments-form.png) top left repeat-x;
	padding-top: 17px; /* 1px border */
	margin-top: 54px;
	border: 1px solid #bbb;
}

#comments li {
	list-style: none;
	clear: both;
	margin: 14px 0;
	height: 22px;
}

#comments li.label-less {
	padding-left: 124px;
	line-height: 18px;
}

#comments li small {
	padding-left: 6px;
	color: #666;
}

#comments label {
	display: block;
	width: 110px;
	float: left;
	text-align: right;
	margin-right: 1em;
	font-weight: bold;
	line-height: 18px;
	padding: 2px 0;
}

#comments .form-text input,
#comments .form-textarea textarea {
	font-size: 1em;
	border: 1px solid #bbb;
}

#comments .form-text input {
	height: 18px; /* (1px border + 1px padding) * 2 = 22px */
	line-height: 18px;
	padding: 1px 2px;
}

#comments li.form-textarea {
	height: 206px;
}

#comments .form-textarea textarea {
	height: 196px; /* + (4px padding + 1px border) * 2 = 206px */
	width: 340px;
	border: 1px solid #bbb;
	line-height: 18px;
	padding: 4px 5px;
}

#comments li.form-submit-button {
	height: 36px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#comments .form-submit-button input {
	background: url(/images/button.png) top left no-repeat;
	height: 36px;
	width: 143px;
	border: none;
}

#comment-errors {
    background: #fdd;
    padding: 16px 30px;
    border: 1px solid #faa;
}

#comment-errors li {
    line-height: 18px;
}

/********************************
 * CLEAR-BLOCK
 */

.clear-block:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear-block {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear-block {height: 1%;}
.clear-block {display: block;}
/* End hide from IE-mac */