/*  File: style.css         */
/*  For:  tredways.org      */
/*  By:   Jeremy Tredway    */
/*  Date: 2007-12-03        */


/*  basic styles  */

body {
   background: #eeeee4;
   /* border-top: 4px solid #ddddd4; */
   color: #444;
   font-family: 'Lucida Grande', Verdana, sans-serif;
   font-size: 0.8125em;
   line-height: 1;
   margin: 0;
   text-align: center;
   }
h1, h2, h3 {
   color: #000;
   font-family: Palatino, 'Times New Roman',Times, Georgia, serif;
   font-weight: normal;
   margin: 0;
   }
h4 {
   color: #5a8cbf;
   font-family: Palatino, 'Times New Roman',Times, Georgia, serif;
   font-weight: normal;
   margin: 1em 0 .5em 0;
   text-transform: uppercase;
   }
input, textarea {
   color: #222;
   font-family: Verdana, sans-serif;
}
textarea {
   font-size: 1em;
}
input.csh { width: 160px; }
textarea.csh { height: 190px; width: 320px; }


/*  container styles  */

#frame-top {
   border-top: 4px solid #ddddd4;
   }
#frame-outer {
   border: 4px solid #ddddd4;
   margin: 25px auto 25px auto;
   text-align: left;
   width: 642px;
   }
#frame {
   background-color: #fff;
   border: 1px solid #444;
   font-size: 0.88em;
   text-align: left;
   width: 640px;
   }
#banner {
   background-color: #69c;
   border-bottom: 1px solid #444;
   width: 640px;
   }
#banner a { text-decoration: none; }

#crumb {
   background-color: #fff;
   border-bottom: 1px solid #ddddd4;
   border-top: 4px solid #ddddd4;
   color: #777774;
   margin: 0 0 10px 0;
   padding: 4px 10px 4px 10px;
   }

#navcontainer {
   border-bottom: 1px solid #444;
   height: 20px;
   }
ul#navlist {
   margin: 0;
   padding: 0;
   list-style-type: none;
   white-space: nowrap;
   }
ul#navlist li {
   float: left;
   font-family: verdana, arial, sans-serif;
   font-size: 10px;
   margin: 0;
   padding: 4px 0 4px 0;
   background-color: #fff;
   }
#navlist a, #navlist a:link {
   margin: 0;
   padding: 4px 9px 4px 9px;
   color: #444;
   border-right: 1px solid #444;
   text-decoration: none;
   }
ul#navlist li#active {
   color: #444;
   background-color: #b5d5ee;
   }
#navlist a:hover {
   color: #444;
   background-color: #eeeee4;
   }
#content {
   background-color: #fff;
   float: left;
   padding: 10px;
   width: 390px;
   }
#links {
   background-color: #fff;
   padding: 10px 10px 10px 440px;
   }
#footer {
   background-color: #fff;
   margin: -1px 0px 0px 0px;
   visibility: hidden;
   }

.blog { }

.blogbody {
   border-bottom: 1px solid #fff;
   line-height: 1.5em;
   margin: 0 0 12px 0;
   }
.blogbody blockquote {
   background-color: #f4f4f4;
   border-bottom: 1px solid #ddddd4;
   border-top: 1px solid #ddddd4;
   margin: 1em;
   padding: 1em;
   }

blockquote div.quotebyline {
   color: #999;
   margin-bottom: .5em;
   margin-top: .5em;
   }

