/* Cascading Style Sheets for Pyonkichi's page */

/* General */
*			{ color:#0070b0; }
*:link		{ color:#40c0c0; }
*:visited	{ color:#808080; }
*:hover 	{ color:#20a0e0; }
*:active	{ color:#aa0000; }

body		{
	background-color:#b6d2ea;
	background-image:url("../images/back.png" );
	background-position:30px;
}

body#skin {
	background-image:url("../images/back2.png" );
}

#contents {
	width:650px;
	position:absolute;
	top:10px;
	left:180px;
}

h1 {
	margin-top:0;
	margin-left:5px;
	margin-bottom:0;
	font-weight:bold;
	font-size:large;
	border-bottom:2px solid #b6d2ea;
	padding-bottom:3px;
}

h2 {
	margin-top:20px;
	margin-left:36px;
	margin-bottom:0;
	line-height:0.9;
	font-weight:bold;
	font-size:medium;
	position:relative;
}

h2::before {
	content:"";
	position:absolute;
	left:-1.2em;
	top:0.20em;
	width:0.6em;
	height:0.6em;
	background:#0070b0;
	transform:rotate(45deg);
}

p {
	width:600px;
}

.p1 {
	margin-left:20px;
}

.p2 {
	margin-top:10px;
	margin-left:35px;
}


/* Itemized */
.itemize {
	margin-left:15px;
	font-weight:normal;
}
.itemize li {
	margin-bottom:10px;
}
.heading {
	display:block;
	font-weight:bold;
	margin-bottom:3px;
}


/* Links */
.linklist {
	font-weight:bold;
}
.linklist li {
	list-style-type:none;
	margin-bottom:20px;
	line-height:1.2;
}
.linkdesc {
	margin-top:5px;
	margin-left:10px;
	margin-bottom:0px;
	line-height:1;
	font-weight:normal;
}
.linkgap {
	margin-left:0.7em;
}


/* Side Menu */
#menu {
	width:170px;
	position:absolute;
	top:40px;
	left:10px;
	text-align:center;
}

#sns {
	width:170px;
	position:absolute;
	top:400px;
	left:30px;
}

#menu_list {
	margin-left:-40px;
}
#menu_list li {
	list-style-type:none;
}

#sns_list {
	margin-left:-40px;
}
#sns_list li {
	list-style-type:none;
	margin-bottom:20px;
}


/* Home */
#home_titleblock {
	width:600px;
	margin:0px;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	border:0px;
	text-align:center;
}

#home_title {
	font-weight:bold;
	font-size:x-large;
}

#home_subtitle {
	border-top:2px solid #b6d2ea;
	border-bottom:2px solid #b6d2ea;
	padding-top:15px;
	padding-bottom:15px;
}

.home_heading {
	width:100%;
	margin:0px;
	margin-left:40px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:large;
	position: relative;
}

.home_heading::before {
	content:"";
	position:absolute;
	left:-1.1em;
	top:0.43em;
	width:0.65em;
	height:0.65em;
	background:#0070b0;
	transform:rotate(45deg);
}

.home_image {
	margin:0px;
	margin-left:30px;
}

.home_appname {
	height:30px;
	margin:0px;
	margin-top:10px;
	margin-left:10px;
	text-align:center;
	font-weight:bold;
}

.home_features {
	margin-left:35px;
	line-height:2;
	font-weight:bold;
}

.home_featurelist li {
	width:500px;
	margin-left:15px;
	margin-top:10px;
}


/* What's New */
.whatsnew_head {
	margin-top:10px;
	margin-left:20px;
	font-weight:bold;
}

.whatsnew_body {
	margin-left:30px;
	margin-bottom:20px;
	line-height:1.8;
	font-weight:bold;
}


/* Version History */
.version_head {
	margin-left:15px;
	margin-top:20px;
	font-weight:bold;
}

.changes {
	margin-top:2px;
	margin-left:5px;
}
.changes li {
	margin-top: 6px;
}

.external_link {
	margin-left:20px;
	font-weight:normal;
}

