@charset "utf-8";
/* CSS Document */

*,
html{
margin:0;
padding:0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
outline: 0;
}

body{
background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
color:#666;
}

#container{
background-color:transparent;
position:relative;
/*float:left;*/
/*display:inline-block;*/
width:100%;
}

/*#container:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}*/

#content{
margin:120px 260px 0 240px;
/*padding:130px 260px 0 240px;*/
}

.padcenter {
padding: 15px;
text-align: center;
}

sup.ordinal{
font-size: 0.7em;
}

.normalcase{
text-transform:none !important;
}

#content h1{
font-size:1.7em;
text-transform:uppercase;
font-weight:normal;
color:#7d5657;
margin-bottom:0.8em;
}

#content h1.dotover{
margin:5px 0 1em 0;
border-top:1px dotted #333;
padding-top:10px;
}

#content h2{
font-size:1.2em;
text-transform:uppercase;
font-weight:normal;
color:#544;
margin-top:1em;
margin-bottom:0.5em;
}

#content h2.dotover{
margin:25px 0 1em 0;
border-top:1px dotted #ccc;
padding-top:10px;
}

#content h2#subtitle{
text-transform:none;
color:#7d5657;
}

#content h3{
font-size:1em;
font-weight:bold;
color:#825D5E;
margin-bottom:0.5em;
margin-top:1.5em;
}

#content h4{
font-size:1em;
font-weight:bold;
margin-bottom:0.5em;
}

#content h5{
font-size:0.9em;
font-weight:normal;
color:#999;
margin:0 0 1em 0;
}

#content h6{
font-size:0.9em;
font-style: italic;
border-top:1px solid #ddd;
padding:5px 0 0 0;
font-weight:normal;
text-align:right;
}

#content h6.quotee{
border-top:0;
border-bottom:1px solid #ddd;
margin:-15px 0 20px 0;
clear:left;
text-align:left;
}

#content p{
line-height:1.5em;
margin-bottom:1em;
}

#content p.left85{
margin-left:85px;
}

#content div.pressphotos{
clear:left;
border-top:1px solid #ccc;
padding:1em 0;
}

#content div.pressphotos p{
margin-left:120px;
font-size:0.9em;
margin-bottom:0.5em;
}

#content div.pressphotos img{
margin-bottom:1em;
}

#content p.blockquote{
font-weight:normal;
margin:0 50px 1em 50px;
font-style:italic;
line-height:1.2em;
}

#content img{
float:left;
margin:3px 10px 5px 0;
border:0;
}

#content img.fl-right{
float:right;
margin:0 0 1em 2em;
}

#content #front-cover-image{
float:right;
margin:0 0 0 20px;
}

#content #front-cover-image img{
margin-bottom:0.5em;
}

#content #front-cover-image p{
clear:both;
font-size:0.9em;
margin:0 0 0 20px;
}

#content img.inrightcol{
margin-right:-230px;
border:1px solid #ccc;
}

#content a:link,
#content a:visited{
color:#7d5657;
text-decoration:none;
border-bottom:1px dotted #999;
}

#content a:hover{
color:#000;
border-bottom:1px solid #7d5657;
}

#content div.alsoin{
min-height:80px;
height:auto !important;
height:80px;
margin:0 0 20px 0;
}

#content div.alsoin img{
margin:2px 10px 10px 0;
}

#content div.alsoin h3,
#content div.alsoin p{
margin:0 0 0 120px;
}

#content div.alsoin p.link{
display:block;
}

#content ul,
#content ol{
line-height:1.3em;
margin:0 0 1em 1.5em;
}

#content ul{
list-style:circle;
}

#content li{
margin-bottom:0.5em;
}

#content cite{
font-style: italic;
font-size:1em;
}

#content em{
font-weight:bold;
font-style:normal;
}

div.pullquote{
float:left;
width:40%;
border:10px solid #a8afcf;
border-left:0;
border-right:0;
margin:5px 20px 1em 0;
padding:10px 0;
background:#fff url(/grafix/pullquote-close.png) 95% 75% no-repeat;
}

div.pullquote.right{
float:right;
margin:5px 0 1em 20px;
}

div.pullquote p.quote,
div.pullquote p{
font-size:1.1em;
font-weight:normal;
color:#5965a0;
text-align:center;
padding:10px;
background:transparent url(/grafix/pullquote-open.png) 5% 5% no-repeat;
}

div.pullquote cite{
font-size:0.7em;
color:#999;
font-style:normal;
text-align:center;
margin:0;
padding:0;
background:none;
}

div.pullquote.right cite{
float:right;
}

p.link{
display:inline-block;
padding-left:15px;
background:transparent url('/grafix/link-arrow.png') 0 4px no-repeat;
}

p.linkunder{
clear:left;
display:block;
padding-left:15px;
background:transparent url('/grafix/link-arrow.png') 0 4px no-repeat;
}

p.closeup{
margin-top:-1em;
}

