@import url(reset.css); /* Reset CSS */
@import url(jquery.lightbox-0.5.css); /* Reset CSS */
 
/* ----------------------------------------------------------------------------------------- 
Stuff and Nonsense Ltd.
The Cow Shed Studio,
Gwaenysgor,
Flintshire, North Wales
LL18 6EP, UK
+44 1745 851848
 
http://www.stuffandnonsense.co.uk
http://www.forabeautifulweb.com
http://www.transcendingcss.com
 
----------------------------------------------------------------------------------------- */
 
html, 
.entry-comments abbr, 
li.hentry .updated { 
background : rgb(61,14,5); } 
 
body { 
background : transparent url(../img/body.jpg) repeat-x 50% 0;
/* background : transparent url(../img/grid.png) no-repeat 50% 0; */
color : rgb(226,219,218);
font : 13px/1.5 Helvetica, Arial, sans-serif; }
 
/* Headings ----------------------------------------- */
 
h1, h2, h3, h4, h5, h6 { 
color : rgb(255,255,255);
font-weight : normal; }
 
h1, h2 { 
margin-bottom : 0; 
font : 2.5em "skolar-1", "skolar-2", "Palatino", "Georgia", "Times", "serif"; 
text-shadow : rgb(0,0,0) 1px 1px 1px; } 
 
h1 { 
position : relative; 
top : -20px; 
text-align : center;
line-height : 1.1; } 
 
h2#replies { 
position : relative; 
top : -20px; 
text-align : center;
line-height : 1.1; } 
 
span.amp { 
font-family : "Hoefler Text"; 
font-style : italic; 
font-weight : normal; }
 
form p { 
width : 360px; }
 
blockquote, q { 
font-style : italic; }
 
blockquote p { 
quotes : "\201C" "\201D"; }
 
blockquote p:first-child:before { 
content : open-quote; 
margin-left : -.5em;
font-weight : bold; }
 
blockquote p:last-child:after { 
content : close-quote; 
font-weight : bold; }
 
pre { 
margin-left : -41px; 
padding-left : 40px; 
border-left : 1px solid rgb(110,25,9);
font-size : 11px; }
 
abbr, acronym {
border-bottom-width : 0; }
 
blockquote pre {
border-width : 0; }
 
.parenthesis {
position : relative;
font-size : 88%;  }
 
h2 .parenthesis {
top : -.15em; }
 
.tel .parenthesis {
top : -.15em; }
 
.shift {
position : relative;
font-size : 68%;  }
 
.updated .shift {
top : -.5em; }
 
.ndash {
position : relative;
top : -.1em; }
 
.price {
padding : 0 5px;
font-size : 2em; 
letter-spacing : 1px; }
 
dd {
margin : 0;
padding : 0; }
 
dl dl {
margin : 0; }
 
/* Link anchors -------------------------------------- */
 
a, a:visited {
color : rgb(222,210,184); 
text-decoration : none; }
 
a:hover, a:active, a:focus { 
color : rgb(255,255,255);
text-decoration : underline; }
 
a:active, a:focus { 
position : relative; 
top : 1px; }
 
a[title$="RSS"] { 
position : absolute; 
top : 0; right : 20px; 
width : 20px; 
height : 20px; 
padding : 0; 
background : url(../img/a-rss.png) no-repeat 100% 50%; 
text-indent : -9999px; }
 
.comments a { 
padding-left : 20px; 
background : url(../img/a-comment.png) no-repeat 0 50%; }
 
a.action {
padding : 5px 20px 4px 20px;
background-color : rgb(94,35,16); 
color : rgb(231,210,146)!important; 
border-radius : 10px;
font : bold 11px Helvetica, Arial, sans-serif; 
text-transform : uppercase; 
letter-spacing : 1px; }
 
a.action:hover {
background-color : rgb(168,35,16); 
color : rgb(255,255,255)!important; 
text-decoration : none; }
 
a#fdbk_tab {
display : none;
background : transparent url(../img/feedback_trans_tab.png) no-repeat 0 0!important; }
 
/* Images
----------------------------------------------------------------------------------------- */
 
.entry-caption { 
width : 540px;
text-align : left; }
 
.entry-caption img { 
display : block; 
margin-bottom : .25em; }
 
.entry-caption span { 
display : block; }
 
img.fr { 
float : right; 
margin : 0 0 5px 20px; }
 
/* Layout ----------------------------------- */
 
