/* -- Homepage -- */

div#homepage {
	width: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}

div#homepage h2 {
	display: none;
}

div#homepage div#home-top {
	height: 370px;
	overflow: hidden;
}

div#homepage div#home-features {
	position: relative;
	float: left;
	width: 642px;
	height: 353px;
	background: #000;
	overflow: hidden;
}

div#homepage div#home-features div#feature-mobile-arrows {
	display: none;
}

div#homepage div#home-features div#feature-overlay-bg {
	display: block;
	position: absolute;
	z-index: 3;
	width: 203px;
	height: 317px;
	margin: 18px 0 0 10px;
	overflow: hidden;
	background: #000;
}

div#homepage div#home-features div#feature-select {
	position: absolute;
	z-index: 5;
	width: 136px;
	padding-left: 66px;
	margin: 300px 0 0 10px;
}

div#homepage div#home-features div#feature-select a {
	display: block;
	float: left;
	margin-right: 4px;
	width: 15px;
	height: 1px;
	padding-top: 14px;
	overflow: hidden;
	background: #719C33;
}

div#homepage div#home-features div#feature-select a:hover {
	background: #92C44B;
}

div#homepage div#home-features div#feature-select a.selected,
div#homepage div#home-features div#feature-select a.selected:hover {
	background: #FFF;
}

div#homepage div#home-features div#feature-images img {
	display: block;
	cursor: pointer;
}

div#homepage div#home-features div#feature-text {
	display: block;
	position: absolute;
	z-index: 4;
	width: 193px;
	height: 280px;
	padding-left: 5px;
	margin: 18px 0 0 10px;
	overflow: hidden;
}

div#homepage div#home-features div#feature-text div.info {
	padding: 10px;
	height: 250px;
	color: #FFF;
}

div#homepage div#home-features div#feature-text p.issue {
	margin: 0;
	padding: 4px 0 0;
	text-transform: uppercase;
	color: #CCC;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 11px;
	cursor: default;
}

div#homepage div#home-features div#feature-text p.title {
	margin: 0;
	padding: 5px 0;
}

div#homepage div#home-features div#feature-text p.title a {
	font-size: 30px;
	color: #F3F3F3;
	line-height: 32px;
	text-shadow: 0 0 1px #000;
}

div#homepage div#home-features div#feature-text p.title a:hover {
	color: #FFF;
}

div#homepage div#home-features div#feature-text p.summary {
	margin: 0;
	padding: 5px 0;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #F3F3F3;
}

div#homepage div#home-features div#feature-text p.summary a {
	color: #F3F3F3;
	text-decoration: underline;
}

div#homepage div#home-features div#feature-text p.summary a:hover {
	color: #FFF;
}

div#homepage div#home-posts,
div#homepage div#home-tools {
	position: relative;
	float: right;
	width: 300px;
	overflow: hidden;
}

div#homepage div#home-subfeatures {
	position: relative;
	float: left;
	width: 642px;
	overflow: hidden;
}

div#homepage div#home-subfeatures div.subfeature {
	float: left;
	width: 160px;
	padding-bottom: 10px;
	background: #E0E0E0;
}

div#homepage div#home-subfeatures div.alt {
	width: 161px;
	background: #EBEBEB;
}

div#homepage div#home-subfeatures h3 {
	margin: 0;
	height: 20px;
	padding: 10px 5px 13px;
	overflow: hidden;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	color: #8B8B8B;
	text-align: center;
}

div#homepage div#home-subfeatures img {
	display: block;
	padding: 3px;
	background: #FFF;
	border: 1px solid #CFCFCF;
	margin-left: 19px;
}

div#homepage div#home-subfeatures a:hover img {
	border-color: #999;
}

div#homepage div#home-subfeatures p.type {
	display: block;
	margin: 0;
	padding: 10px 20px 0 19px;
	font-size: 13px;
	color: #999;
	cursor: default;
}

div#homepage div#home-subfeatures p.link {
	display: block;
	height: 105px;
	margin: 0;
	padding: 10px 15px 0 19px;
	line-height: 15px;
	overflow: hidden;
}

div#homepage div#home-subfeatures p.link a {
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
}

div#homepage div#home-subfeatures a.more {
	display: block;
	width: 75px;
	padding: 4px 0 5px;
	margin-left: 44px;
	text-align: center;
	background: #BABABA;
	font-size: 14px;
	line-height: 15px;
	color: #FFF;
}

div#homepage div#home-subfeatures a.more:hover {
	background: #999;
}

div#homepage div#home-mobile-topics {
	display: none;
}

div#homepage div#home-tools ul.right-list li p {
	margin: 0;
	padding: 5px 0 0;
}


