@import url(rsc/css/basic.css);
@import url(rsc/css/blog_elements.css);
@import url(rsc/css/forms.css);
@import url(rsc/css/comments.css);


/* GLOBAL RESET --------------- */

body, div, ul, ol, li, form, input, map, area, p, blockquote, tr, td, embed, object  { margin: 0; padding: 0; color: #333 }

h1, h2, h3, h4, h5, h6  { margin: 0; padding: 0; font-style: normal; font-weight: normal }

address		{ font-style: normal; font-weight: normal }
table		{ margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0 }
ul, ol		{ list-style: none }
a			{ text-decoration: none }


/* STYLES --------------------- */

body 		{ background: #fffdf0 url(assets/core/background.jpg) no-repeat; font: 11px verdana, sans-serif; color: #333 }

p 			{ line-height: 155% }
h1 			{ font-family: georgia, serif; font-variant: small-caps; font-size: 32px; border-bottom: 1px #333 solid; color: #333; margin: 4px 0 6px; padding-bottom: 3px }
h2 			{ font-family: georgia, serif; font-size: 16px; font-weight: bold; font-variant: small-caps; margin-bottom: 10px }
h3 			{  }

a			{ padding: 1px; color: #536f54; font-weight: bold; border-bottom: 1px #333 dotted }
a:hover 	{ color: #333; background: #c6cfbc; border-bottom: 1px #536f54 solid }

h1 a		{ background: none; border: none }
h1 a:hover	{ background: none; border: none }

li a 		{ padding: 1px; color: #536f54; font-weight: bold }
li a:hover 	{ color: #333 }

blockquote 	{ border-left: 3px solid #333; background: url(assets/core/column.background2.png); margin: 8px 50px 8px 40px;
			  padding: 8px 14px; font-size: 10px }


/* NAVIGATION ----------------- */

#header				{ position: absolute; top: 0; left: 0; width: 100%; background: url(assets/core/border.png) repeat-x; height: 32px; z-index: 5 }
#header li			{ font: 15px georgia, serif; text-transform: uppercase; display: block; float: left; padding: 3px 0 0 10px } 
#header li a 		{ font-weight: bold; color: #333; border: none }
#header li a:hover 	{ color: #817e77; background: none }
#header li.down a	{ color: #536f54 }

/* STRUCTURE ------------------ */

#wrapper 	{ width: 100% }
#container	{ width: 972px; margin: 44px 0 20px; overflow: hidden }

#logo		{ position: absolute; top: 9px; left: 498px; z-index: 3 }
#logo img 	{ z-index: 3 }

#content 	{ width: 492px; float: left; padding: 0 12px 0 16px; margin-bottom: -9999px; padding-bottom: 9999px }

#column-1 	{ width: 190px; float: left; padding: 195px 12px 0 12px; margin: 0 0 0 12px; border-left: 1px #ccc solid;
			  border-right: 1px #ccc solid; background: url(assets/core/column.background.png) repeat-y; z-index: 1;
			  margin-bottom: -9999px; padding-bottom: 9999px }

#column-2 	{ width: 190px; float: left; padding: 0 6px 0 12px; margin-left: 12px }

#footer		{ background: url(assets/core/footer.png) no-repeat; height: 36px; margin-top: 20px; clear: both; font: 11px georgia, serif;
			  padding: 9px 15px } 


/* IDs ------------------------ */

#content p {text-align: justify; margin: 6px 0 12px }
#column-1 p, #column-2 p {margin: 8px 0 8px }
#content ul {margin-left: 16px; margin-bottom: 16px }
#content ul li { margin: 4px 0 4px 10px; list-style-image: url(assets/core/bullet.png) }
#column-1, #column-2 { font-size: 10px }

#ShelfariWidget14354 { margin: 0; padding: 0; color: #333 }
#ShelfariWidget14354 a, #ShelfariWidget14354 a:hover  { margin: 0; padding: 0; color: #333; border: 0; background: none }

#column-1 ul {margin-left: 16px}
#column-1 ul li { margin: 4px 0 4px 10px; list-style-image: url(assets/core/bullet.png) }


/* CLASSES -------------------- */

img.framed	{background: url(assets/core/clear.png) repeat; border: 1px #333 solid; padding: 6px; margin-bottom: 20px }
img.framed-l { background: url(assets/core/clear.png) repeat; border: 1px #333 solid; padding: 6px; margin-bottom: 5px; margin-top: 3px; float: left; margin-right: 15px }
img.framed-r { background: url(assets/core/clear.png) repeat; border: 1px #333 solid; padding: 6px; margin-bottom: 5px; margin-top: 3px; float: right; margin-left: 15px }


/* COMMENTS ------------------- */

.odd			{ background-color: #454343 }
.even			{ background-color: #656363 }
.author_1		{ background: #222 }
.fix-a			{ margin: 0 }


/* FLICKR -------------- */

#flickr 		{ width: 100%; display: inline; margin-left: 15px }
#flickr a 		{ border: 1px #c6cfbc solid; padding: 2px; display: block; float: left; margin: 3px }
#flickr a:hover { border: 2px solid #536f54; padding: 1px }
#flickr img 	{ height: 66px; width: 66px; border: none }

a.nobords		{ border: none; background: none }



/* comments area */

#commentarea {
	padding: 15px 0px;
	}
#commentarea h3 {
	margin: 10px 0;
	padding: 0;
	clear: both;
	color: #333;
	font-size: 16px;
	font-family: georgia, serif;
	font-weight: bold;
	}
#commentarea #respond h3 {
	margin-bottom: 0;
	}
.comments ol {
	margin: 0;
	list-style: none;
	}
.comments li {
	clear: left;
	margin: 10px 0 25px;
	padding: 15px 0 0;
	border-top: 1px solid #333;
	}
.comments li.alt {
	}
.comments .comment-author {
	color: #333;
	font-weight: bold;
	line-height: 1.5em;
	text-transform: uppercase;
	margin-bottom: 4px;
	margin-top: 1px;
	}
.comments .comment-author img {
	float: left;
	margin-right: 10px;
	padding: 3px;
	background: #333;
	border: 1px solid #1c1b19;
	}
.comments .comment-meta {
	margin: 0 0 15px;
	color: #646056;
	font-size: 85%;
	line-height: 1.2em;
	}
.comments .unapproved {
	padding: 3px 5px;
	background: #3c3932;
	}
#commentarea .formcontainer {
	margin: 0;
	padding: 0;
	}
#commentarea #commentform {
	font: 100% Arial, Helvetica, sans-serif;
	}
#commentarea #commentform p {
	padding: 6px 0px;
	margin: 0px;
	}
#commentarea #commentform #comment-notes {
	font-style: italic;
	}
#commentarea #commentform .form-label {
	padding: 5px 0 1px;
	}
#commentarea #commentform .required {
	color: #e99002;
	}
#commentarea #commentform input {
	width: 50%;
	background: #3c3932;
	border: 1px solid #1c1b19;
	padding: 3px;
	margin-top: 3px;
	}
#commentarea #commentform textarea {
	width: 80%;
	margin: 3px 0;
	padding: 2px;
	background: #3c3932;
	border: 1px solid #1c1b19;
	}
#commentarea #commentform textarea:focus,
#commentarea #commentform input[type="text"]:focus {
	background: #fff;
	}
#commentarea #commentform #submit {
	width: auto;
	margin: 5px 0 0;
	padding: 5px 10px;
	color: #fff;
	background: #536f54;
	border: none;
	}
	
#sidebar {
width: 140px;
float: left;
list-style-type: none;
padding: 15px 10px 0;
}

#sidebar ul {
margin: 0 5px 15px;
padding: 0;
list-style-type: none;
}

#sidebar ul li {
margin: 0;
padding: 0;
list-style: none;
}

#sidebar h2 {
margin: 0 0 2px;
text-align: right;
list-style-type: none;
}

#sidebar ul li a {
list-style-type: none;
}

#sidebar ul li a:hover {
position: relative;
top: 1px;
left: 1px;
list-style-type: none;
}

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

#sidebar li li {
padding: 1px 2px 0 4px;
list-style-type: none;
}

#sidebar li li li {
padding: 1px 2px 0 16px;
list-style-type: none;
}