@charset "utf-8";
@import url('') handheld;

/* reset */
html {
	font-size:100.01%;
	}
body  {
	margin:0;
	padding:0;
	font-size:85%;
	font-family:sans-serif;
	line-height: 1.2;
	-webkit-text-size-adjust: none;
	}

h1,h2,h3,h2,h5,h6,div,ul,ol,dl,dt,dd,p,fieldset,label,input,form {
	margin:0;
	padding:0;
	font-size:inherit;
	}

ul li {
	list-style:none;
	}

a,a:link	{
	text-decoration:underline;
	color: #008ec5;
	}
a:visited {
	color:#666;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
	background-color:#effb01;
	color:#0077a5;
}

img,fieldset  {
	border:0;
	}

fieldset {
	clear:both;
	}

input,select,textarea {
	vertical-align:middle;font-family:sans-serif;font-size:14px;
	}

select	{
	color:#444;
	}

table {
	border-collapse:collapse;
	}
hr {
	display:none;
	}



/* common_layout */

#head {
	color:#FFFFFF;
	background:#FFFFFF;
	}

#head-inner {
	position:relative;
	max-width:1200px;
	width:90%;
	margin:0 auto;
	overflow:hidden;
	}

#footer  {
	clear:both;
	text-align:left;
	}

#header {
	background-color:#fff;
}
#header #logo {
	padding:20px 0;
	font-family:Georgia,Times,serif;
	font-size:28px;
	width:280px;
	float:right;
	text-align:right;
	line-height:25px;
	}
#header #logo span {color:#00abed}
#header #logo img {
	display:block;
	}

#header #logo a {
	color:#000;
	text-decoration:none;
}
#header #logo a:hover {
	background:none;
}

#header #mainmenu {
	position:relative;
	margin:0;
	overflow:hidden;
	float:left;
	padding:35px 0 0;
	}

#header #mainmenu li {
	float:left;
	margin:0;
	padding:0;
	}

#header .important {
	position:absolute;
	top:50px;
	left:630px;
}

#header #mainmenu li a {
	float:left;
	margin:0 30px 0 0;
	color:#00abed;
	font-size:18px;
	font-family:arial;
	text-decoration:none;
	}

#header #mainmenu li a:hover {
	text-decoration:none;
	color:#666;
	background:none;
	}
body.blog #header #mainmenu li a.blog,
body.single #header #mainmenu li a.blog,
body.archive #header #mainmenu li a.blog,
body.category #header #mainmenu li a.blog,
body.search #header #mainmenu li a.blog,
body.page-id-2 #header #mainmenu li a.about,
#guide #header #mainmenu li a.guide,
#forum #header #mainmenu li a.forum {color:#000;}

#header #mainmenu li.current a{
	color:#00abed;
	}

#header #mainmenu li.current a:hover{
	color:#00abed;
	}
#footer p {
	width:90%;
	margin:0 auto;
	padding:10px 0 40px 20px;
}
#footer p img {
	vertical-align:middle;
	padding:0 0 2px;
}



/* blog */

#sa-wrap {
	background:url('/inc/images/line_head.gif') repeat-x 0 top;
	margin:0 auto;
	max-width:1200px;
	padding:7px 0;
	width:90%;
}
#sa-wrap:after {
	content:' ';
	display:block;
	visibility:hidden;
	clear:both;
}
#content {
	width:70%;
	float:left;
	padding:30px 0 0 0;
	}

#content h2 {
	font-size:28px;
	font-weight:normal;
	margin:0 0 0 0;
}
#content h3 {
	font-size:24px;
	font-weight:normal;
}
#content h3 a {
	text-decoration:none;
}
#content h2 a {
	text-decoration:none;
	color:#000;
}

#content .post {
	margin:0 0 30px;
	border-bottom:8px solid #ededed;
	padding:0 0 30px;
}

#content .post .entry {
	padding:10px 0 0;
}

#content .post .entry p {
	line-height:1.4;
	margin:0 0 20px;
}
#content .post .entry .image_text {
	font-size:12px;
	font-weight:bold;
	color:#9e942a;
	background:url('/inc/images/icon_arrow_up.gif') no-repeat 0 50%;
	padding:0 0 0 13px;
	margin:-20px 0 0 0;
	letter-spacing:-1px;
	font-family:돋움;

}
#content .post .entry .doc {
	background: url('/inc/images/icon_doc.jpg') no-repeat right 0;
	padding:3px 23px 3px 0;
}
#content .post .entry ul li {
	line-height:24px;
	list-style-type:disc;
	list-style-position:inside;
}
#content .post .entry .tag {
	padding:30px  0 0;
}
#content .post .entry .alignnone {
	margin:0 0 10px;
}
#content .post .entry .alignleft {
	float:left;
	margin:0 20px 0 0;
}
#content .post small {
	font-size:14px;
	color:#008ec5;
}
#content .post .author {
	font-family:Times,serif;
	font-style:italic;
	padding:20px 0 0;
	display:inline-block;
}
#content #comment {
	width:540px;
	margin:10px 0 10px;
	border:1px solid #00abed;
}
#content .commentlist {
	margin:0 0 10px;
}
#content .commentlist li{
	margin:0 0 10px;
}
#content h3#comments{
	font-size:18px;
	font-weight:normal;
	letter-spacing:-2px;
	margin:0 0 10px;

}
#content .comment .comment-body p {
	clear:both;
	line-height:20px;
}
#content .comment .comment-author {
	font-size:12px;

}
#content .comment .comment-author img{
	float:left;
	margin:0 10px 5px 0;
	border:3px solid #ededed;
}
#content .comment .comment-author cite {
	font-size:14px;
	margin:3px 0 0;
}
#content .comment .comment-meta {
	font-size:12px;
}

