/*
Theme Name: Precious Little Things
Theme URI: http://www.mortimix.com
Description: Simple and elegant theme. Designed by <a href="http://www.mortimix.com/">Mortimix</a>.
Version: 1.0
Author: Mortimix
Author URI: http://www.mortimix.com
Tags: light, two-columns, flexible-width, right-sidebar, theme-options, threaded-comments, custom-header

  Design and coding by Mortimix
    http://www.mortimix.com
	
	I made this for her...
	
	11 November 2009 
*/



/************* DESIGN *************/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

body {
	margin: 0;
	padding: 0;
	background-color: ##707070;	
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
	background: url('cssimages/background.jpg') repeat;
}

#container {
	margin: 0;
	padding: 20px 0;
	background: url('cssimages/top-background.jpg') repeat-x top;	
}

#wrapper {
	position:relative; 
	margin:0 auto; 
	width:690px;
}

#PageArea {
	position:relative; 
	padding:36px 40px 0 40px; 
	background:#f5f5f5 url('cssimages/BackWrapp.jpg') left top repeat;
}

#top {
	margin: 0 auto; 
	height: 3px; 
	width: 680px; 
	background: url('cssimages/shadowtop.png') -5px top repeat-x;
}

#topLeft {
	position:absolute; 
	top:0; 
	left:0; 
	z-index:1; 
	height:8px; 
	width:5px; 
	background: url('cssimages/shadowtop.png') left top no-repeat;
}

#topRight {
	position:absolute; 
	top:0; 
	right:0; 
	z-index:1; 
	height:8px; 
	width:5px; 
	background: url('cssimages/shadowtop.png') right top no-repeat;
}

#bottom {
	margin:0 auto;
	height:8px; 
	width:680px; 
	background: url('cssimages/shadowbottom.png') -5px -2px repeat-x;
}

#bottomLeft {
	position:absolute; 
	bottom:2px; 
	left:0; 
	z-index:1; 
	height:8px; 
	width:5px; 
	background:url('cssimages/shadowbottom.png') left top repeat-x;
}

#bottomRight {
	position:absolute; 
	bottom:2px; 
	right:0; 
	z-index:1; 
	height:8px; 
	width:5px; 
	background:url('cssimages/shadowbottom.png') right top repeat-x;
}

#page {
	position:relative; 
	padding:0 5px; 
	background:url('cssimages/shadowrepeat.png') left 8px repeat-y;
} 

/************* DATE *************/


/************* DESCRIPTION *************/

#description {
	color: #888;
	line-height: 1em;
	margin-bottom: 30px;
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
	width:440px;
	padding-top:5px;
	padding-bottom:5px;
}

/************* FONTS *************/

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
	}
	
h1, h2, h3, h4, h5, h6 {
	margin:0 0 6px 0; 
	color:#464646; 
	font-family:Georgia, "Times New Roman", serif; 
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight:normal;
}

h1 {
	margin-top:18px; 
	font-size: 2.2em; 
	line-height:3em;
}

h2 {
	margin-top:12px; 
	font-size: 1.8em; 
	line-height:2.2em;
}

h3 {
	margin-top:12px; 
	font-size: 1.6em; 
	line-height:1.9em;
}

h4 {
	margin-top:12px; 
	font-size: 1.2em; 
	line-height: 1.4em; 
	text-transform: uppercase; 
	font-weight: bold; 
	letter-spacing: 0.2em;
}

h5 {
	margin-top:12px; 
	font-size: 1.1em; 
	line-height: 1.3em;
}

h6 {
	margin-top:12px; 
	font-size:1em; 
	line-height:1.2em;
}

.content h1 {
	font-size: 2.2em;
}

.content h2 {
	font-size: 1.8em;
}

.content h3 {
	font-size: 1.6em;
}

.content h4 {
	font-size: 1.2em;
}

.content h5 {
	font-size: 1.1em;
}

.content h6 {
	font-size: 1em;
}

h2.title {
	margin-top:0;
}

#title {
	font-size: 4em; 
	line-height: 1em;	
	margin:0; 
	padding:27px 0 9px 100px;
	color: #198bb4;
}

#title a {
	font-style:italic;
	color:#198bb4;
}

