/*
Theme Name:     Article36 1.4
Description:    Custom theme for Article36 by Chesapeake Studio Ltd.
Author:         Chesapeake Studio Ltd.
Author URI:     http: //www.wearechesapeake.org
Version:        1.4
*/

/*

References
----------------

FG Book Condensed: 		franklin-gothic-urw-cond		reg/italic			400		.fg-bc
FG Book:				franklin-gothic-urw				reg/italic			400		.fg-b
						franklin-gothic-urw				demi/demi italic	700		.fg-b
FG Extra Compressed:	franklin-gothic-ext-comp-urw	reg					400		.fg-ecom		
						franklin-gothic-ext-comp-urw	demi				700		.fg-ecom			

*/



/* Globals
----------*/
p {
	margin:0 0 1em 0;
	}
a img {
	border:0;
	outline:none;
	text-decoration: none;
	}		
html, body {
	font-size: 16px;
	line-height: 22.5px;
	-webkit-font-smoothing: antialiased;
	height:100%;
	color:#333;
	background: url(images/main-page-bg.gif) top center repeat white;
	font-family: "franklin-gothic-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	} 
a:link, a:visited {
	color:#D83D00;
	text-decoration: none;
	outline:none;
	}	
a:active, a:hover {
	color:#D83D00;
	text-decoration: underline;
	outline:none;
	}
div.item.blocklink a:link, div.item.blocklink a:visited, div.slide-info h3 a:link, div.slide-info h3 a:visited, div.scrollableArea a:link, div.scrollableArea a:visited, a.black:link, a.black:visited {
	color:#333;
	}
div.item.blocklink a:active, div.item.blocklink a:hover, div.slide-info h3 a:active, div.slide-info h3 a:hover, div.scrollableArea a:active, div.scrollableArea a:hover, a.black:hover, a.black:visited {
	color:#333;
	}
div.qColumn h6 a, div.tqColumn h6 a {
	text-decoration: none;
	color: #87BECC;
	}
a.special, div.meta a, p.thedate a {
	position: relative;
	z-index: 10;
	}
small {
	font-size: 18px;
	line-height: 27px;
	}
.small {
	font-size: 13px;
	line-height: 18px;
	color:#999;
	}
		div.small {
			text-align: center;
			}	
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
blockquote {
	margin:1em;
	}
div.item span.divlink {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position: absolute;
}
div.item  span.divlink:hover {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position: absolute;
	background: rgba(100,100,100,0.1);
}
div.item  span.divlink.img:hover {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position: absolute;
	background: url(images/div_link_bg.png);
}
span.count {
	font-size:75%;
	}
span.count a {
	color:inherit;
	}
p.wp-caption-text {
	font-size: 14px;
	line-height: 18px;
	color:#999;
	font-family: "franklin-gothic-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
}
	
/* Headings
-----------*/
h1, h2, h3, h4, h5 {
	font-weight:normal;
	margin: 0;
	padding: 0;
	}
h1 {
	font-size: 36px;
	line-height: 45px;
	}
#content.whitepage h1, #content.whitepost.issues div.post h2 {
	font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 36px;
	line-height: 36px;
	letter-spacing: 0.05em;
	text-align: center;
	color: #87BECC;
	}
		#content.whitepost.issues div.post h2 {
			margin: 27px 0;
			}
		#content.whitepage div.item.intro div.iteminfo h2 {
			margin-bottom: 20px;
			}
#content.whitepost h1 {
	font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 45px;
	line-height: 45px;
	margin:18px 0 0 0;
}
h2 {
	font-size: 27px;
	line-height: 36px;
	}	
h3 {
	font-size: 18px;
	line-height: 27px;
	}
h3#comments, div#respond h3 {
	font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 27px;
	line-height: 27px;
	letter-spacing: 0.05em;
	text-align: center;
	color: #87BECC;
	}