@media screen and (max-width: 500px) {	

	div#homepage {
		width: 100%;
	}
	
	div#homepage div#home-top {
		height: auto;
	}
	
	div#homepage div#home-features {
		float: none;
		width: 100%;
		height: 255px;
		margin-bottom: 10px;
	}
	
	div#homepage div#home-features div#feature-mobile-arrows {
		display: block;
		position: relative;
	}
	
	div#homepage div#home-features div#feature-mobile-arrows a {
		display: block;
		position: absolute;
		width: 42px;
		height: 1px;
		padding-top: 41px;
		overflow: hidden;
		margin-top: 100px;
		z-index: 999;
	}
	
	div#homepage div#home-features div#feature-mobile-arrows a#feature-prev {
		background: url(/images/common/button-arrow-left.png) no-repeat;
	}
	
	div#homepage div#home-features div#feature-mobile-arrows a#feature-next {
		margin-left: 89%;
		background: url(/images/common/button-arrow-right.png) no-repeat;
	}
	
	div#homepage div#home-features div#feature-overlay-bg {
		width: 100%;
		height: 100px;
		margin: 190px 0 0;
	}
	
	div#homepage div#home-features div#feature-select {
		dispay: none;
	}
	
	div#homepage div#home-features div#feature-select a {
		width: 12px;
		padding-top: 11px;
	}
		
	div#homepage div#home-features div#feature-images img {
		width: auto;
		height: 255px;
	}
	
	div#homepage div#home-features div#feature-text {
		width: 99%;
		height: 220px;
		padding: 0;
		margin: 190px 0 0 0;
	}
	
	div#homepage div#home-features div#feature-text p.issue {
		letter-spacing: 1px;
		font-size: 10px;
	}
	
	div#homepage div#home-features div#feature-text p.title {
		height: 22px;
		overflow: hidden;
		font-size: 20px;
		line-height: 22px;
	}
	
	div#homepage div#home-features div#feature-text p.title a {
		display: block;
		height: 22px;
		width: 600px;
		overflow: hidden;
		font-size: 20px;
		line-height: 22px;
	}
	
	div#homepage div#home-features div#feature-text p.summary {
		display: none;
	}
	
	div#homepage div#home-posts,
	div#homepage div#home-tools {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
	
	div#homepage div#home-subfeatures {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		border-top: 1px solid #CCC;
	}
	
	div#homepage div#home-subfeatures div.subfeature {
		float: none;
		width: auto;
		padding: 10px;
	}
	
	div#homepage div#home-subfeatures div.alt {
		width: 100%;
	}

	div#homepage div#home-subfeatures div.subfeature h3 {
		text-align: left;
		padding: 0 0 10px;
	}
		
	div#homepage div#home-subfeatures img {
		display: block;
		float: left;
		margin: 0 15px 0 0;
	}
	
	div#homepage div#home-subfeatures p.type {
		font-size: 12px;
	}
	
	div#homepage div#home-subfeatures p.link {
		width: 50%;
		height: 75px;
		padding: 0;
		line-height: 14px;
		overflow: hidden;
	}
	
	div#homepage div#home-subfeatures p.link a {
		font-size: 12px;
	}
	
	div#homepage div#home-mobile-topics {
		display: block;
		padding: 10px 0 20px;
		line-height: 18px;
		font-size: 18px;
	}

	div#homepage div#home-mobile-topics a {
		display: block;
		padding: 12px 7px;
		color: #FFF;
		background: #A6C677 url(/images/common/icon-search.gif) right center no-repeat;
	}

}






/* -- Vestry Papers -- */

div#vestrypapers div#issue {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #CFCFCF;
	margin-bottom: 25px;
}

div#vestrypapers div#issue-date {
	padding: 2px;
	background: #555;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #DADADA;
}

div#vestrypapers div#issue-title {
	height: 44px;
	background: #638DC7;
	text-align: center;
}

div#vestrypapers div#issue-title h3 {
	margin: 0;
	padding: 6px 0 0 110px;
	font-size: 30px;
	line-height: 32px;
	font-weight: bold;
	color: #FFF;
}

div#vestrypapers div#issue-title a#issue-download {
	display: block;
	float: right;
	width: 110px;
	height: 1px;
	padding-top: 43px;
	overflow: hidden;
	background: url(/images/pages/vestrypapers/download-issue.gif) no-repeat;
}

div#vestrypapers div#issue-title a#issue-download:hover {
	background-position: 0 -44px;
}

div#vestrypapers div#issue-main {
	float: left;
	width: 368px;
	height: 295px;
	padding: 15px;
	border-left: 1px solid #CFCFCF;
	background: #F1F1F1;
	font-size: 12px;
}

div#vestrypapers div#issue-main a {
	font-size: 17px;
	font-weight: bold;
}

div#vestrypapers div#issue-main img {
	display: block;
	margin-bottom: 10px;
}

div#vestrypapers div#issue-main span {
	font-size: 11px;
	line-height: 20px;
	color: #909090;
}

div#vestrypapers div#issue-articles {
	float: right;
	width: 284px;
	height: 295px;
	padding: 15px 8px;
	border-right: 1px solid #CFCFCF;
}

div#vestrypapers div.scrollbar {
	height: 295px;
}

div#vestrypapers div#issue-articles ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#vestrypapers div#issue-articles ul li {
	display: block;
	padding: 15px 10px;
	vertical-align: middle;
	border-top: 1px solid #DBDBDB;
	font-size: 12px;
	line-height: 15px;
	color: #333;
}

div#vestrypapers div#issue-articles ul li.first {
	border-top: 0;
	padding-top: 0;
}

div#vestrypapers div#issue-articles ul li a {
	font-weight: bold;
	font-size: 15px;
	line-height: 17px;
}

div#vestrypapers div#issue-articles ul li span {
	font-size: 11px;
	line-height: 20px;
	color: #909090;
}

div#vestrypapers ul#archive {
	width: 100%;
	margin: 0;
	padding: 20px 0 0;
	list-style: none;
	overflow: hidden;
}

div#vestrypapers ul#archive li {
	display: block;
	float: left;
	margin: 0;
	width: 45%;
	height: 150px;
	padding: 5px 10px 0 0;
	overflow: hidden;
}

div#vestrypapers ul#archive li img {
	display: block;
	float: left;
	padding: 3px;
	margin-right: 10px;
	border: 1px solid #CFCFCF;
}

