/*
--------------------------------------------------
ningkiling.com GLOBAL STYLES
Last revised 28 April 2010
--------------------------------------------------
*/
/*
--------------------------------------------------
Color palette:
--------------------------------------------------

OrangeRed #FF4500
OrangeRed 50% #FFA280
Pantone 5445 C 80% #CED4D9

Navy #000080
Navy 50% #8080C0
Navy 25% #D4D4E9

Signature blue #5C6E8D
LightSteelBlue #B0C4DE

DimGray #696969
DarkGray #A9A9A9
Gainsboro #DCDCDC
WhiteSmoke #F5F5F5
White #FFF

*/
/*
--------------------------------------------------
GLOBAL RESET
--------------------------------------------------
undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved.
*/
:link, :visited { text-decoration: none }
ul, ol	{ list-style: none }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img { margin: 0; padding: 0 }
a img, :link img, :visited img { border: none }
address { font-style: normal }

/*
--------------------------------------------------
DEFAULT HTML STYLES
--------------------------------------------------
This section concerns generalizations and common elements
*/
body	{
		color: #696969; /* DimGray */
		font-size: 100%; /* Use percentage to avoid bug in Win IE */
		font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, Verdana, sans-serif;
		text-align: center; /* horizontal centering in Win IE */
		min-width: 58em; /* < Win IE7 ignores this */
		padding-bottom: 3em;
		background: #FFF url(http://www.ningkiling.com/images/utility/background_registration.png) no-repeat bottom center; /* White */
		}

/* Links */
a		{
		text-decoration: none;
		padding: .1em 0;
		}
a:link, a:visited {
		color: #000080; /* Navy */
		border-bottom: .1em solid #8080C0; /* Navy 50% */
		}
a:focus {
		outline: none; /* most browsers do not support yet support this property */
		-moz-outline: none; /* remove focus outline in Mozilla browsers */
		}
a:hover {
		background-color: #D4D4E9; /* Navy 25% */
		}
a:active {
		color: #FF4500; /* OrangeRed */
		}
a[name] { /* remove bottom border from internal hyperlinks */
		border-bottom: none;
		}

/* Headers */
h1, h2, h3, h4, h5, h6 {
		color: #FF4500; /* OrangeRed */
		font-weight: normal;
		font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, Verdana, sans-serif;
		line-height: 1.5;
		margin: 1.5em 0 0;
		}
h1		{
		font-size: 20px;
		line-height: 1.2;
		margin: 0 0 1.2em;
		}
h2		{
		font-size: 15px;
		line-height: 1.6;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin: 1.6em 0 .8em;
		}

p		{
		margin-bottom: 1.5em;
		}
blockquote {
		margin: .75em 1.5em;
		}
address {
		margin: .75em 0;
		}

/* Lists */
ul ul, ol ol, ul ol { /* nested list indent */
		margin-left: 1em;
		}

/* Forms */
form	{
		margin: 0;
		}
legend	{
		color: #FF4500; /* OrangeRed */
		font-size: 15px;
		text-transform: uppercase;
		letter-spacing: .1em;
		padding: 0 .5333em;
		}
fieldset {
 		border: .1em dotted #C0C0C0; /* Silver */
 		margin-bottom: .75em;
 		padding: .375em .75em .75em;
		}
label	{
		cursor: pointer;
		}
input[type="text"] {
		color: #A9A9A9; /* DarkGray */
		font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", Courier, monospace;
		padding-left: .375em;
		}
input[type="text"]:focus {
		color: #FFF; /* White */
		background: #5C6E8D; /* Signature blue */
		}
pre, code {
		font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", Courier, monospace;
		}
abbr, acronym {
		font-size: .75em;
		letter-spacing: .1em;
		border-bottom: .1em solid #DCDCDC; /* Gainsboro */
		cursor: help;
		}
dfn		{
		border-bottom: .1em solid #DCDCDC; /* Gainsboro */
		cursor: help;
		}

/*
--------------------------------------------------
PAGE STRUCTURE
--------------------------------------------------
This section defines layout elements and respective environmental formatting
*/
#banner_background {
		height: 6em;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #5C6E8D url(http://www.ningkiling.com/images/utility/gradient-5C6E8D.gif) repeat-y left; /* Signature blue */
		}

#wrapper {
		text-align: left; /* reset Win IE workaround */
		width: 58em; /* 928px */
		position: relative;
		margin: 0 auto 1.5em; /* standard CSS horizontal centering */
		background: transparent;
		}

/* Banner -- identity + navigation */
#banner {
		position: relative;
		background: transparent;
		}
