/*I am a scientist*/
/*I am a rebel*/
/*I am a wizard*/
/*I am a lover*/
/*I am a thinker*/
/*I am a woman*/

/*And I used to be,*/
/*human*/

/*My name is Cihan Sesen*/
/*2014*/

/* FONTS */

html {
	font-family: 'font-family: 'Josefin Sans', sans-serif;'
}

p {
	font-size: 20px;
	line-height: 1em;
	letter-spacing: .05em;
	font-weight: normal;
	color:#666;
}

h1 {
	font-size: 30px;
	line-height: 1em;
	letter-spacing: .15em;
	font-weight: 100;
}

h2 {

	font-size: 30px;
	line-height: .5em;
	letter-spacing: .15em;
	font-weight: 100;
	color:#D30004;
	font-weight:500;
}


a {
	color:#D30004;
	text-decoration: none;
}

a:hover {
	color:#FF0009;
	text-decoration: underline;
	
}

h3 {

font-size:30px;
padding-top:15px;

}

.white {

color:white;
margin-left:10%;
margin-right:10%;
	
}


/* Main Navigation Menu */

ul#menu{
	margin-top:0px;
	padding-left:0px;
	margin-bottom:0px;
	
}

ul#menu li {
	font-size: 43px;
	line-height: 1em;
	letter-spacing: .1em;
	font-weight:400;
	display:inline;
	padding-right:.5em;

}

/* IMAGES */

.logo{
	vertical-align:-50%;

}


/* LAYOUT */

html, body {
	margin:0px;
	padding:0px;
}

#Wrapper {
	height:100%;
}

#Header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:78px;
	overflow:hidden;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .9);
	min-width:inherit;
	z-index:2;
}

#Content {
	
	position:relative;
	top:78px;
	min-height:50vh;
	background: white;
	overflow:hidden;
	padding-bottom:76px;
	z-index:0;
	text-align:center;
	width:100%;

}

#Comment_Content {
	
	position:relative;
	top:78px;
	background:#FBFBFB;
	overflow:hidden;
	padding-bottom:76px;
	z-index:0;
	text-align:center;
	width:100%;
	
}


#HomeContent {
	
	position:absolute;
	min-height:50vh;
	background: white;
	overflow:hidden;
	z-index:0;
	text-align:center;
	width:100%;
	

}


#Footer {
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
	padding-top:5px;
	padding-bottom:5px;
    background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .9);
}

#Footer img {
		
margin-left:50px;
	
		
}


/** CARTOON PORTRAITS **/

.cartoonstructions {
	
	position:fixed;
	width: 100%;
	left: 50%;
	margin: 0 0 0 -50%;
	border-bottom:#F00 1px solid;
	z-index:5;
	background: rgba(255, 255, 255, .9);	
}

.hidden>div.steps {
    display:none;
}

.visible>div.steps {
    display:block;

}

.steps {

	position:relative;
	z-index:5;
	width: 80%;
	left: 50%;
	margin: 0 0 0 -40%;
	
}

.steps p {

	text-align:justify;	
	font-size:16px;
	text-align:center;
}

.steps a {

	font-size: 16px;
	line-height: 1em;
	letter-spacing: .05em;
	font-weight: normal;
	
}

.Gallery {
	
position:relative;
top:78px;
padding-bottom:78px;
	
}

img#portrait {
	
	clear:none;
	margin-left:3px;
	margin-top:3px;

}

/** PRINTS **/

#printtitle {
	
	position:relative;
	width: 80%;
	left: 50%;
	margin: 0 0 0 -40%;
	text-align: center;
	clear:both;
	border-bottom:#F00 1px solid;
	
}

#prints {

	position:relative;
	width: 80%;
	left: 50%;
	margin: 0 0 0 -40%;
	overflow:visible;
	
}

.printbox {

position:relative;
display:inline-block;
width:600px;
	
}

/** COMICS **/

.comicbooks {
	
position:relative;
width: 80%;
left: 50%;
margin: 0 0 0 -40%;
	
}

.comicbook {
	
position:relative;
display:inline-block;
	
}

.caption {

position:relative;
clear:none;
margin-top:20px;
	
}

/** ONE OFFS **/

.oneoff {
	
position:relative;
display:inline-block;
margin:10px;
	
}

#sketchbook {
	
	position:relative;
	top:78px;
	min-height:50vh;
	background: #F2E9DE;
	overflow:hidden;
	padding-bottom:76px;
	z-index:0;
	text-align:center;
	width:100%;
	
}

/** SPINE **/

.spine_prologue {
	
margin-top:39px;
background-color:#9B1D19;
height:100%;
width:100%;	
	
}

.spine_chapters {

margin-top:39px;
background-color:#57100F;
height:100%;
width:100%;
	
}

#spinepage {

margin-left:5px;
margin-right:5px;
margin-bottom:50px;	
	
}

.spinebookmarks {

	position:fixed;
	top:62px;
	left:0;
	right:0;
	height:relative;
	overflow:hidden;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .9);
	min-width:inherit;
	z-index:2;
	border-bottom: 1px red solid;	
	
}

.spinebookmarks li{
	
	font-size: 20px;
	line-height: 2em;
	letter-spacing: .1em;
	font-weight:400;
	display:inline;
	padding-right:.5em;
	
}

#disqus_thread {

position:relative;
width: 80%;
left: 50%;
margin: 0 0 0 -40%;

}

.comment {

margin-left:10%;
margin-right:10%;
	
}

.homeitem {

display:inline-block;
border:white solid 5px


}

.homeitemtext {
	
display:inline-block;
border:white solid 5px;
background-color:#EE2624;
width:98%;

}

.post {
	
font-size:40px;
text-align:center;
color:white;
margin-left:20%;
margin-right:20%;

}

.homeitemtext a {
	
	color:white;
	text-decoration:underline;
}

.homeitemtext a:hover {
	
	color:white;
	text-decoration:underline;
	
}