/*  
Theme Name: Dan Richards Blog
Theme URI: http://wordpress.org/
Description: Theme designed using Dan's preferences from template research
Version: 1.0
Author: Jeff Chown
Author URI: http://www.successtech.com/

	Richards v1.0

	This theme was designed and built by SuccessTech Inc.

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

*/

.text-small { font-size: 11px; }
.font-normal { fotn-weight: normal; }

.wp-email-mostemailed li
{
   list-style: none;
   padding-bottom: 4px;
} 

.wp-popularposts, .wp-popularposts li, .wp-popularposts ul
{
   list-style: none;
   margin: 0em; 
   text-align: center;
   padding-left: 0px;
   padding-bottom: 6px;
   width: 150px;
} 

#openx-banner
{
   position: relative;
   height: 110px;
   width: 100%;
   background-color: white;
}

.left
{
	text-align: left;
}

#iecall
{
	position: absolute;
/*
    top: 37px;
    left: 620px;
*/    
    top: 25px;
    left: 750px;
}

/* my additions: Jan 17, 2008 */
.date {
	width:3em;
   	padding:0.6em 0 0 0;
   	text-align:center;
   	border-right:1px solid #bcd0d4;
   	border-bottom:1px solid #bcd0d4;
   	color:#355b61;
 	background-color:#dfe9eb;
    background-image:url(images/calbg.jpg);
    background-repeat:no-repeat;
    background-position:top center;       
}

