/*
Theme Name: Ugoon Gray Style
Theme URI: http://www.ugoon.net/wp/
Description: Gray is BEST COLOR. by <a href="http://www.ugoon.net/wp/">Ugoon</a>.
Version: 1.0
Author: Ugoon (Jung-hoon, you)
Author URI: http://www.ugoon.net/
Tags: gray, fixed width, two columns, widgets
	
	Theme Design & Concept by Ugoon.

*/

@import url("default.css");
@import url("css3_example.css");
/***************************************************************/

/* LAYOUT */
#wrapper{
	width:100%;
	padding:50px 0 30px 0;
	text-align:center;
}

#container{
	width:983px;
	margin:0 auto 0 auto;
	text-align:left;
}

#header{
	width:983px;
	margin:0 0 18px 0;
	text-align:center;
}

/***************************************************************/

h1 img{
	behavior: url("/iepngfix.htc");
	width:263px;
	height:56px;
}

/* NAVIGATION */
#nav{
	width:981px;
	height:39px;
	border:1px solid #a7a7a7;
	background:#fff url("./images/nav_background.gif") repeat-x 0 0;
	line-height:39px;
	margin:0 auto;
}

#nav ul{
	font-family:NanumGothic, "나눔고딕", "Malgun Gothic", "Gulim", "Dotum", "Lucida Grande", Helvetica, Arial,Verdana, AppleGothic, sans-serif;
	text-align:left;
}

#nav ul li{
	display:inline;
	padding:0 7px 0 11px;
	background:url("./images/nav_background_gap.gif") no-repeat 0 50%;
}

#nav ul li a{
	display:inline;
	font-size:120%;
	text-transform: capitalize;
	font-weight:bold;
	color:#5d5d5d;
}

#nav ul li.bgnone{
	padding-left:11px;
	background:none;
}

/* SIDEBAR */
#sidebar{
	float:right;
	margin:8px 0 0 8px;
	width:235px;
}

#sidebar .sidebox{
	overflow:auto;
	width:215px;
	border:1px solid #a7a7a7;
	margin:0 auto 8px auto;
	text-align:left;
	padding:5px 8px;
	background:#fff url("./images/sidebar_background.gif") repeat-x 1px 0;
}

#sidebar .sidebox h2{
	font-size: 1em;
	font-weight:bold;
	color:#5d5d5d;
	text-transform: uppercase;
	font-family:NanumGothic, "나눔고딕", "Malgun Gothic", "Gulim", "Dotum", "Lucida Grande", Helvetica, Arial,Verdana, AppleGothic, sans-serif;
	width:100%;
	margin:0 0 5px 0;
	border-bottom:2px solid #e9e9e9;
}

/* CONTACT */
#contact ul{
	padding:0;
	margin:0 0 0 5px;
}

#contact ul li{
	margin:0 5px 0 0;
}

#contact ul li a{
	padding:0 0 0 20px;
	background:none;
}

#contact ul li.nateon a{
	background:url("./images/nateon.gif") no-repeat 0 49% !important;
	background-image:url("images/nateon.gif");
}

#contact ul li.gmail a{
	background:url("./images/google.gif") no-repeat 0 49% !important;
	background-image:url("images/google.gif");
}

/* META */
#meta ul{
	padding:0;
	margin:0 0 0 5px;
}

#meta ul li{
	float:left;
	width:101px;
	margin:0 3px 0 0;
}

#meta ul li a{
	padding:0 0 0 20px;
	background:none;
	background:url("./images/cog.png") no-repeat 0 49%;
	background-image:url("images/cog.gif");
}

#meta ul li.user a{
	background:url("./images/user.png") no-repeat 0 49% !important;
	background-image:url("images/user.gif");
}

#feed ul li.feed a{
	padding:0 0 0 20px;
	background:url("./images/feed.png") no-repeat 0 49% !important;
	background-image:url("images/feed.gif");
}

#meta ul li.wordpress a{
	background:url("./images/wordpress.png") no-repeat 0 49% !important;
	background-image:url("images/wordpress.gif");
}

/* ABOUT */
#about{
	overflow:auto;
	letter-spacing:-1px;
}

#about a img{
	margin:5px 5px 0 0;
	border:1px solid #ccc;
	padding:4px;
	float:left;
}

