/*   
Theme Name: Yaletown
Theme URI: http://www.shupe.ca/articles/wordpress/themes/yaletown/
Description: Yaletown is a theme I created with my neighbourhood as the insperation.  The theme supports Sidebar Widgets and two different Bread Crumb Plugins. Once installed and activated several customizations can be set from the <a href="themes.php?page=yaletown.php">Options</a> page.
Author: Rodney Shupe
Author URI: http://www.shupe.ca/
Version: 2.0 RC2

Revision History
   version 1.0 -  Original Release
   version 1.1 -  Added table related tags to stylesheet.  Fixed missing ';'
                  on search results page.  Added identifier functions similar
				  to those universal for all my plugins.  Fixed missing
				  Category name display on Category Archive.
   version 1.2 -  I.E. Hack fix for <BLOCKQUOTE>.  Note you are unable to have
                  a left border and bottom padding in IE as it causes a strange
				  creeping effect to occur. 
   version 1.3 -  Removed adsense.php and will now rely on content filter
                  plugin Adsense-Deluxe Add ons
   version 1.4 -  Fixed missing __CLASS__ constant for versions of PHP older
                  than 4.3.0
   version 1.5 -  Added options to control page height and width.  Fixed issue
                  with PHP5 installs. Fixed issue with lists wrapping around
				  date block.
   version 1.6 -  Added optional compatible badges to footer.  Ensured the
                  theme is XHTML 1.0 Strict Compliant.  Improved <title> tag
				  content.  Added optional default font size. Added option to
				  display execution statistics. Fixed issue with favicon.
   version 2.0 -  Major overhaul with many new features:
                	  * Style Support
					  * Plugin Architecture to allow filtered content
					  * Full localization Support
					  * Upgrade notification
					  * Make Date Display Adjustable
					  * Increased flexibility
					  * Plugin/Filter Enabled Content
				  This new version includes some default styles to demonstrate
				  the capabilities of the theme's architecture.  Some highlights
				  of included styles:
				      Default:
					      This style implements the Yaletown version 1.x theme.
				      Liquid:
					      This style demonstrates a liquid design.
				      Vancouver Nights:
					      This style implements the Vancouver Nights theme.
				      Colorize:
					      This style is the most powerful of the included
						  styles.  It allows the user to adjust the content
						  aspects, colors and banner used.  This style allows
						  you to have many themes in one.
				  Also included is a Sidebar Widget and Static Sidebar item for
				  allowing the end user control over which style is displayed.
				  (Thanks to Ryan Boren who's Theme Switcher plugin inspired
				  the idea and who's plugin supplied some of the code.
				  Added some items to the default (non-Widget) sidebar.
				  Contains several fixes:
					 *	Fixed issue with comments template and sites that
						require logged in users for comments.
					 *	Fixed issue with background image of url('none')
						rather than	"none"
					 *	Fixed issue with link in description pointing to
						wrong location.
					 *	Fixed issue with comment post date.
					 *  Fixed sizing issue with date box.


ToDo:

ToDo Optional:
	  * Create Style for Yaletown Day
	  * Create addition banners and schemes for Colorized style
	  * Create Style similar in concept to UX Mag 


Usage Notes:


The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/


/* ------------------ HTML Defaults ------------------ */
html {
	background: #708090;
}
body {
	background-color: #708090;
	color: #4D5863;
	cursor: default;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
}
a, a:visited, a:link {
	text-decoration: none;
	color: #336699;
}
a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #E5ECF7;
}
a:active {
	color: #000000;
	background-color: #E5ECF7;
}
input, textarea {
	background-color: #F3F3F3;
	border: solid 1px #336699;
}
input:focus, textarea:focus {
	background-color: #FFFFFF;
}
cite {
	font: normal 12px verdana, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
H1 {
	font-size: 2.4em;
	font-weight: normal;
	color: #336699;
}
H2 {
	font-size: 1.6em;
	font-weight: normal;
	color: #336699;
}
H3 {
	font-size: 1.2em;
	font-weight: normal;
	color: #336699;
}
H4 {
	font-weight: bold;
	color: #336699;
}
H5 {
	font-size: 1em;
	font-weight: normal;
	color: #336699;
}
H6 {
	font-size: 1em;
	font-weight: bold;
}
.code, code {
	font-family: 'Courier New', Courier, Fixed, monospace;
	font-size: 12px;
	line-height: 17px;
	display: block;
	color: #000;
	background : #fff url('images/codeback.gif') repeat-y top left;
	width : 90.5%;
	overflow : auto;
	height : 100px;
	border : 1px solid #336699;
	padding-left:30px; padding-right:20px; padding-top:0; padding-bottom:0
}
TABLE, TR, TH, TD {
	border: 0px;
	padding: 0px;
	margin: 0;
	vertical-align: text-top;	
}
TABLE {
	border: 1px solid #E5ECF7;
}
TH, TD {
	padding: 3px;
}
TH {
	background-color: #E5ECF7;
	color: #336699;
}

#wrapper {
	background-color: #FFFFFF;
	width: 750px; /* Adjusted in alternate stylesheets */
	margin: 5px auto;
	text-align: left
}