div.tab h3 {
	font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 23px;
	line-height: 0.95em;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
h4 {
	font-size: 27px;
	line-height: 27px;
	text-align: center;
	font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin:0 0 18px 0;
}
div.SlimSlowSlider div.item h4 {
	font-size: 22px;
	line-height: 22px;
	margin:18px 0 0 0;
	}	

#content.whitepage div.item h2, #content.whitepage div.item h3, #content.whitepage div.item h4, #content.whitepage div.item h5, div#results div.result h3 {
	font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	}
#content.whitepage div.item h2, #content.whitepage div.item h3 {
	font-size: 36px;
	line-height: 36px;
	margin-top: 3px;
	}
#content.whitepage div.item h4, #content.whitepage div.item h5 {
	font-size: 27px;
	line-height: 27px;
	text-align: center;
	margin:0 0 18px 0;
	}
div#results div.result h3 {
	font-size: 27px;
	line-height: 27px;
	margin:0 0 18px 0;
	}

#content.home h6, div.qColumn h6, div.SlimSlowSlider h6, #content.whitepost.issues div.post div.column div.item h3 {
	font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 27px;
	line-height: 18px;
	letter-spacing: 0.05em;
	text-align: center;
	color: #87BECC;
	}
#content.home h5, div.qColumn h5 {
	font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 27px;
	line-height: 18px;
	letter-spacing: 0.05em;
	text-align: center;
	color: #87BECC;
	}	
div#footer h6 {
	font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 27px;
	line-height: 18px;
	letter-spacing: 0.05em;
	text-align: center;
	color: #87BECC;
	}
	
div.post div.postcontent h1, div.post div.postcontent h2, div.post div.postcontent h3, div.post div.postcontent h4 {
	font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin:1em 0;
} 

.whitepost h3 { font-size: 200%; color: #87BECC; font-weight: normal; font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif; }
.whitepost h5 { font-size: 115%; margin: 0 0 0.25em 0; line-height: 1.2em; }

/* Images
--------*/
img.alignleft, div.alignleft {
	float:left;
	margin:0 27px 18px 0;
	clear: left;
	}
img.alignright, div.alignright {
	float:right;
	margin:0 0 9px 27px;
	}
img.aligncenter, div.aligncenter {
	margin:0 auto;
	margin-bottom:9px;
	display: block;
	}
	
div.post div.postcontent img {
	max-width: 100%;
	height: auto;
	}


/* Lists
----------*/

#header div.pages ul#mainmenu {
	list-style: none;
	font-weight: 400;
	font-size: 27px;
	line-height: 27px;
	margin:-7px 0 0 0;
}
#header div.pages ul#mainmenu li { float:left; display:inline-block; margin:0 27px 0 9px; }
#header div.pages ul#mainmenu li a { display:inline-block; width:100%; }
#header div.pages ul#mainmenu li a:hover { display:inline-block; width:100%; text-decoration: underline; }
#header div.pages ul#mainmenu li.current_page_item a { display:inline-block; width:100%; }
#twitter_update_list {
	margin-bottom:18px;
	}
#twitter_update_list li {
	list-style-type: none;
	padding:0 9px 18px 9px;
	font-size: 12px;
	line-height: 18px;
}

div.scrollableArea li {
	padding:0 10px;
	position: relative;
	display: inline-block;
	font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:24px;
	line-height: 27px;
	}
	
		div.scrollableArea li a {
			color:#333;
			}
		div.scrollableArea li.current-cat a {
			background:rgba(100,100,100,0.1);
			line-height: 20px;
			padding:0 10px;
			}
		/* Comments */
ol.commentlist {
	margin:27px 0 0 0;
	}
ul.children li { 
	border-top:2px solid #CCC;
	}
ul.children li ul.children li { 
	border-top:2px solid #f2f2f2;
	}
li.comment {
	padding:9px;
	margin:0 0 9px 0;
	border-top:2px solid #999;
	}		
