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


.sideli { 
  margin: 0px 0px 0px 15px;
 }


body {
 background: #cccccc url(images/gray.gif) repeat;
 padding:5px;
 text-align: center;
 font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
 color:#000000;
 font-size/* */:/**/small;
 font-size: /**/small;
 }


#wrapper {
 width:859px;
 margin:0 auto;
 text-align:left;
 background-color: #FFFFFF;
 border: solid 	#999999;	
 border-width: 1px 1px 1px 1px;
 }

#header {
 width:859px;
 height:132px;
 background: #FFFFFF url(images/header.jpg) no-repeat center bottom;
 }

#nav {
 width:859px;
 height:25px;
 background: #FFFFFF url(images/nav.jpg) no-repeat center bottom;
 text-align: center;
 }

#frontcontent {
 width:859px;
 height:419px;
 background: #FFFFFF url(images/content.jpg) no-repeat center bottom;
 }

#content {
 width:819px;;
 background:#FFFFFF;
 text-align: left; 
 font: 8pt 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
 padding: 15px;
 margin-left: 5px;
 border-top: 1px solid #999999;	
 }

#footer {
 width:859px;
 height:36px;
 background: #FFFFFF url(images/footer.jpg) no-repeat center top;
 text-align: right;
 }

#innercontent {
 width:90%;
 padding:15px 10px 30px 10px;
 margin:0 auto;
 text-align: left;
 border:0;
 border: 0px solid #999999;
 }

#innercontentfav {
 width: 95%;
 padding: 12px 0px 0px 25px;
 margin: 0 auto;
 text-align: left;
 border: 0px solid #999999;	
 }



/* About Page Styles 
----------------------------------------------- */


.abouttable { border-collapse: collapse; width: 40%; margin-top: 40px; }


.left { width: 60%; padding: 5px; border-right: thin dotted #999999; text-align: right; }


.abouttable td { padding: 5px; }



/* Blogger Styles 
----------------------------------------------- */

#main {
  width:600px;
  float:left;
  background:#FFFFFF;
  margin:0px;
  padding:20px 5px 5px 5px;
  border:0;
  }

#sidebar {
  width:200px;
  float:right;
  background:#FFFFFF;
  margin:0px;
  padding:20px 0 0 5px;
  border:0;
  text-align: center;
  font: 8pt 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  color:#FFF;
  }

div.spacer {
  clear: both;
  }

/* Right Now Styles 
----------------------------------------------- */

.rn {
  float:left;
  width:240px;
  padding:10px 10px 10px 10px;
  margin:0;
 }


.gallery {
  float:left;
  width:280px;
  padding:10px 10px 10px 70px;
  margin:0;
 }

img.rightnow {
 border: 1px solid #999999;
 margin:0 auto;
 width:80px;
 }

.about {
  float:left;
  border: 1px solid #999999;
  margin: 2px 10px 0px 70px;
  padding: 0px;
  }

.aboutright {
  float: right;
  margin: 2px 0px 0px 10px;
  padding: 0px;
  }


/* Movie Journal
----------------------------------------------- */

.movied {
  background:#FFFFFF;
  margin:0px;
  padding:0px 0px 0px 0px;
  border:0;
  }

p.movie-title { 
  font: bold 8pt Verdana, Arial, Helvetica, sans-serif; 
  padding-bottom: 1px;
  }

img.movies {
 float: left;
 border: 1px solid #999999;
 margin: 0px 10px 0px 0px;
 width: 80px;
 }



/* Favorites Styles 
----------------------------------------------- */

.fav {
  float:left;
  width:170px;
  padding:10px 10px 10px 10px;
  margin:0;
 }


/* Sidebar Boxes
----------------------------------------------- */

.box {
  background:#fff url("x") no-repeat left top;
  margin:0 0 15px;
  padding:15px 30px 0px 0px;
  color:#000;
  text-align: left;
  }



/* Nav Bar Style 
----------------------------------------------- */


#nav ul {
 padding: 0;
 margin:0;
 color: #FFFFFF;
 font: 8pt Verdana, Arial, Helvetica, sans-serif;
 float: left;	
 }

