/*
Theme Name: Robin Rapoport
Theme URI: http://robinrapoport.com/
Description: The WordPress theme for Robin Rapoport website.
Author: Hafiz Rahman
Author URI: http://playworkplay.com/
Template: thematic
Version: 1.0

*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body {
	font: 14pt Courier, Courier Std, "Rockwell", Veranda, sans-serif;
	width: 820px;
	margin: 0 auto;
	background: #fff;
}

a {
	color: #a0a09f;
	padding: 0 5px;
	text-decoration: none;
}

a:hover {
	background: #b0e474;
	color: #242321;
}
	
ul {
	list-style-type: disc;
	margin-left: 20px;
	padding-left: 20px;
}

ol {
	list-style-type: decimal;
	margin-left: 20px;
	padding-left: 20px;
}

h2 {
	font: 16pt bold Century Gothic, Arial, sans-serif;
	background: url("images/h2-border.png") left bottom no-repeat;
	padding-bottom: 5px;
	margin: 30px 0 10px 0;
}

h3 {
	font: 14pt bold Century Gothic, Arial, sans-serif;	
}


/* -----------------------------------------------------
 * header 
 * -----------------------------------------------------
 */

div#header {
	position: relative;
}

/* logo
div#logo {
	width: 194px;
	margin-bottom: 30px;
}

div#logo a {
	display: block;
	height: 53px;
	background: url("images/logo.png") left top no-repeat;
	text-indent: -999em;
}
 */
/* Sprite-based top-nav
ul#nav {
	width: 728px;
	height: 82px;
	background: url("images/top-nav.png") left top no-repeat;
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}

ul#nav li {
	float: left;
}

ul#nav li a {
	padding: 0;
}

li#nav-home a {
	display: block;
	height: 42px;
	width: 100px;
	margin-top: 7px;
	text-indent: -999em;
}

li#nav-bios a {
	display: block;
	height: 42px;
	width: 100px;
	margin-top: 13px;
	margin-left: 25px;
	text-indent: -999em;
}

li#nav-dance a {
	display: block;
	height: 42px;
	width: 100px;
	margin-top: 5px;
	margin-left: 20px;
	text-indent: -999em;
}

li#nav-film a {
	display: block;
	height: 42px;
	width: 80px;
	margin-top: 19px;
	margin-left: 15px;
	text-indent: -999em;
}

li#nav-sculpture a {
	display: block;
	height: 42px;
	width: 120px;
	margin-top: 10px;
	margin-left: 20px;
	text-indent: -999em;
}

li#nav-news a {
	display: block;
	height: 42px;
	width: 80px;
	margin-top: 25px;
	margin-left: 10px;
	text-indent: -999em;
}
 */
/* Hover effect 
li#nav-home a:hover {
	background: url("images/top-nav.png") left -89px no-repeat;
}

li#nav-bios a:hover {
	background: url("images/top-nav.png") -125px -95px no-repeat;
}

li#nav-dance a:hover {
	background: url("images/top-nav.png") -245px -87px no-repeat;
}

li#nav-film a:hover {
	background: url("images/top-nav.png") -360px -101px no-repeat;
}

li#nav-sculpture a:hover {
	background: url("images/top-nav.png") -460px -92px no-repeat;
}

li#nav-news a:hover {
	background: url("images/top-nav.png") -590px -107px no-repeat;
}
*/
/* Current nav
ul#nav a.current {
	height: 60px;
}

li#nav-home a.current {
	background: url("images/top-nav.png") left -171px no-repeat;
}

li#nav-bios a.current {
	background: url("images/top-nav.png") -125px -177px no-repeat;
}

li#nav-dance a.current {
	background: url("images/top-nav.png") -245px -169px no-repeat;
}

li#nav-film a.current {
	background: url("images/top-nav.png") -360px -183px no-repeat;
}

li#nav-sculpture a.current {
	background: url("images/top-nav.png") -460px -174px no-repeat;
}

li#nav-news a.current {
	background: url("images/top-nav.png") -590px -189px no-repeat;
}	
 */