#content ul.linklist{
list-style-image: url(/grafix/link-arrow.png)
}

/*#rightcol{
float:right;
padding:0;
margin:130px 20px 0 0;
width:190px;
font-size:0.9em;
}*/

#rightcol{
position:absolute !important;
top:0px !important;
right:20px !important;
padding:0;
margin:0 0 0 0;
width:190px;
font-size:0.9em;
}

#rightcol h2{
border:1px solid #ccc;
font-weight:normal;
font-size:1em;
color:#666;
padding:2px 5px;
text-align:center;
text-transform:uppercase;
margin-bottom:0.5em;
}

#rightcol h2.climatelinks{
background-color:#1e8340;
color:#fff;
}


#rightcol h2#buycurrent{
background-color:#ad6468;
margin-top:-8px;
}

#rightcol h2#buycurrent a{
color:#fff;
border:0;
}

#rightcol img{
border:1px solid #ccc;
margin-bottom:0;
}

#rightcol p{
font-size:0.9em;
width:190px;
line-height:130%;
margin-bottom:0.5em;
}

#rightcol p.picturecredit,
#rightcol p.bookdata{
font-size:0.7em;
text-align:right;
color:#666;
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px solid #ccc;
}

#rightcol a:link,
#rightcol a:visited{
color:#7d5657;
text-decoration:none;
border-bottom:1px dotted #999;
}

#rightcol a:hover{
color:#000;
border-bottom:0;
border-bottom:1px solid #999;
}

#rightcol a.nodeco{
border-bottom:0;
}

#rightcol #mostviewed{
width:190px;
border:1px solid #eee;
}

#rightcol #mostviewed h2{
color:#fff;
background-color:#555;
}

#rightcol #mostviewed p{
padding:0 5px;
}

#leftcol img{
border:1px solid #ccc;
margin-top:1em;
}

#leftcol a.nodeco{
border-bottom:0;
}

#rightcol #pdf-issue{
height:18px;
padding-left:22px;
background:#fff url(/grafix/pdf.jpg) 0 0 no-repeat;
}

#rightcol #arc-issue,
#rightcol #bak-issue,
#rightcol #cur-issue{
height:18px;
padding-left:22px;
background:#fff url(/grafix/print.jpg) 0 0 no-repeat;
}

#rightcol .wide150{
width:150px;
position:relative;
right:-40px;
}

#rightcol ul{
list-style:none;
}

#rightcol ul li{
margin-top:5px;
}

#header{
position:absolute;
top:0;
left:0;
width:100%;
height:70px;
background:transparent url(/grafix/resurgence.png) 10px 15px no-repeat;
}

#header p{
float:right;
margin:10px 20px 0 0;
}

#header p#loggedin{
margin-top:11px;
font-size:0.8em;
}

#header p#loggedin span.realname{
font-weight:bold;
}

#header p#loggedin a:link,
#header p#loggedin a:visited{
color:#090;
font-weight:bold;
font-size:1em;
}

#header p#loggedin a:hover{
color:#900;
font-weight:bold;
font-size:1em;
}


#topmenu{
position:absolute;
top:70px;
left:0px;
width:100%;
/*height:32px;*//* old*/
height:23px;/* new*/
background:#666 url(/grafix/menus/blu-base.jpg) 0 0 repeat-x;
list-style:none;
padding:0 0 0 0;
/*font-size:1.1em;*//* old*/
font-size:0.9em;/* new*/
overflow:hidden;
}

#topmenu li{
float:left;
border-right:1px solid #fff;
/*height:32px;*//* old*/
/*width:140px;*//* old*/
height:23px;/* new*/
width:101px;/* new*/
text-align:center;
}

#topmenu a:link,
#topmenu a:visited{
display:block;
/*height:25px;*//* old*/
height:18px;/* new*/
color:#fff;
text-decoration:none;
padding-top:4px;
padding-bottom:7px;
}

#topmenu a.home:hover,
#topmenu a.home.urhere{
background:#666 url(/grafix/menus/home-on.jpg) 0 0 repeat-x;
}

#topmenu a.magazine:hover,
#topmenu a.magazine.urhere{
background:#666 url(/grafix/menus/maga-on.jpg) 0 0 repeat-x;
}

#topmenu a.takepart:hover,
#topmenu a.takepart.urhere{
background:#666 url(/grafix/menus/take-on.jpg) 0 0 repeat-x;
}

#topmenu a.satishkumar:hover,
#topmenu a.satishkumar.urhere{
background:#666 url(/grafix/menus/sati-on.jpg) 0 0 repeat-x;
}

#topmenu a.membership:hover,
#topmenu a.membership.urhere{
background:#666 url(/grafix/menus/memb-on.jpg) 0 0 repeat-x;
}

#topmenu a.shop:hover,
#topmenu a.shop.urhere{
background:#666 url(/grafix/menus/shop-on.jpg) 0 0 repeat-x;
}

#topmenu a.education:hover,
#topmenu a.education.urhere{
background:#666 url(/grafix/menus/educ-on.jpg) 0 0 repeat-x;
}

