/********************************************
*                                           *
*   CSS file of http://inobscuro.com/       *
*   Copyright (c) 2006. Nela Dunato         *
*                                           *
*********************************************/

/* general */
	* {margin: 0; padding: 0; border: none; text-decoration: none;}
	html {
		background: url(/images/v6/bodybg.jpg) #9b1a12 50% 0%;
		font: 65%/1.5 "palatino", "palatino linotype", "georgia", "times new roman", serif;
		height: 100%;
		color: #000;
	}
	body {
		background: url(/images/v6/topshadow.jpg) 50% 0% repeat-x;
		min-height: 100%;
	}

/* header */
	#top {
		height: 250px;
	}
	#menu {
		width: 740px;
		margin: 0 auto;
		padding-top: 10px;
		position: relative;
		padding-bottom: 150px;
		background: url(/images/v6/title.gif) 10% 100% no-repeat;
		font-size: 100%;
	}
	#menu li {
		display: inline;
		list-style: none;
		padding: 0 20px 0 0;
		margin: 0;
		font: 200%/1em "georgia", "times new roman", serif;
	}
	#menu li a:link, #menu li a:visited {
		color: #aca495;
		background: #0f0f0f;
		border: none;
	}
	#menu li a:hover {
		color: #e7554a;
		background: #0f0f0f;
	}
	#menu .lang {
		position: absolute;
		top: 10px;
		right: 0;
		padding: 0;
	}
	#menu ul {
		display: none;
		position: absolute;
		top: 290px;
		right: 0;
		z-index: 1000;
		width: 200px;
	}
	#menu ul li {
		display: block;
		font-size: 90%;
		border-bottom: 1px solid #191919;
		padding: .5em 0;
		color: #f5f5f5;
		background: #0f0f0f;
	}
	#menu ul li a {
		display: block;
	}
	#menu ul li a:link, #menu ul li a:visited {
		color: #e7554a;
		background: #0f0f0f;
	}
	#menu ul li a:hover {
		color: #dbcb86;
		background: #0f0f0f;
	}
	.info #menu .info ul, .gallery #menu .gallery ul, .resources #menu .resources ul, .links #menu .links ul, .crafts #menu .crafts ul {
		display: block;
	}
	.resources #container #column, .crafts #container #column {
		padding-top: 21em;
	}
	.gallery #container #column {
		padding-top: 16em;
	}
	.links #container #column {
		padding-top: 12em;
	}
	.info #container #column {
		padding-top: 24em;
	}
	.info .quicknav {display: none;}

/* containers */
	#container {
		background: url(/images/v6/contentshade.gif) #0f0f0f 0% 0% repeat-x;
		color: #ddd;
	}
	#container div {
		width: 740px;
		margin: 0 auto;
		padding: 35px 0 0 0;
	}
	#container #content {
		width: 500px;
		float: left;
		padding: 0;
	}
	#container #column {
		width: 200px;
		padding: 0 0 0 40px;
		float: left;
		position: relative;
	}

/* footer */
	#bottom {
		clear: both;
		background: url(/images/v6/footershadow.jpg) 50% 0% repeat-x;
		padding: 60px 0 20px 0;
		font-style: italic;
		font-size: 110%;
		position: relative;
		text-align: center;
	}
	#bottom a:link, #bottom a:visited {
		color: #000;
		background: #8b1811;
		text-decoration: underline;
		border: none;
	}
	#bottom a:hover {
		color: #dbcb86;
		background: #8b1811;
	}
	#bottom #pointer_top {
		position: absolute;
		top: 40px;
		right: 27px;
	}
	#bottom #pointer_top a {
		display: block;
		width: 47px;
		height: 46px;
		background: url(/images/v6/top.png) 0% 0% no-repeat;
		text-indent: -9999px;
		overflow: hidden;
		border: none;
	}
	#bottom #pointer_top a:hover, #bottom #pointer_top a:active, #bottom #pointer_top a:focus {
		outline: none;
		background-position: 100% 0%;
	}
	#bottom a.nolink:link, #bottom a.nolink:visited {text-decoration: none;}

