/**
 * last-modified: 2006-08-04 by sl33pycat at gmail.com
 *
 * coding: utf-8
 * tab-size: 4
 */

body {
	font-family: Georgia, "NanumGothic", "Trebuchet MS", Helvetica, serif;
	font-size: small;
	text-align: center;
	background-image: url( ./background.png );
	margin: 1em 0 0 0;
}

/* ---------- layout ---------- */
div#wrap {
	margin-left: auto;
	margin-right: auto;
	width: 840px;
	height: 217px;
	background-image: url( ./sunnycat.png );
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
}

div#head {
	width: 610px;
	height: 100px;
	padding: 15px 10px 10px 5px;
	line-height: 1em;
}

div#content {
	float: left;
	clear: left;
	width: 610px;
	padding: 15px 10px 10px 5px;
	background-color: transparent;
	overflow: hidden;
}

div#sidebar {
	position: relative;
	top: 105px;
	float: right;
	font-family: Georgia, Helvetica, sans-serif;
	width: 200px;
	padding: 0 0 0 .2em;
	line-height: 1.4em;
	background-image: url( ./sunnycat_paw.png );
	background-repeat: repeat-y;
	background-position: center;
}

div#bottom {
	float: left;
	clear: both;
	width: 610px;
	border-top: 2px solid #faac69;
	margin: 0 0 1em 0;
	background: transparent;
}

div#powered {
	float: left;
	width: 400px;
	text-align: center;
	background: transparent;
}

div#copyleft {
	float: right;
	width: 210px;
	text-align: center;
	background: transparent;
}

/* ---------- global ---------- */
textarea, input, select {
	background-color: #ddd;
	border: 1px solid #faac69;
	color: #000;
	margin: .1em 0 .1em 0;
	padding: .2em .2em .2em .2em;
	-moz-border-radius: .5em;
}

input[type="submit"] {
	border: 1px solid #666;
	color: #00f;
	background-color: #fff;
	-moz-border-radius: .5em;
}

input[type="checkbox"] {
	border: none;
}

input:focus, textarea:focus, label:focus {
	background: #eee;
	border: 1px solid #faac69;
}

/* ---------- head ---------- */
div#head h1 {
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 2em;
	color: #000;
	display: block;
}

div#head h1 a:link, div#head h1 a:visited {
	color: black;
	border: none;
	text-decoration: none;
}

div#head h1 a:hover {
	color: #00d;
}

div#head h5 {
	font-size: .9em;
	font-weight: normal;
	color: #666;
	margin: 0 20px 0 0;
}

/* ---------- content ---------- */
div#content a:link, div#content a:visited {
	color: #720308;
	text-decoration: none;
}

div#content a:hover {
	background-color: #720308;
	color: #fff;
}

/* ---------- entry ---------- */
.entry {
	border-top: #faac69 1px dashed;
	padding: .4em .5em .5em .4em;
	clear: both;
}

.entry h3 {
	font-size: 1.2em;
	margin: 0 0 2px 0;
}

.entry h5 {
	font-size: 1em;
	font-weight: bold;
	margin: .7em 0 .5em 0;
}

.entry p, .entry div {
	margin: 0 0 1em 0em;
	line-height: 1.7em;
	text-align: justify;
	text-indent: 1em;
}

.entry p.byline {
	clear: left;
	font-size: .9em;
	color: #777;
	margin: 0 0 1.2em 0;
}

.entry p.postfoot {
	margin: 1em 0 1.5em 0;
	clear: left;
	font-size: .9em;
	color: #777;
}

.entry img {
	border: 1px solid #a9a9a9;
	text-indent: 0;
}

.entry ul {
	margin: 1em 1em 1em 2.5em;
	padding: .4em;
	list-style: circle;
}

.entry ol {
	margin: 1em 1em 1em 2.5em;
	padding: .4em;
}

.entry table {
	width: 600px;
}

.entry td {
	line-height: 1.4em;
}

.entry dl {
	margin: 0 0 0 .9em;
	padding: .4em .4em .4em .4em;
	color: #333;
}

.entry dt {
	font-weight: bold;
	text-indent: 0em;
}

.entry blockquote {
	background: #f2e280 url(/weblog/skins/sunnycat/lquote.gif) no-repeat left top;
	margin: .5em 1.2em 1em 1em;
	padding: .4em .4em .4em 2.2em;
	color: #576b7d;
	-moz-border-radius: .8em;
}

.entry blockquote div.wrapper {
	background: transparent url(/weblog/skins/sunnycat/rquote.gif) no-repeat right bottom;
}

.entry blockquote.noimg {
	background: none;
	text-indent: 0em;
}

.entry blockquote div {
	margin: 0 0 0 0;
	text-indent: 0em;
}

.entry code {
	color: #229;
}