/* ------------------ Header ------------------ */
#head {
	background-color: #28517F;
	color: #FFFFFF;
	width: 750px;  /* Adjusted in alternate stylesheets */
	height: 225px; /* Adjusted in alternate stylesheets */
	float: none;
}
#head div#title {
	background-color: #336699;
	border: 0;
	border-top: 10px solid #28517F;
	border-left: 10px solid #28517F;
	height: 215px; /* Adjusted in alternate stylesheets */
	width: 240px;
	float: left;
	color: #FFFFFF;
	overflow: hidden;
}
#head div#title H1, #head div#title H2 {
	font-size: 2.4em;
	font-weight: 900;
	margin: 15px 0px 0px 20px;
	padding: 0;
	line-height: 1em;
	color: #FFFFFF;
}
#head div#title H2 {
	font-size: 1.6em;
	font-weight: normal;
	margin-top: 10px;
}
#head div#title IMG {
	padding: 0;
	border: 0px none;
	margin: 15px 0px 0px 20px;
}
#head div#banner {
	background-color:#28517F;
	width: 500px;  /* Adjusted in alternate stylesheets */
	height: 225px; /* Adjusted in alternate stylesheets */
	float: right
}
#headbar {
	background-color: #CC0000;
	color: #FFFFFF;
	width: 750px; /* Adjusted in alternate stylesheets */
	height: 25px;
	float: none;
	margin: 0;
	padding: 0;
}
#headbar div#search {
	background-color: #990000;
	width: 240px;
	height: 25px;
	line-height: 25px;
	margin: 0;
	border: 0;
	padding: 0;
	border-left: 10px solid #CC0000;
	float: left;
	overflow: hidden;
}
#headbar div#search input#s {
	border: 1px solid #666666;
	width: 200px;
	height: 16px;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #666666;
	vertical-align:middle;
	margin-left: 10px;
}
#headbar div#search input#s:focus {
	color: #000000;
}
#headbar div#search button#searchsubmit {
	background: url('images/search.gif') no-repeat;
	border: 0px none;
	font-size: 0px;
	width: 20px;
	height: 16px;
	text-indent: -1000em;
	vertical-align:middle;
	cursor: pointer;
}
#headbar div#topmenu {
	background-color: #CC0000;
	width: 500px; /* Adjusted in alternate stylesheets */
	height: 25px;
	text-align: right;
	float: right
}
#headbar div#topmenu UL {
	padding: 0;
	margin: 2px 5px auto 0px;
	list-style-type:none;
}
#headbar div#topmenu LI {
	display: inline;
	background-image: url('/images/li_topmenu.gif');
	background-position: 0 4px;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	padding: 0px 0px 0px 0px;
	padding-left:.5em;
}
#headbar div#topmenu LI.first {
	background-image: none;
}
#headbar div#topmenu LI A {
	text-decoration: none;
	color: #FFFFFF;
	background-color: transparent;
	padding: 0px 0px 0px 0px;
}
#headbar DIV#topmenu LI A:hover {
	text-decoration: underline;
}