#about p.more{
	clear:both;
	float:right;
}

#about a:hover img{
	border:3px solid #737373;
	padding:2px;
}

/* FLICKR */
div#flickr ul{
	margin:8px 0 0 0;
	list-style-type:none;
	overflow:auto;
}

div#flickr ul li{
	float:left;
	background:none;
}

div#flickr ul li a img{
	width:37px;
	height:37px;
	margin:2px;
	border:1px solid #ccc;
	padding:4px;
}

div#flickr ul li a:hover img{
	border:3px solid #737373;
	padding:2px;
}

div#flickr ul p{
	clear:both;
}

/* SEARCH & comment form */
#search input#s,
#respond input#author,
#respond input#email,
#respond input#url,
input.contact{
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	height:21px;
	line-height:21px;
	font-weight:bold;
	font-size:120%;
	padding:2px 0 0 0;
}

textarea{
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
}

#search input#s:focus,
#respond input#author:focus,
#respond input#email:focus,
#respond input#url:focus,
textarea:focus{
	background:#fefbd8;
}

#search input#s{
	width:150px;
}

#searchsubmit{
	font-size:12px !important;
	font-family:NanumGothic, "나눔고딕", "Malgun Gothic", "Gulim", "Dotum", "Lucida Grande", Helvetica, Arial,Verdana, AppleGothic, sans-serif;
	font-weight:bold;
}

/* CATEGORIES */
#categories ul, #archives ul, #blogroll ul{
	margin:0 0 0 5px;
}

#categories ul li,
#archives ul li,
#blogroll ul li{
	background:transparent url("./images/bullet.gif") no-repeat 0 50% !important;
	padding:0 0 0 10px;
}	

strong.red{
	color:red;
}

/***************************************************************/

/* CONTENTS */
#contents{
	float:left;
	width:740px;
	margin:0 0 5px 0;
}

.content-introbox{
	width:98%;
	padding:5px;
	border:1px solid #CDCDCD;
	background:#fefbd8;
	margin:0 auto 10px auto;
}

.postbox{
	float:right;
	margin:9px 0 0 0;
	padding:0 13px 10px;
	width:711px;
	border:1px solid #a7a7a7;
	background:#fff url("./images/sidebar_background.gif") repeat-x 1px 0;
}

.postbox ul.list, .postbox ul.delicious{
	list-style-type:disc;
}

.postbox ol.list{
	list-style-type:decimal;
}

.postbox ul.list li,
.postbox ol.list li{
	line-height:180%;
	margin-bottom:1px;
}

.postbox ul.delicious li span{
	margin-left:10px;
	padding:0 3px;
	background-color:#eee;
}

.postbox ul, .postbox ol{
	margin:2px 0 10px 15px;
	padding:0 0 0 15px;
}

.postbox dl{
	margin:2px 0 10px 5px;
	padding:0 0 0 5px;
}

.postbox p{
	margin-left: 10px;
	line-height:150%;
}

.postbox .ugoon-comment{
	/*background:#ffffcc;*/
	line-height:180%;
	margin:5px 0 0 20px;
	padding:5px;
}

#contents h2{
	font-size:170%;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	/*border-bottom:2px solid #e9e9e9;*/
}

#contents h3{
	font-size:140%;
	font-weight:bold;
	margin:25px 0 5px 10px;
	padding:5px 0 7px 10px;
	background:url("./images/title_background.gif") 0 45% no-repeat;
}

#contents h4{
	font-weight:bold;
	margin:0;
	padding:5px 0 0 20px;
}

#contents h5{
	font-weight:bold;
	margin:0;
	padding:5px 0 0 10px;
}

#contents p{
	padding:5px 0 10px 5px;
	line-height:180%;
}

.postwrap ul,
.postwrap ol{
	margin-right:10px !important;
}

/*.postwrap{
	clear:both;
	margin:3px 0;
	line-height:160%;
}



img.thumbnail{
	float:left;
	margin:3px 8px 0 0;
	border:1px solid #ccc;
	padding:4px;
	background:#fff;
	width:75px;
	height:75px;
}
*/

.postwrap{
	clear:both;
	margin:5px 0 10px 0;
	line-height:160%;
}



div.thumbnail{
	float:left;
	margin:3px 8px 0 0;
}

