/*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: 'Quicksand', sans-serif;
}

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


#commissions {
font-size:20px;
padding-left:10%;
padding-right:10%;
text-align:left;
}

#commcaption {
padding-left:15%;
padding-right:15%;
text-align:left;
line-height: 8px;
}

h1 {
font-size: 24px;
line-height: 1.2em;
letter-spacing: .30em;
font-weight: 400;
}

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


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

a.whitelink {
color:white;
text-decoration: none;
}

a.headerlink {
color:rgb(204,0,0);
}

a.footerlink {
color:rgb(204,0,0);
font-size:20px;
}

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

h3 {
font-size:24px;
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: 30px;
line-height: 1.2em;
letter-spacing: .1em;
font-weight:400;
display:inline-block;
padding-right:.5em;
padding-bottom:.3em;
}

ul#orderbuttons {
float:left;
}


ul#orderbuttons li {
display:inline-block;
}

/* IMAGES */

.logo{
vertical-align:-50%;
}

#commimg {
width:800px;
}


/* LAYOUT */
html, body {
margin:0px;
padding:0px;
}

#Wrapper {
height:100%;
background:white;
}

img#panel {
max-width:100%;
}

#navbar {
padding-top:6px;
width:100%;
height:68px;
display:inline-block;
position:relative;
border-style:solid;
border-color:red;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:2px;
border-left-width:0px;
}

#logo {
background:white;
float:left;
text-align:center;	
}

#Header {
padding-top:10px;
position:relative;
height:relative;
width:100%;
background:#EFEFEF;
}

#Header2 {
padding-top:10px;
position:relative;
height:relative;
width:100%;
background:rgb(255,212,120);
}


#Content {
position:relative;
background: white;
overflow:hidden;
z-index:0;
text-align:center;
width:100%;
}

#Footer {
position: relative;
z-index:10;
height: 60px;
padding-top:15px;
padding-bottom:15px;
background:#EFEFEF;
}

#footbar {
position: relative;
z-index:10;
height: 60px;
padding-top:15px;
padding-bottom:15px;
background:white;
border-style:solid;
border-color:red;
border-top-width:2px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
}


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


/** CARTOON PORTRAITS **/

.cartoonstructions {
position:relative;
width: 100%;
left: 50%;
margin: 0 0 0 -50%;
border-bottom:white 1px solid;
z-index:5;
background:#F59B66;
padding-top:5px;
}

.cartoonstructions h2 {
color:white;
}

.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;
padding-bottom:78px;
margin-bottom:6px;

}

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:400px;	
}

/** COMICS **/

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

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

.commissionimage {
border-radius: 10px;
}

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

#topwebcomics img {
position:relative;
top:7px;
}



/** ONE OFFS **/

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

#journal_location {
border-bottom:1px red solid;
width:100%;
height:60px;
background-color:#F16E5A;
}

#journal_location h2 {
color:white;
font-size:30px;
position:relative;
top:25px;
}

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



/** Horizontal Infinite Style Comix **/

#Content_Comic {
position:relative;
overflow-y:hidden;
overflow-x:scroll;
-webkit-overflow-scrolling: touch;
z-index:0;
text-align:center;
max-height:85vh;
background-color:black;
}

.comicpage {	
display:inline-block;
float:left;
max-height:900px;
}

.comicpage img {
max-height:85vh;
}

#Content_maruchanland {
position:relative;
overflow-y:hidden;
overflow-x:scroll;
-webkit-overflow-scrolling: touch;
z-index:0;
text-align:center;
max-height:85vh;
background-color:white;
padding-bottom:50px;
}

/** Vertical Infinite Style Comix **/

#Content_Comic_vertical {
position:relative;
z-index:0;
width:100%;
max-width:1400px;
}

#Comic_Comment_Content {
position:relative;
background:#FBFBFB;
overflow:hidden;
z-index:5;
text-align:center;
width:100%;
border-style:solid;
border-color:red;
border-top-width:2px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
}

.comicpage_vertical {	
clear:both;
width: 100%;
margin-bottom:0;
}

.comicpage_vertical img {
width:100%;
}

.bookmarks {
position:relative;
overflow:hidden;
background:#F7F7F7;
min-width:inherit;
z-index:2;
}

.bookmarks li{
font-size: 20px;
letter-spacing: .1em;
font-weight:400;
display:inline;
padding-right:.5em;
margin-right:20px;
}


/** COMMENTS **/
#Comment_Content {	
position:relative;
background:#FBFBFB;
overflow:hidden;
z-index:0;
text-align:center;
width:100%;	
}

#disqus_thread {
position:relative;
width: 80%;
left: 50%;
margin: 0 0 0 -40%;
}

.comment {
margin-left:10%;
margin-right:10%;
}


/** HOME **/

.homeitem {
display:inline-block;
border:white solid 10px
}

#instafeed {
=width:400px;
height:400px;
	
}

#RT {
position:relative;
display:inline-block;
min-width:400px;
margin-bottom:35px;
}

/**PRINTS**/

#printblock {
position:relative;
margin-bottom:20px;
clear:left;
padding-top:30px;
padding-bottom:30px;
padding-left:5%;
padding-right:5%;
}

#printtext {
position:relative;
padding:30px;
padding-left:10%;
padding-right:10%;
clear:left;
}


h4 {
font-size:26px;
color:orange;
text-align:left;
text-transform:uppercase;
font-weight:100;
}

h5 {
font-size:40px;
text-align:center;	
}

img.highlight {
border-radius: 10px;
max-width:90%;
height:auto;
box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.2);
}

img.highlight {
border-radius: 10px;
max-width:90%;
height:auto;
box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.2);
}

p.blurb {
text-align:justify;
font-size:18px;
line-height:30px;
}

p.blurba {
text-align:justify;
font-size:14px;
line-height:18px;
}

p.largeinfo {
text-align:justify;
font-size:20px;
line-height:24px;
padding-right:10%;
}

p.orderbutton {
text-align:justify;
font-size:18px;
line-height:20px;
}

a.backto {
font-size:26px;
color:orange;
padding-left:10%;
text-align:left;
text-transform:uppercase;
font-weight:100;
}

#buttons1 {
display:inline;
clear:both;
}

#navbutton {
display:inline;	
}