/* ------------------ Sidebar ------------------ */
#sidebar, #sidebar2 {
	color: #FFFFFF;
	float: left;
	margin: 0;
	padding: 0;
	width: 240px;
	border-left: 10px solid #FFFFFF;
	background-color: #336699;
	display: block;
}
#sidebar2 {
	float: right;
	border: 0;
}
#sidebar H1, #sidebar H2, #sidebar H3, #sidebar H4, #sidebar H5, #sidebar A, #sidebar A:visited, #sidebar A:link,
#sidebar2 H1, #sidebar2 H2, #sidebar2 H3, #sidebar2 H4, #sidebar2 H5, #sidebar2 A, #sidebar2 A:visited, #sidebar2 A:link {
	background-color: #336699;
	color: #000000;
}
#sidebar UL, #sidebar2 UL {
	/*background-color: #336699;*/
	color: #000000;
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar UL LI, #sidebar2 UL LI {
	color: #FFFFFF;
	padding: 5px 0px 5px 15px;
	overflow: hidden;
	width: 200px;
}
#sidebar UL LI H2, #sidebar UL LI H3, #sidebar UL LI H4,
#sidebar2 UL LI H2, #sidebar2 UL LI H3, #sidebar2 UL LI H4 {
	margin: 0;
	font-size: 14px;
	font-weight: normal;
}
#sidebar UL LI UL, #sidebar2 UL LI UL {
	padding: 0;
	color: #FFFFFF;
	font-size: 12px;
	list-style: none;
}
#sidebar UL LI UL LI, #sidebar2 UL LI UL LI {
	padding: 0px 0px 0px 15px;
}
#sidebar UL LI UL LI A, #sidebar UL LI UL LI A:visited, #sidebar UL LI UL LI A:link,
#sidebar2 UL LI UL LI A, #sidebar2 UL LI UL LI A:visited, #sidebar2 UL LI UL LI A:link {
	text-decoration: none;
	background-color: transparent;
	color: #FFFFFF;
}
#sidebar UL LI UL LI A:hover, #sidebar2 UL LI UL LI A:hover {
	text-decoration: underline;
	background-color: transparent;
	color: #FFFFFF;
}
#sidebar UL LI div.adsense, #sidebar2 UL LI div.adsense {
	padding: 0 0 0px 25px;
}

/* ------------------ Main - Post/Page Content ------------------ */
div#breadcrumb {
	color: #990000;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
div#breadcrumb a {
	color: #990000;
	text-decoration: none;
}

div#breadcrumb a:hover {
	background-color: transparent;
}
#breadcrumb UL {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#breadcrumb LI {
	display: inline;
	margin: 0;
	padding: 0px .5em 0px 0px;
}
#breadcrumb LI.current {
	display: none;
}
#breadcrumb LI A:hover {
	text-decoration: underline;
}


/* ------------------ Main - Post/Page Content ------------------ */
#main {
	width: 480px; /* Adjusted in alternate stylesheets */
	overflow: hidden;
	float: right;
	margin: 0;
	padding: 5px 10px 5px 10px;
	color:#000000;
	position: relative;
}
#main H1 {
	font-size: 18px;
	font-weight: normal;
	color: #336699;
}
#main BLOCKQUOTE {
	clear: right;
	background-color: #E5ECF7;
	color: #708090;
	padding: 5px 10px 5px 5px !important;
	border-left: 5px solid #336699;
	padding-bottom: 0px; /* IE Hack: Since we are using a left border we can not use bottom padding */
}
#main DIV.navigation {
	clear: both;
	display: block;
	font-size: 12px;
}
.left {
	clear: none;
	text-align: left;
	float: left;
}
.right {
	clear: none;
	text-align: right;
	float: right;
}