div#vestrypapers ul#archive li span {
	display: block;
	font-size: 13px;
	color: #7E7E7E;
	padding: 3px 0;
}

div#vestrypapers ul#archive li a.title {
	font-size: 16px;
	font-weight: bold;
}

div#vestrypapers ul#archive li a.read {
	display: inline-block;
	font-size: 14px;
	color: #FFF;
	padding: 4px 12px;
	margin-top: 5px;
	background: #A6C677;
}

div#vestrypapers ul#archive li a.read:hover {
	background: #92C44B;
}


@media screen and (max-width: 500px) {	

	
	div#vestrypapers div#issue {
		margin: 5px 0 15px;
		border-bottom: 0;
	}
	
	div#vestrypapers div#issue-date {
		font-size: 11px;
	}
	
	div#vestrypapers div#issue-title {
		text-align: left;
	}
	
	div#vestrypapers div#issue-title h3 {
		padding: 10px 0 0 10px;
		font-size: 18px;
		line-height: 22px;
	}
	
	div#vestrypapers div#issue-title a#issue-download {
		width: 70px;
		background: none;
		height: 30px;
		padding: 10px 10px 0 0;
		font-size: 11px;
		line-height: 12px;
		font-weight: bold;
		text-align: right;
		color: rgba(255,255,255,.6);
	}
	
	div#vestrypapers div#issue-title a#issue-download:hover {
		background-position: right bottom;
	}
	
	div#vestrypapers div#issue-main {
		float: none;
		width: auto;
		height: auto;
		padding: 10px;
		border-left: 0;
	}
	
	div#vestrypapers div#issue-main img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	div#vestrypapers div#issue-articles {
		float: none;
		width: auto;
		height: auto;
		padding: 15px 0 0;
		border-right: 0;
	}
	
	div#vestrypapers div.scrollbar {
		height: auto;
	}

	div#vestrypapers div#issue-articles ul {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	div#vestrypapers ul#archive li {
		float: none;
		height: 128px;
		padding-left: 5px;
		width: auto;
	}
	
	div#vestrypapers ul#archive li span {
		font-size: 12px;
	}
	
	div#vestrypapers ul#archive li a.title {
		font-size: 14px;
	}
	
	div#vestrypapers ul#archive li a.read {
		display: inline-block;
		font-size: 13px;
		color: #FFF;
		padding: 4px 12px;
		margin-top: 5px;
		background: #A6C677;
	}
	
	div#vestrypapers ul#archive li a.read:hover {
		background: #92C44B;
	}
	

}


/* -- Fieldwork -- */

div#fieldwork div#issue {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #CFCFCF;
	margin-bottom: 25px;
}

div#fieldwork div#issue-header {
	padding: 2px;
	background: #555;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #DADADA;
}

div#fieldwork div#issue-title {
	height: 44px;
	background: #638DC7;
	text-align: center;
}

div#fieldwork div#issue-title h3 {
	margin: 0;
	padding: 6px 0 0 0;
	font-size: 30px;
	line-height: 32px;
	font-weight: bold;
	color: #FFF;
}

div#fieldwork div#issue-main {
	float: left;
	width: 368px;
	height: 295px;
	padding: 15px;
	border-left: 1px solid #CFCFCF;
	background: #F1F1F1;
	font-size: 12px;
}

div#fieldwork div#issue-main a {
	font-size: 17px;
	font-weight: bold;
}

div#fieldwork div#issue-main img {
	display: block;
	margin-bottom: 10px;
}

div#fieldwork div#issue-main span {
	font-size: 11px;
	line-height: 20px;
	color: #909090;
}

div#fieldwork div#issue-articles {
	float: right;
	width: 284px;
	height: 295px;
	padding: 15px 8px;
	border-right: 1px solid #CFCFCF;
}

div#fieldwork div.scrollbar {
	height: 295px;
}

div#fieldwork div#issue-articles ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#fieldwork div#issue-articles ul li {
	display: block;
	padding: 15px 10px;
	vertical-align: middle;
	border-top: 1px solid #DBDBDB;
	font-size: 12px;
	line-height: 15px;
	color: #333;
}

div#fieldwork div#issue-articles ul li.first {
	border-top: 0;
	padding-top: 0;
}

div#fieldwork div#issue-articles ul li a {
	font-weight: bold;
	font-size: 15px;
	line-height: 17px;
}

div#fieldwork div#issue-articles ul li span {
	font-size: 11px;
	line-height: 20px;
	color: #909090;
}

div#fieldwork ul#archive {
	width: 100%;
	margin: 0;
	padding: 20px 0 0;
	list-style: none;
	overflow: hidden;
}

div#fieldwork ul#archive li {
	display: block;
	margin: 0;
	width: 80%;
	height: 150px;
	padding: 5px 10px 0 0;
	overflow: hidden;
	font-size: 13px;
}

div#fieldwork ul#archive li img {
	display: block;
	float: left;
	padding: 3px;
	margin-right: 10px;
	border: 1px solid #CFCFCF;
}

div#fieldwork ul#archive li span {
	display: block;
	font-size: 12px;
	color: #7E7E7E;
	padding: 3px 0;
}

div#fieldwork ul#archive li a.title {
	font-size: 16px;
	font-weight: bold;
}

div#fieldwork ul#archive li a strong {
	font-size: 11px;
}


/* -- Your Turn -- */

div#yourturn div#make-submission {
	padding-bottom: 15px;
}

div#yourturn div#make-submission a {
	display: block;
	height: 23px;
	padding: 6px;
	overflow: hidden;
	background: #729E34;
	border: 1px solid #8DB05A;
	border-right: 1px solid #61872C;
	border-bottom: 1px solid #61872C;
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #FFF;
}

