/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* Modified for AAD by KH
*/

/* #Site Styles
================================================== */
.container{
	margin: 0 auto; 
	position: relative;
	width: 980px;
}
#cookies-alert{
	color: #333;
	position: fixed;
	left: 0; bottom: 0;
	padding: 30px 0;
	text-align: center;
	width: 100%;
	background: rgba(252,238,53,1);
}
#cookies-alert h4, #cookies-alert p{
	color: #333;
	font-size: 14px; margin: 0; 	
}
#cookies-alert a{
	text-decoration: underline;
}

/* #Page Styles
================================================== */
.main{
	margin: 0 0 0 0;
	padding-top: 196px;
}
.main.about, .main.searchresults{
	margin: 0 0 0 0;
	padding-top: 142px;
}
.main h2.info{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;	
	margin: 30px auto;
	text-align: center;
	width: 780px;
}
.main h2.info a{
	background: url(../images/arrow-down.png) 100% 50% no-repeat;
	display: block;
	padding: 10px;
	position:relative;
}
.main h2.info a.active{
	background: url(../images/arrow-up.png) 100% 50% no-repeat;
}
.main article.info{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.main article.info .video, .main article.info .intro{
	margin: 0 auto 30px auto;
	width: 640px;
	min-height:363px; height:auto !important; height:363px; 
}
.main article.info .info-content{
	margin: 0 auto 30px auto;
	width: 900px;
	min-height:500px; height:auto !important; height:500px; 
}
.main article.info .summary{
	border-right: 1px solid #cccccc;
	float: left;
	margin-right: 29px; 
	width: 489px;
}
.main article.info .tips{
	float: left; 
	width: 380px;
}
.main article.info h3, .main article.info p{
	margin-right: 30px;
}
.main article.info h3{
	text-decoration: none;
}
.main article.info ol{
	list-style: decimal;
}
.main article.info ol li{
	margin-left: 30px;
	margin-bottom: 22px;
}
.main article.info .summary article{
	margin-bottom: 30px;
}
.main article.info p.readmore, .main article.detail p.readmore{
	text-align: right;
}
.main article.info p.readmore a, .main article.info p.print a, .main article.detail p.readmore a{
	background: #BAD2DB;
	border-radius: 5px; 
	font-size: 12px; 
	padding: 5px 10px;
}
.main .contentwrap{
	border-top: 1px solid #eaeaea;
}
.main article.detail {
	margin: 0px auto;
	padding: 50px 0;
	width: 700px;
}
.main article.detail h2{
	text-decoration: none;
	text-align: center;
}
.main article.detail h3, .main article.detail h4{
	font-family: 'Avenir LT W01 95 Black', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px; line-height: 22px;
	margin-bottom: 22px;
}
.main article.detail p, .main article.detail ul, .main article.detail ol{
	margin-bottom: 22px;
}
.main article.detail ul{
	list-style: circle;
	margin-left: 22px;
}
.main article.detail ol{
	list-style:decimal;
	margin-left: 22px;
}
.main article.detail img{
	display: block;
	margin: 44px auto;
}
ul.hj_social_bookmarks{
	margin: 22px 0;
}
ul.hj_social_bookmarks li{
	float: left;
	margin: 0 11px 11px 0;
	width: 66px;
}

/* #Search Result Styles
================================================== */
.main article.detail h2.search-header, .main article.detail h2.collection-header{
	border-bottom: 1px solid #cccccc;	
	margin: 0px auto 50px 0;
	padding-bottom: 10px;
	text-align: center;
	text-decoration: none;
	width: 780px;
}
span.search-term{
	background: #BBDEEA;
	padding: 2px 5px;
	margin: 0 5px;
}
div.result{
	border-bottom: 1px solid #cccccc;
	margin: 0 0 22px 0;
}
div.result h3{
	font-size: 22px;
	margin-bottom: 11px;
}
div.result h3 a{
	border-bottom: 2px solid #cccccc;
	padding-bottom: 10px; 
}
.main article.info div.result p.readmore, .main article.detail div.result p.readmore{
	text-align: left;
}
div.result div.preview{
	float: left;
	font-size: 12px;
	margin: 0 15px;
	text-align: center;
	width: 146px;
}
div.result div.excerpt{
	float: left;
	margin: 0 0 0 0;
	width: 506px;
}
div.result div.preview img{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	margin: 0 auto 11px auto;
}
div.result div.preview div.blank{
	background: url(../images/search-blank.gif) 0 0 no-repeat;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	display: block;
	width: 116px; height: 110px; 
	margin: 0 auto 11px auto;
}
div.result h3 a.read{
	border-bottom: 2px solid #FFDB29;	
}
div.result h3 a.write{
	border-bottom: 2px solid #FFA6A6;	
}
div.result h3 a.count{
	border-bottom: 2px solid #BDDEF3;	
}
div.result h3 a.talk{
	border-bottom: 2px solid #B3D88B;	
}
div.result h3 a.play{
	border-bottom: 2px solid #C4BFDF;	
}
.main article.detail h2.search-footer{
	border-bottom: 1px solid #cccccc;	
	margin: 50px auto 32px auto;
	padding: 0 0 10px 0;
	text-align: center;
	text-decoration: none;
	width: 66%;
}
a.backlink{
	background: url(../images/arrow-back.png) 0 50% no-repeat;
	display: block;
	font-size: 14px; line-height: 16px;
	margin: 0 auto;
	padding-left: 30px;
	text-align: center;
	width: 130px;
}
a.backlink span{
	display: block;
	width: 90px;
}

/* #HELP Styles
================================================== */
.main article.detail div.row div{
	float: left;
	margin: 0 0 0 0;
	text-align: center;
	width: 350px;
}
.main article.detail div.row div p{
	margin: 0 22px 22px 22px;
}
.main article.detail div.row div img{
	display: block;
	margin: 0 auto 22px auto;
}