#branding { 
width : 940px; 
margin : 0 auto; }
 
.section { 
position : relative; 
width : 860px; 
margin : 0 auto 3em auto; 
padding : 0 40px; 
background : url(../img/group.png) no-repeat; }
 
.section:after {  
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; }
 
.article { 
float : left; 
width : 540px; 
padding-right : 40px; 
border-right : 3px double rgb(110,25,9); }
 
.aside { 
float : right; 
width : 240px; }
 
.group:after {  
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; }
 
.footer {
background : transparent url(../img/body.jpg) repeat-x 50% 0; 
border-top : 5px solid rgb(24,5,2);
color : rgb(171,142,133);
text-shadow : none; }
 
.one { 
float : left; 
width : 460px; }
 
.two { 
float : left; 
width : 400px; }
 
.three { 
float : left; 
width : 400px; }
 
.container { 
overflow : hidden;
position : relative; 
width : 860px; 
margin : 0 auto 3em auto; 
padding : 0 40px;  }
 
.row { 
padding-top : 1.5em;
border-top : 1px solid rgb(110,25,9);
border-bottom : 1px solid rgb(110,25,9); }
 
.row p {
clear : left; }
 
.container .one { 
width : 240px; 
margin-right : 60px; }
 
.container .two { 
width : 240px; 
margin-right : 60px; }
 
.container .three { 
float : right; 
width : 240px; }
 
.box {
margin-bottom : 1.5em;
padding : 20px 20px 1px 20px; 
background-color : rgb(24,5,2);
background-color : rgba(24,5,2,.5); 
border-radius : 10px; }
 
/* Navigation ----------------------------------- */
 
.nav-main { 
overflow : hidden; 
margin-bottom : 1.5em;
padding : 2em 0; 
background : transparent url(../img/nav-main.png) repeat;
border-bottom : 3px double rgb(110,25,9); }
 
#nav-main { 
list-style-type : none;
margin : 0 auto; 
width : 940px; }
 
#nav-main li { 
float : left; 
width : 190px; 
margin-right : 20px; 
padding-right : 20px; 
line-height : 1.2; 
border-right : 1px solid rgb(110,25,9); }
 
#nav-main li:last-child { 
margin-right : 0; 
padding-right : 0; 
border-width : 0; }
 
#nav-main a { 
color : rgb(171,142,133);
font : 16px "skolar-1", "skolar-2", "Palatino", "Georgia", "Times", "serif"; 
outline : none; }
 
#nav-main a:hover { 
color : rgb(255,255,255);
text-decoration : none; }
 
.nav-categories {
list-style-type : none;
margin-bottom : 3em; }
 
.nav-categories li { 
margin-bottom : .5em;
padding-bottom : .5em; 
border-bottom : 1px solid rgb(110,25,9); }
 
.nav-categories li:last-child { 
border-bottom-width : 0; }
 
.nav-categories a { 
display : block; 
overflow : hidden; }
 
.nav-categories a span { 
float : left; }
 
.nav-categories a em { 
float : right; 
font-style : normal; }
 
#thirdparty { 
overflow : hidden; 
list-style-type : none;
width : 940px; 
margin : 0 auto; 
padding-top : 3em; }
 
#facebook, #twitter, #gsfn { 
float : left; 
margin-right : 60px; }
 
#facebook { 
width : 300px; }
 
#twitter { 
width : 240px; }
 
#gsfn { 
width : 220px; 
margin-right : 60px; }
 
a[rel*="facebook"], a[rel*="twitter"], a[rel*="gsfn"] { 
display : block; 
opacity : .5; }
 
a[rel*="facebook"] { 
min-height : 22px; 
padding-left : 40px; 
background : url(../img/a-facebook.png) no-repeat 0 0; }
 
a[rel*="twitter"] { 
width : 185px; 
height : 45px; 
background : url(../img/a-twitter.png) no-repeat 0 0; 
text-indent : -9999px; }
 
a[rel="gsfn"] { 
width : 145px; 
height : 40px; 
background : url(../img/a-gsfn.png) no-repeat 0 0; 
text-indent : -9999px; }
 
a[rel*="facebook"]:hover, a[rel*="twitter"]:hover, a[rel="gsfn"]:hover { 
opacity : 1; }
 
/* advertising
----------------------------------------------------------------------------------------- */
 
#adsense { 
display : none;
margin : 0 auto 3em auto; 
padding : 10px; 
width : 940px; 
text-align : center; }
 
