@charset "UTF-8";
/*
— GENERAL STUFF —*/

body.index {
	/*background-image: url(../img/gq5.jpg);*/
	background-repeat:repeat;
	background-color: #fd7474;
	cursor:;
/*	animation: animatedBackground 80s linear infinite;
*/
}

body.textual {
	/*background-image: url(../img/gq5.jpg);*/
	background-repeat:repeat;
	background-color: #fd7474;
/*	animation: animatedBackground 80s linear infinite;
*/
}

body.submit {
	/*background-image: url(../img/gq6.jpg);*/
	background-repeat:repeat;
	background-color: #fd7474;
/*	animation: animatedBackground 80s linear infinite;
*/
}

body.pictorial {
	/*background-image: url(../img/gq3.jpg);*/
	background-repeat:repeat;
	background-color: #fd7474;
}

img {
	opacity: 70%;
}

p {
	font-family: 'Yantramanav', sans-serif;
	font-size: 17px;
	padding: 0;
	margin: 0;
}


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



/*— HEADER —*/


#header {
	width:90%;
	margin:0 auto;
}



#quarter {

	position:fixed;
	margin-top: -47px;
	margin-left:-45px;
	z-index: 300;
}

#girl {
	position:fixed;
	margin-left:-70px;
	margin-top: -10px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

p#girl a {color:red;}

p#quarter a {color:red;}

#title {
	position:fixed;
	margin-top:24vw;
	margin-left:-155px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#title2 {
	float:left;
	font-size: 45px;
}

#li {
	float:right;
	text-align: right;
	margin-top:10px;
	margin-bottom:20px;

}

a#title {color:red;}

.item a {color:red;}

.item:hover {text-decoration: underline;}


.petitsubmithere:hover {text-decoration: underline;}


/*— — INDEX PAGE — —*/

.indexpage {
/*	float:left;
*/	margin:0 auto;
	text-align: center;
	margin-top: 0px;
	width:90%;
	padding:32px;
}

.indexpage p {
	font-size: 110px;
	color:red;
}

.submithere {
	position:fixed;
	top:45%;
	left:-85px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.submithere p {
	font-size: 50px;
	color:red;
}



/*
— CONTENT —*/

.grid {
	width:105%;
	margin:0 auto;
	margin-left: -5px;
	margin-top: 4px;
	margin-bottom: 50px;
}



.musicentry	{
	float:left;
	width:240px;
	padding: 5px;
	}


/* — — SUBMIT PAGE — — */


.submission {
	float:left;
	margin-top: 50px;
	margin-left: 45%;
	margin-bottom: 40px;
	width:45%;
	padding:32px;
/*	background-color: red;
	opacity: 0.7;
*/}


div.submission p {
	font-size: 20px;
	color:red;
}



#close, #close2 {
	display:none;
}



#box {
/*	display:none;
*/	margin:0 auto;
	position:absolute;
	margin-top: 90px;
}


#submit p {
	text-decoration: underline;
	color:red;
	font-size: 70px;
}


#submit p:hover {
	cursor: pointer;
}

/* PICTORIAL */

img {
	width:22.5vw;
}

img:hover {
	background-color: red;
  	opacity:0.5;
	-webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    transition: opacity 200ms;
}

.entryimg {
	margin-bottom: -6px;
	position:relative;
}

.text {
	position:absolute;
	top:10px;
	bottom:0;
	left:10px;
	visibility: hidden;
	opacity:0;
}

.text2 {
	position:absolute;
	top:30px;
	bottom:0;
	left:10px;
	visibility: hidden;
	opacity:0;

}

.entryimg:hover .text {
	visibility: visible;
	opacity:1;
}

.entryimg:hover .text2 {
	visibility: visible;
	opacity:1;
}

/*.entryimg .text {
	position:relative;
	opacity:0;	
	top:60px;
	left:20px;
	color:red;
	z-index: 100;
	-webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    transition: opacity 200ms;
}


.entryimg:hover .text {
	opacity:1;
}*/

/*— — TEXTUAL — — */

.gridtext {
	width:105%;
	margin:0 auto;
	margin-left: -5px;
	margin-top: 4px;
	margin-bottom: 50px;
}


.entry {
	float:left;
	width:19.5vw;
	margin:20px;
	color:red;
}

.entry p {font-size: 17px;}

.entry:hover {/*
	font-weight:bolder;*/
	color:black;
	-webkit-transition: color 400ms;
    -moz-transition: color 400ms;
    -o-transition: color 400ms;
    transition: color 400ms;
}


#names {
	color:black;
	font-size:20px;
}


p#quote {font-size:32px;}

/*— — SCULPTURAL — —
*/

.gridmix {
	width:105%;
	margin:0 auto;
	margin-left: -5px;
	margin-top: 4px;
	margin-bottom: 50px;
}

.entrymix#pic {
	margin-bottom: -6px;
	position:relative;
}

.entrymix:hover .text {
	visibility: visible;
	opacity:1;
}

.entrymix:hover .text2 {
	visibility: visible;
	opacity:1;
}

.entrymix#txt {
	float:left;
	width:19.5vw;
	margin:20px;
	color:red;
}

.entrymix p {font-size: 17px;}

.entrymix#txt:hover {/*
	font-weight:bolder;*/
	color:black;
	-webkit-transition: color 400ms;
    -moz-transition: color 400ms;
    -o-transition: color 400ms;
    transition: color 400ms;
}

/*MUSICAL*/


#names2 {
	color:white;
	font-size:20px;
	margin-top: -35px;
	margin-left: 10px;
}

.entrymix#txt2 {
	float:left;
	width:19.5vw;
	margin:20px;
	color:black;
}

#names3 {
	color:red;
	font-size:20px;
	margin-top: -55px;
	margin-left: 10px;
}

/*IPHONE SHIT*/

@media only screen and (min-width : 320px) and (max-width : 720px)   {


body.index {
	background-image: url(../img/gq5small.jpg);
}

body.textual {
	background-image: url(../img/gq6.jpg);
}

.indexpage {
	width:80%;
	padding:0px;
	margin-left: 10%;
}

.indexpage p {
	font-size: 45px;
}

.submithere {
	left:-55px;
	margin-top: 100px;
}

.submithere p {
	font-size: 35px;
}

.submission {
	position:relative;
	width:80%;
	margin-left:-20px;
	margin-top: -200px;
}


iframe {
	width:90%;
	margin-top: 15px;
}

p#li {
	display:none;
}


#quarter { 
	margin-left:0px;
	margin-top:-10px;
	z-index: 900;
}

#girl {
	margin-top: 25px;
	margin-left: -25px;
	z-index: 900;
}


p#girl a {color:black;}

p#quarter a {color:black;}

.grid {
	margin-top: 20px;}


.gridtext {
	margin-top: 20px;
	}

.gridmix {
	margin-top: 20px;
}

.entry {
	width:80vw;
	}

.entrymix {
	width:80vw;
	}

.entrymix p {
	width:80vw;
}

#title {
	position:fixed;
	margin-top:-10px;
	z-index: 100;
	margin-left: 30%;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}

p#title {font-size: 14px;}

#box {
	margin-left: 10px;
	position:relative;
	margin-top: 25px;
	z-index: 300;
}

img {
	width:90vw;
}


}