  / // think story layout elements // ***/

a:link {
    border:none;
    
    
}


/* STORY PAGE styles and configuration */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
#feature
	{
	width:100%;
	height:234px;
	text-align:center;
	padding:0px;
	background: url(/think/stylesheets/images/blackgrad.png) repeat-x;
	margin-bottom:20px;
	}

#feature div
	{
	width:902px;
	height:220px;
	margin:0 auto;
	padding:7px 0px 7px 0px;
	}

/*story content styles*/
.story2col
	{
	width:610px;
	}
	
#story
	{
	float:left; 
	margin:10px 0px 0px 0px;
	display:block;
	padding-left:30px;
	}

#story ul
	{
	margin-top:0px;
	}
    
#story ul li
    {
    padding-bottom:10px;
    }
    
#story h1
	{
	font-size:26px;
	font-family: "Arizona", sans-serif;	
	line-height:100%;
	
	}
    
#story h2
	{
	font-size:26px;
	font-family: "Arizona", sans-serif;	
	
	}

#story h3
	{
	
	font-size:18px;
	color:#003071;
	text-transform:none;
	font-weight:normal;
	}

#story h4
	{
	text-transform:none;
	color:#999;
	font-size:15px;
	margin-top:5px;
	}	

#story h4.subdeck
	{
	font-weight:normal;
	font-family: "Arizona", sans-serif;	
	color:#999;
	font-size:14px;
	margin-top:0px;
	}

#story h5.firstgraph
	{
	margin-top:25px;
	color:#999;
	font-size:18px;
	text-transform:none;
	}

#story h6
	{
	font-size:14px;
	color:#333;
	}

#story p
	{
	line-height:155%;
	font-size:17px;
	font-family: "Arizona", sans-serif;	

	}

#story p a
	{
	color:#006DA3;
	text-decoration:none;
	}

#story p a:hover
	{
	color:#003071;
	}

#story ul
	{
		font-family: "Arizona", sans-serif;	
		font-size:14px;
	}

#story ul.ranks
	{
	margin-top:5px;
	margin-bottom:25px;
	}

#story p.firstgraph
	{
	margin-top:20px;
	}

#story h3.section
	{
	margin-bottom:15px;
	color:#626262;
	font-size: 20px;
	}

#story h3.needspace
    {
    clear:both;
    padding-top:35px;
    }

#story div.archives
    {
    clear:both;
    float:left;
    margin:40px 0px 0px 0px;
    }

#story div.archives h4 a
    {
    color:#333;    
    }

#story div.archives h4 a:hover
    {
    color:#004480;    
    }
    
#story div.archives p img
    {
    float:left;
    margin-right:15px;
    }

ul.resources, ul.rform
	{
	margin-left:13px;
	line-height:16px;
	font-family: "Arizona", sans-serif;	
	font-size:13px;
	}

ul.resources li
	{
	list-style-image:url(/think/stylesheets/images/arrow.png);
	border-bottom:#999 1px dotted;
	padding:3px 0px 3px 0px;
	}

ul.rform li
	{
	list-style-image:url(/think/stylesheets/images/arrow.png);
	border-bottom:#999 1px dotted;
	padding:3px 0px 10px 0px;
	color:#003071;
	}

ul.resources a
	{
	color:#006DA3;
	text-decoration:none;
	}

ul.resources a:hover
	{
	color:#003071;
	text-decoration:underline;
	}

/*format in-story images*/
div.storyimage
	{
	width:600px;
	float:none;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
	}
	
div.storyimage img
	{
	padding:0px;
	margin:0px;
	}

div.sidecontent a
	{
	color:#333;
	border-bottom:none;
	display: flex;
	}
	div.sidecontent a:before
	{
	content:url(/think/stylesheets/images/arrow.png);
	margin-right: 10px;
	}

div.sidecontent a.media
	{
	color:#006DA3;
	}

div.sidecontent a:hover
	{
	color:#006DA3;
	text-decoration: none;
	}

div.storyimage img, div.storyimageright img, div.storyimageleft img, div.storyimgleft img, div.storyimgright img
	{
	margin-bottom:-3px;
	}

p.storycaption
    {
	margin-top:0px; 
	padding:0px 10px;
	font-style:italic;
	font-family: "Arizona", sans-serif;	
	color:#333;
	background-color:#eee;
	text-align:left;
	}

div.storyimage p.storycaption span.photocredit, div.storyimageright p.storycaption span.photocredit, div.storyimageleft p.storycaption span.photocredit, div.storyimgleft p.storycaption span.photocredit, div.storyimgright p.storycaption span.photocredit
	{
	color:#666;
	}

