body {
	margin: 0;
	background: #3071D6 url(layout/ver04_bg01.gif);

	color: #000;
	font: 62.5% Verdana, Arial, sans-serif;
}

a {
	color: #00A20A;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #42C24A;
}

h1, h2 {
	color: #003D9B;
	margin: 0 0 5px;
	padding: 0;
	font-size: 1.9em;
	font-weight: normal;
	clear: both;
}
h2 {
	padding-top: 5px;
}
h3 {
	margin: 0 0 3px 0;
	font-size: 1.3em;
}
h3 a {
	font-size: 0.9em;
}
p {
	margin: 0 0 1.5em 0;
	padding: 0;
}
ul, ol {
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
}
ul li {
	list-style-type: none;
}
ol, ul.bulleted {
	padding-left: 30px;
}
ul.bulleted li {
	list-style-type: disc;
}
ol li, ul.bulleted li {
	padding-bottom: 10px;
}
ul.no_space li {
	padding-bottom: 0;
}
p.back {
	text-align: center;
}
p.credit {
	font-size: 0.9em;
}
p.buttons img {
	width: 88px;
	height: 31px;
}
img.bordered {
	border: 1px solid #000;
}
form {
	margin: 0 0 20px 0;
}
form p {
	margin: 0 0 5px 0;
}
form label {
	font-weight: bold;
}

#eXTReMe {
	float: left;
}
ul.links li {
	float: left;
	width: 200px;
}

/* Layout
*********************************************/
#banner img {
	border: 0;
}
#content {
	clear: both;
	margin: 20px 0 20px 24px;
	width: 650px;
}
#footer {
	clear: both;
	width: 100%;
	height: 90px;
	background: transparent url(layout/ver04_footer.gif) repeat-x;
	float: left;
	color: #fff;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
}
#footer ul {
	margin: 25px 0 0 0;
}
#footer ul li {
	padding: 0 10px;
	display: inline;
	line-height: 2em;
}
#footer ul li a {
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;
}
#footer ul li a:hover {
	border: 0;
}
#fullwrap {
	float: left;
	width: 100%;
	background: #EDF5F1 url(layout/ver04_bg02.gif);
	font-size: 1.2em;
	line-height: 1.8em;
}
#hwrap {
	float: left;
	width: 100%;
	background: transparent url(layout/ver04_bg03.gif) repeat-x;
}
#wrapper {
	width: 700px;
	margin: 0 auto;
}

/* Navi
*********************************************/
.clearfix {
	clear: both;
}
#navi {
	font-size: 1.2em;
	line-height: 30px;
	height: 96px;
	background: #fff url(layout/ver04_navi.gif) no-repeat;
}
#navi a {
	color: #3071D6;
}
#navi a:hover {
	color: #74ACE1;
}
#navi ul {
	margin: 0;
}
#navi ul li {
	float: left;
	padding-right: 25px;
}
#navi ul#tutorials li {
	padding-right: 35px;
}
#navi ul#site {
	padding: 5px 0 0 120px;
}
#navi ul#tutorials {
	padding: 18px 0 0 285px;
}


/* Tutorial
*********************************************/
ul.tutorial_list li img, #tut_feature img {
	float: left;
	width: 100px;
	height: 100px;
	border: 1px solid #000;
}
ul.tutorial_list li p, #tut_feature p {
	padding: 0 0 0 110px;
	margin: 0;
}
ul.tutorial_list li {
	float: left;
	width: 310px;
	display: block;
	height: 100px;
	padding-bottom: 20px;
}
ul.tutorial_list li.even {
	padding-right: 20px;
}
table {
	padding: 0;
	margin: 0 0 20px 0;
}
table td {
	padding-right: 20px;
	text-align: center;
	vertical-align: top;
}
#tutorial img {
	border: 1px solid #000;
	margin-bottom: 15px;
}
#tutorial img.tool {
	width: 23px;
	height: 19px;
	margin: 0;
	position: relative;
	top: 4px;
}
#tutorial img.action {
	width: 25px;
	height: 12px;
	margin: 0;
	position: relative;
	top: 2px;
}
#tutorial ol li {
	padding: 0 0 0 30px;
	margin: 10px 0 0 0;
}
#tutorial ol li.filler {
	float: left;
	list-style-type: none;
	font-size: 0.1em;
	padding: 0;
	margin: 0;
}
#tut_feature {
	width: 620px;
	margin: 0 auto;
}
#tut_feature .outerwrap {
	border: 2px solid #6DA7DF;
	margin: 10px 0 25px 0;
	background: #fff;
	padding: 5px 10px 10px;
	overflow: hidden;
}
#tut_feature .newtut, #tut_feature .nexttut {
	width: 290px;
}
#tut_feature .newtut {
	float: left;
}
#tut_feature .nexttut {
	float: right;
}
#tut_feature .wrap {
	padding: 5px;
	border: 1px solid #00AB0B;
	float: left;
	width: 280px;
	background: #fff;
}
#tut_feature p.more {
	text-align: right;
	font-size: 0.9em;
}
#tut_feature p.more a {
	color: #6DA7DF;
}
#tut_feature h2 {
	padding: 0 15px 0;
	margin: 0 0 3px;
	font-size: 1.2em;
	font-weight: bold;
}

/* Commenting
*******************************************/
#comment {
	background: #fff;
	margin: 0 10px;
	font-size: 0.8em;
}
#comment table td {
	padding-right: 10px;
	text-align: left;
}
#comment table {
	margin: 10px 0 0 0;
	padding: 0;
}

/* Thank you page
********************************************/
#thanks #message {
	padding: 10px;
	border: 1px solid #000;
	background: #fff;
	margin: 20px auto;
	font-size: 1.2em;
	line-height: 1.8em;
	width: 400px;
}