/* Forms ------------------------------------------ */
 
fieldset {
padding : 0;
border-width : 0; }
 
label, label span { 
display : block; }
 
label { 
position : relative;  }
 
label span { 
margin-bottom : .75em;
font : normal 13px Helvetica, Arial, sans-serif; }
 
label em { 
position : absolute; 
top : .5em; 
right : 100px; 
font-weight : normal; 
font-style : normal; }
 
fieldset input[type="text"], textarea, #keywords { 
padding : 3px; 
background-color : rgb(61,14,5);
border : 3px double rgb(110,25,9);
font : inherit Helvetica, Arial, sans-serif; 
color : rgb(255, 255, 255); }
 
#comment_form fieldset { 
overflow : hidden; }
 
#comment_form div input[type="text"] { 
float : right; 
width : 160px; }
 
#comment_form .personal label { 
float : left; 
width : 170px; 
margin-right : 10px; }
 
#comment_form .personal label:last-child { 
margin-right : 0; }
 
#comment_form .personal input[type="text"] { 
width : 160px; }
 
#comment_form .cb label { 
float : left; 
width : 160px; 
margin-right : 20px; }
 
#comment_form .cb label:last-child { 
width : 300px;
margin-right : 0; }
 
#comment_form textarea { 
line-height : 1.6;
width : 530px; }
 
#comment_form img { 
position : relative;
top : 1.5em;
padding : 0; }
 
#contact_form label { 
overflow : hidden;  
margin-bottom : .5em; }
 
#contact_form label span { 
float : left; 
width : 160px; 
margin-right : 20px; }
 
#contact_form label input[type="text"] { 
width : 270px; }
 
#contact_form label select { 
width : 270px; }
 
#contact_form .reply label span { 
float : none; 
width : auto; }
 
#contact_form .reply textarea { 
width : 450px; }
 
#contact_form div { 
width : 460px; }
 
#search_form {
margin-bottom : 3em; }
 
#search_form #keywords { 
margin-right : 10px; 
padding : 3px; 
width : 170px; }
 
/* Tables
----------------------------------------------------------------------------------------- */
 
th, td { 
padding : .75em 0 .75em 5px;
border-bottom : 1px solid rgb(110,25,9); }
 
tr:last-child th, tr:last-child td { 
border-bottom-width : 0; }
 
thead th {
background-color : rgb(24,5,2); }
 
th.summary { 
width : 220px; }
 
/* Branding ------------------------------------------ */
 
#logo { 
position : static; 
width : 940px; 
height : 135px; 
margin : 0 auto 3em auto; 
padding : 0; 
font-size : inherit; 
background : url(../img/logo.png) no-repeat; 
text-indent : -9999px; }
 
#logo a { 
display : block; 
height : 135px; 
outline : none; }
 
#strapline { 
margin-bottom : .75em;
font-size : 2.5em; 
line-height : 1.25; }
 
/* Blog panel ------------------------------------------ */
 
#blog { 
width : 860px; 
margin : 0 auto 3em auto; 
padding : 0 40px; 
background : url(../img/group.png) no-repeat; }
 
#blog:after {  
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; }
 
#blog h2 { 
position : relative; 
top : -20px; 
width : 580px; 
margin : 0 auto 6px auto; 
padding : 0 20px; 
line-height : 1; 
text-align : center; }
 
#blog .one { 
width : 529px; 
margin-right : 40px; 
padding-right : 29px; 
border-right : 1px solid rgb(110,25,9); }
 
#blog .two { 
width : 260px; }
 
/* Blog entries expressed as a list ------------------------------------------ */
 
li.hentry { 
position : relative;
list-style-type : none;
margin-bottom : 4.5em; 
border-bottom : 1px solid rgb(110,25,9); }
 
li.hentry:last-child { 
margin-bottom : 0; }
 
li.hentry:after {  
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; }
 
li.hentry .entry-title { 
margin-right : 40px; }
 
li.hentry .updated { 
position : relative; 
top : .9em; 
display : block; 
margin-left : 420px; 
text-align : right; 
font-size : 11px; 
text-transform : uppercase; 
letter-spacing : 2px; }
 
li.hentry .comments { 
position : absolute; 
top : 0; 
right : 0;
font : bold 11px Helvetica, Arial, sans-serif; 
text-transform : uppercase; 
letter-spacing : 2px; }
 
li.hentry address { 
display : none; }
 