/* general */
	a:link, a:visited {
		color: #e7554a;
		background-color: #0f0f0f;
	}
	a:visited {
		color: #9f1409;
		background-color: #0f0f0f;
	}
	a:hover, a:focus, a:active {
		outline: none;
		color: #dbcb86;
		background-color: #0f0f0f;
	}
	h1 {
		font: italic normal 240% "georgia", "times new roman", serif;
		color: #aca495;
		background-color: #0f0f0f;
		margin: 0;
		padding: 0 0 .5em 0;
		letter-spacing: 0.05em;
		clear: left;
	}
	h2 {
		font: italic normal 170% "georgia", "times new roman", serif;
		color: #aca495;
		background-color: #0f0f0f;
		margin: 0;
		padding: 0 0 .5em 0;
		letter-spacing: 0.05em;
		clear: left;
	}
	h3 {
		font: bold 140% "georgia", "times new roman", serif;
		color: #bfb39b;
		background: #0f0f0f;
		padding: 0 0 .5em 0;
	}
	h4 {
		font: bold 120% "georgia", "times new roman", serif;
		color: #bfb39b;
		background: #0f0f0f;
		padding: 0 0 .5em 0;
	}
	b, strong, em, i, q {color: #999; background: #0f0f0f;}
	q {font-style: italic;}
	a em, a i {
		color: #e7554a;
		background: #0f0f0f;
	}
	a:visited em, a:visited i {color: #9f1409; background: #0f0f0f;}
	a:hover em, a:hover i {color: #dbcb86; background-color: #0f0f0f;}
	a.img {padding: 0;}
	#column a.bannerimg {padding: 0; background-image: none;}
	#column a.bannerimg img {padding: 0; border: none;}
	img {
		border: 1px solid #3f3f3f;
		background: url(/images/v6/loading.gif) #000 50% 50% no-repeat;
		padding: 2px;
		color: #fff;
	}
	a img {border-color: #e7554a;}
	a:hover img {border-color: #dbcb86;}
	hr {
		clear: both;
		border: 0;
		background: url(/images/v6/separator.gif) 50% 50% no-repeat;
		height: 14px;
		padding: 2em 0;
	}
	tbody th {text-align: left;}
	code {
		font-size: 120%;
		color: #999;
		background: #0f0f0f;
	}
	pre code b {color: #fff;}
	blockquote {
		margin: 0 1em 0 4em;
		color: #aaa;
		background: #0f0f0f;
		font-style: italic;
	}
	blockquote em {text-decoration: underline;}
	fieldset {
		margin-bottom: 1em;
		text-align: left;
	}
	legend {display: none;}
	label {
		clear: left;
		float: left;
		width: 100px;
		margin-bottom: 1em;
		padding: .2em 0;
		border: solid #0f0f0f;
		border-width: 1px 0;
		font-size: 120%;
		line-height: 120%;
	}
	input, textarea {
		float: left;
		width: 380px;
		padding: .2em 3px;
		background: #000;
		border: 1px solid #1e1e1e;
		margin-bottom: 1em;
		color: #f5f5f5;
		font: 120%/1.2 "georgia", "times new roman", serif;
	}
	textarea {overflow: auto;}
	object, iframe {border: 1px solid #0f0f0f;}
	input.button {
		width: auto !important;
		background: #1e1e1e;
		color: #f5f5f5;
		margin-left: 100px;
		cursor: pointer;
	}
	#content p, ol, ul, dl {padding: 0 0 1em 0;}
	li ol, li ul, li dl {padding: 0;}
	p, li, th, td, dt, dd {font-size: 140%;}
	li li, dd dd {font-size: 100%;}
	ul li {
		list-style: circle;
		margin-left: 1em;
	}
	ol li, dl dd {margin-left: 1em;}
	dd {padding-bottom: .5em;}
	abbr, acronym {letter-spacing: 0.1em;}
	abbr[title], acronym[title] {
		border-bottom: 1px dotted #333;
		cursor: help;
	}
	.navi {
		font-size: 100%;
		border-top: 1px solid #191919;
		padding: 0 0 2.5em 0;
	}
	.navi li {
		list-style: none;
		border-bottom: 1px solid #191919;
		padding: .5em;
		margin: 0;
		color: #999;
		background: #0f0f0f;
		font-size: 120%;
	}
	.navi li a {
		padding: 0;
		font: italic normal 120% "georgia", "times new roman", serif;
		display: block;
	}
	.navi .small {border: none;}
	.navi .small a {
		font-size: 100%;
		background: url(/images/v6/arrow-more.gif) 0% 50% no-repeat;
		padding-left: 1em;
	}
	#content ul.buttons, #content ul.rings {
		padding: .5em 0 1.5em 0;
		list-style: none;
	}
	#content ul.buttons li a, #content ul.buttons li a img, #content ul.rings li a {
		border: none;
		padding: 0;
		background-image: none;
	}
	#content ul.buttons li {
		float: left;
		padding: 0 10px 10px 0;
		margin: 0;
		list-style: none;
		background: none;
	}
	#content ul.rings li {
		width: 49%;
		padding: 0;
		margin: 0 0 .5em 0;
		list-style: none;
		float: left;
		text-align: center;
		color: #504333;
		background: #0f0f0f;
	}
	.sitemap #content ul.sitemap {font-size: 120%;}
	.sitemap ul.sitemap li {margin-left: 2em;}
	.sitemap #content ul.sitemap ul {font-size: 100%;}
	.codebox {
		display: block;
		width: 90%;
		font: 120% "lucida console", "courier new", courier, monospace;
		margin: .5em auto;
		text-align: left;
		overflow: auto;
		background: #090909;
		color: #999;
		padding: .5em;
		border: 1px solid #191919;
	}

/* text & link classes */
	.invisible {position: absolute; top: -9999px; overflow: hidden;}
	.rssvalid {
		padding-top: 20px;
		background: url(http://i5.photobucket.com/albums/y158/nelchee/valid-rss.png) 100% 50% no-repeat;
	}
	#container .center {text-align: center; margin-left: auto; margin-right: auto;}
	.underline {text-decoration: underline;}
	.strike {text-decoration: linethrough;}
	.exit, a[rel~="offsite"], a[rel~="offsite,nofollow"] {
		padding-right: 12px;
		background: url(/images/v6/arrow-exit.gif) 100% 50% no-repeat;
	}
	a[rel~="feed"] {
		padding-left: 18px;
		background: url(/images/feed.png) 0% 0% no-repeat;
	}
	.pagenum, .categories {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		clear: both;
	}
	.pagenum li, .categories li {display: inline;}
	.pagenum li a {
		padding: 0 .3em;
	}
	h1.subscribe {position: relative;}
	h1.subscribe a {
		display: block;
		width: 24px;
		height: 24px;
		border: none;
		position: absolute;
		right: 0;
		top: 0;
		text-indent: -9999px;
		overflow: hidden;
		background: url(/images/v6/feed.gif) 0% 0% no-repeat;
	}
	h1.subscribe a:hover, h1.subscribe a:active, h1.subscribe a:focus {
		outline: none;
		background-position: 100% 0%;
	}
	a.sign {
		border: none;
		width: 10em;
		display: block;
		padding: .6em 0 .2em 38px;
		background: url(/images/v6/guestbook-sign.gif) #0f0f0f 0% 50% no-repeat;
		margin-bottom: 2em;
		color: #e7554a;
	}
	.googleads {
		width:450px;
		height:280px;
		overflow:hidden;
	}
	.googleads2 {
		width:200px;
		height:200px;
		overflow:hidden;
		margin-bottom: 30px;
	}
	.nofloat {width: 100%; float: none;}
	a#subscribe-feeds, a#twitter {
		border: none;
		display: block;
		height: 132px;
		text-indent: -9999px;
		background: url(/images/v6/subscribe.jpg) 0% 0% no-repeat;
	}
	a#twitter {
		height: 105px;
		background: url(/images/v6/twitter.gif) 100% 0% no-repeat;
		margin-bottom: 10px;
	}
	a#subscribe-feeds.hr {background-image: url(/images/v6/subscribe-hr.jpg)}
	a#twitter.hr {background-image: url(/images/v6/twitter-hr.gif)}
	#content ul.nolist li {list-style: none; margin: 0;}
	#content ul.links {padding-bottom: 3em;}
	#content ul.links li {line-height: 1.8em;}
	#content ul.links li.col2 {margin-left: 20em;}
	#content ul.links li.coltop2-2 {margin-top: -3.9em;}
	#content ul.links li.coltop2-3 {margin-top: -5.5em;}
	#content ul.links li.coltop2-4 {margin-top: -7.1em;}
	#content ul.links li.coltop2-5 {margin-top: -9em;}
	#content ul.links li.coltop2-6 {margin-top: -11em;}
	#content ul.links li.coltop2-7 {margin-top: -12.6em;}	
	#content ul.links li.coltop2-8 {margin-top: -14.2em;}
	#content ul.links li.coltop2-9 {margin-top: -16.2em;}
	#content ul.links li.coltop2-10 {margin-top: -18em;}
	#content ul.links li.coltop2-11 {margin-top: -20em;}

/* artwork display */
	#content ul.gallery {
		margin: 2em 0;
	}
	#content ul.gallery li {
		float: left;
		padding: 0 36px 10px 0;
		margin: 0;
		list-style: none;
		background: none;
	}
	.gallery #content ul.gallery li a {
		border: none;
		display: block;
		background: url(/images/v6/frame_gallery.jpg) 0% 0% no-repeat;
		padding: 13px 13px 14px 14px;
	}
	.crafts #content ul.gallery li a {
		border: none;
		display: block;
		background: url(/images/v6/frame_crafts.jpg) 0% 0% no-repeat;
		height: 150px;
		padding: 13px 13px 14px 14px;
	}
	.gallery #content ul.gallery li a img, .crafts #content ul.gallery li a img {
		padding: 0;
		border: 1px solid #191919;
	}
	.gallery #content ul.gallery li a:hover img, .crafts #content ul.gallery li a:hover img {
		border-color: #dbcb86;
	}
	#content ul.gallery li a span {
		display: block;
		clear: both;
		width: 130px;
		margin: 10px -13px 0 -14px;
		text-align: center;
		font-size: 90%;
	}
	h2.featured {position: absolute; top: -9999px;}
	.featured {
		position: absolute;
		top: -228px;
		right: 10px;
	}
	#column .featured a {
		display: block;
		border: none;
		background: url(/images/v6/frame.jpg) #8c1710 0% 0% no-repeat;
		color: #e7554a;
		padding: 28px 27px 22px 26px;
	}
	#column .featured a img {
		border: none;
		background: none;
		padding: 0;
	}