#topmenu a.about:hover,
#topmenu a.about.urhere{
background:#666 url(/grafix/menus/abou-on.jpg) 0 0 repeat-x;
}

/*#leftcol{
float:left;
width:170px;
margin:130px 0 0 20px;
}*/

#leftcol{
position:absolute;
top:0px;
left:20px;
width:170px;
margin:0;
}

body #leftcol h2{
font-weight:normal;
font-size:1.1em;
color:#fff;
height:23px;
padding:3px 0 0 20px;
text-transform:uppercase;
}

div.feature a:link,
div.feature a:visited{
color:#fff;
text-decoration:none;
}

div.feature a:hover{
color:#ff0;
text-decoration:none;
}

body#editor #leftcol h2,
#leftcol div.feature.editor{
background-color:#333333;
}

body#admin #leftcol h2,
#leftcol div.feature.admin{
background-color:#333333;
}

body#magazine #leftcol h2,
#leftcol div.feature.magazine{
background-color:#4c6443;
}

body#takepart #leftcol h2,
#leftcol div.feature.takepart{
background-color:#a35557;
}

body#satishkumar #leftcol h2,
#leftcol div.feature.satishkumar{
background-color:#978364;
}

body#membership #leftcol h2,
#leftcol div.feature.membership{
background-color:#cfa767;
}

body#myresurg #leftcol h2,
#leftcol div.feature.membership{
background-color:#53647e;
}

body#shop #leftcol h2,
#leftcol div.feature.shop{
background-color:#774b4d;
}

body#education #leftcol h2,
#leftcol div.feature.education{
background-color:#4f464b;
}

#leftcol h2.myresurg{
background:#53647e url(/grafix/my-resurgence.png) no-repeat 0 0;
text-align:center;
height:24px;
padding:6px 0 0 0;
}

#leftcol h2.myresurgoff{
background:#53647e url(/grafix/my-resurgence-off.png) no-repeat 0 0;
text-align:center;
height:24px;
padding:6px 0 0 0;
}

#leftcol h2.myresurg a:link,
#leftcol h2.myresurg a:visited,
#leftcol h2.myresurgoff a:link,
#leftcol h2.myresurgoff a:visited{
font-weight:bold;
color:#fff;
text-decoration:none;
}

#leftcol h2.myresurg a:hover{
font-weight:bold;
color:#ccc;
text-decoration:none;
}

#submenu,
#adminmenu,
#subsectmenu{
list-style:none;
}

h2.subsect{
margin-top:1em;
background-color:#777 !important;
color:#fff !important;
}


#submenu li,
#adminmenu li,
#subsectmenu li{
border-top:1px solid #fff;
height:26px;
}

#submenu a:link,
#submenu a:visited,
#adminmenu a:link,
#adminmenu a:visited,
#subsectmenu li a:link,
#subsectmenu li a:visited{
height:22px;/*xxxx*/
/*height:26px;*/
text-decoration:none;
display:block;
padding:4px 0 0 20px;
color:#44383e;
font-size:0.9em;
}

/*#editor #submenu a:link,
#editor #submenu a:visited{
background-color:#BBBBBB;
}

#editor #submenu a:hover,
#editor #submenu a.urhere{
background-color:#777777;
color:#fff;
}*/

/*#adminmenu{
list-style:none;
}*/

#adminmenuhead{
margin-top:1em;
background-color:#333 !important;
color:#fff;
}

/*#adminmenu li{
border-top:1px solid #fff;
height:26px;*/
/*background-color:red;*/
/*}*/

/*#adminmenu a:link,
#adminmenu a:visited{
background-color:#BBBBBB;
}*/

/*#adminmenu a:hover,
#adminmenu a.urhere{
background-color:#777777;
color:#fff;
}*/

#adminmenu a:link,
#adminmenu a:visited,
#subsectmenu a:link,
#subsectmenu a:visited{
background-color:#BBBBBB;
}

#adminmenu a:hover,
#adminmenu a.urhere,
#subsectmenu a:hover,
#subsectmenu a:urhere{
background-color:#777777;
color:#fff;
}

#admin #submenu a:link,
#admin #submenu a:visited,
#admin #subsectmenu a:link,
#admin #subsectmenu a:visited{
background-color:#BBBBBB;
}

#admin #submenu a:hover,
#admin #submenu a.urhere,
#admin #subsectmenu a:hover,
#admin #subsectmenu a.urhere{
background-color:#777777;
color:#fff;
}

#magazine #submenu a:link,
#magazine #submenu a:visited{
background-color:#c9d1c7;
}

#magazine #submenu a:hover,
#magazine #submenu a.urhere{
background-color:#82937b;
color:#fff;
}

#takepart #submenu a:link,
#takepart #submenu a:visited{
background-color:#e3cccb;
}

#takepart #submenu a:hover,
#takepart #submenu a.urhere{
background-color:#bf8688;
color:#fff;
}