/* Top nav contact
div#nav-contact {
	position: absolute;
	top: 0;
	right: 20px;
}

div#nav-contact a {
	display: block;
	background: url("images/top-nav-contact.png") left top no-repeat;
	width: 130px;
	height: 50px;
	text-indent: -999em;
}

div#nav-contact a:hover {
	background: url("images/top-nav-contact.png") left -50px no-repeat;
}
 */
/* -----------------------------------------------------
 * Pages with custom background Images 
 * ----------------------------------------------------- 
 */
 
 /* homepage */
 body.page-template-homepage-php #main {
	background: url("images/home-bg.jpg") top left no-repeat;
	height: 800px;
}

/* dance */
body.page-template-dance-php #main {
	background: url("images/dance-bg.jpg") top left no-repeat;
	height: 1058px;
}

/* film */
body.page-template-film-php #main {
	background: url("images/film-bg.jpg") top left no-repeat;
	height: 1062px;
}

/* sculpture 1 
body.page-template-sculpture-1-php #main {
	background: url("images/sculpture1-bg.jpg") top left no-repeat;
	height: 1033px;
	position: relative;
}*/

/* sculpture 2 
body.page-template-sculpture-2-php #main {
	background: url("images/sculpture2-bg.jpg") top left no-repeat;
	height: 1015px;
	position: relative;
}*/

/* sculpture 3 
body.page-template-sculpture-3-php #main {
	background: url("images/sculpture3-bg.jpg") top left no-repeat;
	height: 1125px;
	position: relative;
}*/

/* -----------------------------------------------------
 * Home Page 
 * ----------------------------------------------------- 
 */

body.page-template-homepage-php #main .entry {
	float: right;
	width: 350px;
	color: #fff;
	margin-top: 92px;
	margin-right: 30px;
}

/* -----------------------------------------------------
 * Bios  and Contact Page 
 * -----------------------------------------------------
 */
body.page-template-bios-php #main, body.slug-contact #main {
	background: #242321;
	color: #eee;
	padding: 30px 250px 30px 45px;
}

body.slug-contact #main {
	padding: 30px 0;
}

body.slug-contact #main .entry {
	margin: 0 auto;
	width: 400px;
	line-height: 1.5;
}


body.page-template-bios-php #main a {
	background: #b0e474;
	color: #555;
}

body.page-template-bios-php #main a:hover {
	color: #111;
}


/*body.page-template-bios-php #footer, body.slug-contact #footer {
	background: #242321;
	color: #a0a09f;
	padding-top: 40px;
}*/

/* -----------------------------------------------------
 * Dance Page 
 * -----------------------------------------------------
 */
body.page-template-dance-php #main .entry {
	float: left;
	margin-top: 180px;
	margin-left: 12px;
	width: 485px;
	height: 560px;
	border: 1px solid #040404;
}

body.page-template-dance-php #main #dance-posts {
	float: right;
	margin-top: 525px;
	margin-right: 50px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	width: 255px;
	background: #242321;
	font: 11pt "Century Gothic", Arial, sans-serif;
	color: #fff;
}

body.page-template-dance-php #main #dance-posts h2 {
	background: none;
	color: #fff;
	margin-bottom: 0;
	margin-left: 10px;margin-right: 5px;
}

body.page-template-dance-php #main #dance-posts h2 a {
	color: #fff;
}

body.page-template-dance-php #main #dance-posts .text {
	padding: 0 10px;
}

/* -----------------------------------------------------
 * Film Page 
 * -----------------------------------------------------
 */
body.page-template-film-php #main .entry {
	float: left;
	margin-top: 225px;
	margin-left: 60px;
	width: 485px;
	height: 560px;
	border: 1px solid #040404;
}

/* -----------------------------------------------------
 * Sculpture page 
 * -----------------------------------------------------

body.page-template-sculpture-1-php #main a {
	position: absolute;
}

body.page-template-sculpture-1-php #main a:hover {
	background: none;
}

body.page-template-sculpture-1-php #main #next {
	position: absolute;
	right: 7px;
	top: 7px;
	height: 25px;
	width: 150px;
	display: block;
	text-indent: -999em;		
}

body.page-template-sculpture-1-php #main #sculpture-1-a {
	top: 390px;
	left: 66px;
}

body.page-template-sculpture-1-php #main #sculpture-1-b {
	top: 243px;
	left: 316px;
}

body.page-template-sculpture-1-php #main #sculpture-1-c {
	top: 344px;
	left: 569px;
}

body.page-template-sculpture-1-php #main #sculpture-1-d {
	top: 770px;
	left: 72px;
}

body.page-template-sculpture-1-php #main #sculpture-1-e {
	top: 712px;
	left: 279px;
}

body.page-template-sculpture-1-php #main #sculpture-1-f {
	top: 691px;
	left: 487px;
} */
body.page-template-sculpture-1-php #main {
	text-align:center
}

