/* ----------------------------------------------------------------------------------------- 
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 : rgb(244,243,242) /* url(../img/tmp/grid.png) */;
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; }

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 18px; 
border-radius : 10px; 
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
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; }

.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 { 
list-style-type : none; 
padding : 18px 0; 
border-top : 1px dashed rgba(0,0,0,.25);
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 rgba(0,0,0,.25); }



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

.pagination { 
clear : both;
padding-top : 18px; 
border-top : 3px double rgba(0,0,0,.25); }

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

.pagination li a { 
padding : 3px 7px; 
background-color : rgb(255,255,255); 
border : 1px solid rgba(0,0,0,.25); 
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 : rgba(0,0,0,.25); }

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



/* 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 rgba(0,0,0,.25); }

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

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

input[type="text"]:focus, 
textarea:focus { 
background-color : rgba(140,130,120,.1);
border : 1px solid rgba(0,0,0,1); }

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

#search input[type="text"] { 
width : 210px; 
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 : rgba(140,130,120,.1); }

.file th {
width : 120px; }

.ratings tr th,
.ratings tr td {
border-bottom : 1px solid rgba(0,0,0,.25); }

/* 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 {
padding : 0;
background-color : transparent; 
border-width : 0; }

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 : rgba(0,0,0,.25)}

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



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

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

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

.aside .box { 
margin-bottom : 18px; 
border-bottom : 1px solid rgba(0,0,0,.25); }

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

.notice { 
background-color : rgba(140,130,120,.1);
border-width : 0; }

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

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

.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; }



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

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

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

.header { 
position : relative; }

.nav-main {
margin-bottom : 18px; 
border-top : 3px double rgba(0,0,0,.25);
border-bottom : 3px double rgba(0,0,0,.25); }

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

#content-blogs {
margin-bottom : 18px; 
border-bottom : 3px double rgba(0,0,0,.25); }

.col { 
float : left; }

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

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

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

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

.footer { 
padding : 36px 0 18px 0; 
border-top : 3px double rgba(0,0,0,.25);
font-size : 13px; }

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



/* 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:hover {
background : rgb(0,0,0); }

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

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



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

#nav-tools { 
position : absolute; 
top : 0; 
left : 640px; 
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 : inline; }

#nav-main ul a { 
float : left; 
padding : 0 20px; 
border-left : 1px solid rgba(0,0,0,.25); 
font : normal 12px Helvetica, Arial, sans-serif; 
text-transform : uppercase; }

#nav-main li.first a { 
padding-left : 0; 
border-left-width : 0; }

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

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


/* 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 : rgba(0,0,0,.25)}

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



/* Broadcast -------------------------------------------------------------- */

#broadcast ul { 
list-style-type : none; 
background-color : rgba(140,130,120,.1); }

#broadcast li { 
position : relative ; 
float : left; 
width : 435px; 
padding : 20px; }

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

#broadcast h3 { 
clear : none; }

#broadcast a { 
position : absolute; 
top : 0; 
left : 0; 
width : 475px; 
height : 185px; }

#broadcast a strong { 
position : absolute; 
bottom : 0; 
right : 30px; 
font-weight : normal; }



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

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

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



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

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

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

.nav-az li a:hover { 
background-color : rgb(212,127,17); 
color : rgb(255,255,255); 
border-color : rgba(0,0,0,.25); }



/* 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 rgba(0,0,0,.25); }

.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;  }

.ui-tabs .ui-tabs-nav li { 
margin : 0 0 -1px 5px;
border : 1px solid rgba(0,0,0,.25);
font : normal 11px Helvetica,Sans-serif; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
background : rgb(244,243,242);
text-transform : uppercase; }

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



/* 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 : rgba(255,255,255,.75);
border : 1px solid rgba(0,0,0,.25); 
box-shadow : 0 0 10px rgba(0,0,0,.25); }

.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 rgba(0,0,0,.25); }

.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 a:hover { 
background-color : rgba(238,237,227,.5); }

.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-color : rgba(140,130,120,.1); } 

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

.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; 
font : normal 11px Helvetica, Arial, sans-serif; }

.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 rgba(0,0,0,.25); }

.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; }



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

.leader {
margin-bottom : 18px; }

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

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


/* 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 : 280px; 
margin-right : 30px; }



/* 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-right : 30px; }

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-summary { 
margin-bottom : 18px; 
border-bottom : 1px solid rgba(0,0,0,.25); }

.entry .article .entry-meta { 
padding : 18px 0; 
border-top : 1px solid rgba(0,0,0,.25); }

.entry .article .entry-meta li { 
border-right : 1px solid rgba(0,0,0,.25); }



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

.wide { 
position : relative; }

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

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

.wide p.vcard strong { 
margin-bottom : 18px; 
padding-bottom : 9px; 
border-bottom : 1px solid rgba(0,0,0,.25);
font-weight : normal; }



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

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



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

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

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

.comments .hreview:last-child { 
margin-bottom : 0; }

.comments .hreview .description { 
position : relative;
left : 0;
margin : 0 0 0 160px;
padding : 0;
background-image : none; }

.comments .hreview ul { 
float : left; 
list-style-type : none; 
margin : 0; 
width : 160px; }

.comments .hreview .vcard { 
font-weight : bold; }



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

.row {
overflow : hidden;
margin-bottom : 18px; 
padding-bottom : 18px; 
border-bottom : 1px dashed rgba(0,0,0,.25); }

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

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

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

.row .adr,
.row .tel,
.row .fax,
.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;
padding-left : 190px; 
border-bottom : 1px dashed rgba(50,50,50,.25); }

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

ol .photo { 
position : absolute; 
top : 0; 
left : 0; 
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-color : rgba(140,130,120,.1); }

.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 rgba(0,0,0,.25); }

.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 : 200px; 
left : 455px; }

.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 rgba(0,0,0,.25); }

.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-color : rgba(140,130,120,.1); }

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

.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; }

.wide .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; }

#tabs-3 p {
margin-bottom : 0; }

/* 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 .photo { 
float : left; 
margin-right : 10px; }

.books .dtlisted { 
display : none; }

/* shop */

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

#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 { 
padding : 20px; 
border : 4px solid rgb(255,255,255); 
-moz-box-shadow : 0 0 10px rgba(0,0,0,.8); 
-webkit-box-shadow : 0 0 10px rgba(0,0,0,.8); }

#superbox-innerbox { 
padding : 10px 0; }

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

#superbox .close,
#superbox .nextprev{ 
overflow : hidden; 
margin : 0; }

.popup {
border-width : 0; }

.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 : left; }

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

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

.popup .clear {
font : normal 11px Helvetica, Arial, sans-serif; }

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

#superbox, 
.popup { 
background : rgb(160,60,60);
color : rgb(255,255,255); }

/* 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 : rgba(140,130,120,.1);
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 { 
-webkit-transition : all 0.5s linear; }

/* borders */
.action a, .close a { 
-moz-border-radius : 10px; 
-webkit-border-radius : 10px; }

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



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

/* index */

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

/* magazine */

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

/* blog */

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

body.blog a { 
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; }

/* books */

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

body.bookshop a { 
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; }

/* shop */

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

body.shop a { 
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); }


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