/* version 20100505 */

* { margin: 0; padding: 0; }
a img { border: none; }
.vcard abbr { border: none; }

body {background: #fff; overflow-y:scroll; padding: 10px 5px; /* max-width:480px; */}
a, a:visited {color: blue; text-decoration:underline; }
a:hover {color: #000; }
#primary {position: relative;}

/* --------------------------------
Header
-------------------------------- */
#header .logo a { background:transparent url(http://www.incontextmag.com/images/incontext-logo.gif) 0 0 no-repeat; display: block; width: 290px; height: 45px; text-indent: -9999px; }
#header p.tagline {margin: 2px 0 0 70px; font: 13px Georgia, sans-serif; color: #777;}

/* --- main nav tabs --- */
#header #nav { margin: 10px 0; padding: 5px 0; background-color: #a5cf4c; }
#header #nav ul { list-style: none; xpadding: 0; text-align: center }
#header #nav li { display: inline; }
#header #nav li a { font: bold 13px/24px Arial, Helvetica, sans-serif; padding: 0 3px; color: #000; }
    
/* --- top search box --- */
#header #nav form { margin: 5px 0 5px 10px; text-align: center; }
#header #nav form p { display: inline; }
#header #nav form input.field { width: 50%; padding: 2px 0; }
#header #nav form input.button {  }

/* --------------------------------
Core - Main Structure
-------------------------------- */
#fullarticle {padding: 0 10px;}
#frontpage #content {margin: 0 0 0 10px;}
#frontpage #secondary {padding:10px; background: none;}

/* --------------------------------
Core - Front Page - Featured
-------------------------------- */

#leadfeatures { background-color: #ebebeb; }
#leadfeatures #features .feature { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 3px solid #ccc;
position: static !important; top: auto !important; left: auto !important; opacity: 1 !important;





  }
#leadfeatures #features .feature .leadimage { display: none; }
#leadfeatures #features .feature:nth-child(1) .leadimage { display: block; }
#leadfeatures #features .feature:nth-child(1) .leadimage img { width: 310px; height: 191px; }
@media screen and (min-width: 460px) { #leadfeatures #features .feature:nth-child(1) .leadimage img { width: 470px; height: 289px; }}
#leadfeatures .feature h1 { font: 24px/24px Georgia, "Times New Roman", Times, serif; margin-left: 10px; margin-right: 10px; }
#leadfeatures .feature p.author {color: #999; font-style: italic;}
#leadfeatures .feature p.author strong {color: #637393;}
#leadfeatures .feature p {font: 12px/18px Georgia, "Times New Roman", Times, serif; margin-left: 10px; margin-right: 10px; }
#leadfeatures #story2 {margin: 0 9px; display: inline;}
#leadfeatures #queued { display: none; }

/* --------------------------------
Core - Front Page - Content
-------------------------------- */
#content .story img { float: left; width: 58px; height: 58px; margin: 3px 10px 10px 0; }
#content .story {padding-bottom: 10px; border-bottom: 1px dotted #d1d2d4; margin-bottom: 10px;}
#content .story .summary h3 {color: #754c24; font: 14px Arial, Helvetica, sans-serif; margin: 0;}
#content .story .summary p {margin-bottom: 0;}
#content .story .summary .author, #archive #content .author {color: #999; margin: 2px 0 5px 0; font-style: italic;}
#content .story .summary .author strong, #archive #content .author strong {color: #637393;}

/* --------------------------------
Core - Front Page - Secondary
-------------------------------- */
#secondary .insights-title {color: #637393; font: 18px/18px Georgia, "Times New Roman", Times, serif; margin: 0 0 10px 0; padding-left:10px;}
#secondary .insight-lead { padding: 7px 10px;}
#secondary .insight-lead .insight-category {font: 10px/12px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: 2px; color: #999;}
#secondary .insight-lead h4 {color: #637393; font: 14px/16px Georgia, "Times New Roman", Times, serif; margin: 4px 0 5px 0;}
#secondary .insight-lead p {font: 12px/15px Arial, Helvetica, sans-serif; color: #555;}
#secondary .offset {background: #f4f1e9;}
#secondary .offset1 {background: #f4f1e9;}

/* --------------------------------
Core - Content
-------------------------------- */
#content h1 {font: 24px/24px Georgia, "Times New Roman", Times, serif; color: #637393; margin: 0 0 15px 0;}
#content h2 {font: 18px/23px Georgia, "Times New Roman", Times, serif; color: #666; border-left: 5px solid #a5cf4c; padding: 0 0 0 10px; margin: 20px 0 10px 0;}

#content h3 {color: #754c24; font: 16px Arial, Helvetica, sans-serif; margin: 15px 0 10px 0;}

/* --- fundamental style information --- */
#content p, #content li, #content dl, #content table, #content label {font: 12px/19px Georgia, "Times New Roman", Times, serif;}
#content p, #content ul, #content ol, #content dl, #content table, #content form {margin-bottom: 10px;}
#content li {margin-bottom: 3px;}
#content ul, #content ol {margin-left: 30px;}
#content table {border-collapse: collapse; padding: 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
#content table th, #content table td {padding: 3px 8px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#content table th {background: #f4f1e9;}
#content table caption {font: bold 12px/18px Arial, Helvetica, sans-serif; color: #754c24; padding: 0 0 5px 0;}
#content p.lead {font-style: italic; font-size: 14px;}
#content .photo p {color: #777; font: 12px/15px Arial, Helvetica, sans-serif;}
#content .photo p.credit {margin: 2px 0 5px 0; font: 9px/10px Verdana, Arial, Helvetica, sans-serif; text-align: right;}
#content blockquote.pull {padding: 5px 8px; margin: 0 0 10px 0; border: 3px double #eee;}
#content blockquote.pull p {font-size: 16px; line-height: 17px; color: #921e3a; margin-bottom: 0;}
#references dt { font-size: 18px; line-height: 23px; color: #754c24; margin-bottom: 5px; }
#references dd { margin: 0 0 0 20px; }

/* --- related content box at end of articles --- */
#content #relatedcontent {background: #f1f5e7; padding: 10px 0; margin: 20px 0;}
#content #relatedcontent h2 {margin-top: 0; margin-bottom: 5px;}
#content #relatedcontent ul, #content #relatedcontent ul li {margin-bottom: 0;}
	
/* --------------------------------
Core - Content - Archive Lists
-------------------------------- */
#archive #content h2 {font: 20px/23px Georgia, "Times New Roman", Times, serif;}
#archive .date {float: right;}
#archive .tagged {background: #637393; color: #FFF;}

/* --------------------------------
Core - Content - Author Profile
-------------------------------- */
#content #author-info img { width: 310px; height: 110px; }
@media screen and (min-width: 460px) { #content #author-info img { width: 470px; height: 167px; }}

/* --- profile vCard --- */

#content #author-info .vcard { font: 12px/18px Arial, Helvetica, sans-serif; color: #777;}
#content #author-info .vcard .fn { font-weight: bold; color: #637393;}
#content #author-info .vcard .org {text-transform: uppercase; letter-spacing: 1px; margin: 2px 0;}
#content #author-info .vcard .title {font-style: italic; margin: 0 0 5px 0;}
#content #author-info #author-profile  {  }
    
/* --- contact forms --- */
/* --------------------------------
Contact Form & Comments Form
-------------------------------- */
#content #commentform {margin-bottom:10px;}
#content #contactv2 fieldset, 
#content #commentform fieldset,
#content #previouscomments fieldset {border: 0; border-top: 3px solid #eee; padding: 10px 0 0 0; margin: 0;}
	
#content #contactv2 fieldset legend, 
#content #commentform fieldset legend,
#content #previouscomments fieldset legend {font: 18px Arial, sans-serif; color: #a5cf4c; padding: 3px 10px 5px 0; margin: 0;}
#content #previouscomments fieldset legend {padding-left:10px;}

#content #contactv2 fieldset p, #content #commentform fieldset p {}
#content #contactv2 label, #content #commentform label {float: left; width:100%; margin: 0 10px 5px 0; color: #000; position:relative /*IEWin hack*/}
#content #contactv2 input,
#content #contactv2 textarea,
#content #commentform input[type="text"],
#content #commentform textarea {background: #f2f2f2; padding: 2px 4px; width: 80%; font: 12px Arial, sans-serif; border: 1px solid #999;}

#content #contactv2 input:focus,
#content #contactv2 textarea:focus,
#content #commentform input:focus,
#content #commentform textarea:focus {background: #e3dfc5; border: 1px solid #937b18;}

#content #contactv2 .radiobuttons p {margin: 0 0 5px 0; float:left;}
#content #contactv2 .radiobuttons p input {float: left; margin: 3px 0 0 0; background: #fff; padding: 0; border: none;}
*:first-child+html #content #contactv2 .radiobuttons p input,
* html #content #contactv2 .radiobuttons p input { margin: 0; } /* target IE6, IE7 only */
#content #contactv2 .radiobuttons p label {float: left; width: 200px; text-align: left; margin: 0 0 0 5px; position: static;}
#content #contactv2 fieldset label.error, form.incontext fieldset label.error{width: 200px; display: block; margin-left: 172px; padding: 2px; color: #ff0000; text-align: left;}

#content #contactv2 fieldset input.error {border: 1px solid #ff0000;}
#content #contactv2 #contactv2 select {width: 207px;}
#content #contactv2 textarea, #content #commentform textarea { min-height: 85px; }
#content #commentform textarea.commentstextfield {margin: 0;}

#content #contactv2 input.button,
#content #contactv2 p.requiredfield,
#content #commentform input.button,
#content #commentform p.requiredfield {margin: 20px 0 0 0;}

#content #contactv2 input.button, 
#content #commentform input.button {background: #aa4e15; color: #fff; width: auto; font-weight: bold; border: 3px double #d7bf91;}

#content #commentform span.inputexcerpt {color: #666; font-size: 10px;}
#content #commentform p.commentexcerpt {margin: 10px 0 0 0;}
 
/* Comments for articles/blog entries */
#content #previouscomments .commentblock {background: #f1f5e7; border-left: 1px solid #a5cf4c; border-bottom: 3px solid #eee; margin-bottom:15px; padding: 10px;}
#content #previouscomments .commentblock span.commentuser{border-left: 5px solid #a5cf4c; color: #754c24; font: 14px Arial, Helvetica, sans-serif; margin: 5px 0 10px 0; padding-left:10px;}
#content #previouscomments .commentblock span.commentdetails {color: #666; font: 11px Georgia, Times New Roman, serif; padding-left:10px;}

/* --- poll form --- */
#poll-container{padding-bottom: 15px;}
#poll-container #poll fieldset {border: 0; border-top: 3px solid #eee; padding: 10px 0 0 0; margin: 0; font: 11px/19px Georgia, "Times New Roman", Times, serif;}
#poll-container #poll fieldset legend span {font: 12px Arial, sans-serif; font-weight: bold; color: #a5cf4c; padding: 5px 10px 0 0; margin: 0; display: block; white-space: normal; width: 200px;}
#poll-container #poll .radiobuttons p {margin: 0 0 5px 15px;}
#poll-container #poll .radiobuttons p input {float: left; margin: 3px 0 0 0; background: #fff; padding: 0; border: none;}
#poll-container #poll input.button{background: #aa4e15; color: #fff; font-weight: bold; border: 3px double #d7bf91; margin: 5px 0 0 15px;}

/* --- author's articles --- */
#content #author-articles { background: #f1f5e7; padding: 10px 20px 10px 0; margin: 3px 0 0 0;}
#content #author-articles h2 {margin: 0;}
#content #author-articles ul {list-style: none; margin:12px 0 20px 18px;}
#content ul.article-list li {line-height: 17px;}
#content ul.article-list li a {display: block;}
#content ul.article-list li span.article-categories, #archive #content .article-categories {font: 11px Arial, sans-serif; color: #777; margin: 2px 0 8px 0; display: block;}
#content ul.article-list li span.article-categories a, #archive #content .article-categories a {display: inline;}

/* --------------------------------
Search Results
-------------------------------- */
#content #results-detail {background: #e5e5e5; overflow: hidden; margin: 0 0 20px 0;}
#content .result-count {font: 16px/24px Arial, Helvetica, sans-serif; padding: 3px 0 3px 10px; margin: 0; float: left;}
#content .result-nav {list-style: none; width: 150px; float: right; overflow: hidden; margin: 4px 10px 0 0;}
#content .result-nav li {font: 16px/24px Arial, Helvetica, sans-serif; float: left;}
#content .result-nav li.prev {float: left;}
#content .result-nav li.next {float: right;}
#content .result {border-bottom: 1px solid #eee; margin: 0 0 10px 0;}
#content .result h3 {margin: 0 0 2px 0;}

/* --------------------------------
Core - Secondary
-------------------------------- */

#secondary {
	padding: 10px;
	background-color: #ebebeb;
	}

#secondary .vcard img,
#secondary #article-feedback,
#secondary #article-info h4,
#secondary #share-article,
#secondary #article-dig-deeper {
	display: none;
	}

#secondary .article-context ul {list-style: none; font: 11px Arial, Helvetica, sans-serif; color: #777;}

/* --- vcard --- */
#secondary .vcard {font: 12px Arial, Helvetica, sans-serif; margin-bottom:10px;}
#secondary .vcard .org {text-transform: uppercase; font-size: 10px; letter-spacing: 1px; margin: 3px 0 2px 0;}

#secondary .vcard .fn {
	text-decoration: none;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	}