#satishkumar #submenu a:link,
#satishkumar #submenu a:visited{
background-color:#e0d9cf;
}

#satishkumar #submenu a:hover,
#satishkumar #submenu a.urhere{
background-color:#b7a792;
color:#fff;
}

#membership #submenu a:link,
#membership #submenu a:visited{
background-color:#f0e5d1;
}

#membership #submenu a:hover,
#membership #submenu a.urhere{
background-color:#dcbf91;
color:#fff;
}

#myresurg #submenu a:link,
#myresurg #submenu a:visited{
background-color:#a4bbc3;
}

#myresurg #submenu a:hover,
#myresurg #submenu a.urhere{
background-color:#7789a5;
color:#fff;
}

#shop #submenu a:link,
#shop #submenu a:visited{
background-color:#d6c9ca;
}

#shop #submenu a:hover,
#shop #submenu a.urhere{
background-color:#a08182;
color:#fff;
}

#education #submenu a:link,
#education #submenu a:visited{
background-color:#c9c5c6;
}

#education #submenu a:hover,
#education #submenu a.urhere{
background-color:#817a7e;
color:#fff;
}

#relatedpageshead{
border-top:10px solid #fff;
background-color:#777 !important;
}

#relatedpages{
list-style:none;
}

#relatedpages li{
border-top:1px solid #fff;
height:26px;
}

#relatedpages a:link,
#relatedpages a:visited{
height:22px;
height:26px;/*xxxx*/
text-decoration:none;
display:block;
padding:4px 0 0 20px;
color:#666;
font-size:0.9em;
background-color:#eee;
}

#relatedpages a:hover{
background-color:#aaa;
color:#fff;
}

#leftcol div.feature{
width:170px;
color:#fff;
margin-bottom:10px;
padding-bottom:5px;
text-align:center;
}

#leftcol div.feature h3{
text-transform:uppercase;
font-size:1.1em;
padding:5px 5px 0 5px;
background-color:#transparent;
}

#leftcol div.feature p{
padding:3px 5px 0 5px;
font-size:0.8em;
}

#leftcol div.feature.magazine{
background:#4c6443 url(/grafix/curve-boxes/maga-box-bgd.png) left bottom no-repeat;
}

#leftcol div.feature.magazine h3{
background:#4c6443 url(/grafix/curve-boxes/maga-hdr-bgd.png) left top no-repeat;
}

#leftcol div.feature.takepart{
background:#a35557 url(/grafix/curve-boxes/take-box-bgd.png) left bottom no-repeat;
}

#leftcol div.feature.takepart h3{
background:#a35557 url(/grafix/curve-boxes/take-hdr-bgd.png) left top no-repeat;
}

#leftcol div.feature.satishkumar{
background:#978364 url(/grafix/curve-boxes/sati-box-bgd.png) left bottom no-repeat;
}

#leftcol div.feature.satishkumar h3{
background:#978364 url(/grafix/curve-boxes/sati-hdr-bgd.png) left top no-repeat;
}

#leftcol div.feature.membership{
background:#774b4d url(/grafix/curve-boxes/memb-box-bgd.png) left bottom no-repeat;
}

#leftcol div.feature.membership h3{
background:#774b4d url(/grafix/curve-boxes/memb-hdr-bgd.png) left top no-repeat;
}

#leftcol div.feature.shop{
background:#774b4d url(/grafix/curve-boxes/shop-box-bgd.png) left bottom no-repeat;
}

#leftcol div.feature.shop h3{
background:#774b4d url(/grafix/curve-boxes/shop-hdr-bgd.png) left top no-repeat;
}

#leftcol div.feature.education{
background:#4f464b url(/grafix/curve-boxes/educ-box-bgd.png) left bottom no-repeat;
}

#leftcol div.feature.education h3{
background:#4f464b url(/grafix/curve-boxes/educ-hdr-bgd.png) left top no-repeat;
}

#leftcol div.feature a:link,
#leftcol div.feature a:visited{
display:block;
color:#fff;
}

#leftcol div.feature a:hover{
display:block;
color:#ddd;
}

#leftcol #aboutres{
text-align:center;
width:160px;
margin-top:20px;
padding:5px 5px 65px 5px;
background:#eed0c5 url(/grafix/beige-acorn.jpg) left bottom no-repeat;
}

#leftcol #aboutres h2{
color:#333;
font-weight:bold;
text-transform:none;
padding:0;
}

#leftcol #aboutres p{
font-size:0.8em;
line-height:1.3em;
}

#leftcol #aboutres a:link,
#leftcol #aboutres a:visited{
color:#666;
text-decoration:none;
border-bottom:1px dotted #555;
}

#leftcol #aboutres a:hover{
color:#666;
text-decoration:none;
border-bottom:1px solid #555;
}


#footer{
clear:left;
margin:20px 240px 0 240px;
border-top:2px solid #666;
font-size:0.8em;
padding:5px 20px;
background-color:#fff;
}

