@charset "utf-8";
/*  
Theme Name: Gila
Theme URI: http://www.johnhesch.com/themes/gila.zip
Description: Three column theme based on an open source design by Haran located at http://www.oswd.org/email.phtml?user=haran
Version: 1.0
Author: Haran and John Hesch
Author URI: http://johnhesch.com

	Gila v1.0
	http://johnhesch.com

	This design was built by Haran, and ported to a WordPress 1.5 theme by John Hesch
	whose blog you will find at http://johnhesch.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
 single.php, searchform.php, comments.php, comments-popup.php are based on the WordPress default files.
	
	*** REGARDING IMAGES & PLUGINS ***
	This theme uses two plugins and two images which are included in the distribution.
	
	Be sure to change the URL of the image in this file on line 326 and 373. 
	
	To install the plugins add both files to your wp-content/plugins/ folder and activate in 
	the plugins tab of the admin screen.

	Contact me if you have questions. john@johnhesch.com
*/

/* ##### Common Styles ##### */
p,li {font-family: Arial, sans-serif; }
h1 {font-family: Georgia, serif;}
code, pre, kbd {font-family: "Courier New", monospace;}

body {
  color: black;
  background-color: rgb(243,242,235);
  font-size: 79%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  /*font-size: 9pt;*/
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(168,140,83);
  cursor: help;
  margin: 0;
  padding: 0;
}

.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}

h2 {
	font-size: 125%;
	font-family: Georgia, serif;
}

p {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

.center {
text-align: center;
}

a:link {text-decoration:underline; color:blue;background-color:transparent;}
a:visited {text-decoration:underline; color:#30b; background-color:transparent;}
a:hover {color: blue; background-color: #ff9; text-decoration: underline; outline: 2px solid blue;}
a:active {color: blue; background-color: #ff9; text-decoration: underline}
a:focus {color: blue; background-color: #ff9; text-decoration: underline; outline: 2px solid blue;-moz-outline-radius:4px;}
a img:hover {outline: 2px solid blue;text-decoration:none;}

/* ##### Header ##### */
#skip {	text-align:right; font-size:smaller;}

#header {
  padding-left: 2em;
  color: white;
  background: url("http://gregshin.pe.kr/img/rainbow.gif") top left; 
  background-repeat: no-repeat;
  background-color : #009;
}

.headerTitle {
  margin: 0;
  padding: 0.25em 0 0.25em 0;
  color: white;
  background-color: transparent;
  font-weight: bold;
  font-family: 바탕, Batang, Georgia,serif;
  /*letter-spacing: 0.3em;*/
}


.headerTitle a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-size: 115%;  /* For MSIE */
}

.headerTitle a:hover, .headerTitle a:focus {
	color:#fff; 
	background-color:transparent; 
	text-decoration:underline; 
	outline:2px solid white;}
.headerTitle a:visited {color:#fff; background-color:transparent;}

.headerTitle span {
  color: white;
  background-color: #009;
  font-weight: normal;
}

.subHeader {
  color: #fff;
  background-color: black;
  text-align: right;
  margin: 0;
  padding: 0 0.2em;
  font-size: 1.1em;
}

.subheader ul {margin:0; padding:0}
.pagenav {list-style:none;}

.subHeader a {
  color: #fff;
  background-color: black;
  text-decoration: none;
  font-weight: bold;
}


.page_item {
	list-style: none;
	display: inline;
	color: #fff;
	padding: 0.5em 1em;
}
.page_item:hover, .page_item:hover a, .page_item:hover a:hover, .page_item a:focus {
  color: black;
  background-color: white;
}

.current_page_item, .current_page_item a {
	color:black;
	background-color: white;
	outline: 1px dotted #eee;
}

#campaign {
	position: absolute;
	top: 0; right: 0;

}

/* ##### Left Side Bar ##### */

.leftSideBar {
  width: 14em;
  float: left;
  clear: left;
  border-right: 1px groove #ccc;
  background-color: white;
  color:black;
}

.leftSideBar .sideBarTitle {
/*  color: #000;
  background-color: #ddf;
  font-weight: bold;
  margin: 0;
  padding: 0.8ex 1ex;
  font-size: 1em;*/

	background-color: #ddf;
	color: black;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0;
	padding: 0.5em;
	font-size: 100%;
	font-family: Arial, sans-serif;
	/*text-transform: uppercase;*/

}

.sideBarTitle:first-child {
	margin-top:0;
}

.leftSideBar .sideBarTitle:first-letter {
  /*font-size: 120%;*/
  background-color: transparent;
  color:#101;
}

.leftSideBar ul {
  list-style-type: none;
  margin: 0 0 1em 0;
  padding: 0;
}

.leftSideBar li {
	padding: 0.4em 0.2em 0.3em 0.3em;
	border-bottom: 1px dotted #ddd;
	margin:0;
}

.leftSideBar a {
  text-decoration: none;
}

.leftSideBar li:hover, .leftSideBar li:hover a, .leftSideBar a:hover, 
.leftSideBar li:focus, .leftSideBar li:focus a, .leftSideBar a:focus {
  /* color: inherit; */
  background-color: #ffa;
  text-decoration: none;
}




.leftSideBar .sideBarText {
  color: rgb(166,140,83);
  background-color: transparent;
  line-height: 1.25em;
  margin: 1ex 0.25ex 1.5em 0.75ex;
  padding: 0;
  display: block;
}

.leftSideBar .sideBarText a {
  text-decoration: underline;
}

.leftSideBar .sideBarText a:hover {
  text-decoration: none;
}

.leftSideBar .thisPage {
  color: rgb(64,64,64);
  background-color: transparent;
  font-weight: bold;
}

#categories li {
	margin-left: 1.75em;
	padding-left: 0.25em;
	list-style: circle outside;
}
#feedItems li {	
	margin-left:1.75em;
	padding-left:0.25em;
	list-style: url("http://gregshin.pe.kr/blog/wp-content/themes/gila/images/feed-icon16x16.png") square;
}


/* ##### Right Side Bar ##### */

/*
.rightSideBar {
  width: 14em;
  margin: 0 0.5ex 0 0;
  padding: 0;
  float: right;
  clear: right;
  border: 1px solid #aaa;
}
*/

[class~="rightSideBar"] {
  margin-right: 1.5ex;
}

.rightSideBar .sideBarTitle {
  color: black;
  background-color: #ddf;
  font-weight: bold;
  margin: 1.25ex 1ex;
  padding: 0.9ex 1ex;
  font-size: 100%;
  /*text-transform: uppercase;*/
}

.rightSideBar .sideBarTitle:first-letter {
  /*font-size: 120%;*/
  color: #101;
  background-color:transparent;
}


.rightSideBar a {
  color: #00f;
  background-color: transparent;
  text-decoration: none;
}

.rightSideBar a:hover {
  text-decoration: underline;
  background-color: #ff9;
}


.rightSideBar .sideBarText {
  line-height: 1.5em;
  margin: 0;
  padding: 0 2ex 1em 2ex;
}

.rightSideBar .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  padding: 0 2ex 1em 2ex;
  display: block;
}