li.depth-2 {
	margin:0 0 0 18px;
	}
li.depth-3 { 
	margin:0 0 0 18px;
	}

.post .postcontent ul { list-style: disc; margin: 30px !important; }
	
/* Forms
-------*/

input#email, input#author, input#url {
	border:0;
	background: #EBEBEB;
	height:36px;
	width: 145px;
	padding:0 0 0 9px;
	margin:9px 9px 0 0;
	color:#999;
	text-align: left;
	float: left;
	clear: both;
	}
input#join, input#search, input#submit {
	border:0;
	background: #333;
	height:36px;
	color:white;
	font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:27px;
	line-height: 27px;
	position: relative;
	margin:9px 0 0 0;
	float: left;
	-webkit-appearance: none;
	}
input#term {
	border:0;
	background: #EBEBEB;
	height:36px;
	width: 226px;
	padding:0 0 0 9px;
	margin:9px 9px 0 126px;
	color:#999;
	text-align: left;
	float: left;
	}	
form#commentform {
	padding:27px 0 0 0;
	}

/* Navigation (Pages)
-------------------*/



/* Structure
-----------*/	
#wrapper {
	width:936px;
	margin:0 auto;
	background: url(images/wrapper-bg.png) top center no-repeat;
	position: relative;
	padding:0 0 27px 0;
	}
#header {
	height:79px;
	padding:27px 0;
	border-bottom: 1px solid #D9D9D9;
	}
		#header div.logoblock {
			width:234px;
			float: left;
			height:100%;
			}
		#header div.mission {
			width:198px; /* 234 with margin */
			margin:10px 27px 0 9px;
			float: left;
			height:100%;
			font-weight: 700;
			font-size: 34px;
			line-height: 27px
			}
		#header div.pages {
			width:468px;
			float: left;
			height:45px;
			}
		#header div.search {
			width:468px;
			float: right;
			height:56px;
			}
#slideshow {
	/* styles are in css/slideshow.css */
	}
div#catscroll {
	padding:9px 0 0 0;
	width:936px;
	overflow: auto;
	background: rgba(255,255,255,0.8);
	}
		div#catscroll div.browsecats {
			width:117px;
			float: left;
			font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-style: normal;
			font-weight: 400;
			text-transform: uppercase;
			font-style: italic;
			font-size: 20px;
			letter-spacing: 0.05em;
			color: #87BECC;
			text-align: center;
			}
		div#makeMeScrollable {
			width:819px;
			float: right;
			}
#content.whitepage {
	background: url(images/hr-936-fade-both.png) bottom center no-repeat rgba(255,255,255,0.8);
	overflow: auto;
	}
#content.whitepage div.catinfo {
	min-height: 75px;
	margin: 36px 0;
	}
			#content.whitepage div.catinfo div.catdesc {
				font-size:14px;
				color:#999;
				font-style: italic;
				width:70%;
				margin: 0 auto;
				text-align: center;
				line-height: 18px;
				padding:18px 0 14px 0;
				}
#content.whitepage div.item {
	overflow: visible;
	position: relative;
	}
		span.featured {
			font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-style: normal;
			font-weight: 400;
			text-transform: uppercase;
			font-style: italic;
			font-size: 20px;
			letter-spacing: 0.05em;
			color: #87BECC;

			}
		#content.whitepage div.item div.recent {
					position: absolute;
					top:-18px;
					left:25%;
					width:235px;
					height: 27px;
					background: url(images/recent_bg.jpg) top center no-repeat;
					text-align: center;
					font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
					font-style: normal;
				    font-weight: 400;
				    text-transform: uppercase;
				    font-size: 20px;
				    line-height: 18px;
				    letter-spacing: 0.05em;
				    color: #87BECC;
				    padding:9px 0 0 0;
					}
		#content.whitepage div.item div.iteminfo {
			font-size: 14px;
			line-height: 18px;
			}
			
				#content.whitepage div.item div.iteminfo div.meta {
					width:100%;
					margin:9px 0;
					}
				#content.whitepage div.item div.iteminfo p {
					margin:9px 0 0 0;
					}
				#content.whitepage div.item div.iteminfo img.thumbnail {
					width:99px;
					height: 99px;
					float:left;
					margin: 9px 18px 18px 0;
					}