div.thumbnail img{
	width:60px;
	height:60px;
	border:1px solid #ccc;
	padding:4px;
	background:#fff;
}

ul.meta{
	float:right;
	margin:0 5px 2px 0;
}

ul.meta li{
	float:left;
	margin:0 10px 0 0;
}

.postbox{
	clear:both;
}

.posttext{
	float:right;
	width:590px;
}

/***************************************************************/

/* FOOTER NAVIGATION */
#footnav{
	float:left;
	width:981px;
	height:39px;
	border:1px solid #a7a7a7;
	background:#fff url("./images/nav_background.gif") repeat-x 0 0;
	line-height:39px;
	margin:10px 0 0 0;
}

#footnav ul{
	float:right;
	font-family:NanumGothic, "나눔고딕", "Malgun Gothic", "Gulim", "Dotum", "Lucida Grande", Helvetica, Arial,Verdana, AppleGothic, sans-serif;
}

#footnav ul li{
	display:inline;
	padding:0 8px;
}

#footnav ul li h2{
	display:inline;
	font-size:120%;
}

#footnav ul li h2 a{
	font-weight:bold;
	color:#5d5d5d;
}

#footnav ul li.bgnone{
	padding-left:8px;
	background:none;
}


/* FOOTER */
#footer{
	clear:both;
	width:100%;
	text-align:center;
	margin:4px 0 0 0;
	padding:8px 0;
	border-top:1px solid #a7a7a7;
	font-weight:normal;
}

#footer a{
	font-weight:bold;
}

#footer ul{
	text-align:left;
	margin:0;
	padding:0;
}

#footer ul li{
	float:left;
	padding:5px 10px 0 0;
	/*background:transparent url("./images/bullet.gif") no-repeat 0 50% !important;*/
}

#footer ul li a{
	font-weight:normal;
}

#footer ul.floatright li{
	padding:0 10px 0 0;
}

#footer ul li.toplink a{
	padding:0 0 0 20px;
	background:transparent url("./images/top_off.png") top left no-repeat;
}

#footer ul li.toplink a:hover{
	padding-left:20px;
	background:transparent url("./images/top_on.png") top left no-repeat;
}

#footer p{
	clear:both;
}

.search-title{
	font-size:1.5em;
	font-weight:bold;
	padding:5px 0 10px 0;
}

.metainfo{
	text-align:left;
	font-size:0.9em;
}

.metainfo a{
	text-decoration:underline;
}

p.metainfo{
	margin:5px 0 0 0 !important;
	padding:0 !important;
}

.more{
	text-align:right;
}

/*
	page
*/
h3.page-title{
	font-size:150%;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
}

h4.sub-page-title{
	clear:both;
	font-size:120%;
	font-weight:bold;
	margin:15px 0 5px 0;
	padding:0;
}

div.cc{margin:0;}
div.side1 ul, div.side2 ul{ 	list-style-type:disc; margin-left:20px; }
div.side1 p,div.side2 p{margin-left:20px;}


div.side1{
	float:left;
	width:49%;
	margin:5px 0 10px 0;
	background:#f7f7f7;
	border:1px solid #ccc;
}

div.side2{
	float:right;
	width:49%;
	margin:5px 0 10px 0;
	background:#f7f7f7;
	border:1px solid #ccc;
}

ul.page-ul{
	margin:0 0 0 40px;
	list-style-type:square;
}

/* location */
#breadcrumb{
	float:right;
	margin:8px 0 0 0;
	padding:0 8px 0 0;
	width:729px;
	height:30px;
	line-height:30px;
	border:1px solid #a7a7a7;
	background:#fff url("./images/sidebar_background.gif") repeat-x 1px 0;
	overflow:hidden;
}
#breadcrumb ul li{float:left;text-indent:0;}
#breadcrumb a{display:block;padding-right:16px;padding-left:8px;background:url("images/chevron.png") 100% 50% no-repeat!important;background-image:url("images/chevron.gif");cursor:pointer;}
#breadcrumb #start a{width:40px;padding:0;background:url("images/chevron-home.png") 0 50% no-repeat!important;background-image:url("images/chevron-home.gif");overflow:hidden;text-indent:-9999em;}