/* Blog entries in full ------------------------------------------ */
 
.entry .section { 
background : url(../img/group.png) no-repeat; }
 
.entry .hentry { 
width : 600px; 
margin : 0 auto; }
 
.entry .entry-title { 
width : 560px; }
 
.entry .entry-summary { 
margin-bottom : 1.5em; 
border-bottom : 1px solid rgb(110,25,9); }
 
.entry blockquote { 
margin-left : -41px; 
padding-left : 40px; 
background : url(../img/blockquote.png) no-repeat 0 50%; }
 
.entry .entry-meta { 
padding-top : 1.5em;
border-top : 1px solid rgb(110,25,9);
text-indent : 0; }
 
/* New comments ------------------------------------------ */
 
.entry-comments li { 
position : relative; 
margin-bottom : 4.5em; 
border-bottom : 1px solid rgb(110,25,9);
list-style-type : none; }
 
.entry-comments a[rel="bookmark"] { 
z-index : 2; 
position : absolute; 
top : .25em; 
left : -25px; 
font : normal 11px Helvetica, Arial, sans-serif; }
 
.entry-comments h4 { 
font-size : 14px; }
 
.entry-comments abbr { 
position : relative; 
top : .9em; 
display : block; 
margin-left : 380px; 
font : bold 11px Helvetica, Arial, sans-serif; 
text-align : right; 
text-transform : uppercase; 
letter-spacing : 2px; }
 
.entry-comments img {
z-index : 1; 
position : absolute; 
top : 0; 
right : 0; 
padding : 10px;
background-color : rgb(24,5,2); }
 
.entry-comments blockquote { 
margin : 0 0 1.5em 0; 
padding : 0 80px 0 0; 
background : transparent; 
border-left-width : 0; 
font-style : normal; }
 
.entry-comments p + p { 
text-indent : 0; }
 
.entry-comments blockquote p:last-child { 
margin : 0; }
 
.entry-comments .comment-tools { 
margin-left : 0; 
padding-left : 0;  }
 
.entry-comments .comment-tools li { 
list-style-type : none; 
display : inline;
position : static; 
margin : 0 20px 0 0; 
border-bottom-color : transparent; }
 
.entry-tweets {
margin-top : 3em;
padding-top : 1.5em; 
border-top : 3px double rgb(110,25,9); }
 
.tweet {
overflow : hidden; 
position : relative; 
padding : 1.5em 0 2em 0; 
border-bottom : 1px solid rgb(110,25,9); }
 
.tweet:last-child {
border-width : 0; }
 
.tweet blockquote {
margin : 0 0 1.5em 0; 
padding : 0 80px 0 0; 
background : transparent; 
border-left-width : 0; 
font-style : normal; }
 
.tweet blockquote p:last-child { 
margin : 0; }
 
.tweet img {
z-index : 1; 
position : absolute; 
top : 1.5em; 
right : 0; 
width : 40px;
height : 40px;
padding : 5px; 
border-width : 1px; }
 
/* Legacy comments ------------------------------------------ */
 
#legacy h2 { 
margin-bottom : 1em;}
 
#legacy li { 
position : relative; 
margin-bottom : 4.5em; 
list-style-type : none; }
 
#legacy a[title="Permalink"] {
z-index : 2; 
position : absolute; 
top : .25em; 
left : -25px; 
font : bold 11px Helvetica, Arial, sans-serif; }
 
#legacy h4 { 
font : bold 11px Helvetica, Arial, sans-serif; 
text-transform : uppercase; 
letter-spacing : 2px; }
 
#legacy h4 span { 
display : block; }
 
#legacy blockquote { 
margin : 0; 
padding : 0 80px 0 0; 
background : transparent; 
border-left-width : 0; 
font-style : normal; }
 
#legacy p br {
display : none; }
 
/* Gallery ------------------------------------------ */
 
ul.thumbgallery {
overflow : hidden;
list-style-type : none;
margin-left : 0; }
 
ul.thumbgallery li{
float : left;
width : 180px;
margin : 0 20px 10px 0;  }
 
/* Classes
----------------------------------------------------------------------------------------- */
 
.course h1 { 
width : 560px; }
 
.class { 
list-style-type : none;
position : relative; 
margin-bottom : 3em;
padding-right : 360px; 
border-bottom : 1px solid rgb(110,25,9); }
 
.class:last-child {
border-bottom-width : 0; }
 
