/* 
*	Beyond the Sea Theme v2.0 designs by Drant (renaka.com)
*	DotClear skeleton from "Chaude journée" by Maurice Svay (svay.com)
*	Created January 21, 2009 - Updated March 2, 2010
*	
==================================================================================== */
body {
	margin: 0;
	padding: 0;
	background: #fff url("http://img198.imageshack.us/img198/949/sineflow.jpg") repeat-y center top;
	color: #000;
	font: 14px "Trebuchet MS", Geneva, sans-serif;
}

/* Typography
-------------------------------------------------------- */
@font-face { 
	font-family: "Myriad Pro";
	src: local("Myriad Pro"),
	url("http://renaka.com/public/img/MyriadPro-Regular.otf");
}
@font-face {
	font-family: "Arial Narrow";
	src: local("Arial Narrow"),
	url("http://renaka.com/public/img/ARIALNB.TTF");
	font-weight: bold;
}

p { margin: 0 0 1em 0; line-height: 150%; }
.post-content p { margin: 0 25px 1em 25px; }

h1,h2,h3,h4,h5,h6 {
	margin: 1em 0 0 0;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	text-shadow: 1px 0px 1px #cbe3ff;
}
h1 { font-size: 220%; color: #444; margin-bottom: 6px; font-variant: small-caps; letter-spacing: 1px; text-shadow: 1px 0px 3px #cbe3ff; }
h2 { font-size: 200%; color: #333; margin-bottom: 10px; font-variant: small-caps; letter-spacing: 4px; font-family: "Arial Narrow", Arial; font-weight: bold; }
h3 { font-size: 160%; color: #333; margin-bottom: 4px; }
h4 { font-size: 120%; color: #555; margin-top: 0.5em; }
h5 { font-size: 100%; }
h6 { font-size: 90%; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { border-bottom: none; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { border-bottom: none; }

ul.shortlist li, ol.shortlist li { padding-top: 4px; padding-bottom: 4px; }

a         { color: #3d628e; text-decoration: none; border-bottom: 1px solid #ddd; outline: none; cursor: pointer; }
a:visited { border-bottom: 1px dotted #ddd; }
a:hover   { border-bottom-color: #ff0080; }
a:active  { color: #ff0080; }
a.expand        { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd !important; }
a:hover.expand  { border-bottom: 1px solid #ff0080 !important; }
a:active.expand { border-bottom: 1px solid #ddd; border-top: 1px solid #ff0080 !important; }

abbr, acronym { border-bottom: 1px dotted #000; cursor: help; }
var  { font-family: "Courier New", Courier, monospace; font-style: normal; }
pre, code { font: 0.9em Consolas, "Andale Mono", "Courier New", monospace; }
pre {
	width: 698px;
	overflow: auto;
	padding: 10px;
	border: 1px solid #e2f5ff;
	background-color: #fcfeff;
}
code {
	display: block;
	margin: 0.5em 2em;
	padding: 0.5em;
	border: 2px dashed #e8ffe8;
	background-color: #fafffa;
	cursor: text;
}
tt {
	background-color: #fcffff;
	border: 1px solid #e3fbff;
}
table tr td { vertical-align: top; }

::selection { background:#bfeaff; color:#000; }
::-moz-selection { background:#bfeaff; color:#000; }

.brk     { height: 0.5em; }
.indent  { margin-left: 50px; }
.indent-half  { margin-left: 25px; }
.undent  { margin-right: 50px; }
.undent-half  { margin-right: 25px; }
.flat    { margin-top: 0; margin-bottom: 0; }
.shadow  { text-shadow: 1px 0px 1px #cbe3ff; }
.rollalpha       { opacity: 0.9; }
.rollalpha:hover { opacity: 1; }

.intro   { text-indent: 50px; }
p.intro:first-letter { margin-right: 1px; font-size: 200%; color: #2c739f; text-shadow: 1px 0px 1px #cbe3ff; font-family: "Trebuchet MS", Geneva, sans-serif; }

.left    { float: left;  margin-right: 1em; }
.right   { float: right; margin-left:  1em; }
.center  { text-align: center; }
.justify { text-align: justify; }
.middle  { margin: 0 auto 0 auto; }
.clear   { clear: both; }

.u em    { font-weight: bold; font-style: normal; text-decoration: underline; color: #000 !important; }
.bold    { font-weight: bold; }
.italic  { font-style: italic; }
.bi      { font-size: 110%; font-weight: bold; font-style: italic; text-shadow: 1px 0px 1px #cbe3ff; }
.large   { font-size: large; font-style: italic; }
.blink   { text-decoration: blink; }
.black   { color: #333;    }
.blue    { color: #3d628e; }
.magenta { color: #ff0080; }
.example { color: #aaa;    }
.composition { font-family: "Trebuchet MS", Geneva, sans-serif; }
.stats, fieldset, #comment-form h3, dd.comment-preview:before, a.feed, a.prev, a.next, dt, .post-info, .pagination, form.navbox select, #pings dt, .memdate, .scmbox li {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

.hidden {
	position: absolute;
	width: 0; height: 0;
	visibility: hidden;
}
.invisible {
	visibility: hidden;
}
.reset, a:visited.reset, a:hover.reset, a:active.reset {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	text-shadow: none;
}

/* Structure
-------------------------------------------------------- */
#top {
	height: 331px;
	background: transparent url("http://img121.imageshack.us/img121/5998/scapespan.jpg") no-repeat left top;
	background-position: center;
}

div.categories, #top h1, #prelude, .day-date, .page-info, #content-info, #comments-feed, .form-help { display: none; }
#comment-form fieldset p:nth-child(3) { display: none; }

#wrapper {
	width: 720px;
	margin: 0 auto;
	padding: 28px 30px 1px 30px;
}
#main {
	float: none;
	width: 720px;
	margin: 0 0 0 0;
	background: #fff;
}

#footer {
	height: 248px;
	margin: 24px auto 0;
	clear: both;
	background: url("http://img195.imageshack.us/img195/6470/wingscape.png") no-repeat center;
	color: #666;
}
#footer p {
	padding: 192px 30px 0px 30px;
	text-align: center;
	visibility: hidden;
}
#footer p:after {
	display: block;
	content: "No Javascript, No Service :(";
	visibility: visible;
}
div.footnote {
	padding-top: 214px;
}
#footer p:after, #footer a, div.footnote {
	text-align: center;
	font-style: italic;
	color: #5a88a8;
	text-shadow: 1px 0px 1px #cbe3ff;
}

a#wing {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -361px;
	width: 720px; height: 206px;
	border: none;
}

.pagination {
	font-size: 18px;
	font-variant: small-caps;
	letter-spacing: 2px;
	text-align: center;
	color: #5a88a8;
	text-shadow: 1px 0px 1px #cbe3ff;
}
a.prev, a.next {
	font-variant: small-caps;
	color: #5a88a8;
	text-shadow: 1px 0px 4px #cbe3ff;
	font-weight: bold;
	letter-spacing: 4px;
	border: none;
}
.pagination a em { font-size: 14px; font-style: normal; font-variant: normal; }
a.next { margin-left: 8px; }
a.prev { margin-right: 8px; }
p#navlinks { text-align: center; opacity: 0.3; }
p:hover#navlinks { opacity: 1; }
p.pagination a:hover, div.pagination a:hover, p#navlinks a:hover { color: #ff0080; }
p.pagination a:active, div.pagination a:active, p#navlinks a:active { text-decoration: line-through; }
form.navbox { display: inline; text-align: center; }
form.navbox select {
	width: 128px;
	margin: 0 14px 0 10px;
	padding: 2px;
	border: 1px dotted #c2eaff;
	background: #fcfeff;
	color: #3d628e;
	text-shadow: 1px 0px 1px #cbe3ff;
}
form.navbox select:hover { border-color: #ff0080; }
form.navbox select:focus { border: 1px solid #c2eaff; }


/* Sidebar
-------------------------------------------------------- */
#search{
	background: transparent;
	color: inherit;
}
#search form {
	margin: 0;
	padding: 0;
}
#q{
	width: 100px;
	padding-left: 20px;
	background: transparent url("http://renaka.com/public/img/ico/q.png") no-repeat 4px center;
}
#q:focus{
	background: #fcffff url("http://renaka.com/public/img/ico/q.png") no-repeat 4px center;
}
#search .submit {
	display: none;
	padding-left: 1px;
	padding-right: 1px;
}

#topnav {
	margin: 0;
	padding: 0;
}
#topnav li {
	display: inline;
	margin: 0;
	padding: 0;
}

#sidebar .tags, ul.tags {
	list-style: none;
	display: block;
	padding: 0;
}
#sidebar .tags li, ul.tags li {
	display: inline;
	margin: 0 0.2em 0 0;
	padding: 0;
}
body.dc-tags ul.tags { font-size: 120%; }

#sidebar .langs li { display: inline; }
#sidebar .langs li:after { content: '-'; }
#sidebar .langs li:last-child:after { content: ''; }

.post-tags {
	list-style: none;
	display: block;
	margin: 0 0 0.8em 0;
	padding: 0;
}
.post-tags li {
	display: inline;
	margin: 0 0.6em 0 0;
	padding: 0 0 0 20px;
	background: transparent url("http://renaka.com/public/img/tag.png") no-repeat left center;
}
.post-tags li:after { content: ' ,'; }
.post-tags li:last-child:after { content: ''; }

.tag0 { font-size: 75%; }
.tag10 { font-size: 80%; }
.tag20 { font-size: 90%; }
.tag30 { font-size: 100%; }
.tag40 { font-size: 110%; }
.tag50 { font-size: 120%; }
.tag60 { font-size: 140%; }
.tag70 { font-size: 130%; }
.tag80 { font-size: 140%; }
.tag90 { font-size: 150%; }
.tag100 { font-size: 160%; }

/* Composition
-------------------------------------------------------- */

.content-inner { line-height: 175%; }

.post {
	clear: left;
}

.post-title, .post-header {
	background: transparent;
	padding-left: 50px;
	margin: 0 0 2px 0;
	font: normal 190% "Myriad Pro", "Trebuchet MS", Arial, sans-serif;
	letter-spacing: -0.01em;
	text-shadow: 1px 0px 1px #cbe3ff;
}
.post-title a        { color: #3d628e; }
.post-title a:active { color: #ff0080; }
.dc-page .post-title, .post-header {
	margin-bottom: 0.75em;
	font-size: 250%;
	font-variant: small-caps;
	line-height: 90%;
	letter-spacing: 4px;
	color: #2c739f;
	text-shadow: 0 2px 4px #5b96b6;
	opacity: 0.5;
}
.dc-page .post-title:before { content: '.: ' }
.dc-page .post-title:hover { opacity: 1; }

.post-info {
	margin: 0 0 1em 50px;
	font-style: italic;
}

.post-content {
	text-align: left;
	line-height: 150%;
}
.post-content:after {
	display: block;
	height: 68px;
	margin-top: 36px;
	padding-top: 28px;
	background: url("http://lh6.ggpht.com/_s5cF89zQnlI/Sx8XrPvGRxI/AAAAAAAAAZs/UOeDjXz-zZY/s800/wingrule.jpg") no-repeat top;
	content: '';
}
.dc-page .post-content:after { padding: 0; }
.post-info-co a        { opacity: 0.4; border: none; color: #2c739f; text-shadow: #c2eaff 0 1px 4px; }
.post-info-co a:hover  { opacity: 1; }
.post-info-co a:active { color: #ff0080; }
.post-info-co {
	display: block;
	position: absolute;
	margin-top: -120px;
	width: 720px;
	text-align: center;
	font-style: italic;
}

.quote  { font-family: Georgia, serif; }
p.quote { margin: 1em 40px 1em 40px; font-size: 90%; font-style: italic; color: #222; }
p.quotemono {margin: 1em 40px 1em 40px; font-family: Courier, "Courier New", monospace; font-size: 90%; color: #222; }
blockquote em { font-style: normal; }
blockquote.readme   { padding: 12px; padding-top: 24px; border: 1px solid #c2f7ff; font-family: 'Times New Roman', Times, serif; }
blockquote.readme p { margin: 0; }
blockquote.readme:before {
	display: block;
	position: absolute;
	margin-top: -22px;
	left: 49%;
	content: 'Readme:';
	font-family: Consolas, monospace;
	color: #c2f7ff;
}

.comment_count { margin-right: 0.5em; }

.dc-archive-month .post-info-co {
	text-align: left;
}

#attachments h3 {
	color: #999;
	margin-bottom: -0.25em;
}
#attachments ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0.5em;
	border: 1px solid #ccc;
}
#attachments li {
	display: block;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 20px;
	background : transparent url("http://renaka.com/public/img/attachment.png") no-repeat 0 50%;
}
#attachments li em {
	font-style: normal;
	font-weight: bold;
	color: #666;
}
#attachments li div {
	margin: 0.5em 0 0 0;
}
#attachments li object {
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* Comments
-------------------------------------------------------- */
#comments {
	clear: left;
}
#comments dt, #pings dt {
	margin: 1em 0 0 0;
	padding: 0 1em 0.5em 0.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#comments dd, #pings dd, dd.comment-preview {
	margin: 0 0 1em 0;
	padding: 1em 1em 0 1em;
	border: 1px solid #e2f5ff;
	border-left: 4px solid #e2f5ff;
	background: #fcfeff;
	font-family: Georgia, "Times New Roman", Times, serif;
}
dd.comment-preview:before {
	display: block;
	width: 216px;
	margin-bottom: 1em;
	padding: 2px 6px 2px 6px;
	border: 1px solid #e3fbff;
	background: #c2ffc2;
	color: #3d8f6a;
	font-style: italic;
	content: "Press 'send' to post this comment.";
}
dd.comment-preview {
	border: 2px solid #fafffa;
	background: #e8ffe8;
}
#comments dt.me {
	font-weight: bold;
	color: #333;
}
#comments a {
	border-bottom: none;
}
#comments a:active {
	color: #ff0080;
}
#c_content {
	height: 10em;
}
.comment-number, .ping-number {
	font: 150% "Trebuchet MS", Arial, sans-serif;
	border-bottom: none;
	padding-left: 0.5ex;
	padding-right: 0.5ex;
}

div.rep:before {
	display: block;
	width: 84px;
	margin-bottom: 1em;
	padding: 2px 6px 2px 6px;
	border: 1px solid #c2eaff;
	background: #e2f5ff;
	color: #3d628e;
	font-style: italic;
	content: "Drant's Reply";
}

div.rep {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 10px 10px 0 10px;
	border: 1px solid #e2f5ff;
	border-left: 4px solid #e2f5ff;
	background: #fff;
	font: 14px "Trebuchet MS", Geneva, sans-serif;
}

div.rep blockquote:before {
	display: block;
	margin-left: -1.5em;
	content: "Quote:";
}

div.rep blockquote {
	margin-top: 0px;
	font-family: Georgia, serif;
	font-size: 90%;
	font-style: italic;
	color: #222;
}

.error {
	border : 2px dashed #ffe3f1;
	background: #fffcfe;
	padding : 0.5em;
	text-align: center;
	font-style: italic;
	color: #ff0080;
}

.message {
	color : #c60;
}

/* Forms
-------------------------------------------------------- */
fieldset {
	border: none;
	margin: 0.5em 0;
	padding: 0;
}

label { cursor: pointer; }
.field label { display: block; }
p.field { margin: 0 0 .5em 0; line-height: 140%; }

form#comment-form input, textarea {
	padding: 2px 4px 2px 4px;
	font: 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
textarea#c_content { width: 700px; padding: 3px 5px 3px 5px; }
input[type=text], textarea { border: 1px solid #d0eff4; }
input[type=text]:hover, textarea:hover { border-color: #ff0080; }
input[type=text]:focus, textarea:focus { border-color: #c2eaff; background: #fcfeff; }
input.submit { font-weight: bold; }

#comment-form .buttons input {
	padding: 4px 8px 4px 8px;
	border: 2px solid #c2eaff;
	background: #e2f5ff;
	color: #3d628e;
	text-shadow: 1px 0px 1px #cbe3ff;
	cursor: pointer;
}
#comment-form .buttons input:hover  { border: 2px solid #c2ffc2; }
#comment-form .buttons input:active { background: #c2eaff; }
#search input[type=text] { font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif; }

/*
*	Sections
*
==================================================================================== */

/* Menu
-------------------------------------------------------- */
#sidebar {
	position: absolute;
	top: 18px;
	width: 741px; height: 313px;
	margin-left: -10px;
	background: transparent url("http://lh6.ggpht.com/_s5cF89zQnlI/SsPTpP8iaBI/AAAAAAAAATo/utp_jV0sNwE/s800/scapemenu.jpg") no-repeat;
}

#menucontainer {
	position: relative; z-index: 1;
	background: url("http://lh6.ggpht.com/_s5cF89zQnlI/SsPTpSatyyI/AAAAAAAAATs/imVn8KkCeB0/s800/scapemenu_o.jpg") no-repeat;
	padding-right: 75px;
	height: 313px;
}
div#menuhead {
	padding: 28px 0 11px 64px;
	text-align: center;
}
#menuhead a {
	padding-left: 20px;
	border-bottom: none;
}
#menuhead h5 {
	display: block;
	margin: 0 0 0 0;
	padding-right: 20px;
	font-size: 150%;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}
#menu h5 {
	margin-top: 0;
	padding-top: 0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 125%;
	color: #777;
}
#menuflag {
	position: absolute;
	width: 100%;
	padding-top: 285px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
	text-shadow: 1px 0px 1px #cbe3ff;
	color: #fff;
}
#menu {
	padding-left: 65px;	
	text-align: center;
	line-height: 2em;
}
#menu div.menu_col {
	float: left;
	width: 120px;
}
#menu div.menu_lin a {
	display: block;
	padding-left: 7px;
	padding-right: 7px;
	border-bottom: none;
	border-left: 1px solid #fff;
	text-shadow: 1px 0px 2px #cbe3ff;
}
#menu div.menu_lin a:hover {
	padding-left: 7px;
	border-left: 1px solid #3d628e;
	border-bottom: none;
	text-decoration: underline;
	color: #ff0080;
}
#menu div.menu_lin a:active {
	border-left: 1px solid #ff0080;
	text-decoration: line-through;
}
div.menu_lin span {
	display: none;
	padding: 2px 4px;
	margin-top: -29px;
	margin-left: -167px;
	width: 140px;
	text-shadow: 1px 0px 1px #cbe3ff;
}
div.menu_lin:hover span {
	display: block;
	position: absolute;
	background: #fff;
	opacity: 0.9;
	border: 1px solid #d0eff4;
	line-height: 1.3em;
	text-align: left;
	font-size: 12px;
	color: #3d628e;
}
.menu_sub {
	display: none;
}
div.menu_lin:hover .menu_sub {
	display: block;
	position: absolute; z-index: 2;
	width: 120px;
	background: #fff;
	opacity: 0.9;
	border: 1px solid #d0eff4;
	font-size: 90%;
}