#footer a:link,
#footer a:visited{
color:#7d5657;
text-decoration:none;
border-bottom:1px dotted #999;
}

#footer a:hover{
color:#000;
border-bottom:1px solid #7d5657;
}



#footnote{
border-top:1px solid #ccc;
}

#footnote p{
font-size:0.9em;
font-style:italic;
}

#issue{
background-color:#4c6443;
color:#fff;
width:180px;
font-weight:bold;
padding:5px;
margin:0 0 5px 0;
font-size:1.1em;
text-align:right;
}

#issue em{
font-weight:normal;
font-style:normal;
}

#section{
color:#fff;
width:180px;
font-weight:bold;
padding:5px;
margin:0 0 5px 0;
font-size:1.1em;
text-align:right;
}

#section em{
font-weight:normal;
font-style:normal;
}

#magazine #section {
background-color:#82937b;
}

#satishkumar #section {
background-color:#978364;
}

#titl{
width:180px;
font-weight:normal;
padding:5px;
margin:0 0 5px 0;
font-size:1.1em;
text-align:right;
}

#magazine #titl{
background-color:#c9d1c7;
color:#000;
}

#satishkumar #titl{
color:#FFF;
background-color:#b7a792;
}

#author{
color:#000;
width:180px;
font-weight:normal;
padding:5px;
margin:0 0 5px 0;
font-size:1.1em;
text-align:right;
}

#magazine #author{
background-color:#e4e8e3;
}

#satishkumar #author{
background-color:#e0d9cf;
}

#header form#searchsite{
clear:right;
float:right;
margin:5px 20px 0 0;
}

form#searchsite2 label,
form#searchsite2 input{
margin-left:0.5em;
}

form#searchsite2 label{
width:100px;
margin:3px 0 0 0;
}

div.formrow{
padding:2px 0 0 0;
height:20px;
}

#header input#keywords{
float:right;
width:128px;
color:#666;
font-size:0.9em;
padding:2px;
background-color:#eee;
border:1px solid #333;
}

#header input.button,
#header label{
float:right;
margin:0 0 0 5px;
}

#header label{
color:#999;
font-size:0.9em;
font-weight:bold;
margin:3px 5px 0 0;
}

#header a:link,
#header a:visited{
text-decoration:none;
color:#999;
font-size:0.9em;
font-weight:bold;
}

#header a:hover{
color:#b22;
}

a.addone:link,
a.addone:visited{
display:block;
width:180px;
padding:2px 5px;
background-color:#d94;
color:#fff;
font-weight:bold;
text-decoration:none;
text-align:center;
margin-bottom:10px;
border:1px solid #e77;
}

a.addone:hover{
background-color:#e77;
color:#fff;
}

#rightcol p.shopdata{
font-size:0.9em;
text-align:right;
width:184px;
color:#999;
padding:2px 3px;
border:1px solid #999;
}

p#ref{
width:184px;
font-size:0.9em;
text-transform:uppercase;
text-align:right;
background-color:#eee;
padding:2px 3px;
color:#666;
margin-bottom:3px;
border:1px solid #999;
}

p#price{
width:184px;
font-size:0.9em;
text-transform:uppercase;
text-align:right;
font-weight:bold;
background-color:#eee;
padding:2px 3px;
color:#666;
border:1px solid #999;
border-bottom:0;
margin:0;
}

p#vatpp{
width:184px;
font-size:0.8em;
text-align:right;
font-weight:normal;
background-color:#eee;
padding:2px 3px;
color:#666;
margin:0 0 3px 0;
border:1px solid #999;
border-top:0;
}

#rightcol p.buyit a:link,
#rightcol p.buyit a:visited,
#content p.buyit a:link,
#content p.buyit a:visited{
color:#fff;
}

div.shopitem{
/*clear:left;*/
border-top:1px solid #ccc;
margin-top:20px;
padding-top:10px;
/*height:120px;*/
}

div.shopitem img{
border:1px solid #ccc !important;
}

div.shopitem a{
font-weight:bold;
}

div.highlight{
background-color:#ffe;
border:1px solid #036;
padding:0.5em 1em 0 1em;
margin-bottom:1em;
}

#content div.highlight h3{
margin-top:0;
}

#eventlist h3{
width:100%;
font-weight:normal;
background-color:#897;
color:#fff;
font-size:1em;
padding:2px 5px;
}

#eventlist h4.horizdivider{
width:100%;
font-weight:bold;
background-color:#bf8688;
font-size:0.7em;
}

/*#eventlist h5{
width:100%;
font-weight:normal;
background-color:#fd9;
color:#000;
font-size:0.9em;
padding:2px 5px;
margin-bottom:0.5em;
}*/

#magacontents h3,
#unpubarticles h3{
width:90%;
font-weight:bold;
background-color:#897;
color:#fff;
font-size:1.1em;
padding:2px 5px;
}

#magacontents h4,
#unpubarticles p:first-line{
font-size:1em;
font-weight:bold;
color:#666;
margin-bottom:1em;
}