.month {text-transform:uppercase; font-weight:bold; color:#9b241b;}

.justify-right
{
	style: inline;
    text-align: right;
    font-size: 14px;
}

.justify-left
{
	style: inline;
    text-align: left;
    font-size: 14px;
}

#ad-top
{
    background-color: #2c3c45;
    text-align: center;
    padding: 10px;
}

.list-number
{
    list-style: decimal;
	text-align: left;
}

.list-right
{
	text-align: left;
/*    list-style: decimal; */
}

.page_item
{
	text-align: left;
    list-style: none;
    text-indent: 40px;
}

/* end: my additions */

/* basic elements */

html
{
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
}

body
{
	margin: 0;
	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
	margin-top: 10px;
	margin-bottom: 10px;
}


/* standard helper classes */

.clr
{
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */

body { text-align: center; } /* center on ie */

#container
{
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 720px;
	text-align: left;
}
#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #beta-right, #gamma, #delta
{
	display: inline; /* ie win bugfix */
	position: relative;
	float: left;
	min-height: 1px;
}

#delta { float: right; }

#alpha-inner, #beta-inner, #beta-right-inner, #gamma-inner, #delta-inner
{
	position: static;
}


/* banner user/photo */

.banner-user
{
	float: left;
	overflow: hidden;
	width: 64px;
	margin: 0 15px 0 0;
	border: 0;
	padding: 0;
	text-align: center;
}

.banner-user-photo
{
	display: block;
	margin: 0 0 2px;
	border: 0;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	text-decoration: none !important;
}

.banner-user-photo img
{
	width: 64px;
	height: auto;
	margin: 0;
	border: 0;
	padding: 0;
}


/* content */

.content-nav
{
	margin: 10px;
	text-align: center;
}

.date-header,
.entry-content
{
	position: static;
	clear: both;
}

.entry,
.trackbacks,
.comments,
.archive
{
	position: static;
	overflow: hidden;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comments-info,
.comment-content,
.comments-open-content,
.comments-closed
{
	clear: both;
	margin: 5px 10px;
}

.trackbacks-info p,
.comments-info p
{
	margin-top: 5px;
}

.trackbacks-link
{
	font-size: 0.8em;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
	clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
	clear: both;
	margin: 5px 10px 20px;
}

.entry-footer p
{
	margin-top: 0;
	margin-bottom: 2px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 240px;
}

#comment-bake-cookie
{
	margin-left: 0;
	vertical-align: middle;
}

#comment-post
{
	font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail
{
	float: left;
	width: 115px;
	margin: 0 10px 10px 0;
}

.image-thumbnail img
{
	width: 115px;
	height: 115px;
	margin: 0 0 2px;
}


/* modules */

.module
{
	position: relative;
	overflow: hidden;
	width: 100%;
}

.module-content
{
	position: relative;
	margin: 5px 10px 20px;
}

.module-content-nomargin
{
	position: relative;
/*	margin: 5px 10px 20px; */
}


.module-list,
.archive-list
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.module-list-item,
.archive-list-item
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.module-more
{
	text-align: right;
}

.module-elsewhere .module-list img,
.archive-elsewhere .archive-list img,
.module-presence img
{
	vertical-align: middle;
}

.module-powered .module-content { margin-bottom: 10px; }
.module-register .module-content { text-align: center; }
.module-photo .module-content { text-align: center; }
.module-logo .module-content { text-align: center; }
.module-contact .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }
.module-subscribe .module-content { text-align: left; }

.module-calendar .module-content table
{
	border-collapse: collapse;
	width: 100%;
}

.module-calendar .module-content th,
.module-calendar .module-content td
{
	width: 14%;
	text-align: center;
}

.module-category-cloud .module-list
{
	margin-right: 0;
	margin-left: 0;
}

.module-category-cloud .module-list-item
{
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	line-height: 1.2em;
	background: none;
}

.module-category-cloud .cloud-weight-1  { font-size: 0.9em; }
.module-category-cloud .cloud-weight-2  { font-size: 0.95em; }
.module-category-cloud .cloud-weight-3  { font-size: 1em; }
.module-category-cloud .cloud-weight-4  { font-size: 1.125em; }
.module-category-cloud .cloud-weight-5  { font-size: 1.25em; }
.module-category-cloud .cloud-weight-6  { font-size: 1.375em; }
.module-category-cloud .cloud-weight-7  { font-size: 1.5em; }
.module-category-cloud .cloud-weight-8  { font-size: 1.625em; }
.module-category-cloud .cloud-weight-9  { font-size: 1.75em; }
.module-category-cloud .cloud-weight-10 { font-size: 1.75em; }

.typelist-plain .module-list,
.typelist-plain .archive-list
{
	list-style: none;
}

.typelist-plain .module-list-item,
.typelist-plain .archive-list-item
{
	padding: 0;
	background: none;
}

.typelist-thumbnailed { margin: 0 0 20px; }

.typelist-thumbnailed .module-list-item
{
	display: block;
	clear: both;
	margin: 0;
}

/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */

.typelist-thumbnail
{
	float: left;
	min-width: 60px;
	width: 60px;
	/* no ie mac \*/width: auto;/* */
	margin: 0 5px 0 0;
	text-align: center;
	vertical-align: middle;
}

.typelist-thumbnail img { margin: 5px; }

.module-galleries .typelist-thumbnail img { width: 50px; }

.typelist-description
{
	margin: 0;
	padding: 5px;
}

.typelist-no-description
{
	text-align: center;
	margin: 10px 0;
}

.module-featured-photo .module-content,
.module-photo .module-content
{
	margin: 0;
}

.module-featured-photo img { width: 100%; }

.module-recent-photos { margin: 0 0 15px; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list
{
	display: block;
	height: 1%;
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
}

/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */

.module-recent-photos .module-list-item
{
	display: block;
	float: left;
	/* ie win fix \*/ height: 1%; /**/
	margin: 0;
	border: 0;
	padding: 0;
}

.module-recent-photos .module-list-item a
{
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
}

.module-recent-photos .module-list-item img
{
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
}


/* mmt calendar */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }

.module-mmt-calendar th { text-align: left; }

.module-mmt-calendar td
{
	width: 14%;
	height: 75px;
	text-align: left;
	vertical-align: top;
}

.day-photo
{
	width: 54px;
	height: 54px;
}

.day-photo a
{
	display: block;
}

.day-photo a img
{
	width: 50px;
	height: 50px;
}




/*
    Creator: Mena Trott
*/


/* Default ---------------------------------------------------------------- */

/* Global */

body {
    font: normal 13px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
}


/* Layout */

#container {
    width: 940px;
}

#alpha,
#beta,
#beta-right,
#gamma,
#delta {
    float: left;
}

#alpha {
    width: 485px;
}