/* 
	jquery plugin - tablesorter
	original code : http://tablesorter.com/
*/
table.tablesorter {
	background-color:#CDCDCD;
	margin:3px 10px 5px 20px;
	width: 94%;
	text-align: left;
	border-spacing:1px;
}
table.tablesorter thead tr th, 
table.tablesorter tfoot tr th {
	background-color: #e9e9e9;
	border: 1px solid #FFF;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(./images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#f7f7f7;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(./images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(./images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #e6EEEE;
}
table.tablesorter tbody tr:hover td{
	background-color:#e6EEEE;
	cursor:pointer;
}


table.tablesorter tbody tr.new td{font-weight:bold;background-color:#e2f0fc;}
table.tablesorter tbody tr.not td{font-weight:normal;background-color:#f7f7f7;}

/* banner image */
img.banner, img.graybox{
	padding:5px;
	border:1px solid #cacaca;
}

a:hover img.banner{
	border:3px solid #737373;
	padding:3px;
}

/* comment */
#commentwrap{}

.commentjump{font-size:0.9em;margin:0 5px 0 0;}
.commentlist{list-style-type:none;margin-bottom:15px;}
.commentlist li{margin:8px 0 1px 0;clear:both;border-bottom:1px dotted #ccc;}
.commentlist h4{font-size:1em;font-weight:bold;}
.commentlist .commentmeta{float:left;font-size:0.9em;}
.commentbody{
	clear:both;
	margin:5px 0;
	width:100%;
}

.commentbody p{
	padding:0 0 0 10px;
	margin:5px 0;
}

#social ul{overflow: auto;}

#social h3,
#commentwrap h3, 
#respond h3,
.navigation h3{
	margin-top:10px;
	width:99%;
	border-bottom:2px solid #e9e9e9;
}

.navigation{padding-bottom:10px;}
.navigation .alignleft,
.navigation .alignright{
	margin-top:10px;
}


#commentwrap #comment_list{width:99%;margin:0 auto;}
#commentwrap  h3 span{	font-size:1.3em;}
#commentwrap  .commentjump{float:right;}

#postmetainfo ul,
#commentwrap ul{list-style-type:square;margin:0 0 0 10px;}

ul#postmetainfo{
	list-style-type:disc;
	margin:0 0 0 10px;
	padding:0 0 0 20px;
}

#postmetainfo h5{
	font-size:1.3em;
	font-weight:bold;
	margin:0;
	padding:5px 0 7px 10px;
	margin:0;
	background:url("./images/title_background.gif") 0 45% no-repeat;
}

/* comment form */

#respond form{
	margin:5px 0 5px 0;
}

#respond label{
	display:block;
	font-weight:bold;
	margin:5px 0 0 0;
}

#respond p{
	padding:0;
	margin:0;
}

#respond input#author,
#respond input#email,
#respond input#url{
	margin:0 0 5px 0;
	padding:0;
}

#respond textarea{
	width:98% !important;
	margin:0 0 5px 0;
	padding:0;
}

#respond input#commentsubmit{
	float:right;
	font-weight:bold;
	margin:10px 10px 10px 0;
}

#respond #comment{
	width:80%;
	height:80px;
}

.submit {
	text-decoration: none;
	font-size: 0.9em !important;
	font-weight:normal;
	padding: 4px 8px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	background:#e9e9e9;
	border-color:#a7a7a7;
	/*-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;*/
	position:relative;
	top:-1px;
	font-family:"nanum_web", "NanumGothic", "나눔고딕", "Malgun Gothic","Gulim", "Dotum", "Lucida Grande", Helvetica, Arial,Verdana, AppleGothic, sans-serif;
}

/* avatar */
.avatar  {
float:left;
padding: 3px;
border: 1px solid #cacaca;
background: #fff;
margin-right:5px;
}

.postgrav {
float: left;
padding: 3px;
margin-right: 5px;
margin-left: 5px;
border: 1px solid #000;
background: #fff;
}

.bullet-ul li{
	background:transparent url("./images/bullet.gif") no-repeat 0 10px;
	padding:0 0 0 10px;
	font-weight:bold;
}

.bullet-ul li ul{
	margin:0 0 10px 20px;
}

.bullet-ul li ol{
	margin:0 0 10px 40px;
	padding:0 0 0 10px;
	list-style-type:decimal;
}

.bullet-ul li ul li,
.bullet-ul li ol li{
	background:none !important;
	font-weight:normal !important;
}