#magacontents h4.location{
font-size:0.9em;
font-weight:normal;
}

#magacontents h4.atfrav,
#rightcol p.atfrav,
p.opacc{
border-left:15px solid #346;
padding-left:5px;
}

#magacontents h4.atfrna,
#rightcol p.atfrna{
border-left:15px solid #57a;
padding-left:5px;
}

#magacontents h4.atnfav,
#rightcol p.atnfav{
border-left:15px solid #a74;
padding-left:5px;
}

#magacontents h4.atnfna,
#rightcol p.atnfna{
border-left:15px solid #ca8;
padding-left:5px;
}

#magacontents h4.atnvdl,
#rightcol p.atnvdl{
border-left:15px solid #734;
padding-left:5px;
}


#magacontents p{
margin:-1em 0 1em 20px;
}

ul#alphacontrib,
ul#majorcontrib{
list-style:none;
margin:0;
width:99%;
}

ul#alphacontrib li,
ul#majorcontrib li{
list-style:none;
float:left;
width:2em;
height:1.5em;
text-align:center;
font-size:1em;
font-weight:bold;
margin-right:0.5em;
}

ul#majorcontrib li{
width:30%;
font-size:0.8em;
font-weight:normal;
border:1px dotted #cdc;
}

ul#alphacontrib a:link,
ul#majorcontrib a:link,
ul#alphacontrib a:visited,
ul#majorcontrib a:visited{
display:block;
height:1.5em;
text-decoration:none;
border:none;
background-color:#cdc;
padding-top:2px;
}

ul#majorcontrib a:link,
ul#majorcontrib a:visited{
padding-top:0px;
}

ul#alphacontrib a:hover,
ul#majorcontrib a:hover{
background-color:#897;
color:#fff;
}

p.reviewer{
font-size:0.9em;
border-top:1px solid #999;
padding-top:5px;
}

div.previssue{
margin-bottom:20px;
min-height:70px;
height:auto !important;
height:70px;
}

div.previssue p{
line-height:120%;
margin:2px !important;
}

/*#subs forms - start */ 

form#subs{
width:600px;
}

form#subs fieldset{
border:1px solid #ccc;
padding:1em 1em 2em 1em;
margin-bottom:1em;
}

form#subs legend{
font-size:0.9em;
font-weight:normal;
padding:0.25em 0.5em;
background-color:#446;
color:#fff;
margin:0;/*this has ie6 and ie7 conditional diffs*/
}

form#subs legend span{
font-size:0.8em;
}

form#subs fieldset label{
width:30%;
float:left;
text-align:right;
padding-right:10px;
}

form#subs fieldset input{
width:200px;
}

form#subs fieldset.radiocheck label{
width:90%;
margin:0;
float:right;
text-align:left;
}

form#subs fieldset.radiocheck input.radio,
form#subs fieldset.radiocheck input.checkbox{
margin:0;
position:relative;
width:8%;
top:1px;/*this has ie6 and ie7 conditional diffs*/
}

form#subs div.formrow.textarea textarea{
height:65px;
width:200px;
}

form#subs div.formrow{
margin-bottom:5px;
}

form#subs fieldset.radiocheck div.formrow{
margin-bottom:0;
}

form#subs div.formrow.textarea{
height:75px;
}

#button,
.button{
width:auto !important;
}

/*#subs forms - end */

/*forms - start (copy of subs form) */ 

form{
/* width:490px; */
margin-bottom:20px;
/*background-color:#eee;
border:1px solid #ccc;*/
padding:10px;
}

#header form{
border:0;
padding:0;
background-color:transparent;
}

form p{
margin-top:20px;
}

form fieldset{
border:1px solid #ccc;
padding:1em 1em 2em 1em;
margin-bottom:1em;
}

form legend{
font-size:0.9em;
font-weight:normal;
padding:0.25em 0.5em;
background-color:#446;
color:#fff;
margin:0;/*this has ie6 and ie7 conditional diffs*/
}

form legend span{
font-size:0.8em;
}

form label,
form fieldset label{
font-size:0.9em;
font-weight:bold;
width:200px;
float:left;
text-align:right;
padding-right:10px;
}

form input,
form fieldset input{
width:200px;
}

form div.formrow.radiocheck label{
/*width:90%;
margin:0;
float:right;
text-align:left;*/
}

form div.formrow.radiocheck input.radio,
form div.formrow.radiocheck input.checkbox{
margin:0;
position:relative;
left:-13px;
width:8%;
top:1px;/*this has ie6 and ie7 conditional diffs*/
}

form div.formrow.textarea textarea{
height:65px;
width:200px;
}

form div.formrow select{
width:200px;
}

form div.formrow{
/* height:30px; */
margin-bottom:5px;
/*clear:left;*/
}

form fieldset.radiocheck div.formrow{
/* height:30px; */
margin-bottom:0;
}

form div.formrow.textarea{
height:75px;
}