#banner .logo a:link, #banner .logo a:visited {
		width: 176px;
		height: 63px;
		position: absolute;
		right: 0;
		bottom: -1em;
		display: block;
		margin: 0;
		padding: 0; /* reset default link padding */
		border-bottom: none;
		background: transparent url(http://www.ningkiling.com/images/logos/logo-ningkiling.png) no-repeat left center;
		}
#banner .logo a:hover {
		background-position: center center;
		}
#banner .logo a:active {
		background-position: right center;
		}
#banner .logo span {
		display: none;
		}
#banner #today {
		color: #FFF; /* White */
		font-size: 11px;
		line-height: 1.63636;
		text-transform: uppercase;
		letter-spacing: .1em;
		position: absolute;
		top: .40909em;
		right: 0;
		}
#banner #today span {
		color: #949EBB; /* PMS 295 33% */
		font-style: italic;
		font-family: "Trebuchet MS", Arial, sans-serif;
		text-transform: none;
		}

#container { /* grouping for content + sidebar */
		line-height: 1.5;
		background: transparent;
		}

/* Main content */
#content {
		width: 40em; /* 640px */
		position: relative;
		float: left;
		margin: 1.5em 0 0;
		background: #FFF;
		}

/* Heading styles */
#content h1 span:first-child {
		color: #696969; /* DimGray */
		font-weight: bold;
		font-size: 16px;
		line-height: 1.125;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
#content h1 span.item {
		font-size: 20px;
		line-height: .9;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
#content h2 span:first-child, #content h3 span:first-child {
		color: #FFF; /* White */
		font: 10px/1.8 "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", Courier, monospace;
		text-transform: uppercase;
		letter-spacing: .1em;
		padding: .375em;
		background: #A9A9A9; /* DarkGray */
		}

/* Paragraph styles */
#content p {
		margin-bottom: 0;
		}
#content h1 + p, #content .inset + p {
		font-size: 18px;
		line-height: 1.3333;
		}
#content p + p {
		text-indent: 1.5em;
		margin-bottom: 0;
		}
/* Primary content, for use along with tabbed content */
#main	{
		width: 30em; /* 402px */
		float: left;
		margin-right: 1.5em;
		background: transparent;
		}

/* Image inset */
#content .inset.left {
		float: left;
		margin-right: .75em;
		}
#content .inset.right {
		float: right;
		margin-left: .75em;
		}
#content .inset img { /* photo-frame effect */
		}

/* Swapped content */
#hold	{
		display: none;
		}
#swap h3 + p:first-line {
		color: #808080; /* Gray */
		font-weight: bold;
		}

/* Slideshow */
#photodiv {
		background-repeat: no-repeat;
		}
#photoimg {
		}

/* Multiple-entry page */
#content .entry {
		clear: both;
		}

/* Columns */
/* 2-column layout */
#content .column {
		width: 19.25em;
		float: left;
		margin-right: 1.5em;
		background: transparent;
		}
#content .column.right { /* rightmost column -- matches selectors with both class .column and .right */
		float: left;
		margin-right: 0;
		}

/* Sidebar */
#sidebar {
		width: 16.5em; /* 264px */
		position: relative;
		float: right;
		margin: 0 0 0 1.5em;
		background-color: transparent;
		}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
		font-weight: normal;
		font-size: 15px;
		line-height: 1.6;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin: 1.6em 0 0;
		}
#sidebar div.subsection {
		margin-bottom: 1.5em;
		}
#sidebar div.subsection:first-child {
		margin: 1.5em 0 0;
		}

/* Footer */
#footer {
		color: #A9A9A9; /* DarkGray */
		font: 12px/2 "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif;
		padding: 2em 0 0;
		position: relative;
		clear: both;
		list-style: none;
		background: #FFF; /* White */
		}
#footer li {
		padding: 0 .5em;
		display: inline;
		background: url(http://www.ningkiling.com/images/utility/pipe.gif) no-repeat right;
		}
#footer li.first {
		padding-left: 0;
		}
#footer li.last {
		background: none;
		}
#footer li.byline { /* use for site-design credit */
		color: #A9A9A9; /* DarkGray */
		font-style: italic;
		position: absolute;
		top: 2em;
		right: 0;
		padding: 0;
		background: none;
		}
#footer li.byline span {
		font-weight: bold;
		}

/*	Utility elements */
.hidden { /* completely remove from layout */
		display: none !important;
		}
.display	{
		display: block !important;
		}
.invisible { /* does not display but remains in layout flow */
		visibility: hidden;
		}
.clip	{
		overflow: hidden;
		}
.clearance {
		height: 0;
		clear: both;
		}
.clear	{
		clear: both;
		}

/*
--------------------------------------------------
NAVIGATION
--------------------------------------------------
*/
/* Main navigation */
#nav	{
		font: 12px/2 "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", Courier, monospace;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin-top: 68px; /* @5.6667em */
		list-style: none;
		background: transparent;
		}