a[rel="external"], .external{
	background:url("./images/external.png") 99% 40% no-repeat;
	padding-right:15px;
	margin-right:3px;
}

/* coldform */
form#coldform{
	margin:0;
	padding:0;
}

#coldform label{
	font-weight:bold;
}

#coldform input{
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	height:21px;
	line-height:21px;
	font-weight:bold;
	font-size:120%;
	padding:2px 0 0 0;
}

#coldform p{
	display:block;
}

#coldform input:focus{
	background:#fefbd8;
}

.introfont{
	padding:5px 0;
}

/* about tabs */
div#about-tabs .fragment{
	clear:both;
	margin:0;
	padding:10px 0;
}

.fragment img{
	margin-left:15px;
}

div#about-tabs ul.group{
	list-style-type:disc;
	margin:5px 0 5px 10px;
	padding:0 0 0 10px;
}

/* next prev article link */
.navigation{clear:both;}

.related_post{list-style-type:disc;padding:0 0 0 20px;margin:0 0 0 20px;}

/* widget */
.wigdet{
	margin:8px 0;
}

/* additional block box */

.additionbox{
	margin:0 0 5px 10px;
	padding:1%;
	width:94%;
	/*background:#fdf8bd;*/
	background:#e9e9e9;
}

.additionbox ul{
	margin:5px 0 0 0;
	list-style-type:square;
	padding-left:20px;
}

.additionbox ol{
	margin:5px 0 0 0;
	padding-left:20px;
}

.additionbox ul li, .additionbox ol li{
	margin-bottom:5px;
}

h4.additionheading{
	margin:0 0 5px 2%;
	padding:10px 0 0 0;
	font-size:120%;
}

 sup a, sup a:link, sup a:visited, sup a:active{color:blue;text-decoration:none;}
 sup a:hover{text-decoration:underline;}

 /* CONTACT FORM */
 .wpcf7-form label{font-weight:bold;}
 .contactbutton{
	text-decoration: none;
	font-size: 0.9em !important;
	font-weight:normal;
	padding: 4px 8px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	background:#e9e9e9;
	border-color:#a7a7a7;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	position:relative;
	top:-2px;
 }

 /* SOCIAL */
.socialbookmark{margin:0;padding:0;}
.socialbookmark li{float:left;display:inline;padding:0 5px 0 0;}
.socialbookmark li a{display:block;}
.social ul{margin:10px 0 5px 10px;padding:0 0 10px 0;}

/* MARKUP LIST */
.deprecated{color:red;font-weight:bold;}
.tablesorter td[headers="tag"],
.tablesorter td[headers="option_attr_name"]{font-weight:bold;}


.smartArchives { margin: 10px 25px 0px 25px; clear: both; }
.smartArchives span.smartArchives_title { font-weight: bold; }
.smartArchives a:hover { background: #26466d; color: #fff; }
.smartArchives .emptymonth { display: none; }

.rating li img{position:relative;top:5px;}

/* definition list */
dl.list{width:96%;}
dl.list dt{clear:both;float:left;width:20%;font-weight:bold;border-bottom:1px solid #cccccc;background:#f7f7f7;}
dl.list dd{float:right;width:40%;border-bottom:1px solid #cccccc;}
dl.list dd.return{width:40%;border-bottom:1px solid #cccccc;}

.readmore{float:right;margin:10px 0 0 0;}
.contact_intro{width:100%; margin:5px auto 10px auto; padding:10px 0; background:#f7f7f7; border:1px solid #e9e9e9; text-align:center;}
.contact_intro em{font-weight:bold;}

/* --------------------------- */
#smart-archives-list{border:1px solid red;margin:3px;padding:5px;border:1px solid #a7a7a7;background:#f7f7f7;}
#smart-archives-list h4{padding-bottom:5px;margin-bottom:5px;border-bottom:2px solid #e9e9e9;}
#smart-archives-list ul{margin:0 0 10px 20px;list-style-type:disc;}

#archive_tags{margin:10px;padding:10px 0;border:1px solid #a7a7a7;background:#f7f7f7;overflow:auto;}
#newtagcloud{padding:0;}
#newtagcloud li{float:left;padding-right:8px;}

.wp-pagenavi{
	clear:both;
	padding:10px 0 5px !important;
}