@charset "UTF-8";
/* CSS */


/* Reset */
*, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0; 
	border: 0; 
	font-size: 100%;
	font: inherit; 
	list-style:none;
}
 
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { padding:0; margin:0;  }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
 
*:focus
{
    outline: none;
}


/* The below restores some sensible defaults */
strong { font-weight:bold }

em { font-style:italic }

a img { border:none } /* Gets rid of IE's blue borders */
 
html, body{ height:100%; }

body { 
	font-size:12px;	
	background-color:white;
	color:black;
	font-family:Courier,"Courier New",monospace;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
} 

a {
	text-decoration:none;
	color:black;
}

a:hover {
	text-decoration:none;
}

/* first message */

#firstMessage {
	background-image:url(../images/initial-image-1.png);
	width:629px;
	height:88px;
	display:none;
	z-index:10;
	position:absolute;
}

#firstMessage2 {
	background-image:url(../images/initial-image-2.png);
	width:629px;
	height:88px;
	display:none;
	z-index:100;  
	position:absolute;
}

#bothMessageSections {
	position: relative;
	margin-top:40%;
	margin-left:45%; 
	width:629px;
	height:88px; 
}

/* home */

body.home {
	background-color:white;
	font-size:12px;
	color:white;
}

body.home a:hover {
	border-bottom:1px solid white;
}

#homeMenu {
	background-image:url(../images/itsasickness-red.png);
	background-repeat:no-repeat;
	width:208px;
	padding-top:38px; /* before menu starts */
	line-height:30px;
	position:absolute; 
	left:50%;
	bottom: 50%;
	margin-left: -104px; /* half of the width */
	margin-bottom: -135px;
	display:none;
	background-size:208px auto;
}

#homeMenu span{ display:block; width:100%; text-align:center; }

#homeMenu ul {
	margin-top:21px;
	text-transform:none;
}

#homeMenu ul li a {
	color:white; 
}	

/* node (single) pages */
 
#mainContainer {
	min-height:100%;
	width:650px;
	margin: 0 auto 0 auto;
	display:none; /* turns on with JS */ 
} 

#mainContainer.node {	

}

.valign{ position:absolute; height:100%; display:table; }
.valign .middle{ display:table-cell; vertical-align:middle; height:100%; padding:50px 0; }
 
#logo {
	background-image:url(../images/itsasickness-black-none.png);
	background-repeat:no-repeat;
	background-position:50% 50px;
	background-size:auto 34px;
	height:150px;
	display:none;	
}
 
#isalogo {
	background-image:url(../images/itsasickness-black.png);
	background-repeat:no-repeat;
	background-position:50% 50px;
	background-size:auto 34px;
	height:150px;
	display:block;	
}

#mainContainer #text {
	margin:24px 0 0 0;
	/*height:138px;*/
	height:auto;	
	line-height:17px; 
}

#mainContainer #text p {
	margin-bottom:10px;	
}

#mainContainer #text p a {
	text-decoration:underline;
}


#mainContainer #image {
	text-align: center;
}


/* horizontal variations */

#mainContainer #image.horizontal { /* only on horizontal variation pages */
	float:left;
}

#mainContainer #text.horizontal {
	float:left; 
	width:214px;
	margin:0 0 0 26px;
}

/* category page */

#mainContainer.category {
	/*margin-top:55px*/	
}

#mainContainer #content {
	line-height:17px; 
	height:auto;
	padding-right:11px;
	overflow:hidden;  
	width:675px;
}

#mainContainer #content.page p {
	margin-bottom: 10px;
	-webkit-text-size-adjust: none;
}

#mainContainer #content #interior { /* for scroll */
	width:650px; 
}

#mainContainer #content #interior.image img { /* sick thought w/ image variation - add loat */
	float:left; 
	margin-right:17px
}

img.aligncenter{ display:block; margin:0 auto; }

#mainContainer #content #interior a:hover { 
	border-bottom:1px solid black;
}

#mainContainer.category #categoryImages {
	margin: 10px 0 0 0;
}

#mainContainer.category #categoryImages img {
	margin:0 4px 4px 0;
	float:left;
	width:214px;
	height:137px;
}

#mainContainer.category #categoryImages .noMarginImg img {
	margin:0 0 4px 0; 
}
	
#mainContainer.category #categoryImages img.noMarginRight {
	margin-right:0px;
}

#mainContainer #content #interior #bottomCategoryLink {
	display:block;
	margin:20px 0 10px 0;
}
 
/* footer */

#mainContainer #bottomNav {
	margin:0px 0 44px 0;
	padding-top:44px;
	height:20px;
	width:650px;
	text-transform:uppercase;
	clear:both; 
}

#mainContainer #bottomNav a:hover {	
	border-bottom:1px solid black;
}

#mainContainer #bottomNav .trail {
	float:left;
	width:385px; 
	padding-top:2px;
}

#mainContainer #bottomNav .trail .current {
	border-bottom:1px solid black;	
}
	
#mainContainer #bottomNav .back {
	float:right;
	width:52px;
	height:18px;
	padding: 2px 6px 0px 6px;
	color:white;
	background-color:black;
	text-align:center;
	display:block;
}

#mainContainer #bottomNav .back:hover {
	border-bottom:none;
	text-decoration:underline
}
	
#mainContainer #bottomNav .prev {
	float:right;  
	margin-right:30px;
	padding-top:2px;
}
	
#mainContainer #bottomNav .next {
	float:right;  
	margin-right:30px;
	padding-top:2px;
}


/* previous and next photos in category  */
#mainContainer #bottomNav .footerNav { 
	width:165px; 
	float:right;
	margin:0;	
	padding-top:2px;
}