/* resources display */
	ul.resources {
		margin: 0 0 2em 0;
		padding: 0;
	}
	ul.resources li {
		clear: both;
		padding: 1em 0;
		list-style: none;
		border-bottom: 1px solid #1d1d1d;
		font-size: 100%;
	}
	ul.resources a, .gallery a {
		border: none;
	}
	ul.resources img {
		float: left;
		margin: 0 .5em .5em 0;
	}
	ul.resources ul {
		float: left;
		margin: 0;
	}
	ul.resources ul li {
		margin: 0;
		padding: 0;
		color: #999;
		background: #0f0f0f;
		border: none;
		font-size: 100%;
	}
	ul.resources ul li a {
		padding-left: 12px;
		background: url(/images/v6/arrow-more.gif) 0% 50% no-repeat;
		font-size: 140%;
	}
	#content ul.resources li p {
		padding: 0;
	}
	#content ul.resources li p.keywords {
		font-size: 90%;
		color: #999;
		background: #0f0f0f;
		visibility: hidden;
		height: 10px;
	}
	#content ul.resources li p.small {
		font-size: 120%;
	}
	.tutorials ul.resources ul {
		float: left;
		width: 130px;
		padding-left: 10px;
	}
	.tutorials ul.resources p {
		float: left;
		width: 270px;
	}
	.designs ul.resources li h3 {
		clear: none;
		text-indent: 10px;
	}
	.designs ul.resources ul.types {
		width: 250px;
		padding: 0 0 10px 0;
	}
	.resources fieldset {
		border: 1px solid #1e1e1e;
		padding-left: 10px;
		margin-top: 1em;
	}
	.resources legend {
		display: block;
		padding: 0 .3em;
		font: italic 160% "georgia", "times new roman", serif;
		color: #999;
		background: #0f0f0f;
		margin-bottom: .5em;
	}
	.resources input {width: 300px;}
	.resources label {width: 100px;}
	.resources input.button {width: auto; margin-left: 1em;}
	.textures #content .gallery li {
		margin: 0;
		padding: 0 18px 16px 0;
	}