div#yourturn div#make-submission a:hover {
	display: block;
	background: #92C44B;
	text-shadow: 0 -1px 0 #7DAF3A;
	border: 1px solid #A6CE6F;
	border-right: 1px solid #8DB05A;
	border-bottom: 1px solid #8DB05A;	
}

div#yourturn ul#featured,
div#yourturn ul#archive {
	display: block;
	margin: 0;
	padding: 0 0 25px;
	list-style: none;
}

div#yourturn ul#featured li,
div#yourturn ul#archive li {
	display: block;
	height: 101px;
	vertical-align: top;
	border-top: 1px solid #FFF;
	background: #F1F1F1;
	font-size: 13px;
	line-height: 15px;
	color: #333;
	padding: 8px 18px;
	overflow: hidden;
}

div#yourturn ul#archive li {
	height: 110px;
	border-top: 0;
	border-bottom: 1px solid #DBDBDB;
	background: none;
}

div#yourturn ul#featured li.alt {
	background: #F8F8F8;
}

div#yourturn ul#archive li.last {
	border: none;
}

div#yourturn ul#featured li a.image img {
	display: block;
	float: right;
	padding: 3px;
	background: #FFF;
	border: 1px solid #CFCFCF;
}

div#yourturn ul#featured li p,
div#yourturn ul#archive li p {
	width: 75%;
	max-height: 80px;
	overflow: hidden;
	margin: 0 60px 0 0;
	padding: 12px 0;
}

div#yourturn ul#featured li a.title,
div#yourturn ul#archive li a.title {
	font-weight: bold;
	font-size: 20px;
	line-height: 22px;
}

div#yourturn ul#featured li span,
div#yourturn ul#archive li span {
	display: block;
	padding: 4px 0;
	font-size: 12px;
	font-weight: bold;
	color: #729E34;
}

div#yourturn-new {
	padding: 25px 150px;
}

div#yourturn-new div#new-details .input,
div#yourturn-new div#new-details .textarea {
	width: 625px;
}

div#yourturn-new div#new-details #short_description {
	height: 50px;
}

div#yourturn-new div#new-details #description {
	height: 100px;
}

@media screen and (max-width: 500px) {	

	div#yourturn div#make-submission {
		padding: 5px 0 22px;
	}
			
	div#yourturn div#make-submission a {
		font-size: 16px;
		line-height: 22px;
		margin: 0 12%;
	}
	
	div#yourturn ul#featured li,
	div#yourturn ul#archive li {
		height: auto;
		font-size: 12px;
		line-height: 14px;
		padding: 8px 10px;
	}
	
	div#yourturn ul#archive li {
		height: auto;
	}
	
	div#yourturn ul#featured li a.image img {
		margin-left: 6px;
		margin-bottom: 10px;
	}
	
	div#yourturn ul#featured li p,
	div#yourturn ul#archive li p {
		width: 62%;
		margin: 0 60px 0 0;
		padding: 12px 0;
	}

	div#yourturn ul#archive li p {
		width: 95%;
	}
		
	div#yourturn ul#featured li a.title,
	div#yourturn ul#archive li a.title {
		font-size: 16px;
		line-height: 18px;
	}
	
	div#yourturn ul#featured li span,
	div#yourturn ul#archive li span {
		font-size: 11px;
	}
	
	div#yourturn-new {
		padding: 25px 150px;
	}
	
	div#yourturn-new div#new-details .input,
	div#yourturn-new div#new-details .textarea {
		width: 625px;
	}
	
	div#yourturn-new div#new-details #short_description {
		height: 50px;
	}
	
	div#yourturn-new div#new-details #description {
		height: 100px;
	}
	

}


/* -- Tools -- */

div#tools ul#featured,
div#tools ul#archive {
	display: block;
	margin: 0;
	padding: 0 0 25px;
	list-style: none;
}

div#tools ul#featured li,
div#tools ul#archive li {
	display: block;
	height: 101px;
	vertical-align: top;
	border-top: 1px solid #FFF;
	background: #F1F1F1;
	font-size: 13px;
	line-height: 15px;
	color: #333;
	padding: 8px 18px;
	overflow: hidden;
}

div#tools ul#archive li {
	border-top: 0;
	border-bottom: 1px solid #DBDBDB;
	background: none;
}

div#tools ul#featured li.alt {
	background: #F8F8F8;
}

div#tools ul#archive li.last {
	border: none;
}

div#tools ul#featured li a.image img,
div#tools ul#archive li a.image img {
	float: right;
	padding: 3px;
	background: #FFF;
	border: 1px solid #CFCFCF;
}

div#tools ul#featured li p,
div#tools ul#archive li p {
	width: 75%;
	margin: 0 60px 0 0;
	padding: 12px 0 0;
}

div#tools ul#featured li a.title,
div#tools ul#archive li a.title {
	font-weight: bold;
	font-size: 20px;
	line-height: 22px;
}

div#tools ul#featured li span,
div#tools ul#archive li span {
	display: block;
	padding: 4px 0;
	font-size: 12px;
	font-weight: bold;
	color: #678F30;
}