#nav li {
		position: relative;
		float: left; /* gives layout, allows selection of colored background */
		top: 0;
		left: 0;
		padding-right: 6px; /* .5em */
		background: transparent url(http://www.ningkiling.com/images/utility/dropshadow-tab.png) no-repeat bottom right; /* PMS 295 83% */
		}
#nav a.first {
		}
#nav a	{
		text-align: center;
		letter-spacing: .1em;
		display: block;
		padding: 2px 1em; /* .1667em -- substitute px for rounding discrepancies */
		border-bottom: none;
		background: #5C6E8D url(http://www.ningkiling.com/images/utility/gradient-5C6E8D.gif) repeat-y right; /* Signature blue */
		}
#nav a:link, #nav a:visited {
		color: #B0C4DE; /* LightSteelBlue */
		}
#nav a:hover {
		color: #FFF; /* White */
		background-position: center;
		}
#nav a:active {
		color: #FF4500; /* OrangeRed */
		background: #FFF; /* White */
		}
#nav a.selected {
		color: #FF4500; /* OrangeRed */
		background: #FFF; /* White */
		}

/* Auxiliary navigation */
#sidebar .sidenav a {
		}
#sidebar .sidenav a:link, #sidebar .sidenav a:visited {
		}
#sidebar .sidenav a:hover {
		border-bottom: 1px solid #8080C0; /* Navy 50% */
		}
#sidebar .sidenav a:hover:after {
		content: " /"
		}
#sidebar .sidenav a:active {
		}
#sidebar a.selected {
		/* overwrite preceding :hover + :active properties */
		}

/*
--------------------------------------------------
FORMATTING STYLES
--------------------------------------------------
Positional, text, font, and miscellaneous formatting not defined in environmental contexts
*/
/* Positioning elements */
.center {
		text-align: center;
		}
.flush-right {
		text-align: right;
		}
.justify {
		text-align: justify;
		}		
.inline {
		display: inline;
		}
.float-left {
		float: left;
		}
.float-right {
		float: right;
		}
.all-pad {
		padding: .75em;
		}
.top-pad { /* also use to provide paragraph spacing in IE Win */
		padding-top: 1.5em;
		}
.left-pad {
		padding: 0 0 .75em 1.5em;
		}
.right-pad {
		padding: 0 1.5em .75em 0;
		}
.bottom-pad { /* also use to provide paragraph spacing in IE Win */
		padding-bottom: 1.5em;
		}
.trim	{
		margin: 0;
		padding: 0;
		}

/* Fonts */
.italic {
		font-style: italic;
		}
.bold	{
		font-weight: bold;
		}
.normal {
		font-variant: normal !important;
		font-style: normal !important;
		font-weight: normal !important;
		text-transform: none !important;
		letter-spacing: normal !important;
		}
.small {
		font-size: 12px;
		}
.smaller {
		font-size: smaller;
		}
.caps	{
		font-size: .875em;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
.code, .pre {
		font-weight: normal !important;
		font-style: normal !important;
		font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", Courier, monospace !important;
		letter-spacing: normal !important;
		}
.caption {
		font-style: italic;
		font-size: .75em;
		line-height: 2;
		}
.sig span {
		color: #000080; /* Navy */
		font: bold .75em "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, Verdana, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		display: block;
		}
.sig span:after {
		padding-left: .375em;
		content: "/";
		}
.posted {
		font-style: italic;
		font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif;
		}
.tags	{
		font: 12px/2 "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", Courier, monospace;
		font-style: normal;
		}
.tags span {
		color: #FF4500; /* OrangeRed */
		font-weight: bold;
		font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, Verdana, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		cursor: help;
		}
.tags dfn {
		color: #000080; /* Navy */
		}

/* Typography */
#content h1 + p:first-line, #content .inset + p:first-line {
		color: #FFA280; /* OrangeRed 50% */
		color: #808080; /* Gray */
		font-weight: bold;
		}
#content h1 + p > span:first-child, #content h2 + p > span:first-child, #content #swap h3 + p > span:first-child { /* all caps highlight */
		font-size: .83333em;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
#content p.ornament:first-line {
		color: #696969; /* DimGray */
		font-weight: bold;
		}

/* Images */
img.inset {
		display: block;
		padding: .375em !important;
		border: 1px solid #DCDCDC; /* Gainsboro */
		background-color: #F5F5F5; /* WhiteSmoke */
		}
img.inset.right {
		float: right;
		margin: 0 0 0 .75em;
		}
img.inset.left {
		float: left;
		margin: 0 .75em 0 0;
		}