/* news, comments & guestbook */
	#content .postinfo {
		width: 98%;
		margin-left: 2%;
		padding: 0 0 2em 0;
		background: #0f0f0f;
		border-top: 1px solid #1d1d1d;
		text-align: right;
		font: 110% "georgia", "times new roman", serif;
		color: #999;
		clear: both;
	}
	#content .postauthor, #content .post {
		clear: both;		
		width: 100%;
		margin: 0;
		padding: 10px 10px 10px 0;
	}
	#content .postauthor {
		background: #161616;
		color: #fff;
	}
	#content .post h3, #content .postauthor h3 {
		float: left;
		width: 120px;
		padding: 140px 0 1em 0;
		text-align: center;
		font: normal italic 150% "georgia", "times new roman", serif;
	}
	#content .post h3 {background: url(/images/v6/comment-visitor.gif) 50% 0% no-repeat;}
	#content .postauthor h3 {
		background: url(/images/v6/comment-author.gif) #161616 50% 0% no-repeat;
		color: #bfb39b;
	}
	#content .post p, #content .postauthor p {
		float: left;
		width: 380px;
		padding-top: .5em; 
	}
	#content .postauthor .postinfo {
		background: #161616;
		color: #999;
		padding: 0;
		border-top: 1px solid #0f0f0f;
	}
	#content .postauthor a:link, #content .postauthor a:visited {
		background: #161616;
		color: #e7554a;
	}
	.guestbook #content h3 {
		float: left;
		width: 120px;
		padding: 140px 0 1em 0;
		text-align: center;
		font: normal italic 150% "georgia", "times new roman", serif;
		background: url(/images/v6/comment-visitor.gif) 50% 0% no-repeat;
	}
	.guestbook #content p {
		float: left;
		width: 380px;
		padding-top: .5em; 
	}
	.guestbook #content form p {
		float: none;
		width: 100%;
		padding: 0 0 1em 0;
	}
	.guestbook #content blockquote {
		float: left;
		width: 380px;
	}
	.guestbook #content .nofloat {width: 100%; float: none;}

/* admin */
	body.admin #top {
		color: #aca495;
		font-size: 200%;
		padding: 5px 10px 0 10px;
		text-align: right;
	}
	body.admin input[type~=checkbox], body.admin input[type~=radio] {
		width: auto;
		clear: none;
	}
	body.admin table {width: 100%;}
	body.admin table th.narrow {width: 50px;}
	body.admin table th.lastmod {width: 100px;}
	body.admin.crafts #content ul.gallery li a {
		border: none;
		display: inline;
		background: none;
		padding: 0;
	}


/* clearing */
	#container:after, #menu:after,
	.brushes ul.resources li:after, .tutorials ul.resources li:after, .search ul.resources li:after,
	.designs ul.resources li:after, ul.gallery:after, ul.buttons:after, form:after, ul.rings:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}