/* version 20120112 */

* { 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: 18px Georgia, sans-serif; color: #777; font-style:italic;}

/* --- main nav tabs --- */

#header #nav {
	margin: 5px 0;
	border: 1px solid #fff;
	background: #a5cf4c;
}

	#header #nav ul {
		list-style: none;
		}
			
			ul.menu li a {
				display: block;
				padding: 0 10px;
				border-bottom: 1px solid #fff;
				font: bold 1.1em/1.5 Arial, Helvetica, sans-serif;
				letter-spacing: 1px;
				color: #000;
				text-decoration: none;
				text-transform: uppercase;
				}
	

			ul.menu li a.active { color: #fff !important; }	

	/* dropdown styles */
	
			ul.menu ul li.active > a {
				background: #c9eef8;
				color: #008bbf;
				text-shadow: 0 1px 2px rgba(255,255,255,.4);
				}

		ul.menu ul{
			display: none;
			}	

		ul.menu ul.active {
			display: block;
			}
			
		ul.menu ul.active li a {
				padding: 0 25px;
				border-bottom: 1px dotted #fff;
				text-transform: none;
				font-weight: normal;
				}
			
    
/* --- 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 .feature h1 { font: 24px/24px Georgia, "Times New Roman", Times, serif; margin-left: 10px; margin-right: 10px; }
#leadfeatures .feature h1 a {
	color: #637393;
	}
#leadfeatures .feature p.author {color: #999; font-style: italic;}
#leadfeatures .feature p.author strong {color: #637393;}
#leadfeatures .feature p {font: 18px/26px Georgia, "Times New Roman", Times, serif; margin-left: 10px; margin-right: 10px; }
#leadfeatures #story2 {margin: 0 9px; display: inline;}
#leadfeatures #queued { display: none; }

a.readmore {
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
	color: #637393;
	}

/* --------------------------------
Core - Front Page - Content
-------------------------------- */
#content .story img { float: left; width: 58px; height: 58px; margin: 3px 10px 10px 0; border: 1px solid #9e8165;}
#content .story {padding-bottom: 10px; border-bottom: 1px dotted #d1d2d4; margin-bottom: 10px;}
#content .story .summary h3 {color: #754c24; font: 20px 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 a, #archive #content .author strong a {color: #637393;}

#content .story .summary h3 a {
	color: #754c24;
	}


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

#secondary .insight-lead h4 a {
	color: #637393;
	}

/* --------------------------------
Core - Content
-------------------------------- */
#content h1 {font: 26px/26px Georgia, "Times New Roman", Times, serif; color: #637393; margin: 0 0 15px 0;}
#content h2 {font: 22px/27px 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: 18px/26px 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: 16px;}
#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;}

#leadfeatures { background-color: #ebebeb; }

/* --------------------------------
Core - Topics
-------------------------------- */

#topics { background-color: #ebebeb; padding: 5px;}
#topics .story { 
	padding: 5px;
	margin-bottom: 15px;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	background: #f6f6f6;
}


#topics h1 {font: 26px/26px Georgia, "Times New Roman", Times, serif; color: #637393; margin: 0 0 10px 0;}
#topics h2  {font: 24px/29px Georgia, "Times New Roman", Times, serif; color: #666; margin: 20px 0 10px 0;}
#topics h3 {font: 20px/25px Georgia, "Times New Roman", Times, serif;}
#topics #more h3 {font: 16px/21px Georgia, "Times New Roman", Times, serif;}

#topics p {font: 18px/24px Georgia, "Times New Roman", Times, serif;}
#topics .details p {font: 15px/19px Georgia, "Times New Roman", Times, serif;}

#topics .topicimage{
	display: none;
}

/*--- topic toggle --- */
#topicspage #more .show .toggledetails,
#topicspage #more .hide .toggledetails {
	font: bold 12px/21px Arial, Helvetica, sans-serif;
	background-color: #ccc;
	padding-left: 5px;
	margin: 5px 0;
	border-radius: 5px;
}

.topiclist{
	display:none;
}

#topicspage .share-article{
	display:none;
}

/*--- experts --- */

#topicspage #experts .expert{
	padding-top: 5px;
	}
	