@media screen and (max-width: 500px) {	
		
	div#tools ul#featured,
	div#tools ul#archive {
		padding: 0 0 15px;
	}
	
	div#tools ul#featured li,
	div#tools ul#archive li {
		height: auto;
		font-size: 12px;
		line-height: 14px;
		padding: 8px 10px;
	}
	
	div#tools ul#featured li a.image img,
	div#tools ul#archive li a.image img {
		margin: 0 0 10px 10px;
	}
	
	div#tools ul#featured li p,
	div#tools ul#archive li p {
		width: 58%;
		margin: 0;
		padding: 7px 0 0;
	}
	
	div#tools ul#featured li a.title,
	div#tools ul#archive li a.title {
		font-weight: bold;
		font-size: 15px;
		line-height: 18px;
	}
	
	div#tools ul#featured li span,
	div#tools ul#archive li span {
		display: block;
		padding: 4px 0;
		font-size: 12px;
		font-weight: bold;
		color: #678F30;
	}

}


/* --  Vital Posts Blog -- */

div#blog {
	width: 100%;
	overflow: hidden;
}

div#blog-left {
	float: left;
	width: 620px;
	padding-top: 15px;
	overflow: hidden;
}

div#blog-right {
	float: right;
	width: 250px;
	padding-top: 15px;
	overflow: hidden;
}

div#blog div#posts {
	padding-left: 10px;
}

div#blog div#posts div.post {
	padding-bottom: 10px;
	margin-bottom: 30px;
	font-size: .9em;
	line-height: 1.3em;
	border-bottom: 1px solid #DBDBDB;
}

div#blog div#posts div.post .title {
	font-size: 30px;
	line-height: 33px;
}

div#blog div#posts div.post p.details {
	margin: 10px 0;
	font-size: .9em;
	color: #666;
}

div#blog div#posts div.post img {
	padding: 3px;
	border: 1px solid #CFCFCF;
}

div#blog div#rss {
	padding-bottom: 15px;
}

div#blog div#rss a {
	display: block;
	height: 23px;
	padding: 6px;
	overflow: hidden;
	background: #729E34;
	border: 1px solid #8DB05A;
	border-right: 1px solid #61872C;
	border-bottom: 1px solid #61872C;
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #FFF;
}

div#blog div#rss a:hover {
	display: block;
	background: #92C44B;
	text-shadow: 0 -1px 0 #7DAF3A;
	border: 1px solid #A6CE6F;
	border-right: 1px solid #8DB05A;
	border-bottom: 1px solid #8DB05A;	
}


div#blog #related-content-header {
    height: 25px;
    padding: 6px 8px;
    background: #648EC8;
    margin-bottom: 4px;
}


div#blog #related-content-header {
    height: 25px;
    padding: 6px 8px;
    background: #648EC8;
    margin-bottom: 9px;
}

div#blog #related-content-header h3 {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 25px;
    font-weight: normal;
    color: #FFF;
    cursor: default;
}

div#blog #related-content {
    width: 100%;
    overflow: hidden;
    margin-bottom: 6px;
}

div#blog #related-content div.related {
    width: 298px;
    height: 200px;
    border: 1px solid #E9E9E9;   
}

div#blog #related-content div.related div.related-header {
    background: #F1F1F1;
    height: 18px;
    overflow: hidden;
    padding: 15px 5px;
    border-bottom: 1px solid #E9E9E9;
    text-align: center;      
}

div#blog #related-content div.related div.related-header a {
    font-size: 15px;
    font-weight: bold;
    color: #333;
}

div#blog #related-content div.related div.related-header a:hover {
    color: #666;
}

div#blog #related-content div.related div.related-body {
	padding: 10px;
}

div#blog #related-content div.related div.related-body ul {
	display: block;
	height: 120px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

div#blog #related-content div.related div.related-body ul li {
	display: block;
	padding: 12px 0;
	border-bottom: 1px solid #DBDBDB;
}

div#blog #related-content div.related div.related-body ul li a {
	font-size: 16px;
	font-weight: bold;
}
       
       
@media screen and (max-width: 500px) {	

	div#blog-left {
		float: none;
		width: auto;
	}
	
	div#blog-right {
		float: none;
		width: auto;
	}
	
	div#blog div#posts {
		padding: 0 7px;
	}
	
	div#blog div#posts div.post {
		margin-bottom: 20px;
		font-size: .8em;
	}
	
	div#blog div#posts div.post .title {
		font-size: 20px;
		line-height: 23px;
	}

	div#blog div#posts div.post img {
		display: block;
		float: none;
		width: 80%;
		height: auto;
		margin: 0 auto 15px;
	}
	
	div#blog #related-content {
	    width: auto;
	    margin-bottom: 15px;
	}
	
	div#blog #related-content div.related {
	    width: 100%;
	    height: auto;
	    border: 0; 
	}
	
	div#blog #related-content div.related div.related-header {
	    height: 18px;
	    padding: 10px 5px;      
	}
	
	div#blog #related-content div.related div.related-body {
		padding: 10px 0;
	}

	div#blog #related-content div.related div.related-body img {
		display: block;
		width: 100%;
		height: auto;
	}	

	div#blog #related-content div.related div.related-body ul li a {
		font-size: 14px;
	}

}

/* --  VP Talks -- */

div#vptalks div#talk-featured {
	padding: 3px;
	border: 1px solid #CFCFCF;
	border-top: 0;
}

div#vptalks div#talk-featured p {
	font-size: 13px;
	padding: 5px;
	margin: 0;
}

div#vptalks div#talk-featured span {
	display: block;
	font-size: 12px;
	color: #7E7E7E;
	padding: 3px 0;
}

div#vptalks div#talk-featured a.title {
	font-size: 16px;
	font-weight: bold;
}

div#vptalks div#talk-featured strong {
	font-size: 11px;
	line-height: 16px;
	color: #719C33;
}