#title a:hover {
	color:#0aade7;
}


.content code {
	padding:2px 3px; 
	margin:0 1px; 
	color:#363636; 
	background:#dcdcdc;
}

p {
	color:#888;
}

q:before,q:after{
	content:'';
}

abbr,acronym{
	border:0;
	font-variant:normal;
}

sup{
	vertical-align:baseline;
}

sub{
	vertical-align:baseline;
}

legend{
	color:#888;
}

strong, b {
	font-weight:bold;
}

em, i {
	font-style:italic;
}

strong, em, b, i {
	font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

li{
	list-style:none;
}

ul li {
	list-style-type:disc;
}

ol li {
	list-style-type:decimal;
}

.clear {
	clear:both;
}

code {
	font-family:Monaco, "Lucida Console", "Courier New", monospace;
}

input,button,textarea,select,optgroup,option{
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

input,button,textarea,select{
	font-size: 100%;
}

input, textarea, select {
	color:#464646; 
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

a {
	color:#464646; 
	text-decoration:none;
}

a:hover,
.metaAudio a:hover span,
#pageNav a:hover span {
	color:#000;
}

.content a,
.notes li a,
#credit a {
	font-weight:bold;
}

.metaList li.tagged a,
.meta a span,
.metaAudio a span,
#footerNav li a span,
#pageNav a span {
	border-bottom:1px dotted #dcdcdc;
}

.content a:hover,
.notes li a:hover,
.metaList li.author a:hover,
.metaList li.tagged a:hover,
.meta a:hover span,
.metaAudio a:hover span,
#footerNav li a:hover span,
#pageNav a:hover span {
	border-bottom:1px solid #dcdcdc; color:#555;
}

.metaNav li a:hover,
.metaAudio a:hover {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var,optgroup{
	font-style:inherit;
	font-weight:inherit;
}

del,ins{
	text-decoration:none;
}

caption,th{
	text-align:left;
}

/************* SPRITES *************/

a#descriptionToggle, 
li.posted a, 
li.notes a,
li.tagged, 
li.comments a, 
a.download, 
.plays,
#archive a, 
#mobile a, 
#rss a,
#search a, #tumblr a {
	background:url(http://static.tumblr.com/iqfzjqj/uKzkkt8al/icons16.png) 0 0 no-repeat;
}

a#descriptionToggle {
	background-position:0 0;
}

a#descriptionToggle:hover {
	background-position:0 -16px;
}

a#descriptionToggle.active {
	background-position:0 -32px;
}

a#descriptionToggle.active:hover {
	background-position:0 -48px;
}

li.posted a {
	background-position:0 -64px;
}

li.posted a:hover {
	background-position:0 -80px;
}

li.notes a {
	background-position:0 -96px;
}

li.notes a:hover {
	background-position:0 -112px;
}

li.tagged {
	background-position:0 -128px;
	}

a.download {
	background-position:0 -160px;
}

a.download:hover {
	background-position:0 -176px;
}

.plays {
	background-position:0 -192px;
}

#archive a {
	background-position:0 -208px;
}

#archive a:hover {
	background-position:0 -224px;
}

#search a {
	background-position:0 -240px;
}

#search a:hover {
	background-position:0 -256px;
}

#rss a {
	background-position:0 -272px;
}

#rss a:hover {
	background-position:0 -288px;
}

#mobile a {
	background-position:0 -304px;
}

#mobile a:hover {
	background-position:0 -320px;
}

#tumblr a {
	background-position:0 -386px;
}

#tumblr a:hover {
	background-position:0 -402px;
}

li.comments a {
	background-position:0 -416px;
}

li.comments a:hover {
	background-position:0 -432px;
}

/************* POST STYLING *************/

.post {
	position: relative; 
	clear: both; 
	margin: 0 0 9px 0; 
	padding: 8px 0 0 100px; 
	border-top: 1px solid #dcdcdc;
}

.date {
	font-family: Georgia, "Times New Roman", serif;
	text-align: left;
	top: 10px; 
	font-size: 1em;
	color: #d8d8d8;
	letter-spacing: 0.1em;
	Line-height: 1em;
	text-transform: uppercase;
}


