/*  
Theme Name: Sundo1
Theme URI: http://sundousa.org
Description: 
Version: 1
Author: Mariko
Author URI: 
*/
@charset "utf-8";
/*---------------------------
generic standard	
-----------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, img {  
 margin:0; 

padding:0; 
} 
body {
font-size:.92em;
font-family:georgia, serif;
background:#A7A096 url(images/bg-body.jpg) repeat-x top left; 
}

img {
border:0;
}
a {color:#336699;
text-decoration:none;}
a:hover {color:#339933;
text-decoration:underline;}
p {color:#333;  margin:.5em 0;}
.clear {
 clear:both;
 }
.divider {border-top:2px solid #ccc; width:680px; text-align:center;}

p.sm {font-size:11px; color:#666;}
/*---------------------------
 sidebar title- see sidebar spec section 
 ----------------------------------------*/
h2{
font-size:1.2em;
color:#3366CC;
text-decoration:none;
margin:1.2em 0 .6em 0;
}
h2 a{
color:#3366CC;
text-decoration:none;
}
h2 a:hover{
color:#3366CC;
text-decoration:underline;
}
 /* ----------------------------------------
 add 18px padding to h2 of location category
  ----------------------------------------*/
.left18{margin-left:18px;}


 /* ----------------------------------------
 post title
  ----------------------------------------*/
h4{
font-size:.9em;
font-weight:bold;
color:#003366;
} 

h4 .center{
font-size:11px;
font-weight:bold;
color:#333;
}

 /* ----------------------------------------
  section title 
 ----------------------------------------*/
h5 {
font-size:.72em;
font-weight:bold;
color:#666;
}
 /* ----------------------------------------
 header
  ----------------------------------------*/
#topbar{
margin:0 auto;
width:963px;
height:41px;
background-image:url('images/bg-headerTop.gif');
background-repeat:no-repeat;
background-position:center;
}
#topBar h1{

}
#topBar h1 a {
overflow:hidden;
text-indent:-9999px;
}

#menuBar{
margin:0 auto;
padding:0;
width:963px;
height:56px;
background-image:url('images/bg_TopNavbar.jpg');
background-repeat:no-repeat;
text-align:left;
}
#menuBar img{display:block;}

/* ----------------------------------------
menu
 ----------------------------------------*/
#menu {
float:left;
width:721px;
padding:38px 0 0 0;
  }


#menu li {float:left;
list-style:none;
padding:0 0 0 1em;
font-size:.78em;
color:#036;}
#menu a  {float:left;
display:block;
color:#036;
font-weight:bold;
}
#menu a:hover {
color:#fff;
font-weight:bold;
text-decoration:none;
}
#logo-kr{
position: relative;
float:left;
margin-top:-13px;
width:242px;
}
 /* ----------------------------------------
 main content
  ----------------------------------------*/
#contentWrapper {
margin:0 auto;
padding:0;
width:963px;
background-image:url('images/bg-mainCont.gif');
background-position:left;
background-repeat:y;
text-align:left;
overflow: hidden;
}

#maincontent {
width:721px;
float:left;
display:inline;
padding:0;
margin:0;

}
#maincontent img{
}
/*  ----------------------------------------
Homepage style
 ---------------------------------------- */
#homeCont {
width:716px;
margin-left:3px;
background-image:url('images/bg-homeCont2.jpg');
background-position:top;
background-repeat:no-repeat;
}

