@charset "utf-8";
/* CSS Document */

/* ----------------------------------- Colors ----------------------------------- 
Light Blue: #63a9d5
Dark Blue: #111b3c
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";




/* ----------------------------------- Utility ----------------------------------- */
		
* {margin: 0; padding: 0;} /*universal selector to remove browser's default values of padding and margin from all elements*/		

.floatLeft {float:left;}
.floatRight {float:right;}
.clear {clear: both;}
.none {display:none;}

strong {font-weight:bold}
em {font-style:italic}
hr {border-color: #bedbed; opacity:.3; width:200px;}
a {text-decoration: none;}

.button {border: 5px solid #63a9d5; height: 24px; width: 115px; color: #333333; -moz-border-radius:5px; -webkit-border-radius:5px;}
.button:hover {border: 5px solid #333333; color: #63a9d5}




/* ----------------------------------- Font ----------------------------------- */

p {line-height:1.3em;}
h1 {}
h2 {}
h3 {}


/* ----------------------------------- Structure ----------------------------------- */

body 	{font-family:Helvetica, Arial, sans-serif; background:url(style/images/blue_fade.jpg) repeat-x top center white; font-size:1em; }

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%; width:960px; margin:0 auto; } /*centers everything*/

#main {padding-bottom: 300px; margin-top:-170px;}  /* must be same height as the footer */

#footer {position: relative;
		margin-top:70px; /* negative value of footer height */
		height: 300px;
		clear:both;
		background:url(style/images/footer.png) repeat-x;
		} 

#top {margin: 0px 0px 0px 90px;}

#content {float:left; margin: 180px 30px 0px 100px; width:575px; }

#footer_content{width:960px; margin:0 auto; text-align:center; border-top: 2px solid #cccccc; padding-top:20px;}

#sidebar {float:left; width:220px; margin-bottom:30px; margin-top:250px;}






/* ----------------------------------- Header ----------------------------------- */
#kor_eng{float:right; margin-top:10px;}
#top_img{position:absolute;  height:225px; width:100%; margin:0px;  background:url(style/images/ring.png) no-repeat top; background-attachment:fixed; z-index:-1;}
#top h1{font-size:2.5em; font-weight:bold; padding: 60px 0px 30px 10px;}
#top h1 a{color:#111b3c;}

#top_nav {margin-top:10px; margin-bottom:10px; font-size:18px;}
#top_nav ul {margin:0px 0 0 0; color:#666;}
#top_nav ul li {display:inline;}
#top_nav ul li a {font-size:1em; color: #666666; font-weight:bold; padding:5px 10px; text-decoration:none; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
#top_nav ul li a:hover{color: #333333; background: white;}

#logo {float:right; width:220px; height:95px; margin-top:-150px; }
#logo img{margin-top:10px; margin-left:-8px; }
#logo_bg {float:left; position:absolute; width:246px; height:161px; background:url(style/images/flower.png) no-repeat top; top:-195px; left:-20px;}
	
#searchform {position:absolute; top:-50px; float:right; background: transparent url(style/images/search_input01.png) no-repeat; width: 230px; height:49px;}
input.search_input {border: none; width:100px; background-color: transparent; font-weight: bold; margin-left:25px; margin-top:11px;}
input.search_input:focus {border:0px solid #000;  height:19px; padding:0px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}

#searchform .search_bt {display:block; width:59px; height:25px; margin-top:6px; float:right; margin-right:17px; background: transparent url(style/images/button_search.png) no-repeat; }
#searchform .search_bt:hover {background-position: 0 -25px;}
#searchform .search_bt span {display: none;}/* Hides the anchor text*/


/* ----------------------------------- Post ----------------------------------- */

#content img, #content object {margin:10px auto;} 
#content img {border:0px solid #EFEFEF; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}

#content p, #content li, #content ul, #content ol{line-height:25px; padding-bottom:10px;}	
#content li, #content ul, #content ol {font-size:1em; list-style:decimal inside; background-color:none; padding:0px 5px; margin:10px 0px}

.post {padding-bottom:50px; font-size:.9em;}

h2.title {color:#000040; font-size:1.5em;}
h2.title a{color:#000000;}
p.date {font-family: Georgia, Arial, Helvetica, sans-serif; font-style:italic; color:#999999; font-size:.9em;}
p.date a {color:#999999;}

.post_box{font-size:12px; border: solid 1px #dedede; padding: 7px; margin:10px 0;}	

#postmetadata {margin:5px 0px 0px 0px;}
#postmetadata .comments {display: block; height: 17px; background: url(style/images/icons/comment_icon.png) no-repeat 0px 6px; float:right; margin-right:10px; padding-left:23px;}
#postmetadata .comments:hover {background-position: 0 -11px;}
	
#postmetadata a {font-weight:bold; color:#666666;}
#postmetadata a:hover {color:#63a9d5;}
#postmetadata h4 {font-weight:bold; color:#999999; float:left;}
#postmetadata p {float:left; text-transform:lowercase; padding-left:10px; font-weight:bold; color:#999999;}




/* ----------------------------------- Sidebar ----------------------------------- */

#sidebar li a {background: url(style/images/icons/bullet.png) no-repeat 15px center; padding:0px 10px 0px 30px; color: #111b3c; font-size:.9em; line-height:1.2em; display:block;}
#sidebar li a:hover {color:#63a9d5;}

h2.widgettitle {height:25px; background:url(style/images/white_bar.png) no-repeat; padding:8px 0px 0px 15px; margin:10px 0; color:#111b3c; font-size:.9em; text-transform:none; }
#recentcomments li {background: url(style/images/icons/bullet.png) no-repeat 15px center; padding:0px 10px 10px 30px;}
#recentcomments li a {color: #111b3c; background-image: none;}
#recentcomments li a:hover {color:#63a9d5;}

#categories-3 ul{margin-bottom:30px;}
#recent-posts-2 ul{margin-bottom:30px;}
#recent-comments-2 ul{margin-bottom:30px;}
#tag_cloud-2 ul{margin-bottom:30px;}
#archives-2 ul select{padding-bottom:30px;}
#meta-2 ul{margin-bottom:30px;}

#socialmedia {width:220px; height:32px; margin-bottom:35px;}

#socialmedia .twitter_icon {display: block; width: 32px; height: 32px; background: transparent url(style/images/icons/Twitter_32x32.png) no-repeat; float:left; margin:0px 0px 0px 15px;}
#socialmedia .twitter_icon:hover {background-position: 0 -32px;}
#socialmedia .twitter_icon span {display: none;}/* Hides the anchor text*/

#socialmedia .facebook_icon {display: block; width: 32px; height: 32px; background: transparent url(style/images/icons/FaceBook_32x32.png) no-repeat; float:left; margin:0px 0px 0px 8px;}
#socialmedia .facebook_icon:hover {background-position: 0 -32px;}
#socialmedia .facebook_icon span {display: none;}/* Hides the anchor text*/
		
#socialmedia .youtube_icon {display: block; width: 32px; height: 32px; background: transparent url(style/images/icons/Youtube_32x32.png) no-repeat; float:left; margin:0px 0px 0px 8px;}
#socialmedia .youtube_icon:hover {background-position: 0 -32px;}
#socialmedia .youtube_icon span {display: none;}/* Hides the anchor text*/
		
#socialmedia .flickr_icon {display: block; width: 32px; height: 32px; background: transparent url(style/images/icons/flickr_32x32.png) no-repeat; float:left; margin:0px 0px 0px 8px;}
#socialmedia .flickr_icon:hover {background-position: 0 -32px;}
#socialmedia .flickr_icon span {display: none;}/* Hides the anchor text*/
		
#socialmedia .rss_icon {display: block; width: 32px; height: 32px; background: transparent url(style/images/icons/Feed_32x32.png) no-repeat; float:left; margin:0px 0px 0px 8px;}
#socialmedia .rss_icon:hover {background-position: 0 -32px;}
#socialmedia .rss_icon span {display: none;}/* Hides the anchor text*/

#touchring {width:220px; height:375px; margin-bottom:35px;}




/* ----------------------------------- Comments ----------------------------------- */

ol.commentlist{list-style: none; font-size: .9em;}
ol.commentlist li p {font-size: 1em; color:#333;}
.comment_bubble {margin: 0px 0px 20px 50px; padding:10px; border: 2px solid #14244d; border-radius: 15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.comment_time {text-align:left; padding-top:10px; color:#999;}
.comment_author {background:url(style/images/speech-bubble-tip.png) no-repeat 40px 15px; width:50px; text-align:left; height:25px; padding-top:10px; float:left;}
h3#comments {line-height:2em; font-size:1.6em; color:#d2d8de}
h3#respond {line-height:2em; font-size:1.6em; color:#d2d8de}
	
#comment-form{background: #bedbed; padding:20px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; font-size:.8em; font-weight:bold; color:#333333; margin-bottom: 30px;}
#comment_reg {float:left;}
span.comment_label {text-align:left;}
textarea#comment_box {border:none; width:495px; margin-top:5px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; padding:20px}
input.comment_input {border:1px solid #14244d; margin: 5px 25px 5px 0px;}
input.comment_submit {background-color:white; margin:20px 0px; height: 30px; width: 115px; color: #999999; font-weight:bold; border:none; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
input.comment_submit:hover {background-color:#111b3c; color:#CCCCCC;}

#description{
	margin-bottom:40px;
	margin-top:30px;
}





/* ----------------------------------- Footer ----------------------------------- */

#footer_content p{font-size:.8em; color:#999999; margin-top:20px;}
#footer_content p a {color:#666666;}
#footer_content p a:hover {color:#111b3c;}

#footer_content ul {margin:10px 0 0 0; color:#666666;}
#footer_content ul li {display:inline;}
#footer_content ul li a {font-size:.9em; color: #666666; font-weight:bold; padding:5px 10px; text-decoration:none; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
#footer_content ul li a:hover{color: #fefefe; background: #63a9d5;}