#nav ul li { 
 display: inline;
 }

#nav ul li a { 
 padding: 0.6em 1em;
 color: #333333;
 text-decoration: none;
 border-right: 1px solid #999999;
 float: left;
 }

#nav ul li a:hover { background-color: #FFFFFF; color: #333333;}
#active a { background-color: #FFFFFF; color: #333333;}


/* Other Styles
----------------------------------------------- */

h1 { 
  font: bold 8pt Verdana, Arial, Helvetica, sans-serif; 
  border-bottom: 1px solid #999999;
  padding-bottom: 1px;
  }

a:link,a:hover,a:active,a:visited {text-decoration: none; color: #3333CC;}
img {border:0;}
img.main {border: 1px solid #999999;}
#content ul, #main ul, #sidebar ul { list-style:none; padding: 0; margin: 0;}
#content ul, #main ul, #sidebar ul li { margin-bottom:3px; line-height:1.4em;}





/* Posts
----------------------------------------------- */

.date-header {
  color:#666699;
  font: bold 12pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
  padding:10px 10px 0px 0px;
  margin:10px 10px 0px 30px;
  }

.post {
  color:#000000;
  font: normal 9pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
  padding:0px 10px 10px 30px;
  margin:10px 0px 0px 0px;
  }

.post-title {
  color:#000000;
  font: bold 10pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
  padding:0;
  margin:0;
  border-bottom: 1px solid #999999;
  }

p.post-footer {
  color:#666699;
  padding:0;
  font: bold 7pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin:10px 0px 0px 0px;
  text-align:left;
  border-top: 1px solid #999999;
  }



/* Comments
----------------------------------------------- */
#comments {
  padding:0px 40px 10px 50px;
  margin:10px 0px 0px 0px;
  }

.comments-title  {
  color:#000000;
  font: bold 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
  padding:0;
  margin:0;
  border-bottom: 1px solid #999999;
  }

#comments-block {
  margin:0px 0px 0px 20px;
  }

.comment-data {
  background:url("x") no-repeat 2px .3em;
  margin:.5em 0;
  padding:0 0 0 0px;
  color:#000000;
  }

.comment-body {
  margin:0 0em;
  padding:10px 0px 10px 0px;
  border-bottom: 1px solid #999999;
  }
.comment-body p {
  margin:0 0 .5em;
  font: normal 9pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 0px;
  color:#666699;
  font: bold 9pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
  }

.comment-footer {
  color:#000000;
  padding:0;
  font: bold 7pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin:0px 0px 20px 0px;
  text-align:left;
  }


/* Flickr Styles
----------------------------------------------- */

#flickr_badge_uber_wrapper {text-align:center; width:175px;}
#flickr_badge_wrapper_right {float:right;padding:5px 0 5px 0;}
#flickr_badge_wrapper_left {float:left;padding:5px 0 5px 0;}
.flickr_badge_image {margin:0 5px 8px 5px;}
.flickr_badge_image img {border: 1px solid black;}
#flickr_badge_uber_wrapper a:hover,#flickr_badge_uber_wrapper a:link,#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none; background:inherit; color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}




/* delicious Styles
----------------------------------------------- */
.delicious-posts { margin: 1em; border: 2px solid #ddd; padding: 0.5em; width: 20em; font-family: sans-serif; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
.delicious-post { border-top: 1px solid #eee; padding: 0.25em; font-size: 80% }
.delicious-odd { background-color: #f8f8f8 }
.delicious-banner a { font-size: 80% }
.delicious-posts a:hover { text-decoration: underline }
.delicious-posts a { text-decoration: none; color: #a15426; display: block; padding: 0.3em }
.delicious-post a { color: #04a1ff }





div#goal-header { 
  font-weight: bold; 
  font-size: 10px; 
  } 

div#goal-list li { 
  font-size: 8px; 
  margin-bottom: 3px; 
  color: #666; 
  } 

div#goal-list li a { 
  font-size: 8px; 
  }