div#vptalks ul#archive {
	width: 100%;
	margin: 0;
	padding: 20px 0 0;
	list-style: none;
	overflow: hidden;
}

div#vptalks ul#archive li {
	display: block;
	margin: 0;
	width: 95%;
	padding: 5px 10px 0 0;
	overflow: hidden;
	font-size: 13px;
}

div#vptalks ul#archive li img {
	display: block;
	float: left;
	padding: 3px;
	margin-right: 10px;
	margin: 0px 10px 25px 0;
	border: 1px solid #CFCFCF;
}

div#vptalks ul#archive li span {
	display: block;
	font-size: 12px;
	color: #7E7E7E;
	padding: 3px 0;
}

div#vptalks ul#archive li .title {
	font-size: 16px;
	font-weight: bold;
	color:#3A68A7;
	padding:0;
}

div#vptalks ul#archive li strong {
	font-size: 11px;
	line-height: 16px;
	color: #719C33;
}

div#talks {
	width: 100%;
	overflow: hidden;
}

div#talks-left {
	float: left;
	width: 680px;
	overflow: hidden;
}

div#talks-left h3 {
	display: block;
	margin: 0;
	padding: 0 0 10px;
	font-size: 20px;
	font-weight: normal;
}

div#talks-chat  {
	border: 1px solid #E1E1E1;
	height: 300px;
	overflow: auto;
}

div#talks-chat ul,
div#talks-chat-archive ul {
	list-style: none;
	overflow: auto;
	padding: 0;
	margin: 0;
}

div#talks-chat ul li,
div#talks-chat-archive ul li {
	display: block;
	padding: 10px 20px 20px 10px;
	border-top: 1px solid #F2F2F2;
	font-size: 13px;
	line-height: 15px;
}

div#talks-chat ul li.submitted {
	background: #FDF8DB url(/images/talks/green-arrow.gif) 9px 11px no-repeat;
	padding: 10px 20px 10px 26px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #719C33;
}

div#talks-chat ul li span.details,
div#talks-chat-archive ul li span.details {
	display: block;
	padding-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #719C33;
}

div#talks-chat-question {
	padding-top: 20px;
}

div#talks-chat-question textarea {
	width: 99%;
	height: 65px;
	margin-bottom: 5px;
}

div#talks-right {
	float: right;
	width: 230px;
	padding: 10px;
	background: #F1F1F1;
	border: 1px solid #E1E1E1;
	overflow: hidden;
}

div#talks-right img#talks-img {
	display: block;
	background: #FFF;
	padding: 3px;
	border: 1px solid #E1E1E1;
}

div#talks-right h2 {
	margin: 0;
	padding: 10px 0;
	font-size: 22px;
	font-weight: normal;
}

div#talks-right div#talks-date {
	font-size: .8em;
	font-weight: bold;
}

div#talks-right div#talks-description {
	font-size: .8em;
}


@media screen and (max-width: 500px) {	

	div#vptalks div.left-header {
		background-image: none;
		cursor: default;
	}
	
	div#vptalks div#talk-featured {
		padding: 5px 0 0;
		border: 0;
		border-top: 0;
	}

	div#vptalks div#talk-featured img {
		width: 115px;
		height: 115px;
		padding: 3px;
		border: 1px solid #CFCFCF;
		margin: 10px 15px 5px 0;
		float: left;
	}
		
	div#vptalks div#talk-featured p {
		font-size: 12px;
		padding-left: 0;
		margin: 0;
	}
	
	div#vptalks div#talk-featured span {
		font-size: 11px;
	}
	
	div#vptalks div#talk-featured a.title {
		font-size: 15px;
	}
	
	div#vptalks ul#archive {
		padding: 15px 0 0;
	}
	
	div#vptalks ul#archive li {
		padding: 5px 15px 10px 0;
		font-size: 12px;
	}
	
	div#vptalks ul#archive li img {
		display: block;
		float: left;
		padding: 3px;
		margin: 0px 15px 10px 0;
		border: 1px solid #CFCFCF;
	}
	
	div#vptalks ul#archive li span {
		font-size: 11px;
	}
	
	div#vptalks ul#archive li a.title {
		font-size: 15px;
	}
	
	div#talks {
		width: 100%;
		overflow: hidden;
	}
	
	div#talks-left {
		float: left;
		width: 680px;
		overflow: hidden;
	}
	
	div#talks-left h3 {
		display: block;
		margin: 0;
		padding: 0 0 10px;
		font-size: 20px;
		font-weight: normal;
	}
	
	div#talks-chat  {
		border: 1px solid #E1E1E1;
		height: 300px;
		overflow: auto;
	}
	
	div#talks-chat ul,
	div#talks-chat-archive ul {
		list-style: none;
		overflow: auto;
		padding: 0;
		margin: 0;
	}
	
	div#talks-chat ul li,
	div#talks-chat-archive ul li {
		display: block;
		padding: 10px 20px 20px 10px;
		border-top: 1px solid #F2F2F2;
		font-size: 13px;
		line-height: 15px;
	}
	
	div#talks-chat ul li.submitted {
		background: #FDF8DB url(/images/talks/green-arrow.gif) 9px 11px no-repeat;
		padding: 10px 20px 10px 26px;
		padding-bottom: 10px;
		font-weight: bold;
		color: #719C33;
	}
	
	div#talks-chat ul li span.details,
	div#talks-chat-archive ul li span.details {
		display: block;
		padding-bottom: 5px;
		font-size: 11px;
		font-weight: bold;
		color: #719C33;
	}
	
	div#talks-chat-question {
		padding-top: 20px;
	}
	
	div#talks-chat-question textarea {
		width: 99%;
		height: 65px;
		margin-bottom: 5px;
	}
	
	div#talks-right {
		float: right;
		width: 230px;
		padding: 10px;
		background: #F1F1F1;
		border: 1px solid #E1E1E1;
		overflow: hidden;
	}
	
	div#talks-right img#talks-img {
		display: block;
		background: #FFF;
		padding: 3px;
		border: 1px solid #E1E1E1;
	}
	
	div#talks-right h2 {
		margin: 0;
		padding: 10px 0;
		font-size: 22px;
		font-weight: normal;
	}
	
	div#talks-right div#talks-date {
		font-size: .8em;
		font-weight: bold;
	}
	
	div#talks-right div#talks-description {
		font-size: .8em;
	}

}


