form {
margin:0;
padding:0;
}
* {
font-family:Geneva,Arial,Helvetica,sans-serif;
margin:0;
}
ol, ul, blockquote {
line-height:22px;
margin-top:0;
}
#s {
border:1px solid #CCCCCC;
color:#909090;
padding:5px 5px 6px;
width:130px;
}
#searchform {
margin-bottom:25px;
}
#header_sub_text h1 {
color:#383838;
font-size:16px;
letter-spacing:-1px;
margin-bottom:0;
}
#header_sub_text h2 {
margin:10px 0 0;
}
#header_sub a {
color:#FFFFFF;
}
#header_sub h1 {
color:#FFFFFF;
font-size:35px;
font-weight:bold;
letter-spacing:1px;
margin-bottom:0;
padding:30px 0 0 35px;
}
#header_sub h2 {
color:#FFFFFF;
font-size:14px;
font-weight:normal;
line-height:25px;
padding:0 0 0 35px;
}
#header_sub h4 {
color:#666666;
font-size:14px;
font-weight:normal;
}
p {
line-height:22px;
margin-bottom:10px;
margin-top:0;
}
ul {
}
li {
}
#main_content_left_secondary ul {
margin:15px 0 25px 20px;
padding:0;
}
#main_content_left_secondary li {
background-image:url("images/check.png");
background-repeat:no-repeat;
font-weight:bold;
list-style-type:none;
margin:0 0 10px;
padding-left:30px;
}
#main_content_left ul {
margin:15px 0 15px 10px;
padding:0;
}
#main_content_left li {
background-image:url("images/check.png");
background-repeat:no-repeat;
font-weight:bold;
height:30px;
list-style-type:none;
margin:0;
padding-left:25px;
}
a:hover {
text-decoration:underline;
}
img {
border:medium none;
}
.wrap {
}
#header {
height:350px;
margin:0 auto;
overflow:hidden;
width:980px;
}
#header_upper {
float:left;
width:960px;
}
#header_logo {
float:left;
height:95px;
width:280px;
}
#header_logos {
float:left;
height:80px;
padding:20px 0 0 100px;
width:170px;
}
#header_lower {
float:left;
position:relative;
width:980px;
}
.header_ie6 {
}
#header_lower_alt {
float:left;
padding-left:43px;
width:892px;
}
#header_sub {
float:left;
}
.header_sub {
float:left;
}
#header_sub_text {
float:left;
margin-right:10px;
padding-left:10px;
width:270px;
}
#header_sub_text_secondary {
color:#FFFFFF;
float:left;
margin-top:35px;
}
#header_sub_text_secondary div {
margin-left:25px;
}
#header_sub_text_secondary p {
color:#FFFFFF;
font-size:28px;
font-weight:normal;
margin-bottom:0;
}
#header_sub_text_secondary a {
color:#FFFFFF;
}
#header_sub_button {
float:left;
padding-top:12px;
width:50px;
}
#header_sub_button_alt {
float:left;
width:50px;
}
#header_secondary {
height:187px;
margin:0 auto;
width:980px;
}
#header_sub_headline {
float:left;
height:220px;
width:390px;
}
#header_sub_port {
float:left;
position:relative;
top:-20px;
width:390px;
}
#header_sub_secondary {
float:left;
padding-top:0;
width:300px;
}
#header_sub_secondary_right {
color:#FFFFFF;
float:left;
font-size:18px;
margin-top:40px;
padding-top:0;
text-align:left;
width:650px;
}
#navs {
background-repeat:no-repeat;
float:right;
width:auto;
}
#topnav {
float:left;
}
#subnav {
margin-bottom:25px;
}
#navs li {
display:inline;
}
#navs ul {
margin:0;
padding-left:5px;
}
#page {
background-repeat:repeat-x;
margin:0 auto;
padding:0 0 30px;
width:960px;
}
#page_secondary {
background-image:url("images/left_bg.jpg");
background-repeat:no-repeat;
margin:0 auto;
padding:35px 0 30px 40px;
width:960px;
}
#sub_boxes {
background-image:url("images/vert_separator2.gif");
background-position:right center;
background-repeat:no-repeat;
float:left;
margin:0 0 30px;
width:auto;
}
.sub_box {
background-image:url("images/vert_separator.gif");
background-position:left top;
background-repeat:no-repeat;
float:left;
height:200px;
padding:15px 0 10px 30px;
width:290px;
}
.sub_box_right {
background-image:url("images/vert_separator.gif");
background-position:left top;
background-repeat:no-repeat;
float:left;
padding:15px 20px 10px 30px;
width:266px;
}
.mainTxt {
float:left;
width:160px;
}
.sub_box_text div {
line-height:15px;
}
.sub_box_text div span {
display:block;
}
.sub_box_text div span.mainTxt01 {
color:#0054A6;
font-size:14px;
font-weight:bold;
}
.sub_box_text div span.mainTxt02 {
margin:10px 0 0;
}
.sub_box_text div span.mainTxt03 {
margin:15px 0 0;
}
.sub_box_text span.bg_book {
background:url("images/bg_mainbook.gif") no-repeat scroll right bottom transparent;
float:left;
width:123px;
}
.sub_box_image {
border:1px solid #DCDCDC;
float:left;
margin-right:8px;
vertical-align:middle;
width:auto;
}
.home_comment {
color:#A1A1A1;
font-size:10px;
}
#blog_home {
}
#blog_home ul {
margin:0;
padding:0;
}
#blog_home li {
border-bottom:1px dotted #DDDDDD;
list-style-type:none;
margin-bottom:15px;
}
#featured_wrap {
float:left;
width:auto;
}
#featured {
background-image:url("images/featurebg.jpg");
background-repeat:no-repeat;
float:left;
height:248px;
padding:20px 20px 10px;
width:815px;
}
#featured_image {
border:1px solid #CACACA;
float:left;
min-height:190px;
min-width:400px;
padding:5px;
width:auto;
}
#featured_text {
float:left;
margin-left:20px;
width:365px;
}
#featured_bottom {
background-image:url("images/featurebg_bottom.jpg");
float:left;
height:12px;
margin:0 auto;
width:855px;
}
#main_content {
width:960px;
}
#main_content_left {
float:left;
padding-left:15px;
width:570px;
}
#main_content_left_secondary {
float:right;
width:684px;
}
#main_content_right {
float:right;
padding:0 45px 10px 20px;
width:285px;
}
#main_content_right ul {
margin:0 0 15px;
padding:0;
}
#main_content_right li {
border-bottom:1px dotted #DDDDDD;
list-style-type:none;
margin-bottom:10px;
padding-bottom:10px;
}
#logo {
height:75px;
width:150px;
}
#footer_wrap {
background:url("images/bg_footer.gif") repeat-x scroll left top transparent;
height:77px;
margin:100px 0 0;
}
#footer {
color:#FFFFFF;
font-size:12px;
margin:0 auto;
padding:15px 0 0;
width:960px;
}
#footer li {
display:inline;
padding-right:8px;
}
#footer ul {
margin-top:-4px;
}
#footer a:hover, #footer a:active, #footer li.current_page_parent, #footer li.current_page_parent a, #footer li.current_page_parent a:visited, #footer li.current_page_item a, #footer li.current_page_item a:visited {
background-image:none;
}
#footer_l {
float:left;
width:400px;
}
#footer_r {
float:right;
line-height:18px;
text-align:right;
}
#footer_r img {
position:relative;
top:3px;
}
.inline_image {
border:1px solid #A4A4A4;
float:left;
margin:5px 10px 0 0;
padding:5px;
width:auto;
}
#products {
width:525px;
}
.product_box {
border-bottom:1px dotted #A4A4A4;
float:left;
margin-top:15px;
padding-bottom:15px;
width:525px;
}
.product_box_image {
border:1px solid #A4A4A4;
float:left;
padding:5px;
width:auto;
}
.product_box_description {
float:left;
margin-left:15px;
width:320px;
}
.image_wrap {
float:left;
margin:0 0 5px;
width:180px;
}
.image {
border:4px solid #CCCCCC;
float:left;
height:120px;
width:172px;
}
.image_caption {
color:#424242;
float:left;
font-size:10px;
padding:3px 0;
text-align:center;
width:100%;
}
.input {
background-color:#F7F7F7;
border:1px solid #CCCCCC;
color:#185889;
font-size:11px;
margin:0 0 5px;
padding:5px;
width:225px;
}
textarea {
background-color:#F7F7F7;
border:1px solid #CCCCCC;
color:#185889;
font-size:11px;
margin:0 0 10px;
padding:5px;
}
#left {
float:left;
margin-right:25px;
width:220px;
}
#left_navigation {
float:left;
width:220px;
}
#left_navigation ul {
margin-left:0;
padding-left:0;
}
.page_column {
background-image:url("images/column_bg.gif");
background-repeat:repeat-x;
border-top:1px solid #DDDDDD;
float:left;
margin-right:20px;
margin-top:15px;
padding:5px 15px 15px;
width:290px;
}
.page_column .img {
float:left;
margin-right:20px;
margin-top:5px;
width:auto;
}
.page_column h4 {
border-bottom:1px dotted #CCCCCC;
color:#1A5A8A;
font-size:14px;
font-weight:bold;
margin:0;
padding:5px 5px 5px 0;
}
.page_column h5 {
border-bottom:1px dotted #CCCCCC;
color:#1A5A8A;
font-size:14px;
font-weight:bold;
margin:0 0 0 60px;
padding:5px 5px 5px 0;
}
.portfolio_featured_image {
float:left;
margin:25px 20px 0 0;
width:auto;
}
.portfolio_featured_image div {
margin-left:20px;
}
.portfolio_featured_description {
float:left;
line-height:25px;
margin:10px 0 0;
padding:15px 10px 0 0;
width:360px;
}
.portfolio_featured_description p {
margin-bottom:10px;
}
.portfolio_featured_bottom {
float:left;
height:19px;
width:684px;
}
.portfolio_cell {
border-bottom:1px dotted #CCCCCC;
float:left;
margin:15px 0;
padding-bottom:15px;
width:684px;
}
.portfolio_image {
float:right;
margin:0 0 0 20px;
width:auto;
}
.portfolio_description {
float:left;
margin:0;
width:684px;
}
.portfolio_description h5 {
color:#0054A6;
font-size:24px;
font-weight:bold;
}
.portfolio_description h5 span {
font-size:28px;
}
.portfolio_description h2 {
color:#0054A6;
font-weight:bold;
}
.portfolio_description div {
font-size:15px;
line-height:20px;
padding:0 0 20px;
}
.portfolio_description div p {
line-height:20px;
margin:0;
padding:0;
}
.portfolio_description div span {
color:#0A3E6D;
font-size:16px;
}
.image_portfolio_small {
border:5px solid #CCCCCC;
}
.image_portfolio_large {
border:8px solid #CCCCCC;
margin:15px 0;
}
.comment {
background-image:url("images/comment.gif");
color:#5D5D5D;
display:block;
float:left;
font-family:Georgia;
font-size:13px;
height:26px;
left:1023px;
margin-right:10px;
padding-top:4px;
text-align:center;
text-decoration:none;
top:238px;
width:31px;
}
.post_details {
background-color:#F7F7F7;
font-size:10px;
margin:5px 0;
padding-left:5px;
}
.blog_post {
border-bottom:1px dotted #CCCCCC;
padding:15px 0;
}
.slider-wrap {
float:left;
width:auto;
}
.slider-wrap-alt {
border:1px solid #CCCCCC;
float:right;
height:261px;
overflow:hidden;
width:892px;
}
.slider {
height:195px;
margin:2px 0 0 408px;
overflow:hidden;
width:385px;
}
.slider img {
height:195px;
width:385px;
}
#mySlides {
}
.slider_nav {
float:left;
margin-left:20px;
margin-top:18px;
width:460px;
}
.slider_nav_long {
float:right;
margin-top:18px;
width:900px;
}
.slider_nav_left {
float:left;
margin-top:8px;
width:auto;
}
.slider_nav_right {
float:right;
padding-right:35px;
width:auto;
}
#slide1 {
background-image:url("images/slide2.jpg");
height:261px;
width:892px;
}
#slide2 {
background-image:url("images/slide1.jpg");
height:261px;
width:892px;
}
#slide3 {
background-image:url("images/slide3.jpg");
height:261px;
width:892px;
}
.slide_headline_wrap {
float:left;
width:345px;
}
.slide_headline_wrap_right {
float:right;
width:345px;
}
.slide_headline {
color:#FFFFFF;
float:left;
padding:30px 0 0 30px;
width:300px;
}
.slide_subheadline {
color:#FFFFFF;
float:left;
margin-top:15px;
width:330px;
}
.slide_subheadline_text {
color:#FFFFFF;
float:left;
font-size:14px;
margin-right:10px;
padding-left:30px;
width:240px;
}
.slide_headline h1 {
color:#FFFFFF;
font-size:34px;
margin:0 0 10px;
}
.slide_headline h2 {
color:#FFFFFF;
font-size:18px;
font-weight:normal;
margin:0 0 10px;
}
.slide_button {
float:left;
width:auto;
}
#comments_template {
float:left;
margin:25px 0 0;
width:684px;
}
#comments_template li {
background-image:none;
border-bottom:1px dotted #DDDDDD;
float:left;
font-weight:normal;
height:auto;
list-style-type:none;
padding:20px 0;
}
#comments_template ol {
margin:0;
padding:0;
}
#comments_template p {
margin:0;
padding:0;
}
#comments_template .meta {
color:#AAAAAA;
font-size:10px;
}
.avatar {
height:80px;
width:80px;
}
.avatar_name {
font-size:10px;
line-height:12px;
padding-top:5px;
text-align:left;
width:80px;
}
.comment_number_wrap {
border-bottom:1px dotted #DDDDDD;
float:left;
padding-bottom:5px;
}
.comment_right_wrap {
float:left;
width:564px;
}
.comment_right {
background:url("images/commentbg.jpg") no-repeat scroll 0 0 transparent;
float:left;
margin-left:10px;
padding:10px 10px 5px 40px;
width:522px;
}
.comment_left {
float:left;
}
.comment_form {
float:left;
padding:25px 0;
}
.comment_form p {
float:left;
padding:10px 0;
}
.comment_right_bottom {
background:url("images/commentbg_bot.jpg") no-repeat scroll 0 0 transparent;
float:left;
height:11px;
margin-left:10px;
margin-top:-2px;
width:580px;
}
.comment_name {
float:left;
margin-bottom:10px;
width:600px;
}
.comment_mail {
float:left;
margin-bottom:10px;
width:600px;
}
.comment_web {
float:left;
margin-bottom:10px;
width:600px;
}
#left_widgets {
float:left;
width:220px;
}
.textwidget {
color:#4A4A4A;
font-size:10px;
line-height:20px;
padding-right:15px;
text-transform:none;
}
.textwidget_image {
float:left;
height:50px;
padding:0 5px 5px 0;
width:50px;
}
.aktt_tweets {
color:#666666;
font-size:10px;
line-height:20px;
padding-right:15px;
text-transform:none;
width:200px;
}
.aktt_tweets ul {
margin:0;
padding:0;
}
.aktt_tweets li {
border-bottom:1px solid #F0F0F0;
border-top:medium none;
list-style-type:none;
margin-bottom:8px;
margin-left:0;
padding:0 0 8px;
}
.aktt_tweets li:hover {
background:none repeat scroll 0 0 transparent;
border-bottom:1px solid #DDDDDD;
border-top:medium none;
display:block;
list-style-type:none;
margin-left:0;
}
.aktt_more_updates {
border-bottom:medium none;
}
.moretweets {
font-size:14px;
font-weight:normal;
margin-bottom:0;
margin-top:15px;
}
.blog {
float:left;
}
.blog_description {
color:#4A4A4A;
float:left;
margin:0;
width:680px;
}
.blog_description div {
line-height:20px;
margin:10px 0 15px;
}
.blog_description div a {
color:#5E7999;
margin:0 0 0 10px;
}
.blog_cell {
border-bottom:1px dotted #DDDDDD;
float:left;
margin:10px 0 15px;
padding-bottom:20px;
width:684px;
}
.portfolio_large {
margin:20px 0;
}
.gallery {
float:left;
}
.gallery img {
border:5px solid #CFCFCF;
float:left;
margin:0 15px 10px 0;
}
#twitter li {
margin-bottom:5px;
margin-top:0;
padding-bottom:5px;
padding-top:0;
}
.alignleft {
float:left;
padding:0 15px 10px 0;
}
.categories {
margin-bottom:25px;
}
.archives {
margin-bottom:25px;
}
.MainList {
line-height:20px;
margin:30px 0 0;
}
div#main_content_left h3 {
margin:0 0 -20px;
}
.MainSubject {
color:#4F7BA3;
display:block;
font-family:Geneva,Arial,Helvetica,"????",Dotum,sans-serif;
font-size:16px;
font-weight:bold;
margin-bottom:5px;
}
.MainSubject a {
font-family:Geneva,Arial,Helvetica,"????",Dotum,sans-serif;
font-weight:bold;
}
.MainContent {
color:#4A4A4A;
font-family:Geneva,Arial,Helvetica,"????",Dotum,sans-serif;
font-size:12px;
}
.MainOther {
background:url("images/ico_comment.gif") no-repeat scroll left 2px transparent;
color:#A4A4A4;
font-size:13px;
margin:5px 0 0;
padding:0 0 0 20px;
}
.MainOther a {
color:#A4A4A4;
}
.MainOther span a {
color:#0A467C;
}
.widgetImg {
text-align:center;
width:180px;
}
.contactus {
clear:both;
}
.contactus th {
color:#0A3E6D;
font-size:14px;
font-weight:normal;
padding:11px 0 0;
text-align:left;
vertical-align:top;
}
.contactus td {
color:#555555;
font-size:14px;
line-height:20px;
padding:6px 0;
vertical-align:top;
}
.contactus td .inputs {
border:1px solid #CCCCCC;
height:23px;
width:225px;
}
.contactus td textarea {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
height:150px;
margin:3px 0 0;
width:450px;
}
.contactus td select {
font-size:11px;
height:20px;
width:232px;
}
.contactus td label {
margin:0 30px 0 5px;
}
.postLeft {
float:left;
width:160px;
}
.postLeft img {
border:2px solid #ECECEC;
}
.postRight {
float:left;
width:500px;
}
.postLeft div {
left:-10px;
position:relative;
top:-7px;
}
.arh {
font-size:28px;
}
.booksTop span, .booksFoot span {
color:#0054A6;
}
.bookLeft {
float:left;
font-size:11px;
width:460px;
}
.pagess {
margin:20px 0 0;
}
.imgsection {
background:url("http://www.exilepress.com/wp-content/themes/Bluelight/images/mark_peterpan.jpg") no-repeat scroll 0 0 transparent;
height:195px;
margin-bottom:0;
width:662px;
}
.photoblock {
background:url("http://www.exilepress.com/wp-content/themes/Bluelight/images/photo_peter.jpg") no-repeat scroll 0 0 transparent;
height:480px;
margin-bottom:0;
margin-top:20px;
padding-top:0;
width:680px;
}
.photoblock span {
display:block;
font-size:14px;
line-height:20px;
margin-left:170px;
margin-top:0;
width:520px;
}
.photoblock2 {
background:url("http://www.exilepress.com/wp-content/themes/Bluelight/images/photo_siwoo.jpg") no-repeat scroll 0 0 transparent;
height:440px;
margin-bottom:0;
margin-top:20px;
width:680px;
}
.photoblock2 span {
display:block;
font-size:14px;
line-height:20px;
margin-left:170px;
margin-top:0;
width:520px;
}
.photoblock3 {
background:url("http://www.exilepress.com/wp-content/themes/Bluelight/images/photo_grace.jpg") no-repeat scroll 0 0 transparent;
height:440px;
margin-bottom:0;
margin-top:20px;
width:680px;
}
.photoblock3 span {
display:block;
font-size:14px;
line-height:20px;
margin-left:170px;
margin-top:0;
width:520px;
}
.booksLeft {
float:left;
width:170px;
}
.booksRight {
color:#636363;
float:left;
font-size:13px;
font-weight:bold;
line-height:20px;
width:500px;
}
.booksLeft img {
border:1px solid #EDEDED;
}
.booksFoot {
margin:25px 0 0;
}
.BookFoot div {
color:#828282;
font-size:13px;
line-height:18px;
margin:25px 0 50px;
}
.BookFoot p {
color:#0A3E6D;
font-size:15px;
font-weight:bold;
}
.BookFoot span {
color:#464646;
display:block;
font-size:14px;
font-weight:bold;
margin-bottom:5px;
}
div.paging {
padding:100px 0 0;
}
div.paging div {
background-color:#1D6190;
color:#FFFFFF;
float:left;
font-size:11px;
font-weight:bold;
height:16px;
margin:0;
padding:4px 10px 0;
text-align:center;
}
div.paging ul {
margin:0 0 0 50px;
}
div.paging ul li {
background-image:none;
cursor:pointer;
float:left;
font-weight:bold;
height:17px;
list-style:none outside none;
margin:0 2px;
padding:0 7px 3px;
}
div.paging ul li img {
position:relative;
top:-1px;
}
div.paging ul li.off {
border:1px solid #DDDDDD;
color:#7D7D7D;
}
div.paging ul li.off a {
color:#7D7D7D;
}
div.paging ul li.now {
color:#252525;
padding:1px 5px 0;
}
div.paging ul li.on {
border:1px solid #043667;
color:#662D91;
}
div.paging ul li.on a {
color:#662D91;
}
div.paging ul li.dot {
color:#BBD3E9;
}
.buy_book {
background:url("images/bg_book_top.gif") repeat-x scroll left top transparent;
clear:both;
height:30px;
margin:0 0 30px;
padding:6px 0 0 8px;
width:672px;
}
.buy_book br {
display:none;
}
.buy_book img {
vertical-align:middle;
}
.buy_book a.see_inside {
margin:0 27px;
}
.buy_book a.hangul {
color:#646464;
font-family:dotum;
font-size:11px;
}
.buy_book a.magin6 {
position:relative;
top:0;
}
.no_br {
position:relative;
}
.no_br a.donate {
position:absolute;
right:0;
top:30px;
}

/* idiom attack */
.idiom_wrap { float:left; width:660px; height:220px; margin-bottom:30px; }
.idiom_box { position:relative; float:left; width:330px; height:220px; }
.idiom_box img { position:absolute;left:0;top:0; }
.idiom_box div { position:absolute;right:80px;bottom:0; }
.idiom_box div span { color:#0054a6; }

/* ratstail */
.ratstail { float:left; width:660px; height:220px; margin-bottom:30px; }
.ratstail .idiom_box { position:relative; float:left; width:330px; height:220px; }
.ratstail .idiom_box img { position:absolute;left:0;top:0; }
.ratstail .idiom_box div { position:absolute;right:40px;top:176px; }
.ratstail .idiom_box div br { display:none; }
.ratstail .idiom_box div span { color:#0054a6; }