body.page-template-sculpture-1-php #main a:hover {
	background: none;
}

/* -----------------------------------------------------
 * sculpture page 2 
 * -----------------------------------------------------

body.page-template-sculpture-2-php #main a {
	position: absolute;
}

body.page-template-sculpture-2-php #main a:hover {
	background: none;
}

body.page-template-sculpture-2-php #main #next {
	position: absolute;
	right: 7px;
	top: 15px;
	height: 25px;
	width: 150px;
	display: block;
	text-indent: -999em;		
}

body.page-template-sculpture-2-php #main #prev {
	position: absolute;
	left: 27px;
	top: 17px;
	height: 25px;
	width: 120px;
	display: block;
	text-indent: -999em;		
}

body.page-template-sculpture-2-php #main #sculpture-2-a {
	top: 38px;
	left: 98px;
}

body.page-template-sculpture-2-php #main #sculpture-2-b {
	top: 132px;
	left: 355px;
}

body.page-template-sculpture-2-php #main #sculpture-2-c {
	top: 65px;
	left: 607px;
}

body.page-template-sculpture-2-php #main #sculpture-2-d {
	top: 333px;
	left: 36px;
}

body.page-template-sculpture-2-php #main #sculpture-2-e {
	top: 381px;
	left: 357px;
}

body.page-template-sculpture-2-php #main #sculpture-2-f {
	top: 386px;
	left: 593px;
}

body.page-template-sculpture-2-php #main #sculpture-2-g {
	top: 584px;
	left: 79px;
}

body.page-template-sculpture-2-php #main #sculpture-2-h {
	top: 711px;
	left: 329px;
}

body.page-template-sculpture-2-php #main #sculpture-2-i {
	top: 686px;
	left: 574px;
} */
body.page-template-sculpture-2-php #main {
	text-align:center
}

body.page-template-sculpture-2-php #main a:hover {
	background: none;
}


/* -----------------------------------------------------
 * sculpture page 3
 * -----------------------------------------------------
 
body.page-template-sculpture-3-php #main a {
	position: absolute;
}

body.page-template-sculpture-3-php #main a:hover {
	background: none;
}

body.page-template-sculpture-3-php #main #prev {
	position: absolute;
	left: 27px;
	top: 17px;
	height: 25px;
	width: 120px;
	display: block;
	text-indent: -999em;		
}

body.page-template-sculpture-3-php #main #sculpture-3-a {
	top: 243px;
	left: -5px;
}

body.page-template-sculpture-3-php #main #sculpture-3-b {
	top: 131px;
	left: 284px;
}

body.page-template-sculpture-3-php #main #sculpture-3-c {
	top: 134px;
	left: 556px;
}

body.page-template-sculpture-3-php #main #sculpture-3-d {
	top: 503px;
	left: 60px;
}

body.page-template-sculpture-3-php #main #sculpture-3-e {
	top: 572px;
	left: 315px;
}

body.page-template-sculpture-3-php #main #sculpture-3-f {
	top: 741px;
	left: 50px;
	z-index:10
}*/


/* -----------------------------------------------------
 * news page
 * -----------------------------------------------------
 */
/*body#news, body.page-template-archives-php {
	background: #242321;
	color: #fff;
}*/

body#news div#main {
	background: #242321;
	color: #eee;
	padding: 50px 0;
	/*margin-bottom: 50px;*/
	float: left;
	width: 820px;	
}

body#news div#posts {
	float: left;
	width: 515px;
	margin-left: 45px;
}

body#news div#posts p a {
	background: #b0e474;
	color: #666;
}

body#news div#posts p a:hover {
	color: #333;
}