/* -- About -- */

div#about-news {
	padding-top: 20px;
}

div#about-news ul li {
	padding-right: 30px;
	padding-left: 0 !important;
	overflow: hidden;
}

div#about-news img.thumb {
	display: block;
	float: left;
	padding: 3px;
	border: 1px solid #CFCFCF;
	margin-right: 10px;
}


/* -- Article (Shared) -- */

div#article {
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
}

div#article div#article-left {
	width: 600px;
	float: left;
	padding-left: 6px;
	overflow: hidden;
	font-size: .9em;
	line-height: 1.3em;
}

div#article div#article-right {
	width: 300px;
	float: right;
	overflow: hidden;
}

div#article h3 {
	margin: 0;
	font-size: 30px;
	line-height: 32px;
	font-weight: normal;
	color: #333;
	cursor: default;
}

div#article p.details {
	color: #999;
	font-size: .9em;
	margin: 8px 0 -7px;
}

div#article div#article-links {
	border-bottom: 1px solid #DBDBDB;
}

div#article div#article-links ul {
	display: block;
	margin: 0;
	padding: 15px 0;
	list-style: none;
}

div#article div#article-links ul li {
	display: block;
	vertical-align: top;
	padding-bottom: 5px;
}

div#article div#article-links ul li a {
	padding-left: 17px;
	font-weight: bold;
	background: url(/images/common/link-arrow.gif) 4px 4px no-repeat;
}

div#article div#article-links ul li span {
	font-size: .8em;
	color: #999;
	cursor: default;
}

div#article h4 {
	margin: 20px 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
	color: #333;
	cursor: default;
}

div#article div#article-photos {
	border: 1px solid #C9C9C9;
	padding: 3px;
	height: 214px;
	margin-bottom: 15px;
	overflow: hidden;
}

div#article div#article-photos ul {
	position: absolute;
	z-index: 2;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

div#article div#article-photos ul li {
	display: none;
}

div#article div#article-photos ul li.selected {
	display: block;
}

div#article div#article-photos ul li img {
	display: block;
}

div#article div#article-photos ul li span {
	display: block;
	width: 280px;
	padding: 5px 2px 2px;
	font-size: 12px;
	line-height: 14px;
	color: #333;
}

div#article div#article-photos div {
	position: absolute;
	z-index: 3;
	width: 292px;
	height: 20px;
	margin-top: 194px;
}

div#article div#article-photos div span {
	display: block;
	width: 292px;
	height: 20px;
	overflow: hidden;
	background: url(/images/common/trans.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src="/images/common/trans.png", 
		sizingMethod="scale"
	);
}

div#article div#article-photos div a {
	position: relative;
	display: block;
	width: 20px;
	height: 1px;
	padding-top: 19px;
	overflow: hidden;
}

div#article div#article-photos div a.prev {
	float: left;
	background: url(/images/common/photo-arrow-l.gif) no-repeat;
}

div#article div#article-photos div a.next {
	float: right;
	background: url(/images/common/photo-arrow-r.gif) no-repeat;
}

div#article div#article-videos {
	padding-bottom: 10px;
}

div#article div#article-videos ul li {
	height: 82px;
	padding-right: 30px;
	padding-left: 0;
	overflow: hidden;
}

div#article div#article-videos img.thumb {
	display: block;
	float: left;
	padding: 3px;
	border: 1px solid #CFCFCF;
	margin-right: 10px;
}

div#article div#article-videos img.icon {
	vertical-align: middle;
}

div#article div#article-videos span {
	display: block;
	padding-top: 10px;
}

div#article div#article-audio {
	padding-bottom: 10px;
}


@media screen and (max-width: 500px) {	
	
	div#article {
		width: auto;
		padding: 10px 0;
		overflow: visible;
	}
	
	div#article div#article-left {
		width: auto;
		float: none;
		padding-left: 3px;
		font-size: .8em;
		line-height: 1.3em;
	}
	
	div#article div#article-right {
		width: auto;
		float: none;
		overflow: visible;
	}
	
	div#article h3 {
		font-size: 20px;
		line-height: 22px;
	}
	
	div#article p.details {
		font-size: .9em;
	}
	
	div#article h4 {
		margin: 15px 0;
		font-size: 19px;
	}
	
	div#article div#article-photos {
		border: 0;
		padding: 15px 0;
		width: 292px;
		height: 214px;
		margin: 0 auto 15px;
	}
	
}


/* -- Comments (Shared) -- */

div#comments {
	padding-bottom: 15px;
}

div#comment-form .textarea {
	width: 592px;
	margin: 10px 0;
}

div.comment {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #DBDBDB;
	padding-bottom: 25px;
	margin-bottom: 10px;
}

div.comment span.comment-number {
	display: block;
	float: left;
	width: 5%;
	padding-top: 13px;
	font-weight: bold;
}

