/*
========================================
	Base Setting
========================================
*/

body {
	color						: #333333;
	font-family					: "Sans",monospace;
	font-size					: 9.5pt;
	line-height					: 150%;
	background-image			: url("../image/bg/two-wonderland.png");
	scrollbar-track-color		: #ffffff;
	scrollbar-face-color		: #ffffff;
	scrollbar-arrow-color		: #0066cc;
	scrollbar-3dlight-color		: #0066cc;
	scrollbar-darkshadow-color	: #0066cc;
	scrollbar-highlight-color	: #0066cc;
	scrollbar-shadow-color		: #0066cc;
}


img {
	border-style		: none
}


#base {
	background-color	: #5582d2;
	width				: 850px;
	margin				: 30px auto 0px;
	border-top			: 1px #2459C3 solid;
	border-bottom		: 1px #2459C3 solid;
	border-left			: 5px #2459C3 solid;
	border-right		: 5px #2459C3 solid;
}


/*
========================================
	Title Setting
========================================
*/

#title {
	background-image	: url("../image/bg/bg-title.png");
	width				: 850px;
	height				: 130px;
	position			: relative;
	top					: 0px;
	left				: 0px;
	margin				: 0px;
}


/*
========================================
	Header/Footer Setting
========================================
*/

#bar {
	color				: #ffffff;
	background-color	: #000066;
	text-align			: right;
	width				: 850px;
	height				: 30px;
	border-top			: 1px #000066 solid;
	border-bottom		: 1px #000066 solid;
	clear				: both;
	position			: relative;
	top					: 0px;
	left				: 0px;
	margin				: 0px;
}


#bar font {
	position			: relative;
	top					: 5px;
}


/*
========================================
	Contents Setting
========================================
*/

#contents {
	float			: right;
	width			: 200px;
	position		: relative;
	top				: 0px;
	left			: 0px;
	margin			: 0px;
	padding			: 0px;
}


#contents table {
	background-color: #5582d2;
	width			: 190px;
}


#contents tr {
	width			: 190px;
	height			: 40px;
}


/*
========================================
	Main Setting
========================================
*/

#main {
	float				: left;
	background-image	: url("../image/bg/bg-main.gif");
	width				: 640px;
	border-left			: 0px;
	border-right		: 5px #2459C3 solid;
	position			: relative;
	top					: 0px;
	left				: 0px;
	margin				: 0px;
	padding				: 0px;
}


#main img {
	position			: relative;
	left				: 15px;
	margin				: 0px;
}


#main iframe {
	position			: relative;
	left				: 15px;
	margin				: 0px;
}


#content h2 {
	color				: #000066;
	font-family			: monospace;
	text-shadow			: #dddddd 0.2em 0.2em 0.2em;
	background			: url("../image/blog/blog_date.png") no-repeat;
	margin				: 0px;
	padding				: 5px 0px 15px 10px;
}


.section {
	padding				: 0px 10px 0px 10px;
}


.article-title {
	color				: #000066;
	font-family			: monospace;
	text-shadow			: #dddddd 0.2em 0.2em 0.2em;
	background			: url("../image/blog/title_bg.png") 0 0px no-repeat;
    padding				: 5px 0px 4px 30px;
	border-bottom		: 2px dotted #000066;
}


.date {
	color				: #996633;
	font-size			: 95%;
	background-color	: transparent;
}


.a-footer {
	font-size			: 90%;
	text-align			: right;
	margin-top			: 20px;
	margin-bottom		: 30px;
	padding-top			: 5px;
	border-top			: 2px solid #000066;
}


/**
 * Footer Anchors
 */
.a-footer a {
	font-size		: 12px;
	margin			: 0 0.5em 0px 0;
	padding			: 5px 0px 5px 14px;
	background		: url(../_shared/anchor_bg.png) 0px 0px no-repeat;
} .a-footer a:hover {
	background-position: 0px -30px;
} .a-footer a:active {
	background-position: 0px -60px;
} a.status-on {
	background-position: 0px -90px !important;
} a.status-on:hover {
	background-position: 0px -30px !important;
} a.status-on:active {
	background-position: 0px -60px !important;
}


/* Previous Logs Navi Link */
#prev-logs {
    margin: 2em 2em 1em 1em;
    text-align: right;
} #prev-logs a {
    display: inline;
    margin-right: 2px;
    padding: 2px 20px 2px 10px;
    border: 1px solid #cccccc;
    background: #eeeeee url(../_shared/arrow_next.png) no-repeat 100% 50%;
    text-decoration: none;
} #prev-logs a:hover {
    background-color: #ffffff;
}