.rightSideBar .more:hover {
  text-decoration: underline;
}
.rightSideBar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 1em 0;
  padding: 0;
}

.rightSideBar li {
  margin: 1ex;
  padding: 0 0 0 0;
}

img {
 border: 0;
}

.recent-excerpts li{font-size: 95%;}
.recent-excerpts a {text-decoration:none;}

/* ##### Main Copy ##### */

#main-copy {
  color: black;
  background-color: white;
  text-align: left;
  line-height: 1.5em;
  margin: 0 0 0 14em;
  /*padding: 0.1ex 15.5em 0.5em 0.5em;*/
  padding: 0 0.5em;
  border-left: 1px solid rgb(216,210,195);
}

#main-copy h1 {
	color: white;
	background-color:#00d; 
	border-top:solid 1px #090;
	border-bottom:solid 1px #090;
	border-left: none;
	border-right: none;
	vertical-align: middle;
	padding: 0.4em;
	margin:1em 0 0.1em 0;
	font-weight:bold;
	font-size: 122%;
}

#main-copy h1:first-child {
	margin-top: 0;
}

#main-copy h1 a, #main-copy h1 a:visited {
	color:white;
	text-decoration:none;
	background-color:transparent;
}
#main-copy h1 a:hover, #main-copy h1 a:focus {
  color: white;
  background-color: #00d;
  text-decoration: underline;
  outline: 2px solid white;
}


.date-header {
  font-size:78%;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
}

.read-info {
	background-color: #eef;
	word-spacing: 0.2em;
	font-weight: normal;
	padding: 0.2em 1em;
	text-align: left;
	margin:0.2em 0;
}

.post {
	background: #f3f3f3 url("http://gregshin.pe.kr/img/bicycle.png") 99% 99% no-repeat;
	padding: 1em;
	line-height: 160%;
	margin:0;
}