div.comment p {
	display: block;
	float: right;
	width: 95%;
	margin: 0;
	padding: 15px 0 0;
	font-size: .9em;
	line-height: 1.2em;
}

div.comment p.comment-info {
	font-size: .8em;
	color: #999;
}

@media screen and (max-width: 500px) {	
	
	div#comment-form {
		padding-bottom: 20px;
	}
	
	div#comment-form .textarea {
		width: 97%;
		margin: 10px 0 0;
	}
	
	div.comment {
		width: 100%;
		overflow: hidden;
		border-bottom: 1px solid #DBDBDB;
		padding-bottom: 25px;
		margin-bottom: 10px;
	}
	
	div.comment span.comment-number {
		display: block;
		float: left;
		width: 5%;
		padding-top: 13px;
		font-weight: bold;
	}
	
	div.comment p {
		display: block;
		float: right;
		width: 95%;
		margin: 0;
		padding: 15px 0 0;
		font-size: .9em;
		line-height: 1.2em;
	}
	
	div.comment p.comment-info {
		font-size: .8em;
		color: #999;
	}
	
}


/* -- Topics -- */

ul#topics-list {
	width: 80%;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#topics-list li {
	display: block;
	padding-bottom: 25px;
	font-size: .8em;
}

ul#topics-list li .detail {
	padding: 5px 0;
	color: #999;
}

ul#topics-list li a {
	font-weight: bold;
	font-size: 1.2em;
}

div#topics ul.right-list a {
	display: inline-block;
	padding-bottom: 5px;
}	

@media screen and (max-width: 500px) {	

	ul#topics-list {
		width: 93%;
		padding: 4px;
	}
			
}


/* -- Search Results -- */

ul#search-results {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#search-results li {
	padding: 0 90px 15px 0;
}

ul#search-results p.description {
	margin: 0;
	padding: 5px 0 10px;
	font-size: .9em;
}


/* -- Account Forms -- */

div.account-form {
	text-align: center;
	padding: 40px 0 100px;
}

div.account-form form {
	display: block;
	width: 300px;
	padding: 15px 50px;
	text-align: left;
	margin: auto;
	background: #F1F1F1;
	border: 1px solid #CFCFCF;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #333;
}

div.account-form form .input {
	width: 290px;
}

div.account-form form span.right a {
	font-size: 11px;
	line-height: 18px;
}

div.account-form form p.center {
	font-size: 12px;
	padding-top: 10px;
	font-weight: bold;
}


@media screen and (max-width: 500px) {	

	div.account-form {
		padding: 40px 0;
	}
	
	div.account-form form {
		width: auto;
		padding: 15px 45px;
		text-align: left;
		margin: auto;
		background: #F1F1F1;
		border: 1px solid #CFCFCF;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		color: #333;
	}
	
	div.account-form form .input {
		width: 95%;
	}
	
	div.account-form form span.right a {
		font-size: 11px;
		line-height: 18px;
	}
	
	div.account-form form p.center {
		font-size: 12px;
		padding-top: 10px;
		font-weight: bold;
	}

}


/* -- Sitemap / 404 -- */

div#page-not-found {
	border: 1px solid #CCC; 
	background: #F2F2F2; 
	width: 75%;
	margin: 20px auto 10px;
	font-size: 13px;
	padding: 20px 0;
	text-align: center;
}

div#page-not-found .input {
	width: 500px;
	font-family: verdana;
	font-size: 11px;
}

ul#sitemap {
	display: block;
	width: 75%;
	margin: 0 auto;
	padding: 20px 0 0;
}

ul#sitemap li {
	display: block;
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
	font-size: 18px;
}




@media print {
	
	
	div#article {
		width: 100%;
		padding: 0;
		overflow: visible;
	}
	
	div#article div#article-left {
		width: auto;
		float: none;
		padding-left: 0;
		overflow: visible;
	}
	
	div#article div#article-right {
		display: none;
	}
	
	div#article h3 {
		font-size: 22px;
		margin-bottom: 15px;
		color: #000;
	}
	
	div#article p.details {
		color: #000;
		font-size: .9em;
		margin: auto;
	}

	.right-header {
		display: none;
	}
		
	div#comment-form {
		display: none;
	}
	
	div#comments .comment-info {
		color: #000;
	}
	
	div#blog {
		overflow: visible;
	}
	
	div#blog-left {
		float: none
		width: auto;
		padding-top: 0;
		overflow: visible;
	}
	
	div#blog-right {
		display: none;
	}
	
	div#blog div#posts {
		padding-left: 0;
	}
	
	div#blog div#posts div.post .title {
		color: #000;
		font-size: 22px;
	}
	
	div#blog div#posts div.post p.details {
		color: #000;
	}
			
	div#talks {
		overflow: visisble;
	}
	
	div#talks-left {
		float: none;
		width: auto;
		overflow: visible;
	}
	
	div#talks-left h3 {
		font-size: 22px;
	}
	
	div#talks-chat  {
		border: none;
		height: auto;
		overflow: visible;
	}
	
	div#talks-chat ul,
	div#talks-chat-archive ul {
		overflow: visible;
	}
	
	div#talks-chat ul li,
	div#talks-chat-archive ul li {
		display: block;
		padding: 10px 0;
	}
	
	div#talks-chat ul li.submitted {
		display: none;
	}
	
	div#talks-chat ul li span.details,
	div#talks-chat-archive ul li span.details {
		color: #999;
	}

	div#talks-chat-question {
		display: none;
	}
	
	div#talks-right {
		display: none;
	}
			
}