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

Author styles ------------------------------------------------------------------------ */

@font-face {
font-family : "Caecilia-LT-Std-Bold";
src: url('../type/CaeciliaLTStd-Bold.otf'); }

@font-face {
font-family : "Cambria";
src: url('../type/cambria.ttf'); }

body { 
background-color : rgb(244,243,242);
border-top : 4px solid rgb(160,60,60);
font : 14px/1.3 Cambria, Georgia, serif; 
color : rgb(0,0,0); }

h1, h2, h3, h4, h5, h6 {
color : inherit; }

h1, h2 {
font : normal "Caecilia-LT-Std-Bold";
letter-spacing : -1px; }

h1 em, h2 em {
color : #999 }

h1 { 
font-size : 2em; 
margin-bottom : .75em; }

.header h1,
.header h2 { 
width : 600x;
height : 50px;
background : url(../img/h1.png) no-repeat 0 0; 
text-indent : -9999px; }

h3 { 
/* clear : left; */
font-size : 1.2em;
line-height : 1.25; }

blockquote { 
position : relative;
left : -40px;
margin : 0 0 18px 0;
padding-left : 40px;
background : url(../img/quotes-open.png) no-repeat 0 0; }

#promo {
font : normal 11px Helvetica, Arial, sans-serif; }

#intro {
position : relative;
padding : 6px 9px 5px;
background : rgb(160,60,60); 
border-bottom : 1px solid rgb(105,40,40);
color : rgb(255,255,255); 
font : normal 11px Helvetica, Arial, sans-serif; }

address { 
margin : 0; 
font-style : normal; }

abbr, acronym { 
border-bottom-width : 0; }

iframe {
margin-bottom : 18px; }



/* Anchors -------------------------------------------------------------- */

a { 
color : rgb(160,60,60);
text-decoration : none; }

a:focus, a:hover { 
color : rgb(25,25,25);
text-decoration : underline; }

a:active, a:focus { 
color : #333;
position : relative; 
top : 1px; }

#content-blogs:target .more,
#content-magazine:target .more {
padding : 2px 3px;
background-color : rgb(160,60,60);
color : rgb(255,255,255); }

a.more:after {
content : " »"; }

.action a, .close a { 
padding : 4px 9px; 
border-radius : 5px; 
font : normal 10px Helvetica, Arial, sans-serif;
text-transform : uppercase; 
letter-spacing : 1px; 
cursor : pointer; }

.action a:hover, .close a:hover { 
text-decoration : none; }

.action a { 
background-color : rgb(160,60,60); 
color : rgb(255,255,255); }

.action a:hover { 
background-color : rgb(25,25,25); }

.close a { 
background-color : rgb(25,25,25); 
text-shadow: #000 0 1px 0; 
color : rgb(255,255,255); }

.close a:hover { 
background-color : #666; }

#intro a {
font-weight : bold;
color : rgb(255,255,255); }

a.x {
position: absolute;
top : 5px;
right : 9px; }

.rss a { 
padding-right : 18px; 
background : url(../img/icons/a-rss-small.png) no-repeat 100% 50%; }

.footer .rss a { 
padding-left : 30px; 
background : url(../img/icons/a-rss.png) no-repeat 0 50%; }

/* li.comments a,
abbr.comments a { 
padding-left : 18px; 
background : url(../img/icons/a-comment.png) no-repeat 0 50%; 
font : 11px Helvetica, Arial, sans-serif; } */

li.comments a,
abbr.comments a {	
position : relative; 
text-decoration : none; 
color : rgb(255,255,255); }

li.comments a em,
abbr.comments a em {
position : relative;
padding : .1em .4em;
-moz-border-radius : 0.25em;
-webkit-border-radius : 0.25em;
border-radius : 0.25em;
font : normal 11px Helvetica, Arial, sans-serif; 
letter-spacing : 1px; 
cursor : pointer; 
background : rgb(160,60,60);
color : rgb(255,255,255); }

li.comments a .point,
abbr.comments a .point {
overflow : hidden;
position: absolute;
top : 1.2em;
left : .8em;
display : block;
width : 0;
height : 0; 
border-left : .45em solid rgb(160,60,60); 
border-bottom : .45em solid rgb(255,255,255);
border-bottom : .45em solid rgba(0,0,0,0); }

li.comments a:hover,
abbr.comments a:hover {
color : rgb(255,255,255); }

li.comments a:hover em,
abbr.comments a:hover em {
background : rgb(25,25,25);
color : rgb(255,255,255); }

li.comments a:hover .point,
abbr.comments a:hover .point {
border-left : .5em solid rgb(25,25,25); }

.can a { background : url(../img/icons/ca.png) no-repeat 0 50%; }
.nz a { background : url(../img/icons/nz.png) no-repeat 0 50%; }
.uk a { background : url(../img/icons/uk.png) no-repeat 0 50%; }
.us a { background : url(../img/icons/usa.png) no-repeat 0 50%; }



/* Lists -------------------------------------------------------------- */

ul, ol { 
margin : 0 0 18px 0; }

form ul { 
overflow : hidden; 
list-style-type : none; }

form li { 
float : left; 
width : 190px; 
margin-right : 10px; }

.footnotes { 
margin-bottom : 1.5em; 
font-size : 11px; 
line-height : 1.44em; }

.inline { 
clear : both;
list-style-type : none; 
padding : 18px 0; 
border-top : 1px dashed rgb(180,180,180);
font : 11px Helvetica, Arial, sans-serif; }

.inline:after { 
content : "\0020"; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; 
overflow : hidden; }

.inline li { 
float : left; 
display : inline; 
margin-right : 10px; 
padding-right : 10px; 
border-right : 1px solid rgb(180,180,180); }

.inline li.last { 
margin-right : 0!important; 
padding-right : 0!important; 
border-width : 0!important; }



/* Forms -------------------------------------------------------------- */

fieldset { 
margin : 0 0 18px 0; 
padding : 0; 
border-width : 0; }

li fieldset { 
margin : 0;
padding : 0; }

input[type="text"], 
textarea { 
margin : .5em 0; 
border : 1px solid rgb(180,180,180); }