#beta {
    width: 255px;
}

#beta-right {
    width: 200px;
}

#gamma,
#delta {
    width: 200px;
}


/* Header */

#banner {
    width: 940px;
    margin: 0;
    border-top-width: 10px;
    border-top-style: solid;
}

#banner-header {
    margin: 0 0 5px;
    line-height: 1;
}

#banner-description {
    margin: 0;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.125;
}

#banner-announce {
	color: white;
    margin: 0;
    font-size: 14px;
/*    line-height: 1.125; */
}

#banner a {
    text-decoration: none;
}

#banner a:hover {
    text-decoration: underline;
}


/* Content */

.date-header {
    margin: 0 0 5px;
    font-size: 10px;
}

.entry-header {
    margin: 0 0 5px;
    font-size: 22px;
    font-weight: bold;
}

.entry-header a {
    text-decoration: none;
}

.entry-header a:hover {
    text-decoration: underline;
}

.entry-content {
    margin: 5px 0;
}

.entry-more-link {
    font-weight: bold;
}

.entry-footer {
    margin: 10px 0 20px;
    border-top-width: 1px;
    border-top-style: solid;
    padding-top: 5px;
    font-weight: normal;
}

.entry-footer a,
.comment-footer a {
    font-weight: normal;
}

.content-nav {
    margin: 5px 0 10px;
}

.content-header {
    margin: 5px 0 30px;
    font-size: 26px;
    font-weight: bold;
}

.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
    margin: 5px 0;
}

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
    margin: 0;
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
}

.trackbacks-info,
.trackback-footer,
.comments-info,
.comment-footer,
.comments-open-footer,
.archive-content {
    margin: 5px 0 20px;
}

#comment-author,
#comment-email,
#comment-url,
#comment-text {
    width: 80%;
}


/* Utility */

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed {
    font-size: 11px;
}


/* Global ----------------------------------------------------------------- */

body {
    color: #333;
    font-family: arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;
    background-color: #2c3c45;
}

a {
    color: #4d6d7f;
}

a:hover {
    text-decoration: none;
}


/* Layout ----------------------------------------------------------------- */

#container-inner,
#pagebody {
    background-color: #fff;
}

#pagebody {
    margin-top: 30px;
}


/* Artistic */

.layout-artistic #gamma {
    margin-right: 15px;
}

.layout-artistic #alpha-inner,
.layout-artistic #beta-inner {
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.layout-artistic #gamma-inner,
.layout-artistic #delta-inner {
    padding-top: 0;
}


/* Calendar */

.layout-calendar #gamma {
    margin-right: 15px;
}

.layout-calendar #alpha-inner,
.layout-calendar #beta-inner {
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.layout-calendar #gamma-inner,
.layout-calendar #delta-inner {
    padding-top: 0;
}


/* Moblog 1 */

.layout-moblog1 #alpha {
    width: 190px;
}

.layout-moblog1 #beta {
    width: 560px;
}

.layout-moblog1 #gamma {
    width: 190px;
}

.layout-moblog1 #beta-inner {
    padding-right: 20px;
    padding-left: 20px;
}


/* Moblog 2 */

.layout-moblog2 #alpha {
    width: 85px;
}

.layout-moblog2 #beta {
    width: 460px;
}

.layout-moblog2 #gamma {
    width: 235px;
}

.layout-moblog2 #delta {
    width: 160px;
}

.layout-moblog2 #alpha-inner {
    padding-left: 20px;
}

.layout-moblog2 #beta-inner,
.layout-moblog2 #gamma-inner,
.layout-moblog2 #delta-inner {
    padding-right: 20px;
    padding-left: 20px;
}


/* Timeline */

.layout-timeline #alpha {
    width: 510px;
}