#button,
.button{
width:auto !important;
margin-left:210px;
}

/*forms - end */

/* tables - start */

table{
border:1px solid #ccc;
margin-bottom:20px;
border-collapse:collapse;
}

th,
td{
padding:5px;
}

thead th{
font-weight:bold;
font-size:1em;
text-align:center;
background-color:#eee;
}

tbody th{
font-weight:normal;
font-size:1em;
text-align:left;
background-color:#eee;
}

tbody td{
font-weight:normal;
font-size:1em;
text-align:left;
background-color:#fff;
border:1px solid #ccc;
}

td.right{
text-align:right;
}


/* tables - end */

ul.issuelist{
}

ul.issuelist li{
list-style:none;
/* height:23px; */
}

#content ul.issuelist li img{
float:none;
position:relative;
top:8px;
margin-left:10px;
margin-right:0;
}

#content p.cur-issue,
#content p.bak-issue,
#content p.arc-issue{
margin-left:60px !important;
padding-left:25px;
background: #fff url(/grafix/print.jpg) 0 0 no-repeat;
}

#content p.pdf-issue{
margin-left:60px !important;
padding-left:25px;
background: #fff url(/grafix/pdf.jpg) 0 0 no-repeat;
}

#classified ul.splitleft{
width:45%;
float:left;
}

#classified h2{
width:492px;
padding:5px;
background-color:#545;
color:#fff;
margin-top:20px;
}

#classified img{
margin:0 0 10px 0;
padding:0;
float:none;
border:1px solid #999;
}

#classified div.dispadvert a{
border-bottom:0;
}

#classified div.advert{
border:1px solid #999;
padding:10px;
margin-bottom:10px;
font-size:0.9em;
width:480px;
}

#classified div.advert p{
margin:0;
}

#classified div.advert p:first-line{
font-weight:bold;
}

#classified p.noadvert{
border:1px solid #999;
font-size:1.2em;
width:480px;
background-color:#eee;
text-align:center;
padding:3px 10px 5px 10px;
}

#content div.artist{
position:relative;
float:left;
width:100px;
height:150px;
margin:10px 10px 10px 0;
}

#content div.artist p{
position:absolute;
bottom:0;
left:0;
font-size:0.9em;
margin:0 0 0 3px;
}

#content p.smallprint{
font-size:0.8em;
}

#content ul.issuelist img{
display:none;
}

/* warning etc messages start */

#messages{
margin:0 0 1em 0;
background:#fff url(/grafix/warning-triangle.png) top left no-repeat;
padding:0 0 0 40px;
font-size:0.9em;
min-height:40px;
}

p.error,
p.warn,
p.info{
font-weight:bold;
color:#b22;
margin:0 !important;
padding:0;
}

p.warn{
color:#c70;
}

p.info{
color:#396;
}

.ok { 
color:#396;
}

.error { 
color:#b22;
}

/* warning etc messages end */

blockquote p{
text-indent:-0.3em;
margin-left:1em !important;
margin-right:1em !important;
font-style: italic !important;
}
#content p.author{
padding:0.8em 0 1em 0;
border:1px solid #ccc;
border-left:0;
border-right:0;
}

#content p.more{
font-weight:bold;
font-size:0.8em;
color:#999;
}

form#signup{
font-size:0.9em;
width:190px;
margin:0;
}

form#signup label{
margin:0 0 0 -10px;
text-align:left;
}

form#signup input{
margin:0 0 0 -10px;
padding:0;
}

form#signup input.button{
margin:0 0 0 -10px;
width:auto;
}

p.gallerycaption{
color:#666;
margin:0.5em 0 1em 0;
padding-bottom:0.5em;
border-bottom:1px solid #666;
}

.nobord{
border:0 !important;
text-decoration:none !important;
}

.hide{
display:none;
}

#content div.iconbox{
width:220px;
float:left;
border:1px solid #ddd;
margin:0 10px 10px 0;
min-height:96px;
height:auto !important;
height:96px;
}

#content div.iconbox img{
display:inline-block;
margin:0 5px 0 0;
border-right:1px solid #ddd;
}

#content div.iconbox h2{
font-size:1em;
margin:0;
padding:3px 3px 3px 6px;
color:#fff;
font-weight:bold;
text-transform:uppercase;
}

#content div.iconbox h2.blue{
background-color:#226;
}

#content div.iconbox h2.green{
background-color:#262;
}

#content div.iconbox h2.red{
background-color:#622;
}

#content div.iconbox h2.pink{
background-color:#936;
}

#content div.iconbox h2.grey{
background-color:#555;
}

#content div.iconbox h2.orange{
background-color:#b50;
}

#content div.iconbox p{
padding:3px 5px 0 0;
font-size:0.9em;
line-height:130%;
text-align:center;
font-weight:bold;
margin-top:1em;
}


#logintop{
position:absolute;
top:0;
left:30%;
margin:0;
padding:0;
width:440px;
}

#logintop fieldset{
border:0;
}