input[type="text"] { 
width : 390px; 
padding : 5px; 
font : normal 11px Helvetica, Arial, sans-serif; }

input[type="text"]:hover, 
textarea:hover { 
border : 1px solid rgb(100,100,100); }

input[type="text"]:focus, 
textarea:focus { 
background-color : rgb(228,225,223);
border : 1px solid rgb(0,0,0); }

#search button { 
padding : 4px 9px; 
border-width : 0;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
background-color : rgb(160,60,60); 
color : rgb(255,255,255);
font : normal 10px Helvetica, Arial, sans-serif; 
text-transform: uppercase;
letter-spacing : 1px; 
cursor : pointer; }

#search button:hover { 
background-color : rgb(0,0,0); }

#search p { 
margin : 0; 
font : normal 11px Helvetica, Arial, sans-serif; }

#search input[type="text"] { 
width : 200px; 
margin-right : 10px; }

.shop #search input[type="text"] { 
width : 160px; 
margin-right : 10px; }

.aside input[type="text"] { 
width : 160px; 
padding : 3px; 
margin-bottom : 0; }

#signup input[type="text"] { 
width : 210px; }



/* Tables -------------------------------------------------------------- */

td, caption { 
padding : 4px 10px 4px 0; }

caption {
margin-bottom : 18px;
background : transparent; 
font-size : 1.2em;
line-height : 1.25; }

th, td { 
vertical-align : top; 
font : normal 11px Helvetica, Arial, sans-serif; }

th { 
padding : 4px 5px 4px 0; 
font-weight : bold; }

thead th {
background : transparent; }

.file tr:nth-child(odd) th,
.file tr:nth-child(odd) td {
background-color : rgb(234,232,230); }

.file th {
width : 120px; }

.ratings tr th,
.ratings tr td {
border-bottom : 1px solid rgb(180,180,180); }

/* Table sorting */

th.header { 
padding : 0 0 9px 12px;  
background : url(../img/arrow_sort.png) no-repeat 0 4px; 
cursor : pointer; }

th.headerSortUp { 
background : url(../img/arrow_up.png) no-repeat 0 6px; }

th.headerSortDown { 
background : url(../img/arrow_down.png) no-repeat 0 6px; }

td.dt { 
width : 110px; }

td.summary { 
width : 190px; }

td.extra { 
padding-left : 5px; 
width : 95px; }



/* Images -------------------------------------------------------------- */

img { 
padding : 5px; 
background-color : rgb(255,255,255); }

img.stars,
img.pop {
padding : 0;
background-color : transparent; 
border-width : 0; }

img.pop {
margin-top : -20px; }

p img.left { 
float : left; 
margin : 0 20px 18px 0; }

p img.right { 
float : right; 
margin : 0 0 18px 20px; }

p.caption { 
margin-bottom : 18px; 
font : bold 10px Helvetica, Arial, sans-serif;
text-transform : uppercase;
letter-spacing : 1px;
line-height : 1.44em; 
color : rgb(180,180,180);}

p.caption img { 
display : block; 
margin-bottom : 4px; }



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

.container,
#header, 
#footer { 
width : 100%; }

.header, .nav-main, .section, .footer { 
width : 950px; 
margin : 0 auto; }

.header { 
position : relative; }

.nav-main {
margin-bottom : 18px; 
border-top : 3px double rgb(180,180,180);
border-bottom : 3px double rgb(180,180,180); }

.article { 
float : left; 
width : 600px; }

#content-blogs {
margin-bottom : 18px; 
border-bottom : 4px solid rgb(160,60,60); }

.row {
overflow : hidden;
margin-bottom : 18px; 
border-bottom : 3px double rgb(180,180,180); }

.col { 
float : left; }

.aside { 
float : right; 
width : 310px; }

.index .aside { 
padding-top : 4em; }

.alt .aside { 
padding-top : 2em; }

.entry .aside { 
padding-top : 3.6em; }

.footer { 
padding : 36px 0 18px 0; 
border-top : 4px solid rgb(160,60,60);
font-size : 13px; }

.group:after { 
content : "\0020"; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; 
overflow : hidden; }

.last { 
margin : 0; 
padding : 0; 
border-width : 0} 



/* Box -------------------------------------------------------------- */

.box h4 {
margin-bottom : 4px; }

.box ul { 
list-style-type : none; }

.aside .box { 
margin-bottom : 18px; 
background : rgb(244,243,242);
border-bottom : 1px solid rgb(180,180,180); }

/* notice */

.error, .notice, .success { 
overflow : hidden;
padding : 20px; }

.notice { 
background : rgb(228,225,223) url(../img/featured.png) repeat-x 0 0;
border-width : 0; }

.notice img {
float : right; 
margin-left : 20px; 
background-color : rgb(255,255,255); }

.notice p {
font-size : 16px; }

/* issues */

.next-issue h2,
.last-issue h2 {
margin-bottom : 0; }

.next-issue p,
.last-issue p {
font-size : 13px; }

.next-issue h2 + p,
.last-issue h2 + p {
font-size : 12px;
letter-spacing : 1px;
text-transform : uppercase; }

.next-issue img,
.last-issue img {
float : right; 
margin : 0 0 5px 20px; }

/* halftone */

.halftone {
background : rgb(244,243,242) url(../img/halftone.png) repeat-x 0 -48px; 
border-top : 3px solid rgb(225,225,225); }

.halftone .tabs-box > h3 {
padding : 9px 0 0 9px; }

.halftone .box {
padding-top : 18px; 
padding-bottom : 0; 
border-bottom : 0; }



/* Advertising header above content -------------------------------------------------------------- */

#leaderboard { 
width : 728px; 
margin : 18px auto 0 auto; }



/* Issue number -------------------------------------------------------------- */

#issue { 
position : absolute;
top : 0;
left : 20px;
list-style-type : none; 
margin : 0; 
padding : 18px 0;
width : 80px;
background : rgb(160,60,60); 
color : rgb(255,255,255); 
text-align : center; 
text-transform : uppercase; 
line-height : 1; }

#issue .month,
#issue .year {
font : normal 11px Helvetica, Arial, sans-serif; 
letter-spacing : 2px; }

#issue .number {
font-size : 20px; }