.layout-timeline #beta {
    width: 430px;
}

.layout-timeline #gamma {
    margin-right: 20px;
}

.layout-timeline #gamma,
.layout-timeline #delta {
    width: 185px;
}

.layout-timeline #alpha-inner,
.layout-timeline #beta-inner {
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.layout-timeline #gamma-inner,
.layout-timeline #delta-inner {
    padding-top: 0;
}


/* Two Column (Right) */

.layout-two-column-right #alpha {
    width: 750px;
}

.layout-two-column-right #beta {
    width: 190px;
}

.layout-two-column-right #alpha-inner {
    padding-right: 20px;
    padding-left: 20px;
}


/* Two Column (Left) */

.layout-two-column-left #alpha {
    width: 190px;
}

.layout-two-column-left #beta {
    width: 750px;
}

.layout-two-column-left #beta-inner {
    padding-right: 20px;
    padding-left: 20px;
}


/* Three Column */

.layout-three-column #alpha,
.layout-three-column #gamma {
    width: 190px;
}

.layout-three-column #beta {
    width: 560px;
}

.layout-three-column #beta-inner {
    padding-right: 20px;
    padding-left: 20px;
}


/* Three Column (Right) */

.layout-three-column-right #alpha {
    width: 560px;
}

.layout-three-column-right #beta,
.layout-three-column-right #gamma {
    width: 190px;
}

.layout-three-column-right #alpha-inner {
    padding-right: 20px;
    padding-left: 20px;
}


/* One Column */

.layout-one-column #container,
.layout-one-column #banner,
.layout-one-column #alpha {
    width: 780px;
}

.layout-one-column #alpha-inner {
    padding-right: 20px;
    padding-left: 20px;
}


/* Header ----------------------------------------------------------------- */

#banner {
    border-color: #000;
    background: #5c7684 url(images/header.png) no-repeat top left;
}

#banner a {
    color: #fff;
    font-weight: normal;
}

#banner-inner {
    padding: 30px 20px 60px 20px;
    padding-bottom: 86px;
    background: transparent url(images/header-inner.png) no-repeat bottom left;
}

#banner-header {
    width: 900px;
    color: #fff;
    font-size: 32px;
    font-weight: normal;
}

#banner-description {
    width: 900px;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}


/* Content ---------------------------------------------------------------- */

.entry-header,
.entry-header a,
.content-header {
    color: #000;
}

.date-header,
.entry-footer,
.entry-footer a,
.comment-footer,
.comment-footer a,
.trackback-footer {
    color: #999;
}

.entry-footer {
    border-top-color: #e1ecf6;
}

.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
    color: #000;
}


.archive-list-item {
    margin-bottom: 5px;
}


/* Widget ----------------------------------------------------------------- */

.layout-wtt #alpha {
    width: 559px; 
}

.layout-wtt #gamma {
    border-right: 1px solid #c0d0d9;
}

.layout-wtt #alpha-inner {
    margin: 0 19px 0 20px;
}

.module-powered .module-content,
.module-header {
    margin-bottom: 8px;
    border-top: 3.04px double #c0d0d9; 
    padding-top: 8px;
    padding-bottom: 0.29em;
    padding-left: 0;
    margin: 0 14px 8px 15px;
}


.module-header,
.module .module-header a,
.module-header .edit a { 
    font-family: arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0.2em;
    color: #333;
    border-left-color: #333;
}

.module-header .edit a { 
    font-family: arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;
    text-transform: none;
    font-weight: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: normal;
}

.module a {
    text-decoration: none;
}

.module a:hover,
.module-header a:hover,
.module-header .edit a:hover {
    text-decoration: underline;
}

.module ul,
.module ol,
.module dl {
    margin-bottom: 0; 
}

.asset-stream-module img {
    margin: 0;
    padding: 0;
    border: 1px solid #999;
}

.module-footer a,
.module-content a,
.archive-module .module-list .item {
    color: #4d6d7f;
}

.archive-module .module-list .item a {
    font-weight: normal;
} 