/*body#news div#side-nav {
	float: right;
	width: 200px;
	margin-top: 100px;
}

body#news div#nav-contact a {
	display: block;
	background: url("images/top-nav-contact-black.png") left top no-repeat;
	width: 130px;
	height: 50px;
	text-indent: -999em;
}

body#news div#nav-contact a:hover {
	background: url("images/top-nav-contact-black.png") left -50px no-repeat;
}*/

body#news h2 a {
	padding: 0;
	color: #fff;
}

/*body#news h2.Sculpture {
	background: url("images/h2-sculpture.png") left bottom no-repeat;
}

body#news h2.Film {
	background: url("images/h2-film.png") left bottom no-repeat;
}

body#news h2.News {
	background: url("images/h2-news.png") left bottom no-repeat;
}

body#news h2 {
	background: url("images/h2-news.png") left bottom no-repeat;
}
*/
/* Sprite-based sidebar nav 
ul#side-nav-menu {
	width: 200px;
	height: 300px;
	background: url("images/side-nav.png") left top no-repeat;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#side-nav-menu li a {
	display: block;
	padding: 0;
	margin: 0;
	width: 150px;	
	text-indent: -999em;	
}

ul#side-nav-menu li#nav-home a {
	height: 52px;
}

ul#side-nav-menu li#nav-bios a {
	height: 37px;
}

ul#side-nav-menu li#nav-dance a {
	height: 37px;
}

ul#side-nav-menu li#nav-film a {
	height: 37px;
}

ul#side-nav-menu li#nav-sculpture a {
	height: 37px;
}

ul#side-nav-menu li#nav-news a {
	height: 37px;
}

ul#side-nav-menu li#nav-archives a {
	height: 37px;
}
*/
/* Hover effect 
ul#side-nav-menu li#nav-home a:hover {
	background: url("images/side-nav.png") left -301px no-repeat;
}

ul#side-nav-menu li#nav-bios a:hover {
	background: url("images/side-nav.png") left -353px no-repeat;
}

ul#side-nav-menu li#nav-dance a:hover {
	background: url("images/side-nav.png") left -390px no-repeat;
}

ul#side-nav-menu li#nav-film a:hover {
	background: url("images/side-nav.png") left -427px no-repeat;
}

ul#side-nav-menu li#nav-sculpture a:hover {
	background: url("images/side-nav.png") left -464px no-repeat;
}

ul#side-nav-menu li#nav-news a:hover {
	background: url("images/side-nav.png") left -501px no-repeat;
}

ul#side-nav-menu li#nav-archives a:hover {
	background: url("images/side-nav.png") left -538px no-repeat;
}
*/
/* Current nav 
ul#side-nav-menu li#nav-news a.current {
	background: url("images/side-nav.png") left -501px no-repeat;
}	
*/
/* -----------------------------------------------------
 * footer
 * -----------------------------------------------------
 */
#footer {
	font: 9pt "Century Gothic", Arial, sans-serif;
	text-align: center;
	clear: both;
}

/* -----------------------------------------------------
 * Miscellaneous
 * -----------------------------------------------------
 */

p {
	margin-bottom: 20px;
}

body.four04 #main {
	text-align: center;
	padding: 20px 0;
}

#next-prev {
	float: left;
	margin-top: 20px;
	width: 100%;
}

#next-prev .nav-previous {
	float: left;
	width: 45%;
}

#next-prev .nav-next {
	float: right;
	width: 45%;
	text-align: right;
}

ul {
	list-style-type:
}

/* -----------------------------------------------------
 * Comments
 * -----------------------------------------------------
 */
#comments h3, #respond h3 {
  font: 11pt "Century Gothic", Arial, sans-serif; 
  margin-top:24px;
  margin-bottom: 10px;
} 

.comment-author {
	margin-top: 10px;
	margin-left: -4px;
}

.comment-author img {
	display: none;
}

.comment-meta { 
	font: 9pt "Century Gothic", Arial, sans-serif;
	margin-bottom: 20px;

}

.form-submit #submit {
	font: 9pt "Century Gothic", Arial, sans-serif;
	border-width: 1px;
	padding: 5px 10px;
	background: #b0e474; 
	color: #242321;
}

.wpcf7 #cf-submit input {
	font: 9pt "Century Gothic", Arial, sans-serif;
	border-width: 1px;
	padding: 5px 10px;
	background: #b0e474; 
	color: #242321;
}