/* Teaser --------------------------------- */

.teaser ul { 
list-style-type : none; 
background-color : rgb(228,225,223);
background-repeat : no-repeat;
background-position : 0 0;
border-top : 1px solid rgb(255,255,255);
border-bottom : 1px solid rgb(205,202,201); }

.teaser ul.v9-6-9 {
background-image : url(../img/teaser-9-6-9.png); }

.teaser ul.v9-9-6 {
background-image : url(../img/teaser-9-9-6.png); }

.teaser ul.v6-9-9 {
background-image : url(../img/teaser-6-9-9.png); }

.teaser li { 
position : relative; 
min-height : 180px; }

.teaser h3 {
margin-bottom : 18px;
clear : none; 
font : normal 11px Helvetica, Arial, sans-serif; 
text-transform : uppercase; }

.teaser h4 {
margin-bottom : 9px; }

.teaser p { 
margin-bottom : 9px;
font-size : 13px; } 

.teaser img { 
background-color : rgb(255,255,255); }

.teaser .a-magazine img { 
float : left; 
width : 110px;
margin-right : 20px; }

.teaser .a-subscribe h3,
.teaser .a-subscribe h4,
.teaser .a-subscribe p {
color  : rgb(255,255,255); } 

.teaser .a-subscribe h3 {
letter-spacing : 1px; }

.teaser .a-subscribe p {
line-height : 1.5; }

.teaser .a-subscribe .action { 
margin-top : 18px; }

.teaser .a-subscribe .action a { 
background-color : rgb(105,0,0); }

.teaser .a-subscribe .action a:hover { 
background-color : rgb(0,0,0); }

.teaser .a-shop img {
float : right; 
width : 110px;
margin-left : 10px; }

/* Grid components only for teaser -------------------------------------------------------------- */

.teaser .span-1, 
.teaser .span-2, 
.teaser .span-3, 
.teaser .span-4, 
.teaser .span-5, 
.teaser .span-6, 
.teaser .span-7, 
.teaser .span-8, 
.teaser .span-9, 
.teaser .span-10, 
.teaser .span-11, 
.teaser .span-12, 
.teaser .span-13, 
.teaser .span-14, 
.teaser .span-15, 
.teaser .span-16, 
.teaser .span-17, 
.teaser .span-18, 
.teaser .span-19, 
.teaser .span-20, 
.teaser .span-21, 
.teaser .span-22, 
.teaser .span-23, 
.teaser .span-24 
{ float : left; margin : 0 10px 0 0; padding : 18px 20px; }

.teaser .last { margin-right : 0; padding : 18px 20px; }

.teaser .span-1 { width : 10px; }
.teaser .span-2 { width : 30px; }
.teaser .span-3 { width : 70px; }
.teaser .span-4 { width : 110px; }
.teaser .span-5 { width : 150px; }
.teaser .span-6 { width : 190px; }
.teaser .span-7 { width : 230px; }
.teaser .span-8 { width : 270px; }
.teaser .span-9 { width : 310px; }
.teaser .span-10 { width : 350px; }
.teaser .span-11 { width : 390px; }
.teaser .span-12 { width : 430px; }
.teaser .span-13 { width : 470px; }
.teaser .span-14 { width : 510px; }
.teaser .span-15 { width : 550px; }
.teaser .span-16 { width : 590px; }
.teaser .span-17 { width : 630px; }
.teaser .span-18 { width : 670px; }
.teaser .span-19 { width : 710px; }
.teaser .span-20 { width : 750px; }
.teaser .span-21 { width : 790px; }
.teaser .span-22 { width : 830px; }
.teaser .span-23 { width : 870px; }
.teaser .span-24 { width : 910px; }



/* Nav-tools -------------------------------------------------------------- */

#nav-tools { 
position : absolute; 
top : 0; 
left : 590px; 
overflow : hidden; 
list-style-type : none; 
padding : 9px; }

#nav-tools li { 
float : left; 
margin-right : 18px; }

#nav-tools a, 
.nav-tools a:visited { 
float : left;
font : normal 11px Helvetica, Arial, sans-serif;
text-transform : uppercase; }



/* Nav-main -------------------------------------------------------------- */

#nav-main ul { 
overflow : hidden; 
list-style-type : none; 
float : left; 
width : 550px; 
margin : 24px 0 18px 0; }

#nav-main ul li {
display : block;
float : left;
margin-right : 20px; }

#nav-main ul a { 
display : block;
padding : 6px 9px 5px;
border-radius : 5px;
font : normal 11px Helvetica, Arial, sans-serif; 
text-transform : uppercase; }

#nav-main ul a:hover { 
background-color : rgba(140,130,120,.1);
text-decoration : none; }

#nav-main #search { 
float : right; 
width : 310px; 
margin : 0; }

#nav-main #search fieldset { 
margin : 9px 0 0 0; }



/* Nav-location (breadcrumb) -------------------------------------------------------------- */

.nav-location {
overflow : hidden;
list-style-type : none; 
background-color : rgb(228,225,223);
border-top : 1px solid rgb(255,255,255);
border-bottom : 1px solid rgb(205,202,201);
font : normal 11px Helvetica, Arial, sans-serif; }

.nav-location li {
display : block;
float : left; }

.nav-location a {
display : block; 
padding : 6px 9px 5px; }




/* Nav-gallery -------------------------------------------------------------- */

.nav-gallery {
list-style-type : none; }

.nav-gallery li { 
float : left;
width : 310px;
margin : 0 10px 18px 0; 
font : bold 10px Helvetica, Arial, sans-serif;
text-transform : uppercase;
letter-spacing : 1px;
line-height : 1.44em; 
color : rgb(180,180,180); }

.nav-gallery .last { 
margin : 0 0 18px 0; }

p.caption img { 
display : block; 
margin-bottom : 9px; }



/* Nav-podcasts -------------------------------------------------------------- */

.nav-podcasts li { 
position : relative; 
list-style-type : none; 
margin-bottom : 1em; 
padding-bottom : .5em; 
border-bottom : 1px dashed rgb(180,180,180); }

.nav-podcasts h5 { 
margin-bottom : 4px;
font : normal 11px Helvetica, Arial, sans-serif; 
text-transform : uppercase; }