.module-header,
.module-content {
    margin-right: 15px;
    margin-left: 15px;
}

.module-header {
    font-size: 14px;
}

.module-header a {
    text-decoration: none;
}

.module-header a:hover {
    text-decoration: underline;
}

.module-content {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 11px;
}

.module-content td {
    font-size: 11px;
}

.layout-artistic .module-header,
.layout-artistic .module-content,
.layout-calendar .module-header,
.layout-calendar .module-content,
.layout-timeline .module-header,
.layout-timeline .module-content,
.layout-one-column .module-header,
.layout-one-column .module-content {
    margin-right: 0;
    margin-left: 0;
}


/* "Powered By" Module */

.module-powered .module-content {
    padding: 10px;
    text-align: center;
}

.module-powered .module-content,
.module-powered .module-content a {
    color: #333;
}


/* Calendar Module */

.module-calendar .module-content table {
    font-size: 10px;
}


/* Featured Photo Module */

.module-featured-photo,
.module-featured-photo img {
    width: 415px;
}


/* Recent Photos Module */

.layout-artistic .module-recent-photos {
    margin-top: 10px;
}

.layout-timeline .module-recent-photos {
    margin-top: 0;
}

.layout-moblog1 .module-recent-photos,
.layout-moblog2 .module-recent-photos {
    margin: 0;
}

.layout-moblog1 .module-recent-photos .module-content {
    margin: 5px 15px 20px;
}

.layout-artistic .module-recent-photos .module-list { 
    padding-left: 5px;
}

.layout-timeline .module-recent-photos .module-list { 
    padding-left: 15px;
}

.module-recent-photos .module-list-item {
    width: 64px; /* mac ie fix */
    margin: 0 4px 0 0;
    padding: 0;
    background-image: none;
}

.layout-moblog1 .module-recent-photos .module-list-item {
    margin: 0 5px 5px 0;
}

.layout-moblog2 .module-recent-photos .module-list-item {
    margin: 0 0 5px;
}

.layout-timeline .module-recent-photos .module-list-item {
    margin: 10px 10px 0 0;
}

.module-recent-photos .module-list-item a {
    border: 1px solid #000;
    padding: 1px;
    background-color: #fff;
}

.module-recent-photos .module-list-item a:hover {
    border-color: #e1ecf6;
}


/* Photo Module */

.module-photo {
    border: 0;
    background: none;
}

.module-photo .module-content {
    margin: 10px;
}

.module-photo img {
    border: 0;
}

.layout-moblog2 .module-photo img {
    width: 100px;
    height: auto;
}


/* Mixed Media Template Calendar Module */

.module-mmt-calendar {
    width: 415px;
    margin: 0;
}

.module-mmt-calendar .module-header,
.layout-timeline .module-recent-photos .module-header {
    margin: 0;
    padding: 5px 15px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    background-color: #000;
}

.module-mmt-calendar .module-header a {
    color: #fff;
}

.module-mmt-calendar .module-content {
    margin: 0 0 15px;
}

.module-mmt-calendar table {
    width: 415px;
    font-size: 11px;
    background-color: #000;
}

.module-mmt-calendar th {
    color: #fff;
    border-right: 1px solid #e1ecf6;
    border-bottom: 1px solid #e1ecf6;
    padding: 2px;
    text-align: right;
    font-weight: bold;
}

.module-mmt-calendar td {
    border-right: 1px solid #e1ecf6;
    border-bottom: 1px solid #e1ecf6;
    padding: 2px;
    text-align: right;
    font-weight: normal;
    background-color: #eff6fe;
}

th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 {
    border-right: none;
}

.day-photo a {
    border: 1px solid #e1ecf6;
    padding: 1px;
    background-color: #fff;
}

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


/* Module Thumbnailed */

.typelist-thumbnailed .module-list-item {
    margin: 1px 0;
    border-width: 1px;
    border-style: solid;
    padding: 0;
    background-repeat: repeat-x;
    background-position: top left;
}