#topicspage #experts .first {
	border-bottom: 1px dotted #ebebeb;
	margin-bottom: 10px;
	padding-bottom: 10px;
	}
	
	
#experts .vcard {
	font: 14px/20px Arial, Helvetica, sans-serif;
	margin: 5px 0 0 0;
}

#experts h2{
	border-bottom: 1px solid #ebebeb;
	font: 24px/29px Georgia, "Times New Roman", Times, serif; 
	color: #666; 
	margin: 20px 0 10px 0;
}

#experts .vcard .fn {
	color: #754c24;
	font: 20px/24px Georgia, "Times New Roman", Times, serif;
	xmargin: 15px 0 10px 0;
	}
	
#experts .vcard .title {
	color: #637393;
	font: 15px/20px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	}
	

#experts .vcard a.expert-articles {
	margin-top: 20px;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #637393;
	}
	
#topicspage #sitetools{
	display: none;
}


/* --------------------------------
Core - Content - Glossary
-------------------------------- */

#glossary dt {font-size: 18px; line-height: 28px; color: #754c24;}
#glossary dd{margin: 0 0 0 20px;}

/* --------------------------------
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: 18px/24px 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;}

/* --- subscribe form --- */

/* --- author's articles --- */

/* --- author's articles --- */

#content #author-articles {background: #f1f5e7; padding: 10px 20px 0 0; border-left: 1px solid #a5cf4c; margin: 3px 0 0 0;}

#content #author-articles h2 {margin: 0;}

#content #author-articles ul {list-style: none; margin-top: 12px; margin-bottom: 20px; margin-left: 18px;}

#content ul.article-list li {line-height: 17px;}

#content ul.article-list li a { display: block; text-decoration: none;	}
#content ul.article-list li a span.article-published { font: 11px Arial, sans-serif; }
#content ul.article-list li a strong { font-weight: normal; text-decoration: underline; }


#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; color: #777;text-decoration: none;}



#register, .thankyou.standard{
	display:none;
}

/* --------------------------------
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 #article-feedback,
#secondary #article-info h4,
#secondary #share-article,
#secondary #article-info .thickbox{
	display: none;
	}
	
#secondary .article-context h4 {
	color: #977417;
	font: 18px Arial, Helvetica, sans-serif;
	background: none;
	margin: 5px 0;
	}

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

/* --- vcard --- */
#secondary .vcard {font: 14px 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 img {
	border: 1px solid #9e8165;
	width: 58px;
	height: 58px;
	float: left;
	margin-right: 10px;
	}

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

#secondary .vcard .title{
	font-style: italic;
	font-size: 14px;
	margin: 0 0 5px 0;	
}

#author-info .vcard .org {text-transfom: none; font-size: 12px; line-height: 16px;}

#author-info img {
	border: 1px solid #eee;
	background: #fff;
	padding: 0;
	margin: 3px 0 10px 0;
	}
	
#author-info .vcard .fn{
	font-size: 20px;
}

#author-info .vcard .url{
	font-size: 14px;
}

#author-info p{
	margin-top: 10px;
}


/* --------------------------------
Site Tools
-------------------------------- */
#sitetools { margin-top: 25px; background: #5f5f5f; font: 13px Arial, Helvetica, sans-serif; }
#sitetools #browsearchives { padding: 0 0 10px 0;}
#sitetools h5 {background: #787878; font: 15px/25px Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 5px 10px;}
#sitetools #share h5 strong { color: #afcce9; }
#sitetools #popular h5 strong { color: #d9be47; }
#sitetools #browsearchives h5 strong { color: #a2c42a; }

/* --- 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: #ccc; margin: 0 0 5px 0; }


/* --- browse archives --- */
#sitetools #browsearchives .browse-topic { margin: 0 10px;}
#sitetools #browsearchives .browse-topic h6 { color: #a5cf4c; 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; }

#sitetools  a {
	color: #fff;
	text-decoration: none;
	}

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

/* changelog

2012.01.20 -- JD
- Boost mobile font for readability

2012.01.23 -- JD
- Style Topics, adjust Profiles

2012.01.24 -- JD
- Fix nav -- JD

*/