/*   
Theme Name:   Santiance2
Theme URI:    http://santiance.com
Description:  Retail page design
Author:       Kristopher Ives
Author URI:   http://santiance.com
Version:      0.5

Copyright 2010 Kristopher Ives
*/

html {
	background-color: #ffffe8;
}

/* ============= Header ============= */
#hd {
	min-width: 750px;
}

#nav {
	background-color: #d2d9a9;
	height: 32px;
	background-image: url(images/chrome_bg.png);
}

#nav label {
	float: left;
	position: absolute;
	top: -2px;
	font-size: 10px;
	font-weight: bold;
	display: none;
}

#nav #s {
	position: relative;
	top: 2px;
	width: 80px;
	background-color: #e2e9b9;
	padding: 1px;
	border: 1px solid #f2f9c9;
	margin: 0;
	float: left;
	height: 15px;
	display: block;
	color: white;
	font-weight: bold;
}

#nav #search {
	float: left;
}

#nav #searchsubmit {
	position: relative;
	top: 2px;
	display: block;
	font-size: 12px;
	background-color: #f2f9c9;
	color: #818169;
	margin: 0;
	float: left;
	height: 19px;
	border: none;
	font-weight: bold;
}

#nav form {
	float: left;
}

#nav #search {
	float: left;
	padding: 4px;
}

#nav #logo {
	width: 41px;
	height: 33px;
	float: left;
	background-image: url(images/chrome_icon.png);
}

/* ==== Nav ==== */

.nav-items {
	font-family: Times New Roman;
	font-size: 19px;
	font-weight: bold;
	float: left;
}

.nav-items a {
	float: left;
	margin-left: 1px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 2px;
	text-decoration: none;
	color: #4f5334;
	padding: 4px;
	text-shadow: 0px 1px 0px #e2e9c9;/*#bfc3a4;*/
	letter-spacing: -1px;
}

.nav-items a:hover {
	color: black;
	text-shadow: 0px 1px 0px #fff;
}

#links {
	text-align: left;
	line-height: 20px;
	clear: both;
}

/* =========== Chrome ========== */

#networks {
	display: block;
	float: right;
	background-image: url(images/chrome_dark_bg.png);
	background-repeat: repeat-x;
	height: 33px;
	padding-right: 8px;
	width: 150px;
	
}

#networks a {
	
	float: right;
}

#networks .transition {
	float: left;
	background-image: url(images/chrome_light_to_dark.png);
	width: 24px;
	height: 33px;
}

/* ================ Page ============= */
#page-bd {
	color: #222;
	padding-top: 17px;
	width: 700px;
	padding-left: 32px;
	position: absolute;
	display: block;
	left: 10px;
	top: 40px;
}

#page {
	font-family: Verdana, sans-serif;
	font-size: 13px;
	z-index: 2;
}

#page code {
	color: black;
}

#page pre {
	text-align: left;
	background-color: white;
	padding: 4px;
	color: black;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
}

#page-bd p {
	word-spacing: 3px;
	margin: 8px 4px;
	text-align: left;
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	line-height: 18px;
	display: block;
	margin-right: 1em;	
}

#page-bd s {
	font-style: line-through;
}

/** ===== Headers ======= */

#page-bd h1, #page-bd h2, #page-bd h3, #page-bd h4 {
	text-align: left;
	font-weight: 100;
	display: block;
	clear: both;
}

#page h1, #page h2, #page h3, #page h4 {
	position: relative;
	font-family:Georgia,serif;
	color: black;
	font-weight: bold;
	text-transform: none;
	border-bottom: 1px solid #bba;
	margin-bottom: 0;
}

#page h1, #page h2 {
	border-top: 1px solid #000;
	border-bottom: 1px solid #331;
	padding-top: 0.44em;
	padding-bottom: 0.44em;
	font-variant: small-caps;
}

/* === Header Sizes === */
#page-bd h1 { font-size: 160%; left: -30px; }
#page-bd h2 { font-size: 135%; left: -20px;}
#page-bd h3 { font-size: 125%; left: -10px;}
#page-bd h4 { font-size: 115%; }

#page h1 {
	word-spacing: 4px;
	letter-spacing: 1px;
	text-align: left;
	padding-left: 30px;
}

#page h1:before {
	position: absolute;
	content: "\00A7";
	top: -13px;
	left: -11px;
	font-size: 53px;
	display: block;
	color: #551;
}

#page h2 {
	letter-spacing: -0.64px;
	padding-left: 10px
}

#page h1 a,
#page h2 a {
	text-decoration: none;
	color: black;
	
}

#page h1 a:hover,
#page h2 a:hover{
	text-decoration: underline;
	color: inherit;
}

#page-bd small {
	font-size: 85%;
	text-align: left;
}

/** ====== Links ====== */


#page-bd a {
	color: #8a0000;
}

#page-bd a:hover {
	color: #ff0000;
}

#page-bd p.crammed {
	margin: 0;
}

/** ======== Hints ======== */

#page .hint {
	float: right;
	font-size: 85%;
	color: #504020;
	letter-spacing: -0.02em;
	font-family: Arial;
	font-variant: normal;
}

#page h1 .hint {
	font-size: 12px;
	position: relative;
	top: 2px;
}

#page h2 .hint {
	font-size: 11px;
}

#page img.alignleft {
	float: left;
	margin: 4px;
}

#page img.alignright {
	float: right;
	margin: 4px;
}

#page .aligcenter {
	margin-left: auto;
	margin-right: auto;
}

#page p object {
	display:block;
    margin-left: auto;
	margin-right: auto;
}

