body{

margin-top:10px;

margin-bottom:1.5em;

text-align: left;

font-size:86%;

/*background : #66f url(../images/bluerise.gif) repeat-x fixed bottom left;*/

background: #e3e0d1;

}

#container{

width: 840px; 

margin: 0 auto;

background:#fff;

background: #fffff0;

border-left:1px solid #000;

border-right:1px solid #000;

}

#header{

margin-bottom:1.5em;

border-top:5px solid #900;

border-bottom:1px solid #900;

height: 115px;

}

#logo {

float:left;

margin:6px 15px 10px 10px;

}

a {

color:#600;

background:#fff;

}

a:hover {

color:#fff;

background:#900;

}

div#burst {

float:right;

margin:8px 20px 0 0;

}

div#burst:hover {

background: url('../images/subscribe-burst-shadow.gif');

background-repeat: no-repeat

}

div#burst a {

background-color:transparent;

}

#contentwrapper{

float: left;

width: 100%;

}

#content{

margin-right: 300px;

}

h2{

color:#600;

}

#content h3{

color:#33c;

}

#content span.tagline{

font-size:.85em;

}

#rightcolumn{

float: left;

width: 300px;

margin-left: -300px;

}

#rightcolumn h2, #content h2.smallcaps {

font-variant: small-caps;

font-weight:700;

font-family:Georgia,"Times New Roman", serif;

font-size:1em;

letter-spacing:.15em;

text-decoration:underline;

color:#900;

}

#rightcolumn h3, #content h3.smallcaps {

font-variant: small-caps;

font-family:Georgia,"Times New Roman", serif;;

font-size:.9em;

line-height:1.2em;

letter-spacing:.1em;

color:#333;

}

.bumper{

margin: 15px;

margin-top: 0;

}

#footer{

font-size:.85em;

color:#666;

text-align:center;

border-top:1px solid #900;

border-bottom:1px solid #900;

padding-top:10px;

clear:both;

width:100%;

}

/******************* List with pointy bullets *******************/

.menulist{

margin-left: 0;

padding-left: 0;

list-style: none;

}

.menulist li{

padding-left:10px;

background-image: url(../images/bullet-blue-pointy.gif);

background-repeat: no-repeat;

background-position: 0 .6em;

}

/******************* navlist *******************/



#navcontainer {

margin-top:-1.2em;

margin-bottom: 1em;

}

#navlist {

margin: 0;

padding: 0 0 20px 10px;

border-bottom: 1px solid #600;

}

#navlist ul, #navlist li {

margin: 0;

padding: 0;

display: inline;

list-style-type: none;

}

#navlist a:link, #navlist a:visited {

float: left;

line-height: 14px;

font-weight: bold;

margin: 0 10px 4px 10px;

text-decoration: none;

color: #666;

}

#navlist a:hover {

border-bottom: 4px solid #900;

padding-bottom: 2px;

background: transparent;

color: #900;

}

#navlist a:hover { color: #900; }

body#home-section a#home-nav,

body#expert-section a#expert-nav,

body#know-section a#know-nav,

body#news-section a#news-nav,

body#resources-section a#resources-nav,

body#contents-section a#contents-nav,

body#subscribe-section a#subscribe-nav,

body#subscribers-section a#subscribers-nav {

border-bottom: 4px solid #900;

padding-bottom: 2px;

background: transparent;

color: #900;

}

/******************* sublist *******************/



#subnavlist {

margin: 0;

padding: 5px 0 20px 10px;

border-bottom: 1px solid #600;

}

#subnavlist ul, #subnavlist li {

margin: 0;

padding: 0;

display: inline;

list-style-type: none;

}

#subnavlist a:link, #subnavlist a:visited {

float: left;

line-height: 14px;

font-weight: bold;

margin: 0 10px 4px 10px;

text-decoration: none;

color: #999;

}

#subnavlist a:hover {

border-bottom: 4px solid #900;

padding-bottom: 2px;

background: transparent;

color: #900;

}

#subnavlist a:hover { color: #900; }



body#news-section a#archive-nav,

body#expert-section a#allquestions-nav,

body#expert-section a#ask-active-nav {

border-bottom: 4px solid #900;

padding-bottom: 2px;

background: transparent;

color: #900;

}



/******************* storybox with float image *******************/

.storybox{

width: 520px;

clear: left;

}

.storybox .floatbox{

float: left;

width: 200px;

margin-bottom:20px;

}

* html .storybox p{ /* IE 3px jog hack*/

height: 1%;

}

.storybox p{

margin-top: 0;

margin-left: 200px;

}

.storybox h2{

border-top:1px solid #900

}

.storybox h3{

margin-left:200px;

}

.storybox ul{

margin-left:220px;

}

/******************* books classes *******************/

#books {

clear: both;

width: 100%;

border-top:1px solid #900;

}

#books h2 {

margin:10px 10px 15px;

font-weight:normal;

color:#600;

}

div.books-by {

float:right;

width:205px;

}

div.books-by img {

border:1px solid #ccc;

}

div.books-by p,a {

margin-top: 0;

font-size:.9em;

}



/******************* eh-end classes *******************/

#eh-end {

clear: both;

width: 100%;

border-top:1px solid #900;



}

#eh-end h2 {

margin:10px 10px 15px;

font-weight:normal;

color:#600;

}

div.eh-end-box {

float:left;

width:300px;

}

div.eh-end-box img {

border:1px solid #ccc;

}

/*

div.eh-end-box p,a {

margin-top: 0;

font-size:.9em;

}*/

/******************* expert *******************/

#questionlist ul {

list-style-type: none;

margin: 0 0 1em .5em;

padding: 0;

}

#questionlist ul li {