.prev_ver {
	margin-left:120px;
	font-weight:normal;
	font-size:90%;
	vertical-align:bottom;
}
.prev_ver_s {
	margin-left:20px;
	font-weight:normal;
	font-size:90%;
	vertical-align:bottom;
}
.prever_link {
	margin-left:10px;
	font-weight:normal;
	font-size:90%;
	vertical-align:bottom;
}


/* New Features */
.features {
	margin-top:8px;
	margin-left:5px;
	font-weight:normal;
}
.features li {
	margin-bottom:10px;
}


.sublist1 {
	margin-left:-20px;
	margin-bottom:10px;
	font-weight:normal;
}
.sublist1 li {
	line-height:1.5;
	margin-bottom:5px;
}
.sublist2 {
	margin-top:8px;
	margin-left:-10px;
	margin-bottom:10px;
	font-weight:normal;
}
.sublist2 li {
	line-height:1.5;
	margin-bottom:5px;
}

.nf_sub1 {
	margin-left:15px;
	text-indent:-1em;
	font-weight:normal;
}

.nf_sub2 {
	margin-top:-5px;
	margin-left:15px;
	font-weight:normal;
}

.nf_sub3 {
	margin-top:-10px;
	margin-left:35px;
	text-indent:-1em;
	font-weight:normal;
}


/* Usage Tips */
.tips_notes {
	margin-top:2px;
	margin-left:20px;
	text-indent:-1em;
	font-weight:normal;
}

.ges_name {
	margin-top:30px;
	margin-left:35px;
	line-height:1.3;
	font-weight:bold;
	font-family:monospace;
	font-size:120%;
	white-space:pre;
	tab-size:4;
}

.ahk_code {
	background-color: #f6faff;
	width:640px;
	margin-top:-10px;
	margin-left:35px;
	padding: 20px;
	border: 1px solid;
	line-height:1.3;
	font-weight:normal;
	font-family:monospace;
	font-size:120%;
	white-space:pre;
	tab-size:4;
}
.ahk_code red {
	color: red;
}
.ahk_code red sup {
	color: red;
}

.code_notes {
	margin-left:50px;
	text-indent:-1.5em;
	font-weight:normal;
}


/* CLaunch */
#cl_dllist {
	list-style-type:none;
	margin-top:0;
	margin-left:10px;
	font-weight:bold;
}
#cl_dllist li {
	line-height:2.2;
}
.dllist_virustotal {
	font-size:85%;
	margin-left:1em;
}

#cl_linklist {
	list-style-type:none;
	margin-top:-10px;
	margin-left:0;
	font-weight:bold;
}
#cl_linklist li {
	line-height:2.2;
}

#cl_translaters {
	list-style-type:disc;
	margin-top:-5px;
	margin-left:25px;
}
#cl_translaters li {
	margin-bottom:10px;
}


/* MouseGestureL.ahk */
.mgl_note {
	margin-left:50px;
	text-indent:-1em;
	font-weight:normal;
}


/* MGL Plugin */
#plugin_features {
	margin-top: -10px;
	margin-left:5px;
}

.plugin_verhead {
	margin-left:40px;
	line-height:3;
	font-weight:bold;
}

.plugin_changes {
	margin-top:-20px;
	margin-left:25px;
}
.plugin_changes li {
	margin-top: 5px;
}


/* Contact */
.contact_link {
	margin-left:50px;
	margin-bottom:25px;
	font-weight:bold;
}


/* Lines and Gaps */
.separator {
	width:100%;
	height:2px;
	margin:0px;
	margin-left:20px;
	background-color:#b6d2ea;
}

.blankline_xs	{
	width:100%;
	height:0px;
}

.blankline_s	{
	width:100%;
	height:1px;
}

.blankline_m	{
	width:100%;
	height:5px;
}

.blankline_w	{
	width:100%;
	height:20px;
}

.blankline_xw	{
	width:100%;
	height:30px;
}


/* Ninja */
#ninja {
	text-align:right
}