/** ====== Tags ===== */

#page .tags {
	font-size: 10px;
	margin: 1px;
	letter-spacing: -0.03em;
	font-family: Arial;
}

#page .tags a {
	padding: 2px;
	margin: 1px;
	color: #551;
	background-color: #EFEFAB;
	text-decoration: none;
	font-variant: normal;
	border: 1px solid #DFDFAB;
}

#page .tags a:hover {
	background-color: #ff6d00;
	color: #EFEFAB;
	text-decoration: none;
	border-color: #ff8d40;
}

#page .tweets {
	border-bottom: 1px solid #bfbf8e;
}

#page .tweets .tweet {
	display: block;
	padding-top: 3px;
	border-top: 1px solid #bfbf8e;;
	min-height: 26px;
}

#page .entry  {
	
}

/* ===  Quotes === */

#page blockquote {
	background: url(images/closequote.gif) no-repeat bottom right !important;
}

#page blockquote p:first-child {
	background: url(images/openquote.gif) no-repeat left top !important;
}

#page blockquote p {
	padding-top: 10px;
	padding-left: 35px;
	padding-right: 20px;
	min-height: 32px;
}

#links a {
	display: block;
}
/*
#page ul,
#page ol {
	margin-left: 40px;
	text-align: left;
	margin-top: 6px;
	margin-bottom: 6px;
}
*/
#page-bd ol,
#page-bd ul {
	text-align: left;
}

#page-bd ul li {
	list-style-type: square;
	list-style-position: inside;
	margin-left: 20px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#page-bd ol li {
	list-style-type: decimal;
	margin-left: 10px;
}

/*
#page ul li:before {
	content: "\00BB";
	position: relative;
	left: -1em;
	top: 0.25em;
	margin-right: -0.5em;
	font-size: 150%;
}
*/
#page em,
#page i {
	font-style: italic;
}

#page strong,
#page b {
	font-weight: bold;
}

#page .post {
	margin-top: 5px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	
}

#page img.noclear {
	clear: none;
}

/** ===== Sidebar ===== */
#sidebar {
	padding: 4px;
	padding-left: 40px;
	font-size: 120%;
	margin-left: 0px;
	border-left: 1px solid #fffff;
	text-align: left;
	position: absolute;
	left: 725px;
	display: block;
	width: 300px;
	background-image: url(images/sidebar_bg.png);
	background-repeat: repeat-y;
	background-color: #fff;
	z-index: -1;
}

#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4 {
	font-family: Arial;
	font-style: italic;
	font-variant: normal;
	letter-spacing: 0.04em;
	color: #555528;
}

#sidebar li {
	word-spacing: 0px;
	list-style-type: none;
	display: block;
	
}

#sidebar li li {
	margin-top: 4px;
	margin-bottom: 4px;
}

#sidebar ul {
	margin-left: 0;
	padding-left: 0;
	margin-top: 0px;
	margin-bottom: 0px;
}

/** ===== Icons and Images ===== */

a.icon {
	float: left;
	display: block;
	margin-top: 3px;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	padding-left: 1px;
	padding-right: 1px;
}

a.videolink {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 120px;
	height: 90px;
}

a.smallicon {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	padding: 2px;
}

a.rss { background-image: url(images/rss.png); }
a.twitter { background-image: url(images/twitter.png); }
a.yuilib { background-image: url(images/yui.png); }
a.facebook { background-image: url(images/fb.png); }
a.launchpad { background-image: url(images/lp.png); }
a.stackoverflow { background-image: url(images/stackoverflow.png); }

/** ==== Widgets ===== */

#kris {
	display: none;
	position: absolute;
	font-size: 90px;
	color: #f8ebac;
	z-index: -1;
	letter-spacing: 5%;
	display: block;
	text-align: center;
	width: 100%;
}

#sidebar .seo_tag_cloud_widget {
	font-size: 10px;
	display: block;
	text-align: center;
	line-height: 20px;
}

#sidebar .seo_tag_cloud_widget em {
	font-style: normal;
}

#sidebar .seo_tag_cloud_widget a,
#sidebar .seo_tag_cloud_widget a:visited {
	color: #950000;
	padding: 1px;
	text-decoration: none;
}

#sidebar .seo_tag_cloud_widget a:hover {
	background-color: #950000;
	color: #ffff9d;
}

#wp-calendar {
	background-color: #ffffd8;
	color: black;
	border: 1px solid #cfcfa8;
}

#wp-calendar th {
	background-color: #cfcfa8;
	font-weight: bold;
	color: #ffffe8;
	padding: 5px;
}

#wp-calendar caption {
	font-style: italic;
	font-family: Times New Roman;
	text-align: center;
	color: #6f6f48;
	letter-spacing: 1px;
}

#wp-calendar td {
	padding: 4px;
}

#rss_subscribe {
	float: left;
	margin-top: 7px;
	margin-left: 2px;
}

.more-link {

	float: right;
	display: block;
}

.alignleft {
	float: left;
	display: block;
}

.alignright {
	float: right;
	display: block;
}

/* Hacks */
#sidebar .widget_Google_Chatback h2 {
	display: none;
	visibility: hidden;
}

#sidebar .widget_Google_Chatback {
	font-size: 80%;
	padding: 5px;
	border: 1px solid;
	color: #eee;
	background-color: #433;
}

#sidebar .widget_Google_Chatback a {
	color: white;
}

#sidebar .seo_tag_cloud_widget h2 {
	margin-top: 15px;
	text-align: center;
	font-size: 20px;
	
}