.blogbody h1,
.title {
   background-image: url(http://www.tredways.org/images/title_bg.gif);
   background-position: 0 4px;
   background-repeat: no-repeat;
   border-bottom: 1px dotted #ccc;
   color: #444;
   font-family: georgia, palatino, times new roman, serif;
   font-size: large;
   font-weight: bold;
   padding: 2px 0 4px 24px;
   }

.date { 
   background-color: #eeeeef;
   border-bottom: 1px solid #ccc;
   color: #999;
   font-family: arial, sans-serif;
   font-size: x-small;
   margin: 10px 0 10px 0;
   padding: 2px;
   text-align: right;
   text-transform: uppercase;
   }
.blogbody h1 span.date-new,
.title span.date-new {
   color: #ddddd4;
   font-size: medium;
   padding-left: 5px;
   }

.posted {
   font-family: verdana, arial, sans-serif;
   font-size: 0.8125em;
   color: #999;
   margin: 12px 0 12px 0;
   }

.img-border {
   border: 1px solid #999;
   margin: 1em;
   padding: 4px;
   }
.img-border-nb {
   border: 1px solid #999;
   padding: 4px;
   }
.img-left {
   border: 1px solid #999;
   float: left;
   margin: 0 1em .7em 0;
   padding: 4px;
   }
.img-right {
   border: 1px solid #999;
   float: right;
   margin: 0 0 .7em 1em;
   padding: 4px;
   }
.img-left-bot {
   border: 1px solid #999;
   float: left;
   margin: .7em 1em 0 0;
   padding: 4px;
   }
.img-right-bot {
   border: 1px solid #999;
   float: right;
   margin: .7em 0 0 1em;
   padding: 4px;
   }

div.img-set-left {
   float: left;
   margin: 1em 1em 0 0;
   padding: 4px 4px 0 4px;
   }
div.img-set-right {
   float: right;
   margin: 1em 0 0 1em;
   padding: 4px 4px 0 4px;
   }
div.img-set-horz {
   margin: 0 0 1em 1em;
   padding: 0;
   }

.img-set-left img {
   border: 1px solid #999;
   margin-bottom: 1em;
   padding: 4px;
   }
.img-set-right img {
   border: 1px solid #999;
   margin-bottom: 1em;
   padding: 4px;
   }
.img-set-horz img {
   border: 1px solid #999;
   margin: 0 2px 0 0;
   padding: 4px;
   }

/*  list styles  */

ul.ingredients {
   list-style-type: square;
   margin: 0;
   padding: 0;
   }
ul.ingredients li {
   color: #7faddd;
   margin-left: 30px;
   padding: 0;
   }
ul.ingredients li span {
   color: #444;
   }

ol.steps {
   margin: 0;
   padding: 0;
   }
ol.steps li {
   color: #5a8cbf;
   margin-left: 30px;
   padding: 0;
   }
ol.steps li span {
   color: #444;
   }

ul.std {
   list-style-type: square;
   margin-left: 0;
   padding: 0;
   }
ul.std li {
   margin-left: 20px;
   padding: 0;
   }

ul.tight {
   list-style-type: none;
   margin: 0;
   padding: 0;
   }
ul.tight li {
   margin-left: 20px;
   padding: 0;
   }

dl.std {
	margin: .5em 0;
	}
dl.std dt {
	font-weight: bold;
	}
dl.std dd {
	margin: .5em 0 1.5em 1em;
	}

dl.offs {
	clear: both;
	float: none;
	margin: 1em 0;
	padding: 0;
	}
dl.offs dt {
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0 0 6px 0;
	width: 100px;
	}
dl.offs dd {
	float: left;
	margin: 0;
	padding: 0 0 6px 0;
	width: 260px;
	}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */


/*  side styles  */

.side {
   line-height: 1.5em;
   margin-bottom: 20px;
   padding: 2px;
   }
.side .ch {
   font-family: verdana, arial, sans-serif;
   font-size: x-small;
   }
.side td {
   font-family: verdana, arial, sans-serif;
   font-size: x-small;
   }
.side td font {
   font-family: verdana, arial, sans-serif;
   font-size: x-small;
   }

.side .col {
	float: left;
	padding-right: 5px;
	width: 90px;
}
.side .col_r {
	float: left;
	width: 90px;
}

.sidebyline { color: #999; }

.sideComment {
   line-height: 1.2em;
   padding-bottom: 1em;
   }

.sideCommentTitle {
   color: #777;
   font-weight: bold;
   }

.sidetitle {
   font-size: x-small;
   font-weight: bold;
   padding: 2px;
   margin-top: 10px;
   background: #fff;
   text-transform: uppercase;
   }

/* review styles */

.blogbody div.reviews {
   background-color: #f4f4f4;
   margin: 1em 0 1em 0;
   padding: 1em;
   }
.blogbody div.reviews:before {
   color: #888;
   content: "Movie Reviews";
   display: block;
   font-weight: bold;
   margin-bottom: .5em;
   }
.reviews { line-height: 1.2em; }
.reviews cite {
   font-size: xx-small;
   font-style: normal;
   padding-left: 1em;
   vertical-align: middle;
   }
.reviews cite span { color: #ccc; }


/* comment and ping styles */

#comments-frame-outer {
   border: 4px solid #ddddd4;
   margin: 20px;
   text-align: left;
   width: 442px;
   }
#comments-frame {
   background-color: #fff;
   border: 1px solid #444;
   text-align: left;
   width: 440px;
   }
#banner-commentspop {
   background-color: #69c;
   border-bottom: 1px solid #444;
   color: #fff;
   font-family: georgia, palatino, times new roman, serif;
   font-size: large;
   font-weight: bold;
   margin: 0px;
   padding: 15px;
   width: 410px;
   }

.comments-main {
   padding: 10px;
   }

.comments-head {
   border-bottom: 1px dotted #ccc;
   color: #444;
   font-family: georgia, palatino, times new roman, serif;
   font-size: small;
   font-weight: bold;
   margin-top: 20px;
   padding-bottom: 2px;
   }

.comments-body {
   color:#444;
   font-weight:normal;
   line-height:140%;
   padding-bottom:10px;
   padding-top:10px;
   }

.comments-post {
   color:#999;
   font-weight:normal;
   padding-bottom:10px;
   }

.trackback-url {
   color:#777;
   font-weight:normal;
   background:#fff;
   line-height:140%;
   padding:5px;
   border:1px dotted #999;
   }

.trackback-body {
   color:#777;
   font-weight:normal;
   background:#fff;
   line-height:140%;
   padding-bottom:10px;
   padding-top:10px;
   border-bottom:1px dotted #999;
   }

.trackback-post {
   color:#777;
   font-weight:normal;
   background:#fff;
   }


/* anchor styles */

a { color: #5a8cbf; text-decoration: underline; }
a:link { color: #5a8cbf; text-decoration: underline; }
a:visited { color: #7faddd; text-decoration: underline; }
a:active { color: #c30; }
a:hover { color: #c30; }

h1 a { color: #777774; text-decoration: none; }
h1 a:link { color: #777774; text-decoration: none; }
h1 a:visited { color: #777774; text-decoration: none; }
h1 a:active { color: #444; text-decoration: none; }
h1 a:hover { color: #444; text-decoration: none; }

a.fae { color: #777774; text-decoration: underline; }
a.fae:link { color: #777774; text-decoration: underline; }
a.fae:visited { color: #777774; text-decoration: underline; }
a.fae:active { color: #000; }
a.fae:hover { color: #000; }

a.cnt { color: #c30; text-decoration: underline; }
a.cnt:link { color: #c30; text-decoration: underline; }
a.cnt:visited { color: #c63; text-decoration: underline; }
a.cnt:active { color: #777774; }
a.cnt:hover { color: #777774; }