#secondary .vcard .fn:before {
	content: "Author: ";
	}



/* --------------------------------
Site Tools
-------------------------------- */
#sitetools { margin-top: 25px; background: #ccc; font: 11px Arial, Helvetica, sans-serif; }
#sitetools #browsearchives { padding: 0 0 10px 0;}
#sitetools h5 {background: #5f5f5f; font: 12px/25px Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 5px 10px; color: #fff;}

/* --- share --- */

#sitetools #share ul {list-style: none; margin: 5px 10px; }
#sitetools #share ul li { margin: 4px 0; }

/* --- popular --- */

#sitetools #popular dl { margin: 5px 10px;}
#sitetools #popular dl dd {color: #555; margin: 0 0 5px 0; }

/* --- browse archives --- */
#sitetools #browsearchives .browse-topic { margin: 0 10px;}
#sitetools #browsearchives .browse-topic h6 { color: #333; font-weight: bold; font-size: 13px; text-transform: uppercase; margin: 7px 0;}
#sitetools #browsearchives .browse-topic ul {list-style: none; color: #000; margin: 0 0 10px 0;}
#sitetools #browsearchives .browse-topic ul li {margin: 4px 0; }

/* --------------------------------
Footer
-------------------------------- */
#footer {font: 10px/30px Verdana, sans-serif;}
#footer p {color: #ada69f;}
#footer p.sitelinks {display: none;}