@charset "UTF-8";
/* -------------------------------------------------------------- 
   * Sets us up the Typography!
-------------------------------------------------------------- */

/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { font-size: 75%;font-family:Lucida Grande,Verdana;text-align:left;color:#2f2f2f;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {font-weight: normal;color:#000000;text-shadow: 2px 2px 2px #cccccc;}

h1 { font-size: 1.6em;font-weight:100;margin:0 0 5px 0;line-height:auto;font-weight:normal;letter-spacing:1px;}
h2 { font-size: 2.2em; margin:10px 0 0 0;line-height:auto;font-weight:normal;margin-bottom:10px;}
h3 { font-size: 1.1em; line-height:auto; margin:0 0 0 0;padding:3px 0;font-weight:normal;}
h4 { font-size: 1.6em; margin:0 0 3px 0;font-weight:bold;}
h5 { font-size: 1em; font-weight: bold;}
h6 { font-size: 1em; font-weight: bold;}

.logo h1 {text-indent:-9999em;margin-bottom:0px;}
.logo h4 {text-indent:-9999em;}
h2.intro,
h2.upcoming,
h2.previous_versions,
h2.about,
h2.feedback,
h2.current_version,
h2.blog,
h2.buy  {text-indent:-9999em;margin-bottom:10px;}

h3.socialize {text-indent:-9999em;margin-top:10px;}
h3.announce {padding-left:17px;background:url(../images/bullet_star.png) 0px 4px no-repeat;}
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {margin: 0;}

/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1em 0; line-height:1.4em;letter-spacing:0;}
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus 	{text-decoration:none;}
a           {color:#2f2f2f;border:none;text-decoration:underline;}
a:hover     {color:#000000;text-decoration:underline;}
a.active 	{color:#00386c;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em, dfn     { font-style: none; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* Lists
-------------------------------------------------------------- */
li ul, 
li ol       { margin:0 1.5em;font-size:0.95em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 0 0; }
dl dt       { font-weight: bold; }
dt a 		{ border:none;}
dd          { margin:0 0 5px 0;color:#939598;font-size:0.85em;}

legend 		{ font-weight:bold;}

/* Tables
-------------------------------------------------------------- */
table       { margin:0 0; width:100%; }
th          { font-weight: bold;font-weight:100;}
th,td       { padding: 0; }
tr.even td  { background: #efefef; }
tr.odd td  { background: #ffffff; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* Misc classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-weight:bold;display:block;height:32px;font-size:2em;line-height:32px; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.clear 		{ clear:both}
.right      {float:right;}


p, li {font-size:0.95em;}
.col.one ul li {line-height:1em;list-style-image:url(../images/bg/bg_list_train.png);margin-bottom:3px;}

.col.one ul.blog {padding:0;margin:0;list-image:none;}
.col.one ul.blog li {padding:5px 0 15px 0;margin:0;list-style: none; border-bottom:solid 1px #cccccc;}
.facebook {text-indent:-9999em;}
.twitter {text-indent:-9999em;}

label {font-size:0.95em;text-align:right;}
.formrow {margin-bottom:10px;}
.formrow label {float:left;width:75px;margin-right:10px;line-height:20px;}
.formrow input.text {width:200px;height:20px;border:solid 1px #cccccc;background:#f7f7f7;}
.formrow input.text:hover {border:solid 1px #cccccc;background:#ffffff;}
.formrow input.text:focus {border:solid 1px #666666;background:#ffffff;}

.formrow textarea {width:275px;height:150px;border:solid 1px #cccccc;background:#f7f7f7;}
.formrow textarea:hover {border:solid 1px #cccccc;background:#ffffff;}
.formrow textarea:focus {border:solid 1px #666666;background:#ffffff;}

.formrow input.submit {margin-left:85px;}

span.date {font-weight:bold;}

div.announcement {
	margin:10px 20px 10px 20px;
	padding:10px 10px 5px 10px;
	border: 1px solid #999;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius:7px;
	-moz-border-radius-topright:7px;
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
}

div.app-sale {
    background-image: url(../images/app-sale-2010.png);
    background-repeat: no-repeat;
	height:278px;
}
div.app-sale a.seoul-link, div.app-sale a.busan-link{
	position:relative;
	left:95px;
	display:block;
	width:250px;
	height:60px;
	text-indent:-9999em;
}
div.app-sale a.seoul-link{
	top:85px;
}
div.app-sale a.busan-link{
	top:100px;
}

/* Messages */
div.messages, 
div.status,
div.warning,
div.error {
    min-height: 21px;
    margin: 10px 0 10px 0;
    border: 2px solid #1ba227;
    padding: 5px 5px 5px 35px;
    color: #000;
    background-color: #ffc;    
    background-image: url(../images/icons/messages-status.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
}
div.status {}
div.warning {border-color: #fc0;background-image: url(../images/icons/messages-warning.png);}
div.warning,tr.warning{color: #000;background-color: #ffc;}
div.error{border-color: #c00;background-image: url(../images/icons/messages-error.png);}
div.error,tr.error{color: #900;background-color: #fee;}     
div.messages,tr.messages{color: #090;background-color: #efe;}
div.messages ul{margin-top: 0;margin-bottom: 0;}
 
.views-admin-links {width:200px;overflow:hidden;}
.views-admin-links ul {width:200px;}
.item-list ul li {margin:0;padding:0;list-style:none;}
.collapsible {padding-bottom:5px;}
.publisher {font-size:0.9em;}

/* -------------------------------------------------------------- 
   * You have not long live, make your position.
-------------------------------------------------------------- */
body {background:#d7d7d7;}
.outer_container {width:100%;height:auto;}
.inner_container {width:720px;height:auto;margin:0px auto; }

.outer_container.header {height:40px;background:url(../images/bg/bg_top_bar.png) top left repeat-x;}
.outer_container.header .inner_container .logo {float:left;width:98px;height:40px;margin-left:10px;}
.outer_container.header .inner_container .logo a {display:block;width:98px;height:40px;background:url(../images/bg/logo_jc_multimedia.png) top left no-repeat;}

.outer_container.header .inner_container .main_nav {float:right;height:40px;}
.outer_container.header .inner_container .main_nav ul {float:right;}
.outer_container.header .inner_container .main_nav ul li {height:40px;float:left;list-style:none;margin-left:25px;text-indent:-9999em;}
.outer_container.header .inner_container .main_nav ul li a {text-indent:-9999em;}
.main_nav ul li.about a {display:block;width:49px;height:40px;background:url(../images/nav/nav_about.png);}
.main_nav ul li.blog a {display:block;width:40px;height:40px;background:url(../images/nav/nav_blog.png);}
.main_nav ul li.feedback a {display:block;width:75px;height:40px;background:url(../images/nav/nav_feedback.png);}
.main_nav ul li.changelog a {display:block;width:90px;height:40px;background:url(../images/nav/nav_changelog.png);}
.main_nav ul li.buy a {display:block;width:93px;height:40px;background:url(../images/nav/nav_buy.png);}

.outer_container.content {background:url(../images/bg/bg_main.jpg) top left repeat-x;height:720px;}
.outer_container.content .inner_container .col {float:left;height:auto;margin-bottom:15px;}
.outer_container.content .inner_container .col.one {width:410px;height:auto;margin-right:10px;}
.outer_container.content .inner_container .col.one .logo {width:300px;height:105px;margin-top:25px;}
.outer_container.content .inner_container .col.one .logo a {display:block;width:300px;height:105px;background:url(../images/bg/logo_seoul_city_metro.png) top left no-repeat;}
.outer_container.content .inner_container .col.one h2.intro {height:56px;background:url(../images/bg/txt_intro.png) top left no-repeat; }
.outer_container.content .inner_container .col.one h2.upcoming {height:14px;background:url(../images/bg/txt_upcoming_changes.png) top left no-repeat;}
.outer_container.content .inner_container .col.one h2.previous_versions {height:14px;background:url(../images/bg/txt_previous_versions.png) top left no-repeat;}
.outer_container.content .inner_container .col.one h2.about {height:14px;background:url(../images/bg/txt_about.png) top left no-repeat;}
.outer_container.content .inner_container .col.one h2.feedback {height:14px;background:url(../images/bg/txt_feedback_send.png) top left no-repeat;}
.outer_container.content .inner_container .col.one h2.current_version {height:14px;background:url(../images/bg/txt_current_version.png) top left no-repeat;}
.outer_container.content .inner_container .col.one h2.blog {height:14px;background:url(../images/bg/txt_blog.png) top left no-repeat;}
.outer_container.content .inner_container .col.one h2.buy {height:14px;background:url(../images/bg/txt_buy.png) top left no-repeat;}

.outer_container.content .inner_container .col.one .push {margin-left:10px;}
.outer_container.content .inner_container .col.one .app_store_link {margin-left:90px;margin-bottom:10px;width:214px;height:74px;}
.outer_container.content .inner_container .col.one .app_store_link a {display:block;width:214px;height:74px;background:url(../images/bg/link_apple_app_store.png);opacity:0.8;}
.outer_container.content .inner_container .col.one .app_store_link a:hover {opacity:1;}  

.social_icons {position:relative;top:215px;}
h3.socialize {width:239px;height:31px;background:url(../images/bg/txt_socialize.png) top left no-repeat; }
.facebook {float:left;width:54px;height:56px;}
.facebook a {display:block;width:54px;height:56px;background:url(../images/bg/social_facebook.png) top left no-repeat;}
.twitter {float:left;width:53px;height:56px;margin-right:10px;}
.twitter a {display:block;width:53px;height:56px;background:url(../images/bg/social_twitter.png) top left no-repeat;}

.outer_container.content .inner_container .col.two {width:280px;height:680px;margin:0 10px;background:url(../images/bg/bg_iphone.jpg) top left no-repeat;}
.outer_container.content .inner_container .col.two .image {position:relative;top:105px;left:26px;width:230px;height:345px;background:black;overflow:hidden;}

.image ul {margin:0;padding:0;}
.image ul li {margin:0;padding:0;list-style:none;}

.outer_container.content .inner_container .footer {text-align:center;float:left;width:700px;margin-left:10px;margin-bottom:10px;color:#666666;text-shadow: 2px 2px 2px #cccccc;}