/* 
==================================================
Jessica Mccormack - Styles (05)
==================================================
*/


* {margin: 0; padding: 0;}

ul, ol {list-style: none;}

img {border: none;}

body {line-height: 16px; font-family: Baskerville, "Times New Roman", Times, Georgia, serif; color: #fff; background-color: #000;}

.clear:after {content: "."; height: 0; visibility: hidden; display: block; clear: both;}

h1, h2, h3, h4, h5 {text-transform: uppercase; font-weight: normal;}
h1, h2 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

h1 {letter-spacing: 5px; padding-bottom: 8px;}
h2 {padding-bottom: 4px; font-size: 16px;}
h3, h4 {letter-spacing: 1px; padding: 16px 0 8px 0; color: #999; font-size: 10px;}
h5 {color: #999; font-size: 9px; text-align: center; padding: 0;}

p, q, ul, blockquote {font-size: 13px;}
p, q {margin: 16px 0;}
blockquote {text-align: center; padding: 0 64px; padding-bottom: 16px;}

.pull {font-style: italic; letter-spacing: 0.1em;}

a,
a:hover {text-decoration: none; color: #fff; outline: none;}
a:hover {text-decoration: none;}

a.dim, .dim {color: #666;}
a.dim:hover {color: #fff;}

.togglelink, a.toggleLink {color: #fff;}

#allscreen {width: 960px; clear: left; text-align: left; margin-left: auto; margin-right: auto; position: relative;}

/* DEV - Start 

	#load {xdisplay: none; position: absolute; top: 192px; left: 170px; background: url(../images/loading.gif); width: 16px; height: 16px; text-indent: -9999em;}

	#columnleft, #columnright {background: url(../images/baseline.gif);}
	
	.grid {background: url(../images/baseline.gif);}
	
/* DEV - Stop */

	#columnleft {width: 280px; float: left; padding: 48px 45px 0 15px;}
		#header {padding-bottom: 32px; clear: none;}
			#header h1 a {text-indent: -5000px; width: 280px; height: 64px; display: block; background: url(../images/jessicamccormacklogo-center-green.gif) top center no-repeat; cursor: pointer;}
			#header h1 {padding-bottom: 0;}
			#othernav h2, #collectnav h2, #storynav h2 {text-align: center;}
		
		#thecollectionnav a,
		#thestorynav a,
		#filmnav a,
		#jmnewsnav a,
		#blognav a,
		#pressnav a,
		#stockistsnav a,
		#subscribenav a,
		#contactnav a {text-indent: -5000px; height: 16px; cursor: pointer; display: block;}
		
			#thecollectionnav a {background: url(../images/mainnav-all-centered.gif) 0 -120px no-repeat;}
			#thestorynav a {background: url(../images/mainnav-all-centered.gif) 0 -144px no-repeat;}
			#filmnav a {background: url(../images/mainnav-all-centered.gif) 0 -168px no-repeat;}
			#jmnewsnav a {background: url(../images/mainnav-all-centered.gif) 0 -384px no-repeat;}
			#blognav a {background: url(../images/mainnav-all-centered.gif) 0 -192px no-repeat;}
			#pressnav a {background: url(../images/mainnav-all-centered.gif) 0 -240px no-repeat;}
			#stockistsnav a {background: url(../images/mainnav-all-centered.gif) 0 -288px no-repeat;}
			#subscribenav a {background: url(../images/mainnav-all-centered.gif) 0 -336px no-repeat;}
			#contactnav a {background: url(../images/mainnav-all-centered.gif) 0 -216px no-repeat;}
			
			#thecollectionnav a:hover {background-position: 0 0;}
			#thestorynav a:hover {background-position: 0 -24px;}
			#filmnav a:hover {background-position: 0 -48px;}
			#jmnewsnav a:hover {background-position: 0 -408px;}
			#blognav a:hover {background-position: 0 -72px;}
			#pressnav a:hover {background-position: 0 -264px;}
			#stockistsnav a:hover {background-position: 0 -312px;}
			#subscribenav a:hover {background-position: 0 -360px;}
			#contactnav a:hover {background-position: 0 -96px;}
			
			#collectionmenu, #storymenu, #pressmenu {padding-bottom: 16px; padding-top: 10px; overflow: hidden; text-align: center; font-size: 12px;}
			
		#collectcopy {text-align: center; margin: 0 0 15px 0; padding: 0; border-top: solid 4px #026254; border-bottom: solid 4px #026254;}
			#collectcopy p, #contactdetails, .title {font-size: 12px;}
			
			#nextprevwrap {height: 16px; padding-bottom: 16px;}
				#nextprevwrap img, #header img {border: none;}
		
	#columnright {width: 605px; padding-right: 15px; xpadding-top: 64px; float: left; background-color: #000;}
		#columnright h3 {padding: 32px 0 32px 0; text-align: center; visibility: hidden;}
		#columnright h4 {padding: 0 0 32px 0; text-align: center;}
		
		#bodycopy {text-align: left;}
			.hide {display: none; visibility: hidden;}
		
		#presswrap {margin-left: auto; margin-right: auto; width: 605px;}
			#presswrap img {border: none;}
		.press-single {float: left; width: 113px; padding-right: 8px; padding-bottom: 16px;}
		.col-double {float: left; width: 234px; padding-right: 8px; padding-bottom: 16px;}
		.col-double-2 {float: left; width: 290px; padding-right: 8px; padding-bottom: 16px;}
		.stockistdetails {text-align: center; font-size: 13px; padding-bottom: 16px;}
		
		#filmwrap {text-align: center; margin-left: auto; margin-right: auto;}
		#film a, #film a:hover {text-decoration: underline;}
		
		#collectimgs {width: 100%; height: 100%;}
			#lrgimgwrap {height: 667px; padding-left: 75px;}
			#lrgimgwrap.loading {background: url(../images/loading.gif) no-repeat center center;}
			.bodyimgwrap {text-align: center; padding: 16px 0 16px 0;}
				.bodyimgwrap img {margin-left: auto; margin-right: auto;}
			#thumbimgwrap {float: left;}
				#thumbimgwrap img {border: solid 1px #666;}
				#thumbimgwrap a:hover img {border: solid 1px #fff;}
		
		#subscribe, #subscribe-thanks, #subscribe-archive, #jmnews-archive {padding: 16px 0; text-align: center; font-size: 12px;}
			#subscribe-archive {padding: 0 0 16px 0;}
			#subscribe-archive h3, #jmnews-archive h3 {padding: 0 0 0px 0;}
			#entry_0, #entry_1 {border-top: none; border-right: none; border-left: none; border-bottom: dotted 1px #5f5f5f; color: #ccc; background-color: #000; padding: 1px; margin: 1px; font-size: 12px; font-family: Baskerville, "Times New Roman", serif; text-align: center; width: 180px;}
			#entry_0:focus, #entry_1:focus {background-color: #000; outline: none;}
			
			.button {cursor: pointer; border: none; color: #5f5f5f; background: none; font-size: 11px; font-family: Baskerville, "Times New Roman", serif; padding-top: 8px;}
			.button:hover {color: #fff;}
		
		#contactdetails {padding-top: 16px; text-align: center;}
				
	/* BLOG */
	
	.post-body {padding-bottom: 3px; text-align: center; font-size: 14px; letter-spacing: 1px;}
		.hentry {padding-bottom: 32px;}
		.post-body p, {padding: 0 0;}
		.post-title, .entry-title, #Blog1 h3 {padding: 0 0;}
		.hentry h2 {text-transform: uppercase; font-weight: normal; font-family: Baskerville, "Times New Roman", Times, Georgia, serif; letter-spacing: 1px; padding: 0 0 8px 0; font-size: 10px;}
		.post-title a {color: #999;}
		
		/*h2.date-header {margin:.5em 0 1.5em;}*/
		
	#navbar-iframe {display: none !important;}
	
	#ArchiveList {text-align: center;}
		.archivedate a {color: #666;}
		.archivedate a:hover {color: #fff;}
		.date-header, .post-date {letter-spacing: 1px; padding: 16px 0 8px 0; color: #999; font-size: 10px; font-family: Baskerville, "Times New Roman", Times, Georgia, serif;}
		.entry-content {font-size: 13px;}
		
	#footer-wrapper,
	#blog-pager,
	.blog-feeds {display: none;}