div#mainHeader {
	width: 770px;
	height: 120px;
	background: url(header.jpg) no-repeat;
	padding: 15px 53px 0 0;
}
div#icon01 {
	width: 91px;
	height: 81px;
	z-index: 3;
	position: absolute;
	background: url(http://oxygen.aw8.net/v3-images/sidePanel-icon01.png) no-repeat;
}
div#icon02 {
	width: 63px;
	height: 84px;
	z-index: 3;
	position: absolute;
	background: url(http://oxygen.aw8.net/v3-images/sidePanel-icon02.png) no-repeat;
}
div#icon03 {
	width: 87px;
	height: 80px;
	z-index: 3;
	position: absolute;
	background: url(http://oxygen.aw8.net/v3-images/sidePanel-icon03.png) no-repeat;
}
div#icon04 {
	width: 79px;
	height: 80px;
	z-index: 3;
	position:absolute;
	background: url(http://oxygen.aw8.net/v3-images/sidePanel-icon04.png) no-repeat;
}
div#icon05 {
	width: 64px;
	height: 77px;
	z-index: 3;
	position: absolute;
	background: url(http://oxygen.aw8.net/v3-images/sidePanel-icon05.png) no-repeat;
}

div.frontMain {
	width: 544px;
	background: url(front-bg.gif) repeat-y;
	margin-top: -12px;
}
div.frontMain>div:first-child {
	background: url(front-header.gif) no-repeat;
	padding-left: 37px;
	padding-top: 130px;
}
div.frontMain>div:last-child {
	background: url(front-bottom.gif) no-repeat;
	height: 115px;
}

div#frontContents {
	width: 471px;
	margin: auto;
	margin-bottom: 10px;
	background: url(front-box-bg.gif) repeat-y;
	min-height: 465px;
}
div#frontContents>div:first-child {
	background: url(front-box-top.gif) no-repeat;
	height: 85px;
	text-align: center;
}
div#frontContents>div:not(:first-child):not(:last-child) {
	padding: 0 20px;
	overflow: hidden;
}
div#frontContents>div:last-child {
	background: url(front-box-bottom.gif) no-repeat;
	height: 12px;
}

div#frontPage1>div {
	margin: 5px auto;
	min-height: 90px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #97b7d2;
	padding: 13px;
	vertical-align: middle;
}
div#frontPage1>div:hover {
	background-color: #abc6de;
}
div#frontPage1 span.img {
	display: block;
	float: left;
	width: 110px;
	text-align: center;
}
div#frontPage1 span.buttons {
	display: block;
	width: 150px;
	float: right;
	margin-left: 10px;
}
div#frontPage1 span.headline {
	font: normal 20px Garamond, Georgia, "Book Antiqua", Times, serif;
	line-height: 25px;
	color: #fff;
}
div#frontPage1 span.headline a {
	color: #fff;
	text-decoration: none;
}
div#frontPage2 img {
	border: 1px solid white;
}

div.recentBlogs {
	margin-top: 30px;
}
div.recentBlogs>div {
	margin-left: 30px;
	height: 50px;
}
div.recentBlogs div.avatarBox {
	float: right;
	width: 100px;
	height: 28px;
}

.menuBoxTitle {
	font: normal 30px Garamond, Georgia, "Book Antiqua", Times, serif;
	line-height: 30px;
	color: #fff;
	margin-left: -5px;
}

.blog_homeTable_name {
	overflow: hidden;
	width: 100px;
	height: 16px;
}
.blog_homeTable_blog {
	overflow: hidden;
	width: 155px;
	height: 16px;
}

div#imageListArea {
	width: 450px;
}
div#imageListArea img {
	margin: 8px;
	background-color: white;
	border: 5px solid #fff;
	-moz-box-shadow: 0px 2px 10px #333;
	cursor: move;
}
div#imageListArea.noSize img {
	width: auto !important;
	height: auto !important;
}
div.wobble img.type1 {
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
}
div.wobble img.type2 {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
}
div.wobble img.type3 {
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
}
div.wobble img.type4 {
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
}
div.wobble img.type5 {
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
}