img.inset.logo {
		height: auto !important;
		width: auto !important;
		margin-top: 0 !important;
		padding: 0 !important;
		border: none;
		background: none;
		}

/* Links */
.heading {
		color: #FF4500 !important; /* OrangeRed */
		border-bottom: .1em dotted #DCDCDC !important; /* Gainsboro */
		}
.heading:hover {
		border-bottom: none !important;
		}
a.img:link, a.img:visited, a.img:hover, a.img:active,
#sidebar a.img:link, #sidebar a.img:visited, #sidebar a.img:hover, #sidebar a.img:active {
		padding: 0 !important;
		border-bottom: none !important;
		background: none !important;
		}
.toplink, .btmlink {
		width: 13px;
		height: 13px;
		display: block;
		padding: 0;
		border-bottom: none !important;
		background: transparent url(http://www.ningkiling.com/images/utility/icon_vlink.gif) no-repeat top left;
		cursor: n-resize;
		}
.btmlink {
		background-position: top right;
		}
.toplink:hover {
		background-position: center left;
		}
.toplink:active {
		background-position: bottom left;
		}
.btmlink:hover {
		background-position: center right;
		}
.btmlink:active {
		background-position: bottom right;
		}
.marker {
		background-color: #D4D4E9 !important; /* Navy 25% */
		}
.info	{
		cursor: help;
		}
.pdf	{
		padding-left: 1.5em;
		background: transparent url(http://www.ningkiling.com/images/utility/icon_pdf.gif) no-repeat left;
		}
.rss	{
		padding-left: 1.5em;
		background: transparent url(http://www.ningkiling.com/images/utility/icon_rss.png) no-repeat left;
		}
.share	{
		padding-left: 1.5em;
		background: transparent url(http://www.ningkiling.com/images/utility/icon_share.png) no-repeat left;
		}
.facebook {
		padding: .2em 0 .2em 1.5em;
		background: transparent url(http://www.ningkiling.com/images/utility/icon_facebook.gif) no-repeat left;
		}
.delicious {
		padding-left: 1.5em;
		background: transparent url(http://www.ningkiling.com/images/utility/icon_delicious.gif) no-repeat left;
		}
.twitter {
		padding: .2em 0 .2em 1.5em;
		background: transparent url(http://www.ningkiling.com/images/utility/icon_twitter.png) no-repeat left;
		}


/* Lists */
/* N.B. May need to declare float value to make lists indent properly */
.square {
		margin: .75em 0 .75em 1.1em;
		list-style: square;
		}
.decimal {
		list-style-type: decimal;
		margin-left: 1.5em;
		}
.inline li {
		margin-left: 1em;
		display: inline;
		}
.inline li:first-child {
		margin-left: 0;
		}
.inline li.first {
		margin-left: 0;
		}

/* Forms */

/* Search form */
#form_search input[type="text"], #search input[name="keywords"] {
		padding-left: 18px;
		background-image: url(http://www.ningkiling.com/images/utility/icon_search.png);
		background-repeat: no-repeat;
		background-position: top left;
		}
#sidebar #form_search input[type="text"] {
		width: 91%; /* @14.8em */
		}
#form_search input[type="text"]:focus, #search input[name="keywords"]:focus {
		background-position: bottom left;
		}

/* Verify */
#verify {
		font: 12px/2 "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", Courier, monospace;
		text-transform: lowercase;
		position: absolute;
		top: -5.5em;
		left: 0;
		}
#verify li {
		float: left;
		margin-right: 1em;
		padding-right: 1em;
		background: transparent url(http://www.ningkiling.com/images/utility/pipe.gif) no-repeat right;
		}
#verify li.last {
		margin-right: 0;
		padding-right: 0;
		background: none;
		}
#verify li a {
		color: #B0C4DE; /* LightSteelBlue */
		color: #FFF; /* White */
		border-bottom-color: #DCDCDC; /* Gainsboro */
		}
#verify li a:hover {
		color: #000; /* Silver */
		background: #5C6E8D url(http://www.ningkiling.com/images/utility/gradient-5C6E8D.gif) repeat-y left; /* Signature blue */
		}

/* Calendars */
.calendar td {
		padding: 0;
		}
.calendar td.top {
		}
.calendar .calendarMonthLinks a {
		}
.calendar .calendarHeader {
		color: #FF4500; /* OrangeRed */
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
.calendar .calendarDayHeading {
		color: #000080; /* Navy */
		font-weight: bold;
		text-align: center;
		}
.calendar .calendarCell {
		text-align:  right;
		vertical-align: middle;
		padding: 0 .5625em;
		}
.calendar .calendarCell a {
		font-weight: bold;
		}
.calendar .calendarToday {
		color: #FF4500; /* OrangeRed */
		font-weight: bold;
		}