@charset "utf-8";
/* -------------------- */
hgroup,h1,h2,h3,h4,h5,h6,
div,p,span,img,article,
ul,ol,li,
section,header,footer,nav,aside,
html,head,body
	{ border: none; color: #282018; font: normal 500 15px/20px 'Droid Sans','Helvetica Neue','Helvetica','Arial',sans-serif; margin: 0; padding: 0; }
section,
header,
footer,
nav,
article
	{ display: block; }
body
	{ background: #f8f2ec; cursor: default; margin: 0; padding: 0 20px; }
a
	{ color: #888078; transition: color 0.5s; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; text-decoration: none; }
	a:hover
		{ color: #00b0f0; }
	a:focus,
	a:active
		{ color: #000; }
.no-thanks
	{ display: none; }
.clear
	{ clear: both; }
.inline
	{ display: inline; }
/* -------------------- */
/* PAGE FORMATTING	    */
/* -------------------- */
header,
footer,
#page
	{ background: url('../image/grid1 .png'); border-top: 1px solid #e4e0dc; margin: 0 auto; position: relative; width: 700px; }
	#page
		{ padding: 10px 0; width: 720px; }
/* -------------------- */
/* HEADER               */
/* -------------------- */
header
	{ margin: 100px auto 0; padding: 20px 0px; }
	#logo a
		{ background: url('../image/rg-logo-k.png') no-repeat 0 0; display: block; height: 80px; text-indent: -9999px; width: 330px; }
		#logo a:hover
			{ background-position: 0 -80px; }
	#subtitle,
	#contact
		{ left: 480px; position: absolute; top: 20px; width: 220px; z-index: 10; }
		#subtitle b
			{ transition: color 0.5s; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; }
			#subtitle:hover b
				{ color: #00b0f0; }
		#contact
			{ color: #888078; list-style: none; position: absolute; top: -61px; }
			#contact li
				{ color: inherit; }
			#contact li a
				{ text-decoration: none; }
/* -------------------- */
/* NAVIGATION           */
/* -------------------- */
#index-nav ul
	{ height: 40px; list-style: none; padding: 10px 0; position: relative; width: 480px; }
	#index-nav ul li a
		{ font-size: 20px; line-height: 40px; margin: 0 0 0 -10px; padding: 0 10px; position: absolute; top: 10px; width: 100px; }
		#index-nav ul li.works a
			{ left: 0; }
		#index-nav ul li.journal a
			{ left: 120px; }
		#index-nav ul li.about a
			{ left: 240px; }
		#index-nav ul li a:hover
			{  }
/* -------------------- */
/* GALLERY THUMBS       */
/* -------------------- */
#index-rw
	{ position: relative; }
	#index-rw .item
		{ display: block; float: left; position: relative; text-decoration: none; }
		#index-rw .item img
			{ background: #fff; margin: 5px; padding: 10px; }
		#index-rw .item p
			{ color: transparent; display: inline; font-size: 10px; left: 10px; line-height: 15px; margin: 20px; padding: 10px; position: absolute; top: 10px; -webkit-transition-property: background, color; -webkit-transition-duration: 0.5s, 0.5s; }
			#index-rw .item:hover p
				{ background: #282018; color: #f4f0ec; -webkit-transition-property: background, color; -webkit-transition-duration: 0.5s, 0.5s; }
/* -------------------- */
/* FOOTER               */
/* -------------------- */
footer
	{ padding: 20px 0 40px; }
	footer nav
		{ background: transparent; }
	footer #copyright
		{ color: #888078; left: 480px; position: relative; width: 220px; }
/* -------------------- */