.datem {
	font-family:Georgia, "Times New Roman", serif;
	text-align: left;
	top:10px; 
	font-size: 1em;
	color: #d8d8d8;
	letter-spacing: 0.1em;
	Line-height: 1em;
	text-transform: uppercase;
}

.daten {
	font-family:Georgia, "Times New Roman", serif;
	text-align: left;
	top:10px; 
	font-size: 1.8em;
	color: #d8d8d8;
	letter-spacing: 0.1em;
	Line-height: 1em;
	text-transform: uppercase;
}


#description .icon {
	display:none; 
	background-position:0 0;
}

.post.text .icon {
	background-position:-32px 0;
}

.post.photo .icon {
	background-position:-64px 0;
}

.post.quote .icon {
	background-position:-96px 0;
}

.post.link .icon {
	background-position:-128px 0;
}

.post.chat .icon {
	background-position:-160px 0;
}

.post.audio .icon {
	background-position:-192px 0;
}

.post.video .icon {
	background-position:-224px 0;
}

#disqus_thread .icon {
	background-position:-256px 0;
}

#twitter .icon {
	background-position:-288px 0;
}

.post a.icon:hover {
	opacity:0.8;
}

/************* TEXT AND CONTENT STYLING *************/

.content {
	margin-bottom:9px; 
	padding-right:100px; 
	font-size:110%; 
	line-height:1.455;
}

.content p, .content ul, .content ol {
	margin-bottom:6px;
}

.content ul li p, .content ol li p {
	margin-bottom:3px;
}

.content ul ul,
.content ol ol,
.content ul ol,
.content ol ul {
	margin-left:2em;
}

.content blockquote {
	margin:9px 35px 9px 20px; 
	border-left:5px solid #e5e5e5; 
	padding-left:10px;
}

.content blockquote * {
	margin-right:0;
}

p.answer_form_container {
	margin-top:9px;
}


/************* PHOTO *************/

.media {
	position:relative; 
	margin-bottom:9px;
}

.media a,
.media a:hover,
.media a *,
.media a:hover * {
	cursor:pointer !important;
}
.media a,

.media img {
	display:block;
	-webkit-box-shadow:-1px 1px 3px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:-1px 1px 3px rgba(0, 0, 0, 0.05); 
	box-shadow:-1px 1px 3px rgba(0, 0, 0, 0.05);
}

.media a {
	position:relative;
}