#content.whitepage div.item.hot {
	float:left;
	height:250px; /* 288px with borders */
	padding:18px;
	}
		#content.whitepage div.itema.hot {
			width:430px; /* 468 with borders & padding */
			border:1px solid #CCCCCC;
			}
		#content.whitepage div.item1.hot {
			width:431px; /* 468 with borders & padding */
			border-top:1px solid #CCCCCC;
			border-right:1px solid #CCCCCC;
			border-bottom:1px solid #CCCCCC;
			}
				#content.paginated div.item1.hot {
					width:430px; /* 468 with borders & padding */
					border:1px solid #CCCCCC;
					}
				#content.paginated div.item2.hot {
					width:431px; /* 468 with borders & padding */
					border-top:1px solid #CCCCCC;
					border-right:1px solid #CCCCCC;
					border-bottom:1px solid #CCCCCC;
					}
#content.whitepage div.item.warm {
	float:left;
	height:234px;
	padding:18px;
	}
		#content.whitepage div.item2.warm {
			background: url(images/hr-702-fade-both.png) bottom left no-repeat;
			width:431px; /* 468px with border & padding */
			border-right:1px solid #E5E5E5;
			}
		#content.whitepage div.item3.warm {
			background: url(images/hr-702-fade-both.png) bottom right no-repeat;
			width:432px; /* 468 with padding */
			}
#content.whitepage div.item.cold {
	float:left;
	height:71px;
	width:216px;
	padding:18px 9px 27px 9px;
	border-bottom:1px solid #E5E5E5;
	}
		#content.whitepage div.item.cold.featured {
			background: url(images/current_cat_bg.jpg) top center no-repeat;
			margin-top:-9px;
			padding-top: 27px;
			}
				#content.whitepage div.item.cold.featured div.feature {
					width:100%;
					text-align: center;
					position: absolute;
					font-family: "franklin-gothic-ext-comp-urw",'Helvetica Neue', Helvetica, Arial, sans-serif;
					font-style: normal;
				    font-weight: 400;
				    text-transform: uppercase;
				    font-size: 18px;
				    letter-spacing: 0.05em;
				    top:3px;
				    left:0px;
				    color: #87BECC;
					}
		#content.whitepage div.item.cold div.thedate {
			font-family: "franklin-gothic-urw-cond",'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size: 14px;
			line-height: 9px;
			padding: 0 0 9px 0;
			text-align: center;
			color:#999;
			}
	
div#navigation {
	clear: both;
	width:100%;
	}

div#footer div.wrapper {
	width:234px;
	float: left;
	margin:36px 0 0 0;
	overflow: visible;
	}	
		div#footer div.item {
			position: relative;
			margin:18px 9px 0 9px;
			overflow: visible;
			}
				div#footer div.item div.sociallinks {
					margin:9px 0 0 0;
					width: 216px;
					overflow: visible;
					}
				div#footer div.item div.sociallinks div.bubble {
					width:72px;
					float: left;
					text-align: center;
					overflow: visible;
					}
				div#footer div.item p.greycaps {
					text-transform: uppercase;
					color:#999;
					text-align: center;
					font-size: 14px;
					font-family: "franklin-gothic-urw-cond",'Helvetica Neue', Helvetica, Arial, sans-serif;
					}