/* ------ Date Block ------ */
.date {
	font-size: 11px;
	line-height: 1.1em;
	background: transparent;
	color: #000;
}
.dateseperated {
	float: left;
	clear: left;
	height: 6.36em;
	width: 6.36em;
	margin: 0 5px 5px 0px;
	color: #336699;
	border: 1px solid #336699;
	border-top-width: .9em;
}
.date span.day, .date span.month, .date span.year {
	display: block;
	margin: 0 auto 0 auto;
	text-align: center;
}
.date span.day {
	font-size: 30px;
	font-weight: normal;
	line-height: 1.1em;
}
.date span.month {
	margin-top: -.9em;
	font-weight: bold;
}
.date span.year {
	margin-top: -.9em;
	font-weight: bold;
}

.post_info {
	clear: both;
	border-top: solid 1px #ccc;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 20px;
	font-size: 9px;
	text-align: left;
	color: #999;
}
.entry UL, .entry OL {
	display:table;
}
.post_info UL {
	list-style: none;
	margin: 0;
	padding: 0;
}
.post_info LI {
	display: inline;
	padding-right: 10px;
}
.post_info a, .post_info a:link, .post_info a:active, .post_info a:visited {
	font-size: 9px;
	color: #999;
}

/* ------------------ Special Styles ------------------ */
/* This is based on styles from the Sawchuk scheme for K2 */
.infobox {
    width: 200px;
	float: right;
    margin: 5px 20px 5px 20px;
	padding: 0;
}
.download, .information, .alert, .construction {
	background-repeat: no-repeat;
	text-align: left;
	font-size: 1em !important;
	line-height: 115%;
    border: 1px solid #800;
    color: #000;
    background: #F7ECE5;
    margin: 5px 20px 5px 20px;
    padding: 10px 10px 10px 10px;
}
.infobox .download, .infobox .information, .infobox .alert, .infobox .construction {
    margin: 5px 0px 5px 0px;
}
.download IMG, .information IMG, .alert IMG {
    float: left;
    border: 0px;
}
.download {
    border-color: #080;
    background-color: #ECF7E5;
	background-image: url('images/download_icon.gif');
	background-position: 10px 5px;
	background-repeat: no-repeat;
    height: 100px;
	padding-left: 90px;
}
.download IMG {
    float: left;
    border: 0px;
    padding: 0px 5px 5px 0px;
}
.download STRONG {
    color: #080;
}
.download A, .download A:visited, .download A:link {
	text-decoration: none !important;
    color: #080;
}
.download A:hover, .download A:active {
	text-decoration: none !important;
    color: #000000;
    background-color: #FFF;
}
.information {
    border-color: #008;
    background: #E5ECF7;
}
.information STRONG {
    color: #369;
}
.information A, .information A:visited, .information A:link {
	text-decoration: none !important;
    color: #369;
}
.information A:hover, .information A:active {
	text-decoration: none !important;
    color: #000000;
    background-color: #FFF;
}
.alert {
    border-color: #800;
    background: #F7ECE5;
}
.alert SMALL {
	line-height: normal;
}
.alert STRONG {
    color: #800;
}
.alert A, .alert A:visited, .alert A:link {
	text-decoration: none !important;
    color: #800;
}
.alert A:hover, .alert A:active {
	text-decoration: none !important;
    color: #000000;
    background-color: #FFF;
}
.construction {
    border-color: #880;
    background: #F7F7E5;
}
.construction SMALL {
	line-height: normal;
}
.construction STRONG {
    color: #880;
}
.construction A, .construction A:visited, .construction A:link {
	text-decoration: none !important;
    color: #880;
}
.construction A:hover, .construction A:active {
	text-decoration: none !important;
    color: #000000;
    background-color: #FFF;
}
.note, .new {
	background-position: 15px 10px;
	background-repeat: no-repeat;
	margin: 10px auto;
	padding: 10px 10px 10px 50px;
	text-align: left;
	font-size: 1.2em !important;
	line-height: 115%;
}
.new {
	background-color: #643;
	background-image: url('images/new.gif');
	border-top: 2px solid #F93;
	border-bottom: 2px solid #F93;
}
.note {
	background-color: #444;
	background-image: url('images/page.gif');
	border-top: 2px solid #AAA;
	border-bottom: 2px solid #AAA;
}
.callout {
	margin: 10px auto;
	padding: 10px;
	text-align: justify;
	font-size: 1.4em !important;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	color: #CCC;
}