/* font-size: .9em; */

line-height: 1.65em;

background-image: none;

}

#questionlist ul li a {

font-size:1em;

background: transparent url(../images/question_bullet.gif)  0 0 no-repeat;

padding-left: 2em;

color: #3f0101;

font-weight: normal;

}

#questionlist ul li a:visited {

/* color: #011e3f; */

color: #3f0101; 

}

#questionlist ul li a:hover {

color: #054082;

}

#questionlist .subscribers{

background-color:#d9d9cc;

color:#000;

}

#questionlist .subscribers a:hover{

background-color:#8e8dd9;

color:#fff;

}

/******************* image classes *******************/

img {

border:none;

}

.picture{

	background-color: #f8f8f8;

	border: 1px solid #ccc;

	padding: 3px;

	color:#666;

	font-size: .9em;

	line-height: 1.5em;

}

.picture img{

	border: 1px solid #ccc;

	vertical-align:middle;

	margin-bottom: 3px;

}

.picture.right{

	margin: 0.5em -200px 0.5em 0.8em;

	float:right;

}

.picture.left {

	margin: 0.5em 0.8em 0.5em 0;

	float:left;

}

.picture.photoby2{

	color:#999;



}

.left{

float:left;

margin-right:10px;

}

.right{

float:right;

margin-left:10px;

}

.center{

text-align:center;

}

.clear{

clear:both;

}

.grey-border{

border:1px solid #ccc;

}

.feature-photo{

float:right;

width:400px;

margin-left:10px;

margin-right:-300px;

}

.feature-photo span {

text-align:right;

}

span.caption{

font-size:.9em;

}

span.photoby{

font-weight:700;

color:#666;

font-size:.8em;

}

.topical-photo{

float:right;

margin-left:10px;

width:400px;

margin-right:-300px;

}

/******************* contents definition list *******************/

#current-issue dt{

font-size:1.25em;

color:#666;

}

#current-issue dd{

margin:0 0 1em 1em;

padding:0;

}

#current-issue dd.tidbits{

margin-bottom:0;

}

/******************* contents exclusive *******************/

#exclusive strong{

font-size:1.5em;

font-weight: normal;

color:#33c;

}

/******************* news archive definition list *******************/

#archive dt {

color:#900;

font-weight:normal;

}

#archive dt a {

font-size:1em;

}

#archive dd {

margin-bottom: 1em;

}

/******************* page number classes *******************/

#page-nums {

text-align:right;

}

#page-nums a {

font-size:1em;

color:#900;

text-decoration:none;

}

#page-nums a:hover{

color:#fff;

background:#900;

}



/******************* misc text classes *******************/

#byline{

font-weight:700;

color:#666;

}

p.incr, .incr p {

font-size: .9em;

line-height: 1.5em;  

margin-bottom: 1.5em;

}



/******************* misc form classes *******************/

textarea.short {height:100px;}

input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #600;}



/******************* dashy form classes ******************/





.dashy p{

width: 300px;

clear: left;

margin: 0;

padding: 5px 0 8px 0;

padding-left: 155px; /*width of left column containing the label elements*/

/* border-top: 1px dashed gray; */

height: 1%;

}



.dashy span.required { color:#f00; }



.dashy fieldset fieldset {

border:none;

background-color:#DBDBF6;

}



.dashy fieldset fieldset legend {

margin-left: -1em;

font-size: .9em;

}



.dashy label, p.note {

font-weight: bold;

float: left;

margin-left: -155px; /*width of left column*/

width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

}



.dashy p.note {

border:none;

}



.dashy input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/

width: 220px;

}



.dashy input[type="submit"]{ /*width of text boxes. IE6 does not understand this attribute*/

width: 220px;

}



.dashy textarea{

width: 250px;

height: 150px;

}



/*.threepxfix class below:

Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.

to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html

*/



* html .threepxfix{

margin-left: 3px;

}



/****************************  subscription form  ******************************/

#dataform fieldset {

width:400px;

background:#fcfff1;

}



#dataform label,input,textarea,select {

display: block;

width: 350px;

float: left;

margin-bottom: 5px;

}

#dataform textarea {

height:75px;

width:95%;

margin: 0 auto;

}

#dataform label {

text-align: right;

width: 150px;

margin-right: 10px;

font-weight:normal;

}

#dataform input.wide {

width: 200px;

}

#dataform input.tiny {

width: 2em;

}

#dataform label.button {

clear:left;

}

#dataform label.button2 {

width:300px;

clear:left;

}

#dataform select.tiny {

width: 40px;

margin-top:0;

padding-top:0;

}

#dataform acronym {

color:red;

}

#dataform #subscribe_button {

width:205px;

}



table.issueindex td{

vertical-align: top;

}

div.issueindex {float:left;}

.issueindex form{margin:0;margin-right:10px;padding:0;float:left;width:240px}

.issueindex label{

width:235px;

float:left;

}

.issueindex input{

width:235px;

margin-top:0;

}

.issueindex select{

width:235px;

margin-top:0;

}

/******************* know before you go classes *******************/ 

.know-blurb{

width: 515px;

clear: both;

}



.know-blurb .floatbox{

float: left;

width: 155px;

margin-top:5px;

}



* html .know-blurb p{ /* IE 3px jog hack*/

height: 1%;

}



.know-blurb p{

margin-top: 0;

margin-left: 160px;

}

/**************************** Contact Us *************************/
p.contactus{
width: 840px;
margin: 0 auto;
text-align:right;
}

a.contactus{
font-weight:700;
background:#900;
color:#fff;
padding:1px 5px;
text-decoration:none;
}

a.contactus:hover{
background:#ccc;
color:#900;
border:1px solid #900;
}