#logintop label,
#logintop input{
display:inline;
margin:0;
padding:0;
float:none;
height:14px;
}

#logintop label{
width:150px;
text-align:right;
}

#logintop input.loginsubmit{
width:50px;
position:relative;
right:-30px;
height:22px;
}

#logintop input#username,
#logintop input#password{
width:150px;
color:#666;
font-size:0.9em;
padding:2px;
background-color:#eee;
border:1px solid #333;
}

#logintop input#password,
#logintop label.passwd{
position:relative;
right:-28px;
}

#rightbasket{
background-color:#fff;
border:1px solid #a88;
line-height:1.3em;
font-size:0.9em;
padding:0.5em;
margin-bottom:1em;
width:175px;
}

#rightbasket h3{
font-weight:normal;
font-size:1em;
color:#a88;
margin:0 0 0.5em 0;
}

#rightbasket p{
text-align:right;
border-bottom:1px solid #a88;
width:175px;
}

#rightbasket p span{
display:inline-block;
/* width:6em; */
}

#rightbasket p.button{
margin:0.5em 0 0 0;
border-bottom:0;
}


#rightbasket p.button a:link,
#rightbasket p.button a:active,
#rightbasket p.button a:hover{
border:0 !important;
text-decoration:none !important;
}

#rightbasket p.button a img{
 border:0;
}


/* basket stuff - START */

#basket{
background-color:#fff;
font-size:0.9em;
border:0;
}

#basket caption{
font-weight:bold;
font-size:1.2em;
color:#666;
border:0;
}


#basket thead tr{
border-bottom:2px solid #555;
}

#basket tbody tr{
height:1em;
}

#basket tbody td.pric,
#basket thead th.hpric,
#basket tbody td.quty,
#basket thead th.hquty,
#basket tbody td.cost,
#basket thead th.hcost,
#basket tbody td.desc,
#basket thead th.hdesc,
#order tbody td.pric,
#order thead th.hpric,
#order tbody td.quty,
#order thead th.hquty,
#order tbody td.cost,
#order thead th.hcost,
#order tbody td.desc,
#order thead th.hdesc{
/*border-bottom:1px solid #ccc;
background-color:#fff;*/
}

#basket tbody td.prid{
text-transform:uppercase;
font-size:0.8em;
}


#content div.divider{
display:block;
height:5px;
background-color:#ddd;
width:100%;
margin:1em 0;
padding:0;
}

#rightcol div.divider{
display:block;
height:3px;
background-color:#eee;
width:100%;
margin:0.5em 0;
padding:0;
}

#content h2.joinbutton,
a.joinbutton{
display:inline-block;
margin:0 0 1em 0;
text-transform:uppercase;
}

#content h2.joinbutton a:link,
#content h2.joinbutton a:visited,
a.joinbutton:link,
a.joinbutton:visited{
background-color:#58734d !important;
padding:3px 5px;
color:#fff !important;
border:0;
}

#content h2.joinbutton a:hover,
a.joinbutton:hover{
background-color:#c19a87 !important;
color:#000 !important;
border:0;
}

#buycurriss {
min-height:142px;
height:auto !important;
height:142px;
margin-bottom:5px;
}

#buycurriss img{
margin:0;
float:left;
border:0;
}

#buycurriss img.buynow{
margin:0;
float:right;
border:0;
}

#admintable{
font-size:0.8em;
}

body#admin #content{
margin-right:20px;
}

ul#myresurgence{
list-style:none;
background-color:red;
color:white;
}

h2#printhead{
display:none;
}

form p#whatislogin{
position:absolute;
top:6px;
left:270px;
font-size:0.9em;
width:200px;
}

div.shoplist {
min-height:125px;
height:auto !important;
height:125px;
border-top:1px solid #ddd;
}

p.prodbuylink{
margin-left:0;
}

p.prodbuylink a:link,
p.prodbuylink a:visited{
background-color:#44573a;
color:#fff !important;
font-weight:bold;
border-bottom:0;
text-decoration:none;
padding:0 5px;
}

p.prodbuylink a:hover{
background-color:#819f6f;
color:#fff !important;
font-weight:bold;
border-bottom:0;
text-decoration:none;
padding:0 5px;
}

div.feature ul{
list-style:none;
margin:0 !important;
}

div.feature ul li{
line-height:100%;
margin-bottom:10px;
}

div#creditfooter{
display:none;
}

div#blogheads{
font-size:0.9em;
margin:5px 1px -4px 1px !important;
padding:3px 0 0 0;
background: #a35557 url(/grafix/front-page/blogheads-bgd.png) no-repeat 0 0;
height:50px;
}

#content div.addressbox{
width:250px;
padding:0 5px 5px 5px;
float:left !important;
margin:0 1em 1em 0;
}

div.twtr-hd h3{
display:none;
}

div.twtr-hd h4 a{
font-size:0.8em;
}

div.twtr-hd img.twtr-profile-img{
position:relative;
top:-8px;
}