/* ------------------ Comments ------------------ */
#comments h2 {
	font-size: 12px;
}
#comments ol.commentlist {
	margin: 10px 0 0 0px;
	padding: 0;
	list-style-type: none;
}
#comments ol.commentlist li {
	width: 465px; /* Adjusted in alternate stylesheets */
	margin: 0 0 15px 0px;
	padding: 5px;
	list-style-type: none;
}
#comments ol.commentlist li cite {
	font: normal 12px verdana, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#comments ol.commentlist li.alt {
	background-color: #E5ECF7;
	border: solid 1px #ddd;
}

#comments ol.commentlist li.normal p, #comments ol.commentlist li.alt p {
	margin: 3px 10px 10px 10px;
}
textarea#comment {
	width: 475px;
}
.commentdate {
	display: none;
}
/* ------------------ Footer ------------------ */
#footerbar {
	width: 750px; /* Adjusted in alternate stylesheets */
	height: 10px;
	overflow: hidden;
	background-color: #FFFFFF;
	clear: both;
}
#footer {
	width: 750px; /* Adjusted in alternate stylesheets */
	background-color: #708090;
	clear: both;
	color: #4D5863;
	border: 0px;
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-align: right;
}
#footer div.footnote {
	padding: 2px 0 0 0;
}
#footer div.adsense {
	text-align: right;
}
#footer p {
	padding: 0;
	margin: 0;
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #333333;
	background: transparent;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
}
#footerbadges { 
	font-size: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer .footerbadge {
	position: relative;
	margin: 5px 5px 5px 0;
	width: 10em;
	border: 0;
	font-family: helvetica,arial,sans-serif;
	font-size: 10px;
	font-weight: bold;
	float: left;
}
#footer .footerbadge a {
	border: 1px solid #4D5863;
	display: block;
	width: 100%;
}
#footer .footerbadge a:link, #footer .footerbadge a:visited, #footer .footerbadge a:hover {
	text-decoration: none;
}
#footer .footerbadge a:link, #footer .footerbadge a:visited {
	background-color: transparent;
	color: #4D5863;
}
#footer .footerbadge a:hover {
	border: 1px solid #fc6;
	background-color: #fc6;
	color: #000;
}
#footer .footerbadge span.spec {
	padding: 0;
	width: 60px;
	overflow: hidden;
	text-align: center;
}
#footer .footerbadge span.type {
	padding: 0;
	background-color: #4D5863;
	color: #708090;
	width: 3em;
	overflow: hidden;
	text-align: center;
	position: absolute;
	left: 1px;
}
#footer .footerbadge a:hover span.w3c {
	background-color: #fff;
	color: #0c479d;
}
#footer .s508badge a:hover {
	border: 1px solid #E5ECF7;
	background-color: #E5ECF7;
	color: #000;
}
#footer .footerbadge a:hover span.s508 {
	background-color: #336699;
	color: #fff;
}
#footer .ccbadge a:hover {
	border: 1px solid #4E4E4E;
	background-color: #8F8F8F;
	color: #000;
}
#footer .footerbadge a:hover span.cc {
	background-color: #fff;
	color: #000;
}
#footer .xmlbadge a:hover {
	border: 1px solid #FFFFFF;
	background-color:#0066CC;
	color: #fff;
}
#footer .footerbadge a:hover span.xml {
	background-color:#FF9933;
	color: #000;
}