.entry pre {
	font-family: Lucida Console, serif;
	font-size: .9em;
	text-indent: 0em;
}

.entry span.highlight {
	background-color: #ff9933;
	color: black;
}

.entry div.leftbox {
	padding: 10px;
	float: left;
	text-indent: 0em;
}

.entry div.rightbox {
	padding: 10px;
	float: right;
	text-indent: 0em;
}

.entry .rss_hided {
	color: #999;
	text-align: right;
	padding: 1em 0 1em 0;
}

.entry span.lastupdated {
	margin-top: 0;
}

.entry li, .entry dd {
	text-indent: 0em;
}

/* ----------------- comments ----------------- */
#comments {
	margin: 0;
	line-height: 1.4em;
}

#comments h3 {
	color: black;
}

#comments span.commenthead {
	color: #999;
	font-size: .9em;
}

#comments div.commentbody {
	margin: 0 2em 0 0;
	text-align: justify;
	font-size: .9em;
}

#comments li {
	font-size: 1em;
	margin: 1em 0 0 0;
	-moz-border-radius: .8em;
	border: 0px dotted #00f;
	padding: .5em .5em .5em .5em;
	background: transparent url(/weblog/skins/sunnycat/rquote.gif) no-repeat right top;
	background-color: #f2e280;
}

.commentform {
	border-top: 1px dotted #faac69;
	margin: 1em 0 1.5em 3em;
	padding: .5em 0 .5em 0;
}

.commentform textarea {
	width: 27em;
}

.commentform .formfield, .commentform .formbutton, .loginform .formbutton {
	display: block;
}

.commentform .comment_author {
	display: none;
}

#nucleus_cf_name, #nucleus_cf_mail, #nucleus_cf_email {
	/* display: block; */
}

#nucleus_cf_verif {
	width: 300px;
}

/* ----------------- trackback ----------------- */
#trackbacks {
	margin: 0 0 0 0;
	line-height: 1.4em;
	padding-bottom: 1em;
}

#trackbacks h3 {
	color: black;
}

#trackbacks span.tbhead {
	color: #777;
	font-size: .9em;
}

#trackbacks li {
	margin: 1em 0 0 0;
	padding: .5em .5em .5em .5em;
	background: #f2e280 url(/weblog/skins/sunnycat/rquote.gif) no-repeat right top;
	-moz-border-radius: .8em;
}

#trackbacks div.excerpt {
	padding: 0 1.8em 0 0;
	text-align: justify;
	font-size: .9em;
}

#trackbacks div.info {
	font-family: serif;
	font-size: .9em;
	border: #aaa 1px dotted;
	background-color: #eee;
	padding: 5px;
	margin: 0 0em 0 3.5em;
	-moz-border-radius: .8em;
}

.tbtarget
{
	background: #f2e280 url(/weblog/skins/sunnycat/rquote.gif) no-repeat right top;
	padding: .5em 1em 0 1em;
	margin: 0 1em 0 1em;
	color: #222;
	-moz-border-radius: .7em;
}

.tbtarget div.title
{
	font-size: .9em;
	margin-bottom: 0px;
}

.tbtarget ol
{
	margin-top: 0px;
	margin-bottom: 0px;
}

/* ---------- sidebar ---------- */
div#sidebar h4 {
	font-size: 1em;
	margin: 10px 0 5px 0;
	border-bottom: #faac69 1px solid;
}

div#sidebar h4 a:link, div#sidebar h4 a:visited {
	color: black;
	text-decoration: none;
	border-bottom: none;
}

div#sidebar h4 a:hover {
	color: black;
}

div#sidebar ul {
	margin: 0;
	padding: .1em 0 1em 1em;
	list-style: none;
}

div#sidebar a:link, div#sidebar a:visited
{
	color: #720308;
	text-decoration: none;
	border-bottom: #aaa dashed 1px;
}

div#sidebar a:hover
{
	color: #dc791a;
	border-bottom: #dc791a dashed 1px;
}

div#sidebar a.banner:link, div#sidebar a.banner:visited {
	text-decoration: none;
	border-bottom: none;
}

div#sidebar a.banner:hover {
	text-decoration: none;
	border-bottom: none;
}

div#sidebar div#calendar {
	padding: 0 0 0 1em;
	font-size: 1em;
}

div#sidebar div#calendar a:link, div#sidebar div#calendar a:visited {
	border-bottom: none;
}

div#sidebar img {
	border: none;
}

.loginform label {
	display: block;
}

/* ---------- bottom ---------- */
div#bottom a:link, div#bottom a:visited {
	color: #00f;
	text-decoration: none;
	border-bottom: 1px dashed #aaa;
}

div#bottom a:hover {
	color: #faac69;
	border-bottom: 1px dashed #f00;
}

/* ----------------- code highlighter ----------------- */