div.storyimageright
	{
	float:right;
	margin:0px 0px 20px 20px;
	width:300px;
	}

div.storyimgright
	{
	float:right;
	margin:0px 0px 20px 20px;
	}

div.storyimageleft
	{
	float:left;
	margin:0px 20px 20px 0px;
	width:300px;
	}

div.storyimgleft
	{
	float:left;
	margin:0px 20px 20px 0px;
	}

#storyimageleft340
	{
	width:340px;
	}

#storyimagecenter
	{
	text-align:center;
	}

#storyimagesmall
	{
	width:150px;
	}

#storyimagesmalltop
	{
	margin-top:30px;
	width:150px;
	}
	
#imagethumbs {
    height:400px;
    
    
}

#imagethumbs img{
    padding:12px 10px 10px 15px;
    float:left;
    
    
}





/*add, share or bookmark story links*/
#bookmarks
	{
	margin:0px;
	margin-top:15px;
	padding:0px;
	padding-top:5px;
	border-top:#ccc 1px solid;
	}

#bookmarks p
	{
	font-family:"Helvetica Neue", Helvetica, "Lucida Grande", Geneva, Arial, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:right;
	}

#bookmarks p a
	{
	font-weight:bold;
	color:#666;
	}

#bookmarks p a:hover
	{
	color:#003071;
	text-decoration:none;
	}

#bookmarks ul
	{
	margin:0px;
	padding:0px;
	position:relative;
	right:0px;
	float:right;
	}

#bookmarks ul li
	{
		font-family: "Arizona", sans-serif;	
		font-size:12px;
	list-style:none;
	display:inline;
	float:left;
	text-transform:uppercase;
	}

#bookmarks ul li.share
	{
	margin:3px 10px 0px 0px;
	}

#bookmarks ul li.first
	{
	margin:0px 4px 0px 0px;
	}

#bookmarks ul li.second
	{
	margin:3px 10px 0px 0px;
	}

#bookmarks ul li a
	{
	margin:0px;
	text-transform:none;
	color:#003071;
	}

#digg .replace, #digg .replace span
	{ 
	width: 16px;
	height: 14px; 
	background:url(/think/stylesheets/images/digg.gif) left bottom no-repeat; 
	text-decoration:none;
	}

#delicious .replace, #delicious .replace span
	{ 
	width: 18px;
	height: 18px; 
	background:url(/think/stylesheets/images/delicious.gif) left bottom no-repeat; 
	text-decoration:none;
	}

#reddit .replace, #reddit .replace span
	{ 
	width: 18px;
	height: 18px; 
	background:url(/think/stylesheets/images/reddit.gif) no-repeat; 
	text-decoration:none;
	}

#facebook .replace, #facebook .replace span
	{ 
	width: 16px;
	height: 16px; 
	background:url(/think/stylesheets/images/facebook.gif) no-repeat; 
	text-decoration:none;
	}

#google .replace, #google .replace span
	{ 
	width: 18px;
	height: 17px; 
	background:url(/think/stylesheets/images/google.jpg) no-repeat; 
	text-decoration:none;
	}

/*Bookmark section w/ bookmark/share, digg and FB like*/
#bookmarkSection
    {
    margin:15px 0px 0px 0px;
    padding:5px 0px 0px 0px;
    border-top:#ccc 1px solid;
    font-family: Helvetica, Arial, sans serif;
    }

#bookmarkSection ul
    {
    list-style:none;
    margin:5px 0px 0px 0px;
    font-family: Helvetica, Arial, sans serif;
    }

#bookmarkSection ul li
    {
    float:left;
    font-size:15px;
    font-weight:bold;
    }

#bookmarkSection ul li a
    {
    color:#626262;
    }

#bookmarkSection ul li.digg
    {
    padding:3px 10px 0px 10px;
    }

#bookmarkSection ul li.bookmarkGen
    {
    float:right;
    }

/*google connect components*/
#thinkeractivity
	{
	clear:both;
	padding-top:15px;
	}

#thinkerate
	{
	float:none;
	padding:0px;
	margin:0px;
	width:610px;
	}

#thinkercomment, #thinkerlog
	{
	float:none;
	margin-top:10px;
	padding:0px;
	width:610px;
	}

#thinkerlogsmall
	{
	padding-left:12px;
	padding-top:5px;
	}

/*specs for RIGHT COLUMN on home page: two-column layout with one two-col column*/
#right2col					
	{
	background: none;
	float:right; 
	width:320px; 
	}