#onlinebox {
	position: absolute; z-index: 1;
	margin: 10em 0 0 240px;
}

/* Memechive
-------------------------------------------------------- */
.memheader {
	display: block;
	border-top: 1px solid;
	border-left: 3px solid;
	border-right: 1px solid;
	border-bottom: 0px;
	border-color: #eee;
	padding: 5px 150px 5px 5px;
	font-size: larger;
	font-weight: bold;
}
.memheader:hover {
	padding-left: 8px;
	border-top: 2px solid #ddd;
	border-left: 3px solid #ff0080 !important;
	background-color: #fcfeff !important;
}
.memheader:active {
	background-color: #e2f5ff !important;
	color: #3d628e !important;
}
a.memheader span {
	display: none;
}
a.memheader:hover span {
	display: block;
	position: absolute;
	width: 350px;
	margin: -26px 348px;
	padding: 0px 4px;
	border: 1px dotted #e2f5ff;
	border-top: none;
	background: #fff;
	color: #3d628e;
	font-size: smaller;
	font-weight: normal;
}

a.memdate {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #e2f5ff;
	background-color: #fcfeff;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}

.memechive a:visited, .bom a:visited { background-color: #e8ffe8; }
.memechive a:hover,   .bom a:hover   { background-color: #e2f5ff; border-bottom-color: #c2eaff; }
.memechive a:active,  .bom a:active  { color: #ff0080; }

a:visited.memdate { border: 1px solid #e2f5ff; background-color: #fcfeff; }
a:hover.memdate   { border: 1px solid #e2f5ff; background-color: #e2f5ff; }
a:active.memdate  { color: #3d628e;	           background-color: #c2eaff; }
li.memdate        { list-style-type: none; }

iframe.bom   { width: 620px; height: 320px; border: 1px solid #e2f5ff; }
iframe.bom a { border: none; }
ul.bom       { padding: 0; margin: 0 100px 0 100px; }
ul.bom li    { margin-bottom: 0.5em; }
a.bom        { font-size: 125%; border: none; text-shadow: 1px 0px 1px #cbe3ff; cursor: pointer; }
a:hover.bom  { color: #ff0080; }
a:active.bom { border-bottom: none; text-decoration: line-through; }

/* Notionary
-------------------------------------------------------- */
.notionary ul {
	margin-top: 0;
}

h1.not {
	margin-top: 2em;
}

a.not {
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	border-bottom: none;
}
a:hover.not  { border-bottom: 1px solid #ff0080; border-top: 1px solid #ff0080;}

.notindex a {
	display: inline-block;
	width: 67px; height: 20px;
	padding: 12px 12px;
	border: 4px solid #fcfeff;
	background-color: #e2f5ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: italic;
	text-align: center;
	text-shadow: 1px 0px 1px #cbe3ff;
}
.notindex a:visited { border: 4px solid #fcfeff; }
.notindex a:hover   { border: 4px solid #e8f7ff; }
.notindex a:active  { color: #ff0080; background-color: #fcfeff; border-color: #e8f7ff; }

/* Tutorials
-------------------------------------------------------- */
div.tutlogo {
	position: absolute;
	display: block;
	width: 300px; height: 300px;
	margin: 15px 375px;
	border: 1px solid #e2f5ff;
	background-color: #fcfeff;
}
.tutlogo h1 {
	margin: 10px 0px 0px 15px;
	font-family: 'Courier New', Courier, monospace;
	font-variant: normal;
	font-size: 250px;
	line-height: 50%;
	text-shadow: none;
	color: #e2f5ff;
}

pre.hid:before {
	display: block;
	content: "Rollover for Answer";
	color: #e2f5ff;
}
pre.hid {
	background-color: #fff;
	border-style: dotted;
	border-color: #c2eaff;
	color: #fff;
}
pre.hid:hover {
	background-color: #fcfeff;
	color: #000;
}

/* red green magenta blue brown */
.v1 { color: #f00; }
.v2 { color: #008000; }
.v3 { color: #f0f; }
.v4 { color: #00f; }
.v1n2 { color: #a52a2a; }

/* StarCraft
-------------------------------------------------------- */
h2.scmtoc a { color: #2c739f; }
h2.scmtoc a, h2.scmtoc a:visited { border-bottom: 1px solid #ddd; }
h2.scmtoc a:hover  { border-bottom: 1px solid #ff0080; color: #ff0080; }
h2.scmtoc a:active { border-bottom: none; text-decoration: line-through; }
div.scmcat { padding-bottom: 12px; border: 1px solid #fff; }
div.scmcat:hover { background: #fcfeff; border: 1px solid #c2eaff; }
div.scmcat:hover a.scmcat { border-bottom: 1px solid #ff0080; }
a.scmcat {
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
	border-bottom: none;
}
a:hover.scmcat { color: #ff0080; }
a:active.scmcat { text-decoration: line-through; }

#scmlist tbody tr a:hover  { color: #ff0080; text-shadow: 1px 0px 1px #cbe3ff; }
#scmlist tbody tr a:active { border-bottom: none; text-decoration: line-through; }
#scmlist tbody tr td, #scmlist thead tr th { border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding-left: 4px; text-align: left; line-height: 19px; }
#scmlist tbody tr:hover td { border-top: 2px solid #fcfeff; border-bottom: 2px solid #fcfeff; background: #e2f5ff; }
#scmlist tr.scmmonth td    { border-top: 2px solid #fafffa; border-bottom: 2px solid #fafffa; background: #e8ffe8; }
#scmpara tr:nth-child(odd)  { background: #fcffff; }
#scmpara tr:nth-child(even) { background: #e2f5ff; }
#scmpara tr td:nth-child(3) { padding-right: 8px; }

div.scmterm dt { color: #3d628e; margin-top: 0.5em; font-weight: bold; }
div.scmterm em { color: #3d628e; }

div.scmframe {
	width: 684px; height: 524px;
	margin: 0 auto 0 auto;
	background: url("http://lh4.ggpht.com/_s5cF89zQnlI/Syyend6a0vI/AAAAAAAAAc8/mNG_R4gwn7o/s800/scmframe.png");
}
.scmframe img {
	margin-top: 22px;
}

a.scmsub {
	display: block;
	margin: 10px 0 -10px 20px;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 160%;
	font-weight: bold;
	text-shadow: 1px 0px 1px #cbe3ff;
}

div.scmbox {
	margin: 0 auto;
	width: 512px; height: 720px;
	overflow: auto;
	padding: 10px 15px 10px 15px;
	border: 1px solid #e2f5ff;
	background-color: #fcfeff;
}

div.scm {
	margin-left: -20px;
	width: 558px; height: 558px;
	background: url("http://lh6.ggpht.com/_s5cF89zQnlI/SyyenuKfFeI/AAAAAAAAAdA/ed2kBzBC0zM/s800/scmwindow.png");
}

img.scm {
	padding: 23px 23px;
	background: none;
	border: none;
	cursor: pointer;
}

div.scm span {
	position: relative;
	display: none;
	margin: -530px -48px;
}

div.scm:hover span {
	position: absolute;
	display: block;
	padding: 4px;
	border: 1px solid #ddd;
	background: url("http://renaka.com/public/img/tb4.png") repeat;
	cursor: pointer;
}

table#scmcomparison {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
table#scmcomparison tr {
	line-height: 200%;
}
table#scmcomparison td abbr {
	border-color: #3d628e;
	font-weight: bold;
	font-style: italic;
	color: #3d628e;
	text-shadow: 1px 0px 2px #cbe3ff;
}
table#scmcomparison abbr:hover {
	color: #ff0080;
}
table#scmcomparison th {
	border: 1px solid #fcfeff;
	border-right: none;
	background-color: #e2f5ff;
	font-variant: small-caps;
	font-size: 110%;
	color: #222;
	text-shadow: 1px 0px 2px #cbe3ff;
}
table#scmcomparison td.y { background: url("http://renaka.com/public/img/ico/check.png") no-repeat center; }
table#scmcomparison td.n { background: url("http://renaka.com/public/img/ico/cross.png") no-repeat center; }
table#scmcomparison td.m { background: url("http://renaka.com/public/img/ico/plus.png")  no-repeat center; }

span.scm      { width: 512px; height: 512px;}
button.scm    { width: 512px; height: 512px; border: none; }
button.scmss  { width: 640px; height: 480px; border: none; }
button.scmmap { width: 720px; height: 720px; border: none; }

div.scmotd    { text-align: center; }
div.scmdes    { margin: 0.5em 0 0.5em 0; }

/* Designs
-------------------------------------------------------- */
h1.gal a {
	padding-left: 20px;
	padding-right: 20px;
	margin: 0;
	background: #fcfeff;
	border-top: 6px solid #e2f5ff;
	border-right: 6px solid #c2eaff;
	border-bottom: 6px solid #c2eaff;
	border-left: 6px solid #e2f5ff;
	font: 100px Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	letter-spacing: 0.1em;
	color: #c2eaff;
}
h1.gal a:hover {
	border-top: 6px solid #c2eaff;
	border-right: 6px solid #e2f5ff;
	border-bottom: 6px solid #e2f5ff;
	border-left: 6px solid #c2eaff;
}
h1.gal a:active {
	color: #c2f7ff;
}
h1.gal { text-align: center; }
h1.gal a.wide { display: block; width: 668px; }

img.gal {
	padding: 0;
	border: none;
}
div.galcap {
	margin-left: 50px;
}
pre.gal {
	width: 692px;
	border: 4px double #e2f5ff
}

/* About
-------------------------------------------------------- */
#about_colophon tr td:first-child { font-variant: small-caps; letter-spacing: 1px; }
div.palette {
	border: 4px solid #fff;
	float: left;
	width: 128px; height: 128px;
}
div.palette span     { display: block; padding: 4px 0 0 8px; }
div.palette span em  { display: block; margin-top: -4px; font-family: Arial, Helvetica, sans-serif; font-size:75%; font-style: normal; }
div:hover.palette    { border: 4px solid #ff0080; }

/* Images
-------------------------------------------------------- */
a.pic { border: none }
img.pic, div#comments img, a.pic img {
	padding: 4px;
	border: 1px solid #ddd;
	background: #fdfdfd;
}
div.pic {
	display: inline-block;
	padding: 4px;
	border: 1px solid #ddd;
	background: #fdfdfd;
	text-align: center;
	color: #444;
}

img.img_mouseover {
	display: inline-block
}

div.img-hover      { display: inline-block; position: absolute; }
div.img-hover span { display: none; }
div.img-hover:hover span {
	position: absolute; z-index: 2;
	display: block;
	padding: 4px;
	margin-top: 2px;
	border: 1px solid #ddd;
	background: url("http://renaka.com/public/img/tb4.png") repeat;
}

img.thumb {
	border: 1px solid #c2eaff;
	padding: 2px;
	background: #3d628e;
}

hr {
	width: 720px; height: 68px;
	border: none;
	background-image: url("http://lh6.ggpht.com/_s5cF89zQnlI/Sx8XrPvGRxI/AAAAAAAAAZs/UOeDjXz-zZY/s800/wingrule.jpg");
}

#curtain {
	position: absolute; z-index: 4;
	width: 100%; height: 100%;
	background: #fff;
}
#fourohfour {
	position: absolute; z-index: 5;
	width: 100%; height: 100%;
	background: url("http://lh4.ggpht.com/_s5cF89zQnlI/S3uLdbuTdCI/AAAAAAAAAfk/SIc-fXVYm90/s800/Renaka_FourOhFour.jpg") no-repeat center;
	cursor: pointer;
}

/* Icons
-------------------------------------------------------- */
p.post-info { background: url("http://renaka.com/public/img/ico/post.png") no-repeat left;  padding-left: 24px; }
p.post-info-co a.comment_count, a.cm             { background: url("http://renaka.com/public/img/ico/cm.png") no-repeat left;  padding-left: 20px; }
p.post-info-co a:hover.comment_count, a:hover.cm { background: url("http://renaka.com/public/img/ico/cm-hover.png") no-repeat left; }
a.dl, a.scmdl             { background: url("http://renaka.com/public/img/ico/dl.png") no-repeat right; padding-right: 20px; }
a:hover.dl, a:hover.scmdl { background: url("http://renaka.com/public/img/ico/dl-hover.png") no-repeat right; }
a.dl2          { background: url("http://renaka.com/public/img/ico/dl2.png") no-repeat right; padding-right: 20px; }
a:hover.dl2    { background: url("http://renaka.com/public/img/ico/dl2-hover.png") no-repeat right; }
a.music        { background: url("http://renaka.com/public/img/ico/mus.png") no-repeat right; padding-right: 20px; }
a:hover.music  { background: url("http://renaka.com/public/img/ico/mus-hover.png") no-repeat right; }
a.sample       { background: url("http://renaka.com/public/img/ico/sam.png") no-repeat right; padding-right: 20px; }
a:hover.sample { background: url("http://renaka.com/public/img/ico/sam-hover.png") no-repeat right; }
a.wiki         { background: url("http://renaka.com/public/img/ico/wik.png") no-repeat right; padding-right: 20px; }
a:hover.wiki   { background: url("http://renaka.com/public/img/ico/wik-hover.png") no-repeat right; }
a.opera        { background: url("http://renaka.com/public/img/ico/opera.png") no-repeat left; padding-left: 20px; }
a.firefox      { background: url("http://renaka.com/public/img/ico/firefox.png") no-repeat left; padding-left: 20px; }
a.chrome       { background: url("http://renaka.com/public/img/ico/chrome.png") no-repeat left; padding-left: 20px; }

/* Misc classes
-------------------------------------------------------- */
a.dlbutton {
	border: 4px solid #fcfeff;
	padding: 12px 12px;
	background-color: #e2f5ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-shadow: 1px 0px 1px #cbe3ff;
}
a:visited.dlbutton { border: 4px solid #fcfeff; }
a:hover.dlbutton   { border: 4px solid #e8f7ff; }
a:active.dlbutton  { border-color: #e8f7ff; background-color: #fcfeff; }

.toc a { text-shadow: 1px 0px 1px #cbe3ff; }
.toc a:hover  { color: #ff0080; border-bottom-color: #ff0080; }
.toc a:active { border-bottom: none; text-decoration: line-through; }

.opt a:hover { background-color: #e2f5ff; border-bottom-color: #c2eaff; }

.cmd {
	border: 2px solid #ddd;
	background: #000;
	color: #e0e0e0;
	font-family: Lucida Console, monospace;"
}
.ostbox { width: 550px; }
.box {
	padding: 10px 15px 10px 15px;
	border: 1px solid #e2f5ff;
	overflow: auto;
	background-color: #fcfeff;
}

.close {
	width: 16px; height: 16px;
	display: block;
	float: right;
	margin: 8px 6px 0 0;
	border: none;
	background: url("http://renaka.com/public/img/ico/cross.png") no-repeat;
}
.galcollapse {
	position: absolute;
	margin: 18px 0 0 670px;
	font-size: 40px;
	color: #c2eaff;
	text-shadow: none;
	cursor: pointer;
}

#dlpage {
	width: 720px; height: 1024px;
	padding: 4px;
	border: 2px dashed #e2f5ff;
	background: #fcfeff;
}

div#qTip {
	display: none;
	position: absolute; z-index: 1000;
	max-width: 192px;
	padding: 2px 5px 3px 5px;
	border: 1px solid #ddd;
	background: #fff;
	text-align: left;
	font-size: 90%;
	color: #ff0080;
	opacity: 0.9;
	text-shadow: 1px 0px 4px #cbe3ff;
}

#adcents {
	position: absolute;
	width: 728px; height: 90px;
	margin: 14px 0 0 4px;
}
#hideads {
	display: block;
	position: absolute; z-index: 2;
	margin: -20px 0 0 710px;
	border: none;
	color: #e2f5ff;
}

.colorpalette {
	color: #f90;    /* ORANGE   */
	color: #ff0080; /* MAGENTA  */
	color: #ffc2e0; /* light    */
	color: #ffe3f1; /* lighter  */
	color: #fffcfe; /* lightest */
	color: #3d628e; /* BLUE     */
	color: #2c739f; /* gel      */
	color: #5a88a8; /* aux      */
	color: #c2eaff; /* light    */
	color: #e2f5ff; /* lighter  */
	color: #fcfeff; /* lightest */
	color: #cbe3ff; /* shadow   */
	color: #3d8f6a; /* GREEN    */
	color: #c2ffc2; /* light    */
	color: #e8ffe8; /* lighter  */
	color: #fafffa; /* lightest */
	color: #d0eff4; /* TEAL     */
	color: #c2f7ff; /* light    */
	color: #e3fbff; /* lighter  */
	color: #fcffff; /* lightest */
	color: #ffff99; /* YELLOW   */
}