#content.whitepost {
	background: url(images/hr-936-fade-both.png) bottom center no-repeat rgba(255,255,255,0.8);
	overflow: auto;
	padding:36px 0 0 0;
	}
	div.post {
		width:549px;
		float: left;
		padding:0 18px 27px 18px;
		background: url(images/vr-1872-fade-both.png) top right repeat-y;
		overflow: hidden;
		}
		
	body.page div.post {
		width:666px;
		float: left;
		padding:0 18px 27px 18px;
		background: none;
		overflow: hidden;
		}
			div.post div.postcontent {
				margin:27px 0;
				}
			div.post div.meta, div#results div.result div.meta {
					width:100%;
					margin:18px 0 9px 0;
					font-size: 14px;
					font-family: "franklin-gothic-urw-cond",'Helvetica Neue', Helvetica, Arial, sans-serif;
					}
	#content.whitepost.calendar div.post {
		width:666px;
		float: left;
		padding:0 18px 27px 18px;
		background: url(images/vr-1872-fade-both.png) top right repeat-y;
		overflow: hidden;
		}
	#content.whitepost.issues div.post {
		width:666px;
		float: left;
		padding:0 18px 27px 18px;
		overflow: hidden;
		background: none;
		}
			#content.whitepost.issues div.post div.column {
				width:333px;
				float: left;
				}
					#content.whitepost.issues div.post div.l {
						background: url(images/vr-1872-fade-both.png) top right no-repeat; }
						
					#content.whitepost.issues div.post div.column div.item {
						overflow: auto;
						padding: 18px 0 17px 0;
						margin:0 18px;
						border-bottom: 1px solid #E6E6E6;
						}
					#content.whitepost.issues div.post div.column div.item div.description {
						font-family: 'franklin-gothic-urw-cond';
						font-style: italic;
						color:#999;
						padding: 9px 0;
						text-align: center;
						}
	/* Comments */
div#respond {
	clear:both;
	margin:27px 0 0 0;
	color:#999;
	overflow: auto;
	width: 100%;
	}
div#commentshere {
	color:#999;
	}
		div#commentshere p {
			text-indent: 0em;
			margin:0 0 1em 0;
		}
		div.comment-info {
			width:100%;
			overflow: auto;
			font-size:14px;
			}
		div.comment-author {
			float:left;
			width:50%;
			}
		div.comment-meta {
			float:left;
			width:50%;
			text-align: right;
			}
		div.comment-content {
			margin:1em 0 0 0;
			}
		div.comment-reply-link {
			font-size: 14px;
			padding: 0 0 9px 0;
			margin:0 0 1em 0;
			}
		div#commentshere textarea#comment {
			width:96%;
			border: 0;
			resize: vertical;
			position: relative;
			z-index: 3;
			padding:2%; 
			margin:2% 0 0 0;
			background: #EBEBEB;
			padding:9px;
			color:#999;
			}
div.SlimSlowSlider {
	float: left;
	width:117px;
	margin:36px 0 0 0;
	background: url(images/vr-1872-fade-both.png) top right repeat-y;
}
	div.SlimSlowSlider div.item {
		padding:0 9px;
		position: relative;
		}
			div.SlimSlowSlider div.item p.thedate {
				font-size: 13px;
				line-height: 18px;
				margin:9px 0 0 0;
				color:#999;
				text-align: center;
				font-family: "franklin-gothic-urw-cond",'Helvetica Neue', Helvetica, Arial, sans-serif;
				}
	/* Search results */
div#results {
	width:666px;
	padding:0 18px;
	float:left;
	overflow: hidden;
	background: url(images/vr-1872-fade-both.png) top right repeat-y;
	}
		div#results div.result {
			padding:9px 0;
			background: url(images/hr-702-fade-both.png) center bottom no-repeat;
			font-size: 16px;
			line-height: 18px;
			}
			
			
/* Tables */

#cookies-table {
	padding-top: 5px;
	border-top: 2px solid;
	margin-bottom: 2em; }
#cookies-table td {
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px }
#cookies-table tr {
	border-bottom: 1px solid #CCC }

#cookies-table tr td:first-of-type {
	width: 33%;
	font-style: italic;
	padding-right: 20px; }