.media a .destination {
	z-index:1; 
	opacity:0; 
	display:none; 
	position:absolute; 
	top:0; 
	right:0; 
	width:100px; 
	height:100px; 
	background:url(http://static.tumblr.com/iqfzjqj/pRBkkt8d8/iconsmediaexternal.png) left top no-repeat; 
	-webkit-transition: opacity 0.1s ease-in;
}

.media a .zoom {
	background:url(http://static.tumblr.com/iqfzjqj/gbNkkt8dt/iconsmediazoom.png) center center no-repeat;
}

.media a:hover .destination {
	opacity:1; display:block;
}

/************* QUOTE *************/

.quotation {
	position: relative; 
	margin: 0 0 9px -50px; 
	background-color: rgb(220, 220, 220); 
	background-color: rgba(0, 0, 0, 0.1);
}

.quotation blockquote {
	overflow: hidden; 
	position: relative; 
	padding: 9px 50px 0 50px; 
	font-size: 1.3em; 
	font-family: Georgia, "Times New Roman", serif; 
	font-style: italic; 
	line-height: 1.6em; 
	color: #555;
}

.quotation blockquote .quoteWrapper {
	margin-bottom: 9px;
}

.quotation blockquote p {
	margin-bottom:0.5em;
}

.quotation blockquote a {
	color:#111;
}

.quotation blockquote a:hover {
	color:#000; 
	border-bottom:1px solid #c2c2c2;
}

.quotation blockquote .left,
.quotation blockquote .right,
.quotation .source {
	background:url(http://static.tumblr.com/iqfzjqj/Wzlkkt8io/quotation.png) 0 0 no-repeat;
}

.quotation .source {
	position:absolute; 
	top:9px; 
	left:-13px; 
	display:block; 
	width:13px; 
	height:9px; 
	background-position:0 0;
}

.quotation blockquote .left {
	display:block; 
	position:absolute; 
	top:0; 
	left:10px; 
	width:26px; 
	height:21px; 
	background-position:0 -9px; 
	text-indent:-9999px;
}

.quotation blockquote .right {
	z-index:1; 
	display:block; 
	position:absolute; 
	bottom:0; 
	right:10px; 
	width:26px; 
	height:21px; 
	background-position:0 -30px; 
	text-indent:-9999px;
}
.quotation.short blockquote {
	font-size: 1.5em; 
	line-height: 1.8em;
}

.quotation.long  blockquote {
	padding-top: 12px;
}

.quotation.long  blockquote .quoteWrapper {
	margin-bottom: 14px;
}

/************* LINKS *************/

.link h2 a .arrow {
	padding:0 8px; 
	background:#bfbfbf url(http://static.tumblr.com/iqfzjqj/o4Akkt86m/iconlink.png) left top no-repeat; 
	font-family:Arial; 
	font-size:14px; 
	line-height:1; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	border-radius:8px;
}

.link h2 a:hover .arrow {
	cursor:pointer;
}

.link h2 a:hover .string {
	border-bottom:1px solid #dcdcdc;
}

/************* CHAT *************/

.transcript {
	margin:0 0 9px 0;
}

.transcript dt {
	color:#464646; 
	font-size:109.091%; 
	line-height:1.33;
}

.transcript dd {
	padding-left:10px; 
	margin-bottom:6px;
}

/************* AUDIO *************/

.audio {
	position:relative;
}

.player {
	margin-bottom:9px; 
	width:207px; 
	min-height:27px; 
	background:#000; 
	color:#fff; 
	text-align:center;
}

.player span {
	line-height:2.7;
}

.player span a {
	font-weight:bold; 
	color:#fff;
}

.player span a:hover {
	border-bottom:1px solid #464646;
}

.metaAudio {
	position:absolute;
	 top:14px; 
	 left:320px; 
	 height:16px; 
	 font-size:100%; 
	 line-height:1.6;
}

/************* VIDEO *************/

.embed {
	margin-bottom:10px;
}

.embed object,
.embed embed {
	width:500px;
	-webkit-box-shadow:-1px 1px 3px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:-1px 1px 3px rgba(0, 0, 0, 0.05);
	 box-shadow:-1px 1px 3px rgba(0, 0, 0, 0.05);
}

/************* META *************/

.meta {
	margin:14px 0 0 0; 
	font-size:100%;
}

.metaList {
	display:block;
}

.metaList li {
	display:block; 
	float:left; 
	list-style:none; 
	margin:0 10px 6px 0;
}

.metaList li a,
.metaAudio a,
.metaAudio .plays,
#footerNav li a {
	display:block;
	padding:0 0 0 20px; 
	height:16px; 
	color:#959595; 
	font-size:100%; 
	line-height:1.6;
}

.metaList li.author {
	margin-left:-7px;
}

.metaList li.tagged {
	padding-left:20px; 
	white-space:nowrap;
}

.metaList li.author a,
.metaList li.tagged a {
	display:inline; 
	height:auto; 
	margin:0; 
	padding:0; 
	border-bottom:1px dotted #dcdcdc
}

.metaList li.tagged a {
	margin-right:5px;
}
.metaAudio a,
.metaAudio .plays {
	float:left; 
	margin-right:10px;
}

.metaAudio a.download {
	color:#464646;
}

/************* NOTES *************/

#notes {
	margin:3px 0 9px 0; 
	padding:8px 100px 9px 0; 
	border-top:1px dotted #dcdcdc;
}

.notes li {
	margin-bottom:6px; 
	list-style-type:none; 
	min-height:16px; 
	font-size:110%; 
	line-height:16px;
}

.notes li .avatar {
	padding-right:3px; 
	vertical-align:middle;
}

.notes li blockquote {
	margin:6px 28px 8px 28px; 
	padding:0 0 0 5px; 
	border-left:5px solid #E5E5E5; 
	font-size:90.91%;
}

.notes li blockquote a {
	font-weight:normal; 
	color:#959595;
}

.notes li blockquote a:hover {
	color:#555;
}


/************* PAGINATION *************/

#pageNav {
	clear:both; 
	border-top:1px solid #dcdcdc;
}