.class div.register { 
position : absolute; 
top : 0; 
right : 0; 
list-style-type : none;
width : 280px; }
 
.vcalendar { 
width : 100%; 
margin-bottom : 24em; /* Temporary fix */ }
 
.current, .past { 
margin-bottom : 3em; /* Temporary fix */ }
 
/* Reviews
----------------------------------------------------------------------------------------- */
 
.hreview .description { 
margin-left : 180px;  }
 
.hreview .vcard { 
float : left; 
width : 160px; 
margin-right : 20px; 
font-style : normal; }
 
.hreview .reviewer {
font-size : 11px; 
text-transform : uppercase; 
letter-spacing : 2px; }
 
.hreview .fn { 
text-transform : uppercase; 
letter-spacing : 2px; }
 
.hreview img { 
float : right; }
 
/* aside ------------------------------------------ */
 
.aside .vcard { 
float : none; 
width : auto; 
margin-right : 0; }
 
.aside .tel { 
margin-bottom : .5em; 
padding-bottom : .5em; 
font-size : 2em;
letter-spacing : 2px;
line-height : 1; }
 
.aside .adr { 
margin-bottom : 1.5em; }
 
.aside .hreview { 
margin : 0 0 3em 0; 
padding : 0; 
border-bottom : 3px solid rgb(110,25,9); }
 
.aside .hreview .description { 
margin-left : 0; }
 
.aside label span { 
display : none; }
 
#sidebar { 
padding : 10px; 
border : 3px double rgb(110,25,9); }
 
#sidebar h3 { 
font-size : 1.2em; }
 
#sidebar img { 
margin : 0 auto; 
width : 146px; }
 
#sidebar > p { 
margin-bottom : 0; }
 
#nav_amazon { 
overflow : hidden; }
 
#nav_amazon li { 
float : left; 
margin-right : 20px; }
 
#nav_amazon li:last-child { margin-right : 0; }
 
#nav_amazon a { padding-left : 25px; }
 
li#us a { background : url(../img/usa.png) no-repeat 0 50%; }
li#uk a { background : url(../img/uk.png) no-repeat 0 50%; }
li#de a { background : url(../img/de.png) no-repeat 0 50%; }
li#ca a { background : url(../img/ca.png) no-repeat 0 50%; }
li#jp a { background : url(../img/jp.png) no-repeat 0 50%; }
li#fr a { background : url(../img/fr.png) no-repeat 0 50%; }
 
/* Footer ------------------------------------------ */
 
#footer { 
overflow : hidden; 
margin : 0 auto; 
padding : 3em 0;
width : 940px; }
 
#footer .vcard { 
float : left; 
width : 280px; 
margin-right : 40px; 
padding-left : 40px; 
background : url(../img/vcard.png) no-repeat 0 5px; }
 
#footer .nav { 
float : left; 
width : 200px; 
margin-right : 100px; }
 
#footer .nav ul {
list-style-type : none; }
 
#footer .copyright { 
float : left; 
width : 240px; 
text-indent : -15px; }
 
#footer a { 
color : rgb(255,255,255); }
 
/* Workshop promotion ------------------------------------------ */
 
#promo-workshop {
overflow : hidden;
margin : 0 auto 3em auto;
width : 934px; 
background-color : rgb(61,14,5); 
border : 3px double rgb(110,25,9); 
font-family : Georgia, Times, serif; }
 
#promo-workshop .intro {
float : left; 
padding : 40px 20px 20px 20px;
width : 260px; }
 
#promo-workshop .intro p + p {
margin-bottom : 0; 
line-height : 1.2; }
 
#promo-workshop .content {
position : relative;
float : left; 
padding : 30px 20px 20px 280px;
width : 334px; 
background : rgb(0,0,0) url(../img/promo-workshop.jpg) no-repeat 0 100%; 
color : rgb(255,255,255); 
text-shadow : none; }
 
#promo-workshop .content h3 {
color : rgb(171,143,93); }
 
#promo-workshop .content ul {
list-style-type : none; }
 
#promo-workshop .content li {
overflow : hidden; 
position : relative; 
margin-bottom: 1em;
padding-bottom : 1em;
border-bottom : 1px solid rgb(71,59,40); }
 
#promo-workshop .content li:last-child {
margin-bottom : 0;
padding-bottom : 0;
border-bottom-width : 0; }
 
#promo-workshop .content li h4 {
margin-bottom : 0; 
color : rgb(171,143,93);
font-size : 12px; 
text-transform : uppercase; 
letter-spacing : 2px; }
 