#content .post .postmetadata {
	padding: 20px 0 0;
}
#content .post .postmetadata small{
	font-size:11px;
	font-family:arial;
	letter-spacing:2px;
	line-height:12px;
}

#content #respond #submit {
	padding:3px 5px;
}
#content #respond h3 {
	font-size:18px;
	padding:10px 0 3px 0;
	font-weight:bold;

}
#sidebar {
	width:25%;
	float:right;
	display:inline;
	margin:0;
	padding:45px 0 0;
	}
#sidebar label {
	display:none;
}
#sidebar p {
	font-size:11px;
	letter-spacing:3px;
	font-family:arial;
	line-height:10px;
	padding:0 0 0 2px;
}
#sidebar p a {
	text-decoration:none;
}
#sidebar #s {
	border:none;
	padding:6px;
	background-color:#effb01;

}
#sidebar #searchsubmit {
	padding:3px 5px;
}

#sidebar #searchform {
	margin:0 0 20px;
}

#sidebar h2 {
	font-size:18px;
	font-family:arial;
	font-weight:normal;
	margin:0 0 10px;
}

#sidebar ul li {
	margin:0 0 20px;
}
#sidebar ul li ul li {
	margin:0;
	padding:0 0 5px 3px;
}
#sidebar ul li ul li a {
}

#container .view-container-border {
background-color:#fff;
}

/* UI Library */
#ui_library #sa-wrap #sidebar {
	width:250px;
	margin:0;
	padding:10px 0 0;
}
#ui_library #sa-wrap #sidebar .menu {padding:0 0 0 3px;}
#ui_library #sa-wrap #sidebar .menu li {font-style:italic;font-size:18px; letter-spacing:2px; line-height:22px; color:#C04E37; font-family:Verdana}
#ui_library #sa-wrap #sidebar .menu li a {color:#000;}
#ui_library #sa-wrap #sidebar .menu li ul {padding:8px 0 0 8px;}
#ui_library #sa-wrap #sidebar .menu li ul li {padding:0; font-style:normal;font-size:14px; letter-spacing:0; font-weight:normal;color:#000000; font-family:verdana,Arial,sans-serif; text-transform:auto;}
#ui_library #sa-wrap #sidebar .menu li ul li a {color:#333; text-decoration:underline; padding:0;}
#ui_library #sa-wrap #sidebar .menu li ul li ul {padding:0; margin:-3px 0 10px;}
#ui_library #sa-wrap #sidebar .menu li ul li ul li { padding: 0 0 0 2px;list-style-type:disc; list-style-position:inside;font-family:Georgia,'Times New Roman',serif}
#ui_library #sa-wrap #main {
	font-family:Verdana,Helvetica,Arial,sans-serif;
	width:800px;
	padding:0;
	float:left;
}
#ui_library #sa-wrap {position:relative; min-width:1050px; padding:30px 0 0;}
#ui_library #sa-wrap #main .content {padding:0 40px 0 0;}
#ui_library #sa-wrap #main .content p {line-height:22px;}

#ui_library #sa-wrap #main .content h4 {font-size:22px; font-weight:normal; margin:0 0 5px; font-family:arial;}
#ui_library #sa-wrap #main .content h5 {font-size:16px; font-family:arial;}
#ui_library #sa-wrap #main .content .cnt {margin:0 0 10px;}
#ui_library #sa-wrap h2 {position:absolute; top:30px; left:800px; font-size:40px; float:left; width:250px; font-family:Arial,sans-serif; height:60px;}
#ui_library #sa-wrap h3 span {color:#999;}
#ui_library #sa-wrap h3 {letter-spacing:0; float:left; width:800px; font-size:28px; height:50px; font-family:Arial,sans-serif; height:60px;}
#ui_library .overview,#ui_library .arguments,#ui_library .examples {margin:0 0 20px;}

@media screen and (min-width: 481px) and (max-width: 800px) {
	#content	{
		float: none;
		width: 100%;
	}
	#sidebar	{
		float: none;
		width: 100%;
	}
}

/* smartphone */
@media screen and (min-device-width: 320px) and (max-device-width: 480px) {
	#header #logo {
    	font-size: 24px;
    	line-height: 1.3;
	}
	#header #mainmenu {padding-top: 5px; padding-bottom: 5px;}
	#header #mainmenu li a {
		margin-right: 10px;
	}
	#content	{
		float: none;
		width: 100%;
	}
	#sidebar	{
		float: none;
		width: 100%;
	}
	#content .post .entry img {
    	max-width: 100%;
	}
	#content #comment {
    	max-width: 100%;
	}
}