.homeTopTxt{
height:100%;
}
#homeCont .homeTopTxt .noTxt{
overflow:hidden;
text-indent:-9999px;
color:#fff;
}
.homeTopTxt .homeTitle{
position:relative;
left:28px;
top:0;
}
.homeTopTxt .desc{
margin-top:20px;
margin-left:85px;
}
.homeTopTxt p{
width:400px;
font-size:.82em;
margin-top:2.4em;
color:#777;
}
p.homeEmpTxt {color:#155AAA; font-weight:bold;}

.homeTopTxt .imgRight{
float:right; margin-top:-305px;
}
.homeBottom{
width:680px;
text-align:center;
background:;#CBD3CB;
}
.excerpt-home{
font-size:.76em;
color:#333;
line-height:1.6em;
}

.latest{
margin-left:18px;
padding:12px;
}
/* homepage bottom contents - sundo practice*/
.bottomBox {
margin:0 auto;
background:#FAFAED;
background-image:url('images/bg-homeBottom.jpg');
background-repeat:repeat-x;
background-position:top;

margin-left:24px; width:690px; margin-bottom:3em;
font-family:arial, helvetica, sans-serif;
}

.bottomDesc {margin-left:12px; width:670px; margin-bottom:2em;}
.bottomDesc h5 {font-size:.82em; font-weight:bold;}
.bottomDesc p {font-size:.72em; line-height:1.8em; color:#333; margin-bottom:1em;}
.bottomDesc .leftAlgn{float:left;}
.bottomDesc ul {list-style:none;}
.bottomDesc ul li{width:210px; float:left; margin-right:10px;  }
.bottomDesc2 {clear:both; background:#FAFAED; margin-left:24px; width:620px; margin-bottom:2em; }
.bottomDesc2 .leftAlgn{float:left; padding-right:1em;}
.bottomDesc2 .player{padding:1em;}
.bottomDesc2 p{font-size:.72em; line-height:1.8em; color:#333; margin-bottom:1em;}

/* ----------------------------------------
 2 columns for generic use
  ----------------------------------------*/
.mainLeft {
width:130px;
display:inline;
float:left;;
padding:0;
margin:0;
}
.mainRight {
width:550px;
display:inline;
float:left;
background:#fff;
padding:0;
}
/*  ----------------------------------------
2 columns for center locations
 ----------------------------------------*/
.mainLeft2 {
width:300px;
display:inline;
float:left;
padding-left:18px;
}
.mainRight2 {
width:370px;
display:inline;
float:right;
background:#fff;
padding:0 30px 0 0;
}
/*  ----------------------------------------
1 column only
 ----------------------------------------*/
.singleCol{
margin-left:18px;
padding:12px;
}


/*  ----------------------------------------
generic post style
 ----------------------------------------*/
.filepath {
margin:8px 0;
font-size:11px;
font-family:arial, helvetica, verdana, sans-serif;
color:#333;
}
#filepath span{
margin:8px;
font-size:x-small;
border:solid 1px #333;
}
.postmetadata {font-size:x-small; color:#888;}

.entry{
margin:1em 0;
font-size:.82em;
color:#333;
line-height:1.6em;

}
.paging {width:100%;
font-family:arial, helvetica, verdana, sans-seirf;
font-size:11px; color:333;padding:1em 0; text-align:right;}


/* ----------------------------------------
list for Library and archive list 
 ----------------------------------------*/
.archiveListBox{
width:700px;
margin:1em 0;
padding:0;
}
.archiveListBox ul{
list-style:none;
border-bottom: 1px dashed #888;
}
.archiveListBox li{
padding:0;
margin-bottom:.86em;
font-weight:normal;
font-size:.9em;
}
.archiveListBox li a{
font-weight:bold;
font-size:.9em;
text-decoration:none;
color:#336699;
}
.archiveListBox li a:hover{
font-weight:bold;
font-size:.9em;
text-decoration:underline;
color:#339933;
}
.archiveListBox ul ul{
padding-left:2em;
}
.archiveListBox ul ul li{
font-weight:normal;

}

/* ----------------------------------------
list for center news under location 
 ----------------------------------------*/
.CenterNews {
width:680px; padding:1.2em 0 1.2em 0;  border-top:1px dashed #ccc; margin-top:24px;
}
.CenterNewsList h5 {
font-size:0.68em; font-weight:bold; margin-bottom:6px;margin-left:20px; color:#ccc;
}

.CenterNewsPic {
float:left;
width:215px; margin-left:15px;
}
.CenterNewsList  {
float:left;
width:400px
}
.CenterNewsList li{
padding-top:.3em;
padding-left:0em;
padding-bottom:1.2em;
border-bottom:dotted 1px #ccc;
font-weight:normal;
font-size:.72em;
list-style:none;
}
.CenterNewsList li a{
font-weight:bold;
text-decoration:none;
color:#336699;
}
.CenterNewsList li a:hover{
font-weight:bold;
text-decoration:underline;
color:#336699;
}
/*  ----------------------------------------
for Library top page
 ----------------------------------------*/
.postList{
border-bottom:1px solid #ccc;
padding:.6em 0;
}

.postList p {
font-size:11px;
color:#666;
line-height:1.6em;
}




/*  ----------------------------------------
locations list style
 ----------------------------------------*/
.centerListTable{
}
.wrapState{
width:100%;
margin:0;
}
.centerState{float:right; width:70px; display:inline; background:#BEDDD6;padding:4px;  color:#066;font-size:x-small;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.centerName{font-size:.86em;}
.sec {width:350px; border-top:1px solid #BEDDD6;padding:4px 0; margin-left:18px;margin-bottom:8px;margin-top:8px; padding:0px;}
.sec dl{font-weight:bold; font-size:.86em;color:#188972; padding:0 0 6px 6px;}
.sec dt{font-weight:normal; font-size:.86em; color:#666; font-family:Arial, Helvetica, Sans serif;}
.sec dd{font-weight:normal;font-size:.86em;color:#666; font-family:Arial, Helvetica, Sans serif;}

/*  ----------------------------------------
extra Link style used inside of location content
 ----------------------------------------*/
.innerMenu {position:relative; margin-left:20px; margin-bottom:1em; font-size:.72em; font-weight:bold; padding:3px; background:#fff; 
}



/* ----------------------------------------
SideBar styles
 ----------------------------------------*/
#contentWrapper #sideBar {
width: 242px;
margin:0;
padding:0;
margin-bottom:3em;
float: right;
display: inline;	
font-family:helvetica, arial, sans-serif;
}

#contentWrapper #sideBar h2{

font-family:helvetica, arial, sans-serif;
font-size: .82em;
font-weight:bold;
padding:3px 0;
margin: 16px 0 2px 0;	
color:#01715A;
}
#contentWrapper #sideBar ul{
	list-style-type: none;
	padding-left: 15px;
         	margin-top: 0px;
	margin-left: 0px;
}
#contentWrapper #sideBar ul li{
	margin-bottom: 0px;
	}
#contentWrapper #sideBar ul li ul{
	padding-left: 0px;
	margin-left: 0px;
}
#contentWrapper #sideBar ul li ul li{
	font-size: 12px;
	margin-bottom: 0px;
	padding-left: 5px;
        padding:3px 0;
	border-bottom: 1px dotted #D4D4BF;
display: block;
}
#contentWrapper #sideBar ul li ul li a{
color: #666666;
text-decoration: none;
	
	
}
#contentWrapper #sideBar ul li ul li.recentcomments a{
display: inline;
}

}
#contentWrapper #sideBar ul li ul li a:hover{
color: #009999;
font-weight:bold;
	
}