#promo-workshop .content li h4 a {
color : rgb(171,143,93); }
 
#promo-workshop .content li p {
margin-bottom : 0; }
 
#promo-workshop .content li a.action {
position : absolute; 
top : 0; 
right : 0; }
 
#promo-workshop .content .teenytiny {
position : absolute; 
right : 20px;
bottom : 10px;
font : bold 11px Helvetica, Arial, sans-serif; }
 
#promo-workshop .content .teenytiny:active, 
#promo-workshop .content .teenytinya:focus { 
position : absolute; 
top : auto; }
 
/* DVD promotion ------------------------------------------ */
 
#promo-dvd {
overflow : hidden;
margin : 0 auto 4.5em auto;
width : 934px; 
background-color : rgb(178,152,107); 
border : 3px double rgb(157,131,85); 
font-family : Georgia, Times, serif; }
 
#promo-dvd .intro {
float : left; 
padding : 20px;
width : 260px; }
 
#promo-dvd .content {
float : left; 
padding : 20px 0;
width : 600px; }
 
#promo-dvd .content ul {
overflow : hidden;
list-style-type : none; 
margin : 0; }
 
#promo-dvd .content li {
float : left; 
width : 160px; 
margin-right : 40px; }
 
#promo-dvd .content li:last-child {
margin-right : 0; }
 
#promo-dvd .content img {
padding : 10px;
background-color : rgb(154,128,83); }
 
#promo-dvd .content a:hover img {
background-color : rgb(213,199,174); }
 
#lightbox-container-image-data-box {
text-shadow : none; }
 
/* Recommended ------------------------------------------ */
 
ul.recommended {
list-style-type : none; }
 
ul.recommended li {
margin-bottom : .75em; }
 
ul.recommended li strong {
display : block; }
 
/* Index template ------------------------------------------ */
 
body.index { 
background : rgb(171,143,93) url(../img/index-body.jpg) repeat-x 50% 0;
color : rgb(36, 22, 10); 
text-shadow : rgb(202,183,127) 1px 1px 1px; }
 
.index .nav-main {
background : transparent url(../img/index-nav-main.png) repeat;
border-bottom : 3px double rgb(188,165,113); }
 
.index #nav-main li { 
border-right : 1px solid rgb(188,165,113); }
 
.index #nav-main li:last-child { 
border-right-width : 0; }
 
.index #branding {
margin-bottom : 3em; }
 
.index #logo { 
margin-bottom : 0; 
margin-left : -6px;
background : url(../img/index-logo.png) no-repeat; } 
 
.index #blog { 
background : url(../img/index-group.png) no-repeat; }
 
.index #blog .one { 
border-right-color : rgb(188,165,113); }
 
.index h1, 
.index h2, 
.index h3, 
.index h4 { 
color : rgb(56, 34, 16); }
 
.index h1, 
.index h2 { 
text-shadow : rgb(202,183,127) 1px 1px 1px; } 
 
.index a, 
.index a:visited { 
color : rgb(95, 35, 17); }
 
.index #nav-main a, 
.index #nav-main a:visited { 
color : rgb(95, 35, 17); }
 
.index a:hover, 
.index a:active { 
color : rgb(126, 30, 17); }
 
.index .one .updated { 
margin-left : 390px; 
font : bold 11px Helvetica, Arial, sans-serif; }
 
.index li.hentry { 
border-bottom-color : rgb(188, 165, 113); }
 
.index li.hentry .comments { 
top : .5em; }
 
.index .entry-comments abbr, 
.index li.hentry .updated { 
background :  rgb(171,143,93); }
 
.index .two .hentry { 
margin-bottom : 1.5em; }
 
.index .two .hentry:last-child { 
margin-bottom : 0;
border-bottom-width : 0;  }
 
.index .two .entry-summary { 
margin-bottom : 1em; }
 
.index .two .updated { 
display : none; }
 
.index input[type="text"], 
.index #keywords {
background : rgb(171,143,93); 
border-color : rgb(188, 165, 113); }
 
.index .footer { 
background : url(../img/index-footer.jpg) repeat-x 50% 0; }
 
.index #footer .nav { 
margin-right : 80px; }
 
.index #twitter { 
width : 220px; }
 
.index #promo-workshop {
background-color : rgb(178,152,107); 
border-color : rgb(157,131,85); }
 
