/* RESET BROWSERS */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; } 
q:before, q:after { content:''; }

/* GLOBAL */

body {  
	background: #660066;
	font-family: "proxima-nova-1","proxima-nova-2","Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
}

body a {
	color: #669900;
}


#wrapper {
	background: #FFFFFF url(art/paper_bg.jpg) scroll; 
	background-size: 256px 256px; 
	width: 230px;
 	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 10px 35px 35px 35px;
 	-moz-border-radius: 38px; 
 	-webkit-border-radius: 38px;	
	-moz-box-shadow: 0px 2px 6px #000;
	-webkit-box-shadow: 0px 2px 6px #000;
}

#iconhome {
	background: url(art/400x400_e_2012.png) no-repeat scroll 50% 24px ; 
	background-size:100px 100px; 
	width: 110px;
	height: 110px;
 	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 35px 35px 35px;
}

#icon {
	background: url(art/500x500_e_2012_arrow.png) no-repeat scroll 50% 12px ; 
	background-size:125px 125px; 
	width: 110px;
	height: 110px;
 	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 35px 35px 35px;
}

ul {
	padding-left: 0px;
}



/* HOMENAV */

#homeNav {
	margin-bottom: 15px;
}

#homeNav ul {
	padding-left: -15px;
	list-style: none;
}

#homeNav li {
	background-color: rgba(102,153,0,.4);
	padding: 10px 0px 10px 0px;
	margin: 8px 0px 8px 0px;
	-moz-border-radius: 15px; 
 	-webkit-border-radius: 15px;	
	text-align: center;
	-moz-box-shadow: 0px 1px 0px #fff;
	-webkit-box-shadow: 0px 1px 0px #fff;

}

#homeNav li:hover {
	background: rgba(102,153,0, 1);
}


#homeNav a {
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0,0,0,.4);
	font-size: 28px;
	text-decoration: none;
}





/* MAIN */

#main {
	clear: both;
}

h1 {
	color: #660066;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 8px;
	margin-top: -8px;
	text-shadow: 0px 1px 0px rgba(255,255,255,1.0);

}

h2 {
	color: #660066;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 0px 1px 0px rgba(255,255,255,1.0);
}

h3 {
	color: #660066;
	text-align: center;
	margin-top: -16px;
	padding-bottom: 12px;
	font-size: 18px;
	text-shadow: 0px 1px 0px rgba(255,255,255,1.0);
}

#main p {
	color: #660066;
	line-height: 170%;
	text-align: left;
	padding-bottom: 15px;
	text-shadow: 0px 1px 0px rgba(255,255,255,1.0);
}

blockquote {
	color: rgba(102,0,102,1.0);
	font-size: 11px;
	font-style: italic;
	line-height: 130%;
	text-align: left;
	padding-left: 18px;
	padding-right: 20px;
	padding-bottom: 15px;
	text-shadow: 0px 1px 0px rgba(255,255,255,1.0);
	
}


#away {
	padding-bottom: 13px;	
}

#away p {
	padding-bottom: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	text-shadow: 0px 1px 0px rgba(255,255,255,1.0);
}

#away p a {
	text-decoration: none;
	padding: 0 4px 0 4px;
	}

#away p a:hover {
	color: #fff;
	background-color: #669900;
		}

#mininav {
	padding-bottom: 0px;	
}

#mininav p {
	padding-bottom: 5px;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	text-shadow: 0px 1px 0px rgba(255,255,255,1.0);
}

#mininav p a {
	text-decoration: none;
	padding: 0 4px 0 4px;
	}

#mininav p strong {
	padding: 0 4px 0 4px;
	}

#portfolioCaption p {
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: -14px;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	text-shadow: 0px 1px 0px rgba(255,255,255,1.0);
}


#main ul {
	color: #660066;
	padding-left: 15px;
	list-style: none;
	line-height: 170%;
	padding-bottom: 15px;
}


#main li {
	text-indent: -15px;
}

#main img {
	padding: 5px 0 0px 0;
}

.datePub {
	color: rgba(102,0,102,.4);
	font-size: 11px;
}





/* FILMOGRAPHY */



#filmogMain {
	clear: both;
	margin-top: -8px;
}

#filmog h1 {
	color: #67491b;
}

#filmog h2 {
	color: #67491b;
}

#filmog p {
	color: #67491b;
	line-height: 130%;
	text-align: left;
	padding-bottom: 15px;
}

.filmogIntro {
	color: #aa852d;
	font-size: 10px;
	font-style: italic;
	line-height: 125%;
	
}


#filmog ol {
	list-style-type: decimal-leading-zero;
	list-style-position: inside;
	margin-left: -15px;
}

#filmog li {
	color: #67491b;
	text-align: left;
	padding-bottom: 15px;
	line-height: 140%;
}


.filmContext {
	color: #aa852d;
	font-weight: bold;
	font-size: 12px;
}

.filmInfo {
	color: #aa852d;
	font-style: italic;
	font-size: 12px;
}

.filmInfoBig {
	color: #aa852d;
	font-style: italic;
}

.filmView {
	font-weight: bold;
	font-size: 10px;
}

/* FOOTER */

#footer {
	background: url(art/envelope.png) no-repeat scroll 50% 10px ;
	background-size: 30px 20px; 

	margin-left: auto;
	margin-right: auto;
	width: 230px;
	height: 30px;
	font-family: Verdana;
	font-size: 48px;
	color: #000000;
	text-align: center;
}