#pageNav a, #pageCount {
	float:left; 
	display:block; 
	padding:8px 0; 
	width:100px;
}

#pageNav a {
	color:#c1c1c1;
}

#pageNav a:hover {
	color:#7a7a7a;
}


#pageNav a span {
	color:#464646;
}

#pageNav a:hover span {
	color:#000;
}

#pageCount {
	color:#959595;
}

#pageNav a#following {
	float:right;
}

/************* FOOTER *************/

#footer {
	clear:both; 
	margin:0; 
	padding:8px 0 17px 100px; 
	border-top:1px solid #dcdcdc;
}

#footerNav {
	width:500px;
}

#footerNav li {
	float:left; 
	margin-bottom:6px; 
	width:100px; 
	list-style:none;
}

#footerNav li a {
	display:block;
}

#footerNav #search {
	position:relative; 
	cursor:pointer;
}

#footerNav li#tumblr a {
	display:block; 
	width:59px; 
	height:14px; 
	text-indent:-9999px; 
	line-height:1;
}

#credit {
	clear:both; 
	margin-top:46px;
}

#credit a {
	border-bottom:1px dotted #dcdcdc;
}

#signature {
	color: #cdcccc;
	line-height: 0.8em;
	margin-bottom: 10px;
	border-top: 1px dotted #c5c3c3;
	border-bottom: 1px dotted #c5c3c3;
	width: 440px;
	padding-top: 5px;
	padding-bottom: 5px;
/*	position: absolute;*/
	clear: both; 
}


/************* TWITTER *************/

#twitter {
	display:none;
}


table{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img{
	border:0;
}


/************* THICKBOX *************/

#TB_overlay {
	position:fixed; 
	z-index:9997; 
	top:0px; 
	left:0px; 
	height:100%; 
	width:100%; 
	cursor:pointer;
}

#TB_overlay:hover {
	cursor:pointer;
}

.TB_overlayBG {
	background-color:#000; 
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity:0.8;
}

* html #TB_overlay {
	position:absolute;
	height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');
}

#TB_window {
	position:fixed; 
	z-index:10000; 
	display:none; 
	top:50%; 
	left:50%;
}

* html #TB_window {
	position:absolute;
	margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}
	
#TB_window {
	-webkit-box-shadow:-3px 3px 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:-3px 3px 10px rgba(0, 0, 0, 0.25); 
	box-shadow:-3px 3px 10px rgba(0, 0, 0, 0.25);
}

#TB_window #TB_Image {
	display:block;
}

a#TB_ImageOff {
	display:block;
}

#TB_caption,
#TB_closeWindow {
	display:none;
	}
	
#TB_load {
	position:fixed; 
	display:none; 
	height:100px; 
	width:100px; 
	z-index:9998; 
	top:50%; 
	left:50%; 
	margin:-50px 0 0 -50px;
	background-color:#000; 
	background-color:#fff;  
	filter:alpha(opacity=90); 
	-moz-opacity:0.9; 
	opacity:0.9; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	-webkit-box-shadow:0 0 40px rgba(0, 0, 0, 0.2);
}

#TB_load img {
	display:bloc
	k; 
	width:32px; 
	height:32px; 
	margin:34px 0 0 34px;
}

* html #TB_load {
	position:absolute; 
	margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect {
	z-index:99; 
	position:fixed; 
	top:0; 
	left:0; 
	background-color:#fff; 
	border:none; 
	filter:alpha(opacity=0); 
	-moz-opacity:0; 
	opacity:0; 
	height:100%; 
	width:100%;
}

* html #TB_HideSelect {
	position:absolute; 
	height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');
}

a#TB_closeWindowButton {
	display:block; 
	position:fixed; 
	top:-25px; 
	right:-25px; 
	z-index:9999; 
	width:200px;
	height:200px; 
	background:url(http://static.tumblr.com/iqfzjqj/N6vkkt8bh/iconsmediaclose.png) center center no-repeat; 
	text-indent:-9999px; 
	opacity:0.5; 
	outline:none; 
	-webkit-transition: opacity 0.1s ease-in;
}

a#TB_closeWindowButton:hover,
#TB_overlay:hover + div + a#TB_closeWindowButton {
	opacity:1;
}