/* Home template (new, with DVD promo) ------------------------------------------ */
 
body.home { 
background : rgb(232,220,205) url(../img/home-body.png) repeat 50% 0;
color : rgb(0,0,0); 
text-shadow : rgba(255,255,255,.6) 1px 1px 1px; }
 
.home .nav-main {
background : transparent url(../img/home-nav-main.png) repeat;
border-bottom : 1px solid rgb(180,154,118); }
 
.home #nav-main li { 
border-right : 1px solid rgb(180,154,118); }
 
.home #nav-main li:last-child { 
border-right-width : 0; }
 
.home #branding {
margin-bottom : 3em; }
 
.home #logo { 
margin-bottom : 0; 
margin-left : -6px;
background : url(../img/index-logo.png) no-repeat; } 
 
.home h1, 
.home h2, 
.home h3, 
.home h4 { 
color : rgb(0,0,0); }
 
.home h1, 
.home h2 { 
text-shadow : rgb(255,255,255) 1px 1px 1px; } 
 
.home a, 
.home a:visited { 
color : rgb(95, 35, 17); }
 
.home #nav-main a, 
.home #nav-main a:visited { 
color : rgb(95, 35, 17); }
 
.home a:hover, 
.home a:active { 
color : rgb(126, 30, 17); }
 
 
/* Promo */
 
.home .promo-main { 
clear : both;
width : 860px; 
margin : 0 auto 3em auto; 
padding : 0 40px; 
background : url(../img/home-group.png) no-repeat; 
font-family : Georgia, Times, serif; }
 
.home .promo-main:after {  
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; }
 
.home .promo-main h2 { 
position : relative; 
top : -10px; 
width : 580px; 
margin : 0 auto 6px auto; 
padding : 0 20px; 
font-size : 2em;
line-height : 1; 
text-align : center; }
 
.home .promo-main h3 { 
font-size : 1em;
text-transform : uppercase; }
 
.home .promo-main img { 
margin-bottom : .75em; }
 
.home .promo-main > p { 
clear : both; 
text-align : center; }
 
.home .promo-main #promo-main-microformats {
float : left;
width : 240px;
margin-right : 40px; }
 
.home .promo-main #promo-main-css {
float : left;
width : 240px;
margin-right : 40px; }
 
.home .promo-main #promo-main-accessibility {
float : left;
width : 240px; }
 
 
/* Blog entries */
 
.home #blog { 
background : url(../img/home-group.png) no-repeat; }
 
.home #blog .one { 
border-right-color : rgb(180,154,118); }
 
.home .one .updated { 
margin-left : 390px; 
font : bold 11px Helvetica, Arial, sans-serif; }
 
.home li.hentry { 
border-bottom-color : rgb(180,154,118); }
 
.home li.hentry .comments { 
top : .5em; }
 
.home .entry-comments abbr, 
.home li.hentry .updated { 
background-color :  transparent; }
 
.home .two .hentry { 
margin-bottom : 1.5em; }
 
.home .two .hentry:last-child { 
margin-bottom : 0;
border-bottom-width : 0;  }
 
.home .two .entry-summary { 
margin-bottom : 1em; }
 
.home .two .updated { 
display : none; }
 
.home input[type="text"], 
.home #keywords {
background-color : rgb(232,220,205); 
border-color : rgb(180,154,118); }
 
.home .footer { 
background : url(../img/home-footer.jpg) repeat-x 50% 0; }
 
.home #footer .nav { 
margin-right : 80px; }
 
.home #twitter { 
width : 220px; }
 
.home #promo-workshop {
background-color : rgb(178,152,107); 
border-color : rgb(180,154,118); }
 
 
/* Announcing template ------------------------------------------ */
 
.announcing h1 {
margin-bottom : -.25em; }
 
.announcing h1 + p {
margin-bottom : 3em;
padding-bottom : 1.5em;
border-bottom : 1px solid rgb(110,25,9);
font : 12px Georgia, Times, serif; 
text-transform : uppercase; 
letter-spacing : 2px;
text-align : center; }
 
.announcing .note {
font-size : 11px; }
 
/* Webkit and Mozilla ------------------------------------------ */
 
a.action {
-moz-border-radius : 10px;
-webkit-border-radius : 10px; }
 
.box {
-moz-border-radius : 10px;
-webkit-border-radius : 10px; }
 
input[type="text"], textarea { 
-webkit-transition : all 0.25s linear; }