@import url(http://stuffandnonsense.co.uk/build/fabw/css/reset.css); /* Reset CSS */
@import url(http://stuffandnonsense.co.uk/build/fabw/css/jquery.lightbox-0.5.css); /* Lightbox 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(http://stuffandnonsense.co.uk/build/fabw/img/body.jpg) repeat-x 50% 0;
/* background : transparent url(http://stuffandnonsense.co.uk/build/fabw/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 : normal 2.5em "Brioni Regular", "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(http://stuffandnonsense.co.uk/build/fabw/img/a-rss.png) no-repeat 100% 50%; 
text-indent : -9999px; }
 
.comments a { 
padding-left : 20px; 
background : url(http://stuffandnonsense.co.uk/build/fabw/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; }

/* 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(http://stuffandnonsense.co.uk/build/fabw/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(http://stuffandnonsense.co.uk/build/fabw/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(http://stuffandnonsense.co.uk/build/fabw/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 "Brioni Regular", "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(http://stuffandnonsense.co.uk/build/fabw/img/a-facebook.png) no-repeat 0 0; }
 
a[rel*="twitter"] { 
width : 185px; 
height : 45px; 
background : url(http://stuffandnonsense.co.uk/build/fabw/img/a-twitter.png) no-repeat 0 0; 
text-indent : -9999px; }
 
a[rel="gsfn"] { 
width : 145px; 
height : 40px; 
background : url(http://stuffandnonsense.co.uk/build/fabw/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(http://stuffandnonsense.co.uk/build/fabw/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(http://stuffandnonsense.co.uk/build/fabw/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(http://stuffandnonsense.co.uk/build/fabw/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(http://stuffandnonsense.co.uk/build/fabw/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(http://stuffandnonsense.co.uk/build/fabw/img/usa.png) no-repeat 0 50%; }
li#uk a { background : url(http://stuffandnonsense.co.uk/build/fabw/img/uk.png) no-repeat 0 50%; }
li#de a { background : url(http://stuffandnonsense.co.uk/build/fabw/img/de.png) no-repeat 0 50%; }
li#ca a { background : url(http://stuffandnonsense.co.uk/build/fabw/img/ca.png) no-repeat 0 50%; }
li#jp a { background : url(http://stuffandnonsense.co.uk/build/fabw/img/jp.png) no-repeat 0 50%; }
li#fr a { background : url(http://stuffandnonsense.co.uk/build/fabw/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(http://stuffandnonsense.co.uk/build/fabw/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); }

/* DVD promotion ------------------------------------------ */

.message {
overflow : hidden;
margin : 0 auto 4.5em auto;
padding : 10px 20px;
width : 934px; 
background-color : rgb(178,152,107); 
border : 3px double rgb(157,131,85); 
font-family : Georgia, Times, serif; }

.message p {
margin : 0; }


/* Index template ------------------------------------------ */

body.index { 
background : rgb(171,143,93) url(http://stuffandnonsense.co.uk/build/fabw/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(http://stuffandnonsense.co.uk/build/fabw/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(http://stuffandnonsense.co.uk/build/fabw/img/index-logo.png) no-repeat; } 

.index #blog { 
background : url(http://stuffandnonsense.co.uk/build/fabw/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(http://stuffandnonsense.co.uk/build/fabw/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); }

/* 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; }