.addcomment, .edit {
	margin-bottom: 4em;
}

/*
.post a {
  color: rgb(166,140,83);
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

.post a:hover {
  text-decoration: underline;
}
*/

blockquote {  
background: url(http://gregshin.pe.kr/blog/wp-content/themes/gila/images/quote.gif) no-repeat 0 3px; 
padding-left: 1em;
/*font-style: italic;*/
margin-bottom: 1px;
display:block; 
padding-top:0.5em;
}


/* ##### Footer ##### */

#footer {
  color: black;
  background-color: rgb(230,223,207);
  text-align: center;
  line-height: 1.25em;
  margin-top: 1em;
  padding: 1em 0.1em;
  /* clear: both; */
}

#footer div {
  margin: 0;
  padding: 0 0 1ex 0;
}

#footer a {
  color: black;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

#footer a:hover {
  text-decoration: none;
}
	
/* ##### Comments ##### */
	
.comment-link {
  text-transform:uppercase;
  letter-spacing:.1em;
}

input.text, textarea {
	background: #ffffff url("http://yoururl.com/wp-images/input.gif") top right;
	color: #000000;
	border: 1px solid;
	border-color: #888888 #888888 #aaaaaa #aaaaaa;
	padding: 3px 3px 4px 3px;
	font-size: 1em;
}


input:focus, textarea:focus { 
 /*
 border-top: 2px ridge #00e; 
 border-left: 2px ridge #00e;
 border-bottom: 2px groove #00e;
 border-right: 2px groove #00e;
 */
 outline: 2px groove #00e }

.alt {
	 background-color: #f0eeff;
	 color: black;
	 border-bottom: 1px solid #ddd;
	 margin:0.2em 0;
	 padding: 0.3em 1em;
}	

.relation {
	background-color: #eef;
	color: black;
	padding: 1em;
}

cite {
	font-style: normal;
}


/* ###### About #### */

.reference p {text-align:left; margin: 0.3em 0 0 2.5em; text-indent:-2.5em;}

/* ###### Gravatar #### */

.gravatar {
	float:left;
	margin-right: 1em;
}

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

/* ###### Tag Cloud #### */
.tag-cloud {
	font-family:Georgia, serif;
	line-height: 250%;
}
.tag-cloud a {
	margin-right:1em;
}


/* Posting */
.clean-data-table {
	border-top: 2px solid #111;
	border-bottom: 2px solid #111;
	empty-cells:show;
	margin: 1em 0;
}

.clean-data-table caption {
	font-family: Arial, sans-serif;
	font-weight: bold;

}
.clean-data-table th {
	border-bottom: 1px solid #999;
	text-align:center;
	font-family: Arial, sans-serif;
}

.clean-data-table td {
	border-bottom: 1px dotted #999;
	padding: 0 0.5em;
}
tr.last-row td {
	border-bottom: none;
}

/** Wedding Invitation **/
#wedding, #wedding * {font-family: Georgia,serif; line-height:170%; }
#wedding { border:1px ridge #edd; color:black; background:#fff3ff url(http://img261.imageshack.us/img261/2066/pinkfloralfo2.jpg) repeat 0% 0%; 
	padding:1em 2em; font-size:1.1em;
}
#wedding h3 {font:2.2em "Monotype Corsiva" fantasy;text-align:center; color:#609; background-color:transparent;}
#wedding h5 {font-size:1.1em;border-bottom:1px dotted #ccc;}
#wedding h6 {font-size:1.05em;}
#wedding a img {border:none; vertical-align:middle;}
#invite a {float:left;margin-right:1em;}
#who {width:18em; margin:1em auto;}
#who p {font-size: 1.1em;}
#who small {font-size:0.85em;}
#wedding .more {display:none; border:1px dotted #aaa;padding:0 1em;background-color:#fff;color:#000;}
.data-tbl {border:1px solid #fff; empty-cells:show; background-color:#ccc;color:#000;margin-bottom:1em;}
.data-tbl th, .data-tbl td {border:1px solid #999;padding:0.1em 0.5em; background-color:#fff;color:#000;}
.data-tbl caption {font-weight:bold;}
#donation .data-tbl {width:45%;}
#donation .data-tbl th {width:6em;}
.float-tbl {float:left; margin-right:1em;}
#donation h5, #donation .closing {text-align:center;font:bold 1.5em serif;border:none;}