#rightcol
	{
	margin-left:45px;
	border-left:#e5e5e5 1px solid;
	}

/*specs for search, font adjustment tools and print links, etc.*/
#sidecontrols
	{
	padding-top:5px;
	margin-top:15px;
	}

#sidecontrols ul.tools
	{
	color:#aaa;
	font-size:15px;
	font-weight:bold;
	margin:0px 0px 5px 15px;
	}

#sidecontrols ul.tools li
	{
	list-style:none;
	display:inline;
	color:#ccc;
	}

#sidecontrols ul li a
	{
	font-weight:bold;
	color:#999;
	}

#sidecontrols ul li a:hover
	{
	color:#003071;
	text-decoration:none;
	}

#sidesearch
	{
	width:213px;
	height:25px;
	padding:4px;
	margin-left:12px;
	border:#e8e8e8 1px solid;
	background:url(/think/stylesheets/images/searchbox.jpg) no-repeat;
	}

#sidesearch input.text 
	{
	background: none;
	border: none;
	color: #666;
	font-size:14px;
	font-weight:normal;
	width: 161px;
	w\idth: 161px;
	position:relative;
	top:-2px;
	left:2px;
	}

#searchbutton
	{
	margin-left:21px;
	margin-top:1px;
	}

/*specs for sidebar extras to magazine stories*/
div.sidebar
	{
	padding-top:10px;
	padding-bottom:20px;
	margin-bottom:10px;
	}

#topsidebar
	{
	margin-top:10px;
	}

div.sideimage
	{
	background:url(/think/stylesheets/images/sideimagebg.png) repeat-y;
	padding:13px;
	width:210px;
	border-top:#e8e8e8 1px solid;
	border-bottom:#e8e8e8 1px solid;
	}

div.sideimage img
	{
	width:210px;
	padding:0px;
	margin:0px;
	}

div.sidecontent
	{
	width:236px;
	}

div.sidecontent h3
	{
	color:#ccc;
	margin:2px 0px 0px 13px;
	}

div.sidecontent h6
	{
	color:#003071;
	font-family: "Arizona", sans-serif;	
	font-size:14px;
	font-weight:normal;
	margin:0px 0px 0px 13px;
	}

/*Q&A story specific styles*/
div.question, div.qanswer
	{
	clear:both;
	display:block;
	}

div.question
	{
	margin-top:20px;
	}

#firstquestion
	{
	margin-top:0px;
	}

/*Timeline specific styles*/
div.timeline
	{
	clear:both;
	display:block;
        margin-top:20px;
	}

#firstmilestone
	{
	margin-top:30px;
	}

/*Shelf Life specific styles*/
p.shelflife
	{
	clear:both;
	}

img.bookcover
	{
	width:100px;
	height:148px;
	padding:5px;
	border:#999 1px solid;
	float:left;
	margin:0px 10px 20px 0px;
	}

div.storyGraphic
	{
	width:600px;
        float:none;
	margin:0px;
	padding:0px;
        display:block;
	}
    
div.storyGraphic p.panels
    {
    float:left;
    padding:8px;
    }

p.postPanels
    {
    clear:both;
    padding-top:50px;
    }

   .photoDiv {
	display:inline;
	margin-right:20px;
	padding:0 10px 10px 0;
	float:left;
	background:#fff;
	border-right:2px dotted #CCC;
	border-bottom:2px solid #f2f2f2;
	max-width:300px;

}
.photoDiv img {
	width:100%;
}
.photoDiv p{
	padding:3px 3px 0 0;
	font-family: "Arizona", sans-serif;	
	color:#666;
		text-transform:uppercase;

}
.photocredit {
	color:#777;
	text-transform:uppercase;
	font-family: "Arizona", sans-serif;	
	font-weight:700;
	font-size:70%;
	text-align:right;
	float:right;
} 


  .photoDivRight {
	display:inline;
	margin-left:20px;
	padding:0 0 0 10px;
	float:right;
	background:#fff;
	border-left:2px dotted #CCC;

}
.photoDivRight img {
	width:100%;
}
.photoDivRight p{
	padding:3px 3px 0 0;
	font-family: "Arizona", sans-serif;	
	color:#666;
		text-transform:uppercase;

}
.photocredit {
	color:#777;
	text-transform:uppercase;
	font-family: "Arizona", sans-serif;	
	font-weight:700;
	font-size:70%;
	text-align:right;
	float:right;
} 


.section {color:#eeeeee;}

.sidep {margin: 2px 0px 0px 13px; padding-bottom: 5px;}

.sidep:first-of-type { padding-top: 10px;}