.nav-podcasts h4 { 
margin-bottom : 0; }

.nav-podcasts .play { 
position : absolute;
top : 0;
right : 0;
font : normal 11px Helvetica, Arial, sans-serif; 
text-transform : uppercase; }



/* Nav-sub -------------------------------------------------------------- */

.nav-sub { 
list-style-type : none; }

.nav-sub li { 
margin-bottom : .5em; 
padding-bottom : .5em; 
border-bottom : 1px dashed rgb(180,180,180); }



/* Twitter -------------------------------------------------------------- */

#twitter_update_list { 
list-style-type : none; }

#twitter_update_list li { 
margin-bottom : .5em; 
padding-bottom : .5em; 
border-bottom : 1px dashed rgb(180,180,180); }



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

#flickr_badge_wrapper {
overflow : hidden; }

.flickr_badge_image {
float : left; 
margin : 0 10px 5px 0; }



/* Pagination -------------------------------------------------------------- */

.pagination { 
clear : both;
padding-top : 18px; 
border-top : 3px double rgb(180,180,180); }

.pagination li { 
display : inline; 
margin-right : 5px; }

.pagination li a { 
padding : 3px 7px; 
background-color : rgb(255,255,255); 
border : 1px solid rgb(180,180,180); 
font : normal 11px Helvetica, Arial, sans-serif;
text-transform : uppercase;
text-decoration : none; }

a.currentpage { 
background-color : rgb(160,60,60); 
color : rgb(0,0,0); 
border-color : rgb(180,180,180); }

a.disablelink { 
background-color : rgb(255,255,255); 
border-color : rgb(180,180,180); }



/* Browse A-Z -------------------------------------------------------------- */

.nav-az li { 
display : inline; 
margin-right : 2px; }

.nav-az li a { 
padding : 2px 4px; 
border : 1px solid rgb(180,180,180); 
font : normal 11px Helvetica, Arial, sans-serif;
text-transform : uppercase;
text-decoration : none; }

.nav-az li a:hover { 
background-color : rgb(160,60,60); 
color : rgb(255,255,255); 
border-color : rgb(180,180,180); }

.nav-az li a.currentpage { 
background-color : rgb(160,60,60); 
color : rgb(255,255,255); 
border-color : rgb(180,180,180); }

.nav-az li a.disablelink { 
background-color : rgb(255,255,255); 
border-color : rgb(180,180,180); }



/* Topics navigation -------------------------------------------------------------- */

.nav-topics {
list-style-type : none; 
margin-bottom : 0; }

.nav-topics li { 
float : left; 
width : 160px; 
min-height : 20em;
margin-right : 30px; }

.nav-topics img,
.nav-topics h3 { 
display : block;
margin-bottom : 4px; }

.nav-topics p { 
margin : 0; 
font-size : 13px; }

.nav-topics a:hover {
text-decoration : none; }



/* Tabbed navigation -------------------------------------------------------------- */

.ui-tabs .ui-tabs-nav { 
margin : 0; 
border-bottom : 1px solid rgb(180,180,180); }

.ui-tabs .ui-tabs-nav:after { 
content : "\0020"; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; 
overflow : hidden; }

.ui-tabs .ui-tabs-panel { 
padding : 18px 0;  }

.halftone .ui-tabs .ui-tabs-panel { 
padding : 0 0 18px 0;  }

.ui-tabs .ui-tabs-nav li { 
margin : 0 0 -1px 5px;
background : rgb(244,243,242);
border : 1px solid rgb(200,200,200);
font : normal 11px Helvetica,Sans-serif; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
border-color : rgb(180,180,180); }

.ui-tabs .ui-tabs-nav li a { 
padding : .5em 10px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { 
color : rgb(0,0,0); }



/* Dropdown menu navigation
------------------------------------------------------------------------------- */

.nav-interact li { 
position : relative; 
z-index : 100; }

.nav-interact .last a { 
position : relative; 
top : -5px; }

.nav-interact li span { 
position : relative; 
z-index : 10; }		

.nav-interact img.arrow { 
margin-left: 4px; 
padding : 0; 
background : transparent; 
border-width : 0; 
cursor : pointer; }

.nav-interact div.sub_menu { 
display : none; 
position : absolute; 
top : 0; 
left : 0; 
margin-top : 18px; 
padding : 10px; 
width : 160px; 
background-color : rgb(255,255,255);
background-color : rgba(255,255,255,.75);
border : 1px solid rgb(180,180,180); 
box-shadow : 0 0 10px rgb(180,180,180); }

.nav-interact div.sub_menu a { 
top : 0;
display : block; 
margin : 4px 0; 
padding-left : 25px; }	

#digg { background : transparent url(../img/icons/a-digg.png) no-repeat 0 50%; }
#reddit { background : transparent url(../img/icons/a-reddit.png) no-repeat 0 50%; }
#stumbledupon { background : transparent url(../img/icons/a-stumbledupon.png) no-repeat 0 50%; }
#facebook { background : transparent url(../img/icons/a-facebook-s.png) no-repeat 0 50%; }
#delicious { background : transparent url(../img/icons/a-delicious.png) no-repeat 0 50%; }



/* Accordion navigation
------------------------------------------------------------------------------- */

.ui-accordion { 
margin : 0 0 36px 0; 
padding : 0; }

.ui-accordion .ui-accordion-header { 
margin : 0 0 .5em 0; 
padding : 0 0 .5em 0; 
border-bottom : 1px dashed rgb(180,180,180); }

.ui-accordion .ui-accordion-header a { 
font-size : inherit; 
padding : 0; }

.ui-accordion .ui-accordion-content { 
margin : 0 0 24px 0;
padding : 0; }

.ui-accordion ul,
.ui-accordion ol { 
list-style-type : none; }

.ui-accordion ol li { 
position : relative; }

.ui-accordion ol a { 
display : block; 
padding : 2px; }

.ui-accordion ol em { 
position : absolute; 
top : 0;
right : 0; }




/* Subscription -------------------------------------------------------------- */

.subscription .section { 
position : relative; 
width : 700px; 
margin-bottom : 18px;
padding : 36px 230px 36px 20px; 
background : rgb(228,225,223) url(../img/subscription.png) no-repeat 0 0; 
border-top : 1px solid rgb(255,255,255);
border-bottom : 1px solid rgb(205,202,201); } 

.subscription .one { 
width : 310px; 
margin-right : 40px; 
padding-right : 40px; 
border-right : 1px solid rgb(180,180,180); }

.subscription .two { 
width : 300px; }

.subscription blockquote { 
left : 0;
margin : 0; 
font-style : normal; }

.subscription .col p:last-child { 
margin : 0; }

.subscription #promo { 
position : absolute; 
top : -18px; 
left : 760px; 
width : 160px; }