div.lessonBox blockquote {
	margin-left: 10px;
	padding: 0;
	font-family: "Courier New", Courier, monospace;
}
div#css_lesson em {
	color: #F90;
}
div#blog_post_reference strong {
	color: #c00;
}

div#blogOwnMenu {
	width: 498px;
	height: 48px;
	margin-left: 18px;
	background: url(http://blog.aw8.net/images/blog-light-bg.jpg) no-repeat;
	padding: 19px 50px 0 0;
}

/* COMPOSE BOX ITEM */
div#writeArea div#infos {
	text-align: right;
	min-height: 45px;
	padding-right: 10px;
	margin-top: -25px;
}
div#writeArea div#infos img {
	cursor: pointer;
}
div#writeArea div#info1, div#writeArea div#info2 {
	padding: 0 0 10px 10px;
	text-align: left;
}
div#writeArea div#info1 span, div#writeArea div#info2 span {
	display: inline-block;
	height: 20px;
	vertical-align: middle;
}
div#composeBox>div#writeArea textarea {
	height: 500px !important;
}

div.levelBars {
	width: 400px;
}
div.levelBars div.levelBars_text {
	width: 40px;
	display: inline-block;
}
div.levelBars div.bar {
	width: 100px;
	height: 6px;
	margin: 0 5px 2px 0;
	background-color: white;
	display: inline-block;
}
div.levelBars div.bar > div {
	background-color: #4484ac;
	height: 6px;
}

div#naviBar {
	margin: 0 8px 25px 18px;
}
div#naviBar > div {
	float: right;
	width: 200px;
}
div#naviBar img {
	margin-left: 3px;
}

/* setting page */
div#tag_lesson span.white:not(:first-child):not(:last-child) {
	width: 125px;
	display: inline-block;
	margin-bottom: 3px;
}
div#tag_lesson span.light:not(:first-child):not(:last-child) {
	width: 300px;
	display: inline-block;
	margin-bottom: 3px;
}
div#templatePreview div {
	display: inline-block;
	width: 230px;
	height: 150px;
	text-align: center;
}

/* buttons */
img#button_prevBlog {
	background: url(blog-light-buttons.png) no-repeat;
	background-position: 0 0;
	cursor: pointer;
	width: 91px;
	height: 27px;
}
img#button_prevBlog:hover { background-position: 0 -27px; }
img#button_prevBlog:active { background-position: 0 -54px; }
img#button_nextBlog {
	background: url(blog-light-buttons.png) no-repeat;
	background-position: -91px 0;
	cursor: pointer;
	width: 68px;
	height: 27px;
}
img#button_nextBlog:hover { background-position: -91px -27px; }
img#button_nextBlog:active { background-position: -91px -54px; }
img#button_folder {
	background: url(blog-light-buttons.png) no-repeat;
	background-position: -159px 0;
	cursor: pointer;
	width: 55px;
	height: 27px;
}
img#button_folder:hover { background-position: -159px -27px; }
img#button_folder:active { background-position: -159px -54px; }
img#button_home {
	background: url(blog-light-buttons.png) no-repeat;
	background-position: -214px 0;
	cursor: pointer;
	width: 50px;
	height: 27px;
}
img#button_home:hover { background-position: -214px -27px; }
img#button_home:active { background-position: -214px -54px; }

div#subscribeTop {
	margin-top: 3px;
}
div#subscribeTop img {
	margin-top: -7px;
	cursor: pointer;
}
img#subscription {
	background: url(subscription-buttons.png) no-repeat;
	background-position: 0 0;
	cursor: pointer;
	width: 154px;
	height: 53px;
}
img#subscription:hover { background-position: -154px 0; }
img#subscription:active { background-position: -308px 0; }
img#subscriptionInfo {
	background: url(subscription-buttons2.png) no-repeat;
	background-position: 0 0;
	cursor: pointer;
	width: 105px;
	height: 27px;
}
img#subscriptionInfo:hover { background-position: 0 -27px; }
img#subscriptionInfo:active { background-position: 0 -54px; }
img#watchlist {
	background: url(subscription-buttons2.png) no-repeat;
	background-position: -105px 0;
	cursor: pointer;
	width: 95px;
	height: 27px;
}
img#watchlist:hover { background-position: -105px -27px; }
img#watchlist:active { background-position: -105px -54px; }