/* ----------------------------------------
footer styles
 ----------------------------------------*/
#prefooter {
clear:both;
padding:4px;
padding-top:.5em;
}

#prefooter .imgRight{
float:right;
}

#footer {
clear:both;
padding:4px;
color:#fff;
font-size:.76em;
background:#A8A298;
padding-top:1.8em;
}
#footer p{
font-size:1em;
padding:1em;
color:#fff;
text-align:center;
}

/* ----------------------------------------
FAlbum plugin styles
 ----------------------------------------*/
#falbum-wrapper{margin-left:18px;}
#falbum{}
.falbum-thumbnail-ds { float:left; margin-left:6px;}
.falbum-photo-ds img{padding:4px; border:1px solid #ccc; margin-top:1em;}
flickr-photo{}
.falbum-navigationBar {clear:both;}
h3 .falbum-title{font-size:.9em;
font-weight:bold;
color:#003366;}
.falbum-date-taken{font-size:x-small}
.falbum-tags-block{display:block; font-size:.72em;}
.falbum-photo-block{display:block;}
.falbum-nav{display:block; font-size:.72em;}
.falbum-description{font-size:x-small;}


/* ----------------------------------------
flickr sidebar styles - deactivated
 ----------------------------------------*/
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid #888 !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #FFFFFF}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

#flickr img {
	display: block;
	float: left;
	padding: 3px;
	position: relative;
	height: 55px;
	width: 55px;
	border:1px solid #D4D4BF;
	margin:2px;
	}