.subscription #promo img { 
margin-bottom : 4px; }



/* Footer -------------------------------------------------------------- */

.footer ul { 
float : left; 
list-style-type : none; 
width : 110px; 
margin-right : 50px; }

.footer .vcard { 
float : left; 
width : 140px; 
margin-right : 20px; }

.footer #about { 
float : left; 
padding-left : 20px;
width : 239px; 
border-left : 1px solid rgb(180,180,180); }

.footer #thirdparty { 
clear : left; 
overflow : hidden; 
width : auto; 
margin : 18px 0 36px 0; }

#thirdparty #facebook { 
float : left; 
width : 300px; 
margin-right : 20px; }

#thirdparty #twitter { 
float : left; 
width : 300px; 
margin-right : 20px; }

#thirdparty #rss { 
float : left; 
width : 200px; }

#thirdparty a[rel*="facebook"] { 
display : block; 
height : 32px; 
padding-left : 40px; 
background : url(../img/icons/a-facebook.png) no-repeat 0 0; }

#thirdparty a[rel*="twitter"] { 
display : block; 
height : 32px; 
padding-left : 40px; 
background : url(../img/icons/a-twitter.png) no-repeat 0 0; }

#thirdparty #rss a { 
display : block; 
height : 32px; 
padding-left : 40px; 
background : url(../img/icons/a-rss.png) no-repeat 0 50%; }

#thirdparty a[rel*="facebook"]:active, 
#thirdparty a[rel*="twitter"]:active, 
#thirdparty #rss a:active { background-position : 0 2px; }

.footer #copyright { 
clear : left; 
padding : 18px 0; }



/* Reviews template  
------------------------------------------------------------------------------- */

.reviews .hreview { 
overflow : hidden; 
margin : 0 0 18px 0; }

.reviews .hreview .description { 
margin : 0; }



/* Blog template 
------------------------------------------------------------------------------- */

h4.category {
font : normal 11px Helvetica, Arial, sans-serif; 
text-transform : uppercase; }



/* Lead entry 
------------------------------------------------------------------------------- */

.leader {
margin-bottom : 18px; }

.leader img {
margin-bottom : 9px; }

.leader p {
font-size : 16px; }

.blog .leader {
border-bottom : 3px double rgb(180,180,180); }

/* illustrated */

.leader-illustrated img {
float : left; 
margin : 0 20px 18px 0; }


/* Archived entry 
------------------------------------------------------------------------------- */

.archive {
width : 540px; }

.archive .photo {
float : right;
margin-left : 20px; }

.archive .inline { 
margin-right : 150px; }



/* hentry entries in two columns (note minor source order change)  
------------------------------------------------------------------------------- */

.summary { 
position: relative; 
overflow : hidden; 
margin : 0 0 18px 0; }

.summary .entry-title { 
width : 410px; }

.summary .entry-content { 
width : 410px; }

.summary ul { 
position : absolute; 
top : 0; 
right : 0; 
list-style-type : none; 
margin : 0; 
width : 150px; }



/* Grid entries in a grid format
------------------------------------------------------------------------------- */

.grid { 
float : left; 
width : 270px; 
margin-right : 30px; }

/* illustrated */

.grid-illustrated img {
float : left; 
margin : 0 20px 18px 0; }



/* hentry entries expressed as an unordered list
------------------------------------------------------------------------------- */

li.hentry { 
position : relative;
list-style-type : none; }

li:only-child {
margin-bottom : 0; 
border-bottom-width : 0; }

li.hentry .entry-title { 
margin : 0 30px 4px 0; }

li.hentry .entry-summary { 
padding-right : 30px;
font-size : 13px; }
 
li.hentry .comments { 
position : absolute; 
top : 0; 
right : 0; }
 
li.hentry address,
li.hentry .updated { 
display : none; }


/* Standard entry template (for older/archived entries)
------------------------------------------------------------------------------- */

.entry .article { 
position : relative; }

.entry .entry-issue { 
position : absolute; 
top : 9px; 
right : 0; 
text-transform : uppercase;
letter-spacing : 1px; }

.entry .article .entry-meta { 
padding : 18px 0; 
border-top : 1px dashed rgb(180,180,180); 
font : normal 11px Helvetica, Arial, sans-serif; }

.entry .article .entry-meta li { 
border-right : 1px solid rgb(180,180,180); }

.entry .entry-summary,
.entry .entry-content {
line-height : 1.4; }

.enhanced .entry-title,
.enhanced .entry-summary,
.enhanced .entry-content {
padding-left : 70px; }

.enhanced .entry-summary blockquote,
.enhanced .entry-content blockquote {
margin-left : -70px; }

.enhanced .entry-content img.left {
margin-left : -70px; }



/* Wide entry template (for latest entries)
------------------------------------------------------------------------------- */

.current { 
position : relative; }

.current .entry-content { 
width : 550px; 
margin : 0 auto; }

.current p.vcard { 
text-align : center; }

.current p.vcard strong { 
margin-bottom : 18px; 
padding-bottom : 9px; 
border-bottom : 1px solid rgb(180,180,180);
font-weight : normal; }


/* Image treatments
------------------------------------------------------------------------------- */

.entry-intro div {
margin : 0 auto; }

.entry-intro .span-14 { 
width : 550px; }

.entry-intro .span-15 { 
width : 590px; }

.entry-intro .span-16 { 
width : 630px; }

.entry-intro .span-17 { 
width : 670px; }

.entry-intro .span-18 { 
width : 710px; }

.entry-intro .span-19 { 
width : 750px; }

