/*
-----------------------------------------------
----------------------------------------------- */


body {background:#fff url("img/tartanWallpaper.gif") repeat 0 0;margin:0;padding:0 10px;text-align:center;font:86% helvetica,arial;color:#343434;}


/* Page Structure
----------------------------------------------- */
@media all {
  #content {background:#9de1fa;width:950px;margin:0 auto;padding:0 20px 50px 20px;text-align:left;background:#7FD6F7 url("img/wrapBG.jpg") repeat-x left bottom;position:relative}
  #main {width:530px;float:left;padding-bottom:50px;font-size:85%;margin-left:10px;}
  #main2 {background:#A5E2FA;padding:20px 10px 15px;}
  *html #main2 {margin-top:38px}
  #sidebar {width:360px;float:left;font-size:85%;padding-bottom:20px;margin-left:30px}
  #sidebar2 {background:#A5E2FA;padding:5px 10px 15px;width:340px;}
  }
@media handheld {
  #content {width:90%;}
  #main {width:100%;float:none;}
  #sidebar {width:100%;float:none;}
  #sidebar2 {width:100%;}
  }


/* Title & Description
----------------------------------------------- */
@media all {
  #blog-title {margin:0 0 .5em;font:bold 250%/1.4em Helvetica,Arial,Sans-serif;color:#8dd;text-transform:lowercase;}
  #blog-title a {color:#8cc;text-decoration:none;}
  #description {margin:0 0 1.75em;color:#9c7;}
  #blog-mobile-title {display:none;}
  #description-mobile {display:none;}
  }
@media handheld {
  #blog-title {display:none;}
  #description {display:none;}
  #blog-mobile-title {display:block;margin:0 0 .5em;font:bold 250%/1.4em Helvetica,Arial,Sans-serif;color:#8dd;text-transform:lowercase;}
  #blog-mobile-title a {color:#8cc;text-decoration:none;}
  #description-mobile {display:block;margin:0 0 1.75em;color:#9c7;}
  }


/* Links
----------------------------------------------- */
a:link {color:#600026;}
a:visited {color:#84274c;}
a:hover {color:#46001c;}
a img {border-width:0;}


/* Posts
----------------------------------------------- */
.date-header {font:normal 100% hevetica,arial;text-transform:lowercase;color:#415f6a;float:right}
.post {margin:0 0 2.5em;line-height:1.6em;}
.post-title {margin:.25em 0;font:normal 180% helvetica,arial;color:#243F49;}
.post-title a, .post-title strong {display:block;color:#243F49;text-decoration:none;padding:0 0 1px 45px;}
.post-title a:hover {color:#fff;}
.post p {margin:0 0 .75em;}
p.post-footer {margin:0;text-align:right;}
p.post-footer em {display:block;float:left;text-align:left;font-style:normal;color:#067614;}
a.comment-link {/* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("img/comment.gif") no-repeat 0 .25em;padding-left:15px;}
html>body a.comment-link {/* Respecified, for IE5/Mac's benefit */
  background:url("img/comment.gif") no-repeat 0 .25em;padding-left:15px;}
.post img {margin:0 0 5px 0;padding:4px;}


/* Comments
----------------------------------------------- */
#comments {margin:0;}
#comments h4 {margin:0 0 10px;border-top:1px dotted #567;padding-top:.5em;font:bold 110%/1.4em hevetica,arial;color:#243F49;}
#comments-block {line-height:1.6em;}
.comment-poster {background:url("img/comment.gif") no-repeat 2px .35em;margin:.5em 0 0;padding:0 0 0 20px;font-weight:bold;color:#9ab;}
.comment-body {margin:0;padding:0 0 0 20px;}
.comment-body p {margin:0 0 .5em;}
.comment-timestamp {margin:0 0 .5em;padding:0 0 .75em 20px;color:#996;}
.comment-timestamp a:link {color:#996;}
.deleted-comment {font-style:italic;color:gray;}
.paging-control-container {float: right;margin: 0px 6px 0px 0px;font-size: 80%;}
.unneeded-paging-control {visibility: hidden;}

/* More Sidebar Content
----------------------------------------------- */
.sidebar-title {margin:2em 0 .75em;padding-bottom:.35em;border-bottom:1px dotted #567;font:normal 100%/1.4em hevetica,arial;text-transform:lowercase;color:#243F49;}
#sidebar p {margin:0 0 .75em;line-height:1.6em;}
#sidebar ul {margin:.5em 0 1em;padding:0 0px;list-style:none;line-height:1.5em;}
#sidebar ul li {background:url("img/bullet.gif") no-repeat 3px .45em;margin:0;padding:0 0 5px 15px;}
#sidebar p {margin:0 0 .6em;}



/* Footer
----------------------------------------------- */
#footer {clear:both;padding:15px 0 0;}
#footer hr {display:none;}
#footer p {margin:0;}


/* Feeds
----------------------------------------------- */
#blogfeeds {}
#postfeeds {padding-left: 20px
  }
  
  
  /* MASTHEAD 

------------------------------------ */ 
  #masthead {clear:both;overflow:hidden;margin-bottom:20px}
#masthead h1,#masthead h1 a {width:458px;height:165px;float:left;overflow:hidden;margin:0 0 0 30px;}
	#masthead h1 {float:left;background:transparent url("img/designer-jewels.jpg") no-repeat 0 0;text-indent:-9000px}
	#masthead h1 a {display:block;}
	
	/* NAVIGATION 

------------------------------------  */

#nav {position:absolute;top:88px;left:700px}
#nav ul {height:30px;list-style:none;margin:0;padding:0;display:block;}
	#nav ul li {position:relative;width:auto;height:10px;float:left;list-style-type:none;border-right:1px solid #343434;line-height:1;padding:0 10px;background:none;}
	#nav ul li.last {border:none}
#nav	ul li a {display:inline;height:20px;width:120px;color:#343434;text-decoration:none;padding:5px;font-size:15px;letter-spacing:-.02em}
	#nav ul li a:hover {background:#8edcfa;padding:5px;border-bottom:none;}
		#nav ul li a.active {font-weight:bold;}
		
.twitter {background:#A5E2FA;margin:-5px 0 20px 0}
h3.twitter,h3.handbag {background:transparent url("img/headings.gif") no-repeat 0 0;width:360px;height:63px;text-indent:-9000px;overflow:hidden;margin:-37px 0 0 0}
#twitter_div {width:320px;margin-left:20px}
ul#twitter_update_list {margin:0 0 20px 0}

h3.handbag {background-position:0 -100px;}
.handbag {background:#A5E2FA}

.clear {clear:both}


*html #nav {left:690px;width:400px}
*html h3.twitter {margin-top:0}
* html #masthead {margin-bottom:50px}