/*
Theme Name: VANYA ROSE
Theme URI: http://www.VANYAROSE.com
Description: The website of Vanya Rose
Version: 1.0
Author: Jason Kuhrt
Author URI: http://www.JasonKuhrt.com
*/

@import url('assets/plugins/fancybox/jquery.fancybox.css');
@import url('assets/plugins/warnings/warnings.css');

/* ~Type
------------------------------------------- */
@font-face{
	font-family: 'Archive Petite Script';
	src: url('assets/fonts/Archive_Petite_Script.otf');
	src: local("Archive Petite Script"), url("assets/fonts/Archive_Petite_Script.otf") format("opentype");
}
@font-face {
	font-family: 'P22JohnstonUndergroundBold';
	src: url('assets/fonts/P22JOHUB.eot');
	src: local('P22JohnstonUnderground Bold'), local('P22JohnstonUnderground-Bold'), url('assets/fonts/P22JOHUB.woff') format('woff'), url('assets/fonts/P22JOHUB.otf') format('opentype'), url('assets/fonts/P22JOHUB.svg#P22JohnstonUnderground-Bold') format('svg');
}
@font-face {
	font-family: 'GothamHTFBold';
	src: url('assets/fonts/'Gotham_HTF_Bold.eot');
	src: local('Gotham HTF Bold'), local('GothamHTF-Bold'), url('assets/fonts/Gotham_HTF_Bold.woff') format('woff'), url('assets/fonts/Gotham_HTF_Bold.otf') format('opentype'), url('assets/fonts/Gotham_HTF_Bold.svg#GothamHTF-Bold') format('svg');
}
@font-face {
	font-family: 'HelveticaNeueLTStd85Heavy';
	src: url('assets/fonts/HelveticaNeueLTStd-Hv.eot');
	src: local('Helvetica Neue LT Std 85 Heavy'), local('HelveticaNeueLTStd-Hv'), url('assets/fonts/HelveticaNeueLTStd-Hv.woff') format('woff'), url('assets/fonts/HelveticaNeueLTStd-Hv.otf') format('opentype'), url('assets/fonts/HelveticaNeueLTStd-Hv.svg#HelveticaNeueLTStd-Hv') format('svg');
}
@font-face {
	font-family: 'HelveticaNeueLTStd75Bold';
	src: url('assets/fonts/HelveticaNeueLTStd-Bd.eot');
	src: local('Helvetica Neue LT Std 75 Bold'), local('HelveticaNeueLTStd-Bd'), url('assets/fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), url('assets/fonts/HelveticaNeueLTStd-Bd.otf') format('opentype'), url('assets/fonts/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg');
}
*{margin:0;padding: 0;}
a{text-decoration: none;}
a img{border: none;}
p{margin:15px 0;}
ul, li{list-style: none;}
li{font-size:0.8em;}
h1,h2,h3,h4,h5,h6,p,li,ul,a{text-shadow:rgba(0,0,0,.01) 0 0 1px;font-family: Arial;color:rgba(255,255,255,0.8);}
h1{font-family:'HelveticaNeueLTStd75Bold';color:rgba(255,255,255,0.97);font-size:50px;text-transform: uppercase;}
h2{font-family:'Archive Petite Script';font-size:50px;}
h3{font:30px 'HelveticaNeueLTStd75Bold';text-transform: uppercase;margin-bottom:15px;}
h6{font:0.7em arial, verdana;}
h1{font-size: 1.9em;text-transform:uppercase;color: rgba(255,255,255,0.95);margin-bottom:13px;}
p, p a{font: 0.8em arial, verdana;white-space:normal;line-height: 1.5em;}
	p a{font-size: 1em;border-bottom:1px solid rgba(255,255,255,0.2);}
		p a:hover{border-bottom:1px solid rgba(255,255,255,0.4);color:rgba(255,255,255,1);}

#tooltip{font-size:0.6em;position:absolute; z-index:3000; color:white;padding:5px;  }
#tooltip h3,#tooltip div { margin:0; }

/* ~site
------------------------------------------- */
body{background-color: black;}
	#site-background-image-container{position:fixed;overflow:hidden;z-index:-99;}
	#site-header{margin: 0 auto;padding:70px 0 100px 0;text-align: center;width:980px;height:127px;}
	
	#logo{opacity:0.85;}
		#logo:hover{opacity:1;}
	#site-navigation{padding-top:25px;white-space:nowrap;text-align: center;}
		#site-navigation a{display: inline;font-size:3.5em;font-family:'Archive Petite Script';margin-right:35px;opacity:0.2;}
		#site-navigation a.last{margin-right:0;}
				#site-navigation .current-item{opacity:0.8;cursor: default;}
				
	#site-container{margin: 0 auto;padding:0 0 100px 0;width: 850px;white-space:nowrap;}		

/* ~about
------------------------------------------- */		
.left-column{display:inline-block;vertical-align: top;}
.right-column{display:inline-block;vertical-align: top;width:500px;margin-left:25px;}
.ngg-singlepic{margin-top:55px;}
.page-template-page_about-php h1:first-child{margin-top:0;}
.page-template-page_about-php h1{margin-top:75px;margin-bottom:5px;}
		
		
/* ~contact
------------------------------------------- */
.page-template-page_contact-php #site-container{text-align: center;}
.page-template-page_contact-php h1{margin:75px 0 5px 0;}
.page-template-page_contact-php h1:first-child{margin-top:0;}
.page-template-page_contact-php p{margin:-2px 0 0 0;}

/* ~bulletin board
------------------------------------------- */
.blog #content{margin-left:13px;width:837px;}
.blog h6{margin-top:30px;}

.post{margin-bottom:100px;width:550px;}
.blog .news{margin-left:300px;}
.thumb, .ngg-singlepic{border: 1px solid rgba(255,255,255,0.05);}
.thumb:hover, .ngg-singlepic:hover{border:1px solid rgba(255,255,255,0.2);}
.thumb:active, .ngg-singlepic:active{border:1px solid rgba(255,255,255,0.5);;}

/* ~reels
------------------------------------------- */
.page-template-page_reels-php{text-align:center;}

/* ~works
------------------------------------------- */
.fixed{display:none;}
.dim{color:rgba(255,255,255,0.2);}
.page-template-page_works-php #site-container{width:auto;}
.page-template-page_works-php #site-background-image-container{opacity:0.4;}
#worksGroup{width:1105px;font-size:0px;text-align: left;display: block;white-space: normal;margin:0 auto;min-width:700px;max-width: 1200px;}
#workInfoGroup{position:absolute;z-index:300;width:100%;height:100%;}
	#workInfo{width:800px;margin:0 auto;}
	#workInfo h1{margin-top:100px;white-space: nowrap;}
	#workInfo h2{margin-bottom:20px;margin-left:5px;}
	#workInfo ul{display: inline-block;vertical-align: top;margin-right:40px;white-space: normal;max-width:250px;}
	#info ul:last-child{margin-right:0px;}
	#workInfo li{margin-bottom:0px;white-space: normal;line-height: 22px;}
	#workInfo div:first-child{margin-bottom:50px;}
	#workInfo div{margin-bottom:130px;}
	#workInfo div:last-child{margin-bottom:200px;}
	#workInfoCloseButton{opacity:0.1;cursor:pointer;z-index:1000;position:fixed;top:25px;right:25px;}
	#workInfoCloseButton:hover{opacity:0.8;}
	#siteOverlay{background: rgba(0,0,0,0.5);position:fixed;z-index:200;height:100%;width:100%;}

#trailer{text-align:center;}
#title{text-align: left;}
#stills img{border:1px solid rgba(0,0,0,0.0);}
#stills img:hover{border:1px solid rgba(255,255,255,0.1);}
.rule{border-top:2px solid rgba(255,255,255,0.1);padding-top:40px;}
.work{margin-left:1px;cursor:pointer;background:rgba(0,0,0,1);width:365px;height:200px;display:inline-block;margin-bottom:1px;border:1px solid black;vertical-align: top;text-align: center;}
.workImage{opacity:0.1;}
.noWorkImage{opacity:0.65;padding:0 60px;width:245px;}
.noWorkImage > *{opacity:0.1;}