.entry-intro .span-20 { 
width : 790px; }

.entry-intro .span-21 { 
width : 830px; }

.entry-intro .span-22 { 
width : 870px; }

.entry-intro .span-23 { 
width : 910px; }

.entry-intro .span-24 { 
width : 950px; }

.current .entry-content .caption { 
float : left;
margin : 0 20px 18px 0; 
font : normal 11px Helvetica, Arial, sans-serif;
text-transform : none;
letter-spacing : 0;
line-height : 1.44em; 
color : rgb(0,0,0); }

.current .entry-content .caption img { 
margin-bottom : 4px; }

.current .entry-content .span-1 { 
width : 30px; }

.current .entry-content .span-2 { 
width : 70px; }

.current .entry-content .span-3 { 
width : 110px; }

.current .entry-content .span-4 { 
width : 150px; 
margin : 0 20px 18px -200px; }

.current .entry-content .span-5 { 
width : 190px; }

.current .entry-content .span-6 { 
width : 230px; }

.current .entry-content .span-7 { 
width : 270px; }

.current .entry-content .span-8 { 
width : 310px; }

.current .entry-content .span-9 { 
width : 350px; }

.current .entry-content .span-10 { 
width : 390px; }

.current .entry-content .span-11 { 
width : 430px; }

.current .entry-content .span-12 { 
width : 470px; }

.current .entry-content .span-13 { 
width : 510px; }

.current .entry-content .span-14 { 
width : 550px; }

.current .entry-content .span-15 { 
width : 590px; }

.current .entry-content .span-16 { 
width : 630px; }

.current .entry-content .span-17 { 
width : 670px; }

.current .entry-content .span-18 { 
width : 710px; }

.current .entry-content .span-19 { 
width : 750px; }

.current .entry-content .span-20 { 
width : 790px; }

.current .entry-content .span-21 { 
width : 830px; }

.current .entry-content .span-22 { 
width : 870px; }

.current .entry-content .span-23 { 
width : 910px; }

.current .entry-content .span-24 { 
width : 950px; 
margin : 0; }



/* Related entries template
------------------------------------------------------------------------------- */

.related .promo { 
float : left; 
width : 160px; 
margin-right : 20px;
font : normal 11px Helvetica, Arial, sans-serif; }



/* Entries in context
------------------------------------------------------------------------------- */

.context {
margin-bottom : 18px; 
padding-top : 18px; 
border-top : 3px double rgb(180,180,180); }

.context #promo {
float : left; 
width : 150px;
margin-right : 10px; }

.context #promo img {
display : block; }

.context .article { 
padding-right : 30px;
width : 429px; 
border-right : 1px solid rgb(180,180,180); }

.context .aside { 
width : 310px; 
padding-top : 0; }

.context .aside li {
list-style-type : none; 
margin-bottom : 9px; }


/* Comments template  
------------------------------------------------------------------------------- */

.comments h1 { 
margin-left : 40px; }

.comments ol { 
list-style-type : none; }

.comments .hreview { 
position : relative; 
padding-left : 40px;
margin : 0 0 36px 0; }

.comments .dtreviewed { 
display : block;
position : absolute; 
top : 4px;
right : 0;
padding : 6px 9px 5px;
background-color : rgb(228,225,223);
color : rgb(150,150,150);
font : normal 10px Helvetica, Arial, sans-serif; 
text-transform : uppercase; 
letter-spacing : 1px; }

.comments a[rel="bookmark"] {
font : normal 10px Helvetica, Arial, sans-serif; }


/* Contact template  
------------------------------------------------------------------------------- */

.contact .row {
padding-bottom : 18px; 
border-bottom : 1px dashed rgb(180,180,180); }

.contact .row .one,
.contact .row .two,
.contact .row .three { 
float : left; 
width : 180px; 
margin-right : 20px; }

.contact .row h4 {
margin-bottom : 4px; }

.contact .row .adr,
.contact .row .tel,
.contact .row .fax,
.contact .row .email {
font : normal 11px Helvetica, Arial, sans-serif; 
line-height : 1.7; }

.contact .tel { 
margin-top : 18px; }



/* Items template  
------------------------------------------------------------------------------- */

ol.hlisting { 
list-style-type : none; 
margin : 0; }

ol.hlisting:after { 
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; }

ol .item { 
position : relative; 
min-height : 200px; 
margin-bottom : 18px;
border-bottom : 1px dashed rgb(200,200,200); }

ol .item:last-child { 
margin-bottom : 0;
border-bottom-width : 0; }

ol .photo { 
float : left; 
margin-right : 20px;
border : 5px solid rgb(200,200,200); }

ol .dtlisted { 
display : none; }



/* Featured item  
------------------------------------------------------------------------------- */

.featured { 
position : relative; 
margin-bottom : 18px; 
padding : 20px 220px 9px 20px; 
background : rgb(228,225,223) url(../img/featured.png) repeat-x 0 0; 
border-top : 1px solid rgb(255,255,255);
border-bottom : 1px solid rgb(205,202,201); }

.featured .photo { 
position : absolute; 
top : 20px; 
right : 20px; 
border : 5px solid rgb(200,200,200); }

.featured .author { 
margin-top : 1.75em; }

.featured .item-meta { 
padding-top : .75em;
border-top : 1px dashed rgb(200,200,200); }

.featured .item-meta li { 
display : inline; 
margin-right : 20px; }

.featured .item-meta li:last-child { 
margin-right : 0; }

.featured .item-meta .action a { 
position : absolute; 
top : 230px; 
left : 450px; }

.availability {
margin-bottom : 9px; }

.add {
position : absolute; 
top : 200px; 
left : 410px; }

.buy { 
list-style-type : none; }

.buy li { 
display : inline; 
margin-right : 20px; }

.buy a { 
padding-left : 20px; }



/* Item detail template  
------------------------------------------------------------------------------- */

.item-detail .item-extra { 
position : relative; 
padding-left : 200px; 
margin-bottom : 18px; 
padding-bottom : 18px; 
border-bottom : 1px dashed rgb(180,180,180); }

.item-detail .last-child { 
border-bottom-width : 0; }

.item-detail .hreview { 
position : absolute; 
top : 0; 
left : 0; 
width : 200px; 
font-size : 13px; }

