/* css Zen Garden submission 134 - 'El Collar de Tomas', by Maria Stultz, http://www.mqstudio.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2004, Maria Stultz */
/* Added: Oct. 21st, 2004 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */
   
   

body {margin: 0; padding: 0; background: #d17415 url(img/bodybg.gif) 748px 0 repeat-y; font: normal 12px/140% "Trebuchet MS", Verdana, Arial, sans-serif;}
p {margin: 0; padding: 0;}
h3 {margin: 0; padding: 0; color: #900; font-size: 12px;}
ul {list-style: none; margin: 0; padding: 0;} 
a {text-decoration: none;}
abbr {font-weight: bold; font-style: normal; border-width: 0;}
.sidebar abbr {font-weight: normal;}
.page-wrapper {width: 748px; background: #ffeed6 url(img/containerbg.gif) repeat-y;}
.extra2 {position: absolute; top: 100px; left: 0; width: 100px; height: 323px; background: url(img/collar.gif)  no-repeat;}

.intro {width: 600px;}
header {height: 100px; background: #807944;}
header h1 {margin: 0 0 0 100px; padding: 0; height: 100px; line-height: 100px; background: #982417 url(img/header.gif) top right no-repeat;}
header h1, header h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.summary {margin-left: 100px; height: 50px; background: url(img/summarybg.jpg) 5px 5px no-repeat;}
.summary p:first-child {height: 41px; line-height: 41px; background: url(img/summarytxt_1.gif) 232px 7px no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.extra1 {position: absolute; top: 107px; left: 332px; width: 257px; height: 41px; background: url(img/summarytxt_2.gif) no-repeat;}
.summary p:last-child {position: absolute; top: 423px; left: 0; width: 100px; height: 83px; color: #ffeed6; background: url(img/sample.gif) no-repeat; text-indent: -5000px;}

.supporting {margin: 0 148px 0 100px; background: #982417 url(img/red.gif) bottom no-repeat; }
.supporting a {color: #f93; font-weight: bold;}
.supporting a:visited {color: #c60; text-decoration: underline;}
.supporting a:hover {color: #f93; text-decoration: underline;}
.supporting p {padding-bottom: 12px;}
.supporting div {color: #fdf3e5; font-size: 11px; margin-left: 157px; margin-right: 30px;}
.preamble, .supporting div.explanation {background: #fdf3e5; color: #333; font-size: 12px; margin-right: 0;}
.preamble {margin-left: 100px; padding: 30px 30px 0 30px; background: #fdf3e5 url(img/preamblebg.gif) 5px 0 no-repeat;}
.supporting div.explanation {padding: 30px 30px 18px 30px; margin-left: 0;}
.preamble p, .explanation p:nth-child(2) {display: inline;}
.explanation p:nth-child(3) {padding-top: 12px;}

.participation, .benefits, .requirements {padding: 15px 0 3px 0; border-bottom: 1px solid #b76151;}
.participation h3 {width: 102px; left: -122px; background: url(img/participation.gif) no-repeat;}
.benefits h3 {width: 70px; left: -90px; background: url(img/benefits.gif) no-repeat;}
.requirements h3 {width: 107px; left: -127px; background: url(img/requirements.gif) no-repeat;}
.participation h3, .benefits h3, .requirements h3 {height: 17px; line-height: 17px; position: relative;}
.participation h3, .benefits h3, .requirements h3 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.participation p:nth-child(2), .benefits p:nth-child(2), .requirements p:nth-child(2) {margin-top: -17px;}

.supporting footer {padding: 20px 0 20px 1.5em; text-transform: uppercase; background: #982417 url(img/bullet.gif) 0 50% no-repeat; margin-right: 0;}
footer a {padding: 0 1.5em 0 0; margin: 0 .5em 0 0; background: url(img/bullet.gif) 100% 50% no-repeat; width: 5%;}

.sidebar {position: absolute; top: 0; left: 601px; width: 147px; background-color: #76693c;}
.sidebar h3 {text-transform: uppercase; letter-spacing: 2px; line-height: 100%; padding-bottom: 30px;}
.sidebar h3::before {content:".:";}
.sidebar h3::after {content:".";}
.sidebar h3.select {width: 147px; height: 105px; line-height: 105px; background: #5b5962 url(img/select.gif) bottom no-repeat; padding-bottom: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.sidebar div {color: #dbd2a1; text-align: center; font-size: 11px;}
.sidebar div ul {padding: 0 14px;}
.sidebar div li {display: block; padding: 10px 0; border-bottom: 1px solid #9f916b;}
.sidebar .wrapper a {color: #dbd2a1;}
.sidebar .wrapper a:visited {color: #9f9667;}
.sidebar .wrapper a:hover {color: #fff;}
.design-selection a, #lfavorites a {display: block; font-weight: bold;}
.design-selection a.designer-name, #lfavorites a.designer-name {display: inline; font-weight: normal;}
#lfavorites, .design-archives, .zen-resources {margin-top: -2px; background: #76693c url(img/stone.gif) 60px 70px no-repeat; padding-top: 50px;}