#menu-box {
	float				: right;
	width				: 200px;
	margin				: 10px 2px 0px 0px;
}


/********** Contents Navi **********/
#content-menu h2 {
	display				: none;
}


ul.menu {
	font-family		: monospace;
	font-weight		: bold;
	background-color: #000066;
	list-style		: none;
	right			: 2.5%;
	width			: 100%;
	margin			: 0px;
	padding			: 0px;
	border-top		: 1px #000066 solid;
}


li.menu {
	background-color: #cccccc;
	list-style		: none;
	margin-bottom	: 0px;
	border-bottom	: 1px #000066 solid;
	line-height		: 14px;
	text-indent		: 0;
}


/* Current Page Menu */
li.cur-menu {
	list-style	: none;
	margin-bottom	: 0px;
	padding		: 5px;
	border-right	: 5px #000066 solid;
	border-bottom	: 1px #000066 solid;
	border-left	: 5px #000066 solid;
	background-color: #000066;
	color		: #FFFFFF;
	line-height	: 14px;
	text-shadow	: #dddddd 0.2em 0.2em 0.2em;
}

a.menu, a.menu:visited {
	display		: block;
	padding		: 5px;
	border-right	: 5px #000066 solid;
	border-left	: 5px #000066 solid;
	background	: url(./resources/menu_bg.png) 0px 0px repeat-x;
	color		: #FFFFFF;
	text-decoration	: none;
	text-shadow	: #669900 0.2em 0.2em 0.2em;

}

a.menu:hover {
	border-right	: 5px #806020 solid;
	border-left	: 5px #806020 solid;
	background	: url(./resources/menu_bg.png) 0px -50px repeat-x;
	color		: #FFFFFF;
	text-decoration	: none;
	text-shadow	: #806020 0.2em 0.2em 0.2em;
}

a.menu:active {
    border-right: 4px solid #FF9933;
    border-left: 4px solid #FF9933;
    background: #99CC33 url(./resources/menu_bg.png) 0px 0px repeat-x;
    color: #333333;
    text-shadow: #669900 0.2em 0.2em 0.2em;
    text-decoration : none;
}


/* ---------------------------------------------- */

div.menu {
	font-family		: monospace;
	background-color: #cccccc;
	margin			: 1em 0px 1em 0px;
	padding			: 0px;
	border			: 1px #000066 solid;
}


div.menu h2 {
	color			: #ffffff;
	font-family		: "Sans",monospace;
	font-size		: 9.5pt;
	background		: url(../image/blog/menu_bg.png);
	margin			: 0px;
	padding			: 2px 0.5em 2px 0.5em;
	border-bottom	: 1px #000066 solid;
}


div.menu p {
	padding-left	: 10px;
}


div.menu ul {
    list-style-image: url(./resources/list_image.png);
    margin: 5px 5px 5px 1.8em;
    padding: 0;
    font-size: 90%;
}

#search input {
    margin: 0 0 5px 5px;
}

#keyword {
    width: 90%;
}

/* Archive, Category, CSS-Swicher Form */
#archives,
#category,
#css-form {
    margin: 10px 0;
}


/********** Admin Menu **********/
#logout {
	color			: #ffffff;
	font-family		: "Sans",monospace;
	font-size		: 9.5pt;
	text-align		: center;
	background		: url(../image/blog/menu_bg.png);
	width			: 100%;
	padding-top		: 0.5em;
	padding-bottom	: 0.5em;
	border-top		: 1px #000066 solid;
}

h2.menu-box {
    font-size: 130%;
}

#menu-box h3 {
    font-size: 110%;
}


/*
========================================
	Class Setting
========================================
*/

.red {
	color		: #ff0000;
}


.blue {
	color					:	#0000ff;
}


.white {
	color					:	#ffffff;
}


.dark-blue {
	color					:	#000066;
}


/*
========================================
	ID Setting
========================================
*/


/*
========================================
	Tag Setting
========================================
*/

a:link {
		color : #0000FF;
		text-decoration : none;
		}

a:visited {
		color				:	#8fabbe;
		text-decoration	:	none;
}

a:hover {
		color : #FF9900;
		text-decoration : underline;
		}