.item-detail .item-extra .description { 
margin-top : 0; 
margin-left : 0; }

.item-detail .item-extra .hreview li { 
list-style-type : none; }

.item-detail .item-extra .hreview li:last-child { 
margin-top : 18px; }


/* Hanging internal ads  
------------------------------------------------------------------------------- */

.entry .hlisting { 
overflow : hidden; 
position : relative; 
margin-bottom : 18px; 
padding : 20px; 
background : rgb(228,225,223) url(../img/featured.png) repeat-x 0 0;
border-top : 1px solid rgb(255,255,255);
border-bottom : 1px solid rgb(205,202,201); }

.entry .hlisting .item { 
float : left;
margin-right : 20px; 
width : 270px; 
font-size : 13px; }

.entry .hlisting .last { 
margin-right : 0; }

.entry .hlisting .photo { 
float : left; 
margin-right : 20px;
background-color : rgb(255,255,255); }

.entry .hlisting .summary {
margin-bottom : 9px; }

.entry .hlisting .dtlisted { 
display : none; }

.current .hlisting { 
margin : 0 -200px 18px -200px; }



/* hcalendar
------------------------------------------------------------------------------- */

td.dtstart .value {
display : none; }



/* Tabbed content  
------------------------------------------------------------------------------- */

/* back-issues */

.back-issues { 
overflow : hidden;
list-style-type : none; }

.back-issues:after { 
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; }

.back-issues .item { 
float : left; 
margin : 0 20px 18px 0; 
width : 120px; 
font : normal 11px Helvetica, Arial, sans-serif; }

.back-issues .photo { 
display : block; 
margin-bottom : 10px; }

.back-issues .dtlisted { 
display : none; }


/* books */

.books { 
overflow : hidden; 
list-style-type : none; }

.books:after { 
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; }

.books .item { 
float : left; 
margin-right : 20px; 
width : 300px; }

.books .last { 
margin-right : 0; }

.books .photo { 
float : left; 
margin-right : 10px; }

.books .dtlisted { 
display : none; }

/* shop */

#tabs-5 .col {
float : left; 
margin-right : 20px; 
width : 300px; }

#tabs-5 .last { 
margin-right : 0; }

#tabs-5 .col ul {
list-style-type : none; }



/* Superbox modal window
------------------------------------------------------------------------------- */

/* Base styles */
#superbox-overlay { 
position : fixed; 
top : 0; 
left : 0; 
z-index : 9998; 
width : 100%; 
height : 100%;}

#superbox-wrapper { 
position : fixed; 
z-index : 9999; 
top : 0; 
display : table; 
width : 100%; 
height : 100%; }

#superbox-container { 
position : relative; 
display : table-cell; 
width : 100%; 
height : 100%; 
margin : 0; 
padding : 0; 
vertical-align : middle; }

#superbox{ 
margin : 0 auto; 
padding : 0; }

#superbox-container .loading { 
margin : 0; 
text-align : center; }

/* Default styles */
#superbox-container .loading { 
text-align : center; 
font-size : 40px; 
color : rgb(255,255,255); }

#superbox { 
overflow : hidden;
padding : 20px;
border : 4px solid rgb(255,255,255); }

#superbox #superbox-innerbox {
height : 340px!important; }

#superbox.image { 
text-align : center; }

#superbox .close,
#superbox .nextprev{ 
display : none; }

.popup {
background : transparent;
border-width : 0; 
color : rgb(255,255,255); }

.popup #offer {
padding : 9px 4px; 
background-color : rgb(105,0,0);
border : 1px solid rgb(255,255,255);
color : rgb(255,255,255);
font : normal 12px Helvetica, Arial, sans-serif; 
text-align : center; }

.popup #promo { 
float : left; 
width : 160px; 
font : normal 11px Helvetica, Arial, sans-serif; 
color : rgb(255,255,255); }

.popup .col { 
float : left; 
width : 190px; 
margin-right : 30px; }

.popup .last { 
width : 190px; 
margin-right : 0; }

.popup .clear {
clear : both; }

.popup a { 
color : rgb(255,255,255); }

.popup .action a { 
background-color : rgb(105,0,0); }

.popup .action a:hover { 
background-color : rgb(25,25,25); }

.popup .clear {
padding-top : 18px;
border-top : 1px dashed rgb(255,255,255);
font : normal 11px Helvetica, Arial, sans-serif; }

#superbox-overlay { 
background : rgb(255,255,255); }

#superbox { 
background : rgb(160,60,60) url(../img/subscribe.png) repeat-x 0 0; }

p.loading {
padding : 9px 18px;
background : rgb(255,255,255); 
color : rgb(0,0,0)!important; }

/* jQuery plugin - Easy Image or Content Slider
http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider
------------------------------------------------------------------------------- */

#slider,
.slides,
.slide {
overflow : hidden; }

.slider {
position : relative; 
margin-bottom : 36px; }

.slide {
width : 950px;
list-style-type : none; }

.slide div { 
float : left; 
width : 160px; 
margin-right : 30px; }

.slide p { 
margin : 0; }

#prevBtn, 
#nextBtn { 
position : absolute; 
top : 2.2em;
left : 760px; }



/* Magento shop 
------------------------------------------------------------------------------- */

.no-display {
display : none; }

.controls {
margin-bottom : 18px;
padding : 9px 10px;
background-color : rgb(228,225,223);
border-top : 1px solid rgb(255,255,255);
border-bottom : 1px solid rgb(205,202,201);
font : normal 11px Helvetica, Arial, sans-serif; }

.controls form,
.controls fieldset {
margin : 0; 
padding : 0; }

.controls .pager {
float : left;
width : 290px; }

.controls .sorter {
float : left;
width : 260px; }

.controls .amount {
position : relative;
top : 5px;
float : left; 
width : 130px; 
margin : 0; }

.controls .view-mode {
display : none; }

#search_mini_form input[type="text"] { 
width : 210px; 
margin-right : 10px; 
padding : 5px; }

.cart {
position : relative; }

.cart .action {
position : absolute;
top : 0;
right : 0; }

.added .product-details {
padding : 0 10px; }