.code {
	white-space: nowrap;
	border: 1px dotted #a0a0a0;
	font-family: 'Lucida Console', 'Courier New', Courier, monospace;
	font-size: .9em;
	margin: 0 0 0 0;
	line-height: 1.1em;
	padding: 0 0 0 0;
	color: #00b;
}
.code .de1, .code .de2 {
	color: #000060;
	font-weight: normal;
}
.code a:link {
	color: #006;
}
.code a:hover {
	background-color: #d6d6e6;
}
.code .imp {
	font-weight: bold;
	color: red;
}
.code li {
	font-family: 'Lucida Console', 'Courier New', Courier, monospace;
	color: #000060;
	background-color: #f2e280;
	padding-bottom: 2px;
	margin-left: 2em;
}
.code .kw1 {
	color: #818100;
}
.code .kw2 {
	color: #000000;
	font-weight: bold;
}
.code .kw3 {
	color: #000066;
}
.code .co1 {
	color: #808080;
	font-style: normal;
}
.code .co2 {
	color: #808080;
	font-style: italic;
}
.code .coMULTI {
	color: #808080;
	font-style: normal;
}
.code .es0 {
	color: #000099;
	font-weight: normal;
}
.code .br0 {
	color: #66cc66;
}
.code .st0 {
	color: #f00;
}
.code .nu0 {
	color: #c6c;
}
.code .me1 {
	color: #060;
}
.code .me2 {
	color: #060;
}
.code .me {}
.code .re0 {
	color: #00f;
}

/* ----------------- nfo view ----------------- */
.entry div .ascii {
}
.entry div .ascii pre {
	font-family: 'Lucida Console', serif;
	font-size: .9em;
}

.ascii {
	font-family: 'Lucida Console', serif;
	font-size: .9em;
	color: #001030;
	background-color: #F8F8F8;
	border: #04369B;
	border-style: solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
}

/* ----------------- shoutbox ----------------- */
#chatoutput {
	width: 190px;
	height: 200px;
	overflow: auto;
	font-family: "Trebuchet MS", sans-serif;
	font-size: .9em;
	padding: 0px;
	margin: 0px;
	border: 1px solid #ddd;
	background: #fff;
}

#chatoutput .name {
	font-size: 1.1em;
}

#chatoutput input {
	width: 115px;
}

#chatoutput ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

#chatoutput ul li {
	padding: 0.2em;
	margin: 0;
	background: none;
}

#chatForm {
	/* width: 200px; */
}

#chatForm label {
	margin-left: 0.4em;
}

#chatForm input {
	width: 120px;
	margin-left: 0.6em;
}

#chatForm input #submitchat {
}

#comment-new {
	border-bottom: 1px dotted #ccc;
}

#comment-new .name {
	color: #66f;
}

#comment-new .chatMessage {
	color: #333;
}

/* ----------------- Tehcnorati Tags ----------------- */

.entry .technoratitags {
	padding: 0 0 0 0;
}

.entry .technoratitags li {
	padding-left: 0.7em;
	display: inline;
	margin-right: 0.7em;
	background: url(/weblog/skins/sunnycat/technobubble.gif) top left no-repeat;
}


/* ----------------- GeoIP Flag image ----------------- */
.geoip_flag {
	vertical-align: middle;
	border: 0px solid #ddd;
}

/* ----------------- Pagination for NP_ShowBlogs ----------------- */
.pageswitch_wrap {
	width: 600px;
	float: right;
	text-align: right;
	margin-bottom: 1em;
}

.pageswitch { 
	font-family: verdana, sans-serif; 
	font-size: .8em; 
	line-height: 1.5em; 
	text-align: center;
} 

.pageswitch a { 
	display: block; 
	float: left;
	padding: 1px 5px 2px;
	margin-left: .1em;
	border: 1px solid #fff; 
	background: #f2e280;
}

.pageswitch span.newer, .pageswitch span.older {
	border: 1px solid #999; 
	font-weight: normal; 
	background: #f2e280; 
	color: #000;
	float: left;
	padding: 1px 5px 2px;
	margin-left: .1em;
}

.pageswitch span.gap {
	display: block;
	float: left;
	padding: 1px 5px 2px;
	margin-left: .1em;
	border: none; 
	background: transparent;
}

.pageswitch span.current { 
	border: 1px solid #999; 
	padding: 1px 5px 2px;
	font-weight: normal; 
	background: #d2c260; 
	color: #000;
	float: left;
	margin-left: .1em;
} 

.pageswitch a { 
   border: 1px solid #999; 
   text-decoration: none; 
}

.pageswitch a:hover { 
	border-color: #000;
} 

/* not used */
.pageswitch input { 
	font-family: verdana, sans-serif; 
	font-size: 10px; 
	font-weight:bold; 
	float:right;
	width:20px; 
	border: 3px solid #ddd; 
}