.added img {
position : relative;
top : 3px;
padding : 0;
background : transparent; }

li label,
li #qty {
float : left; 
width : 30px; 
margin-right : 10px; }

li #qty {
position : relative;
top : -6px; 
width : 20px; }



/* =moz and webkit 
------------------------------------------------------------------------------- */

/* transitions */
a, 
input[type="text"], 
textarea, 
#search button { 
-webkit-transition : all 0.5s linear; }

/* borders */
#nav-main a, 
.action a, 
.close a,
.comments .dtreviewed { 
-moz-border-radius : 5px; 
-webkit-border-radius : 5px; }

/* shadows */
.nav-interact div.sub_menu { 
-moz-box-shadow : 0 0 10px rgba(0,0,0,.25); 
-webkit-box-shadow : 0 0 10px rgba(0,0,0,.25); }

#superbox {
-moz-box-shadow : 0 0 10px rgba(0,0,0,.8); 
-webkit-box-shadow : 0 0 10px rgba(0,0,0,.8); }



/* Variations
------------------------------------------------------------------------------- */

/* index */

body.index .header h1,
body.index .header h2 { 
height : 70px;
background : url(../img/h1-index.png) no-repeat 0 0; }

body.index .nav-main {
margin-bottom : 0; 
border-bottom-width : 0; }

body.index #nav-index a {
font-weight : bold;
background-color : rgb(160,60,60); 
color : rgb(255,255,255); }

/* magazine */

body.magazine .header h1,
body.magazine .header h2 { 
background : url(../img/h1-magazine.png) no-repeat 0 0; }

body.magazine #nav-magazine a {
font-weight : bold;
background-color : rgb(160,60,60); 
color : rgb(255,255,255); }

body.magazine #search button { 
background-color : rgb(160,60,60); }

/* blog */

body.blog { 
border-top : 4px solid rgb(85,110,5); }

body.blog a { 
color : rgb(85,110,5); }

body.blog #nav-blog a {
font-weight : bold;
background-color : rgb(85,110,5); 
color : rgb(255,255,255); }

body.blog #search button { 
background-color : rgb(85,110,5); }

body.blog #issue { 
background : rgb(85,110,5);  }

body.blog li.comments a em,
body.blog abbr.comments a em {
background : rgb(85,110,5); }

body.blog li.comments a .point,
body.blog abbr.comments a .point {
border-left : .45em solid rgb(85,110,5); }

body.blog .header h1,
body.blog .header h2 { 
background : url(../img/h1-blog.png) no-repeat 0 0; }

body.blog .footer { 
border-top : 4px solid rgb(85,110,5); }

/* books */

body.bookshop { 
border-top : 4px solid rgb(215,90,0); }

body.bookshop a { 
color : rgb(215,90,0); }

body.bookshop #nav-bookshop a {
font-weight : bold;
background-color : rgb(215,90,0); 
color : rgb(255,255,255); }

body.bookshop #search button { 
background-color : rgb(215,90,0); }

body.bookshop #issue { 
background : rgb(215,90,0);  }

body.bookshop li.comments a em,
body.bookshop abbr.comments a em {
background : rgb(215,90,0); }

body.bookshop li.comments a .point,
body.bookshop abbr.comments a .point {
border-left : .45em solid rgb(215,90,0); }

body.bookshop .header h1,
body.bookshop .header h2 { 
background : url(../img/h1-books.png) no-repeat 0 0; }

body.bookshop .action a { 
background-color : rgb(215,90,0); 
color : rgb(255,255,255); }

body.bookshop .footer { 
border-top : 4px solid rgb(215,90,0); }

/* shop */

body.shop { 
border-top : 4px solid rgb(50,110,150); }

body.shop a { 
color : rgb(50,110,150); }

body.shop #nav-shop a {
font-weight : bold;
background-color : rgb(50,110,150); 
color : rgb(255,255,255); }

body.shop #search button { 
background-color : rgb(50,110,150); }

body.shop #issue { 
background : rgb(50,110,150);  }

body.shop li.comments a em,
body.shop abbr.comments a em {
background : rgb(50,110,150); }

body.shop li.comments a .point,
body.shop abbr.comments a .point {
border-left : .45em solid rgb(50,110,150); }

body.shop .header h1,
body.shop .header h2 { 
background : url(../img/h1-shop.png) no-repeat 0 0; }

body.shop .action a { 
background-color : rgb(50,110,150); 
color : rgb(255,255,255); }

body.shop .footer { 
border-top : 4px solid rgb(50,110,150); }


/* Styles for legacy content
------------------------------------------------------------------------------- */

.legacy font {
font-size: inherit!important; }

.legacy .drop1 {
display : inline;
float : left!important; 
width : auto!important; 
margin : 0; }

.legacy .drop1 table,
.legacy .drop1 tr,
.legacy .drop1 td, {
display : inline!important;
width : auto!important; }

.legacy .drop1 img {
display : block; }

.legacy .drop1 p {
display : inline; 
width : auto!important; 
font : bold 10px Helvetica, Arial, sans-serif;
text-transform : uppercase;
letter-spacing : 1px;
line-height : 1.44em; 
color : rgb(180,180,180); }

.legacy p.pullquote {
float : none!important; 
position : relative;
left : -40px;
margin : 0 0 18px 0;
padding-left : 40px;
background : url(../img/quotes-open.png) no-repeat 0 0; }

.legacy br { display : none; }


/* http://meyerweb.com/eric/tools/css/diagnostics/ ------------------------------------- 

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; }
*[style], font, center { outline : 5px solid red; } 
*[class=""], *[id=""] { outline : 5px dotted red; }
img[alt=""] { border : 3px dotted red; }
img:not([alt]) { border : 5px solid red; }
img[title=""] { outline : 3px dotted fuchsia; }
img:not([title]) { outline : 5px solid fuchsia; }
table:not([summary]) { outline : 5px solid red; }
table[summary=""] { outline : 3px dotted red; }
th { border : 2px solid red; }
th[scope="col"], th[scope="row"] { border : none; }
a[href]:not([title]) { border : 5px solid red; }
a[title=""] { outline : 3px dotted red; }
a[href=""] { background : fuchsia; }  */