* { outline-style: none; }

body { padding: 0; margin: 0; background: url('images/dark_bg.jpg') fixed;
	font-family: Arial, Verdana, sans-serif; font-size: 13px; font-weight: normal; color: #fff; }
img { border: 0; }
a { text-decoration: none; color: #fff; }
a:hover { color: #f15688; }
h1, h2 { font-size: 14px; font-weight: normal; display: inline; }


/* header */
#header-wrapper { margin: 0; padding: 0; height: 90px; width: 100%; position: fixed; z-index: 1;
	top: 0; left: 0; background: url('images/dark_bg.jpg'); }
#header { margin: 0; padding: 10px; height: 70px; width: 900px; }


/* content */
#content-wrapper { margin: 90px 0 0 50px; padding: 0; }


/* topmenu */
#logo { width: 20px; position: fixed; z-index: 1; top: 5px; left: 10px; }
.mainmenu { position: fixed; top: 0px; height: 40px; line-height: 40px;
	padding-right: 135px; margin-right: 0px; font-size: 14px; font-weight: bold; }
#eperjesi-main { left: 50px; }
#works-main { left: 280px; }
#exhibitions-main { left: 520px; }
#texts-main { left: 780px; }
.mainmenu-active, .mainmenu:hover { color: #f15688; }
.mainmenu-active a { color: #f15688; }
.submenu { float: left; position: fixed; top: 40px; font-weight: bold; display: none; height: 35px; }
.submenu a { display: block; float: left; height: 22px; line-height: 22px;
	padding: 0 15px 0 5px; font-size: 13px; }
.submenuitem-active { background-color: #f15688; color: #fff; }
.submenuitem-active:hover { color: #fff; }
.submenu-active { display: block; }
#eperjesi { left: 50px; }
#works { left: 280px; }
#exhibitions { left: 520px; }


/* biography */
#biography-content-wrapper { width: 780px; }
.biography-title { background: url('images/dark_bg.jpg'); color: #fff; padding: 5px; font-size: 13px; font-weight: bold; }
.biography-content { margin: 10px 0 15px 0; }
.biography-content table { width: 100%; }
.biography-year { width: 50px; }
.biography-plaintext { line-height: 18px; }

/* about */
#about { font-size: 13px; line-height: 25px; width: 780px; }
#about a { color: #f15688; }


/* contact */
#contact { font-size: 13px; font-weight: bold; line-height: 25px; }
#contact a { color: #f15688; }


/* sales */
#sale-wrapper { width: 780px; }
#sale-list-wrapper { float: left; width: 440px; }
#sale-form-wrapper { background: #ddd; float: right; width: 310px; padding: 10px; }
.sale_title { font-size: 13px; font-weight: bold; line-height: 25px; }
.sale_text { font-size: 13px; font-weight: normal; margin: 0 0 10px 0; }
.tiles { float: left; margin: 0 10px 10px 0; }
#sale-intro { font-size: 13px; font-weight: normal; margin: 0 0 10px 0; }
#sale-confirmed { font-size: 13px; font-weight: normal; margin: 0 0 10px 0; color: green; }
#sale-comment, #sale-email, #sale-code-input { width: 280px; margin: 5px 0 0 0; }
#sale-code-pic { width: 130px; }


/* texts */
#texts-wrapper { width: 780px; }
 .texts-list-titles { font-size: 13px; padding-bottom: 15px; display: block; }
.texts-list-titles:visited { color: #de1e22; }
.texts-list-titles:hover { color: #f15688; }
#text-title { padding-bottom: 30px; }
#text-title h1 { font-weight: bold; color: #f15688; }
#text-fulltext { font-size: 13px; line-height: 17px; text-align: justify; color: #000; }
#text-fulltext a { color: #f15688; }


/* works */
#works-list-wrapper { width: 200px; float: left; margin-top: 20px; }
.works-list-items { font-size: 13px; padding-bottom: 10px; display: block; }
.works-list-items-active { color: #f15688; }
.works-list-items:hover { color: #f15688; }
#works-content-wrapper { width: 500px; margin: 0 0 0 30px; position: fixed; left: 250px; }
#works-title { font-size: 13px; font-weight: bold; margin-top: 0px; color: #f15688; min-height: 20px; }
#works-description { color: #000; background: #ddd; padding: 15px 0px 15px 15px; font-size: 13px; }
#works-description a { color: #f15688; }
.works-halfwidth { margin: 0; width: 300px; position: fixed; top: 110px; left: 780px; }


/* exhibition */
#exhibition-picture-wrapper { position: fixed; top: 110px; left: 50px; width: 430px; height: 400px; }
.exhibition-picture { position: absolute; top: 0px; right: 0px; visibility: hidden;
	max-width: 430px; max-height: 400px; }
.exhibition-default-picture { position: absolute; top: 0px; right: 0px;
	visibility: visible; max-width: 430px; max-height: 400px; }
#exhibition-list-wrapper { position: absolute; top: 110px; left: 520px; }
.exhibition-list-year { float: left; font-size: 13px; width: 40px; }
.exhibition-list-title { float: left; font-size: 13px; padding-bottom: 10px; width: 400px; }
.exhibition-list-title a:hover { color: #f15688; }
#exhibition-title { font-size: 13px; font-weight: bold; margin-bottom: 5px; color: #f15688; }
#exhibition-content-wrapper { width: 600px; float: left; }
#exhibition-description { margin-top: 5px; color: #000; background: #ddd;
	padding: 15px 0px 15px 15px; font-size: 13px; padding: 15px 0px 15px 15px; }
#exhibition-description a { color: #f15688; }
.exhibition-halfwidth { margin: 0; width: 400px; position: absolute; top: 105px; left: 550px; }



/* slideshow */
#slideshow-pane { width: 500px; margin-bottom: 10px; }
#bigpicture { max-width: 500px; max-height: 400px; }
#slideshow-caption { width: 480px; line-height: 17px; color: #000; padding: 0; margin-top: 5px; font-size: 13px; }
#slideshow-buttons-pane { height: 20px; width: 500px; }
.slideshow-button { float: left; margin: 0 7px 0 0; color: #f15688; height: 20px;
	width: 15px; line-height: 20px; text-align: center; cursor: pointer; font-size: 12px; }
.slideshow-button-active { color: #000; }
.slideshow-arrow { height: 20px; line-height: 20px; cursor: pointer;
	font-size: 20px; font-weight: bold; color: #f15688; float: left; margin: 0; }
#slideshow-counter { font-size: 12px; font-weight: bold; color: #f15688; float: left;
	margin: 0; height: 20px; width: 30px; line-height: 20px; text-align: right; }
#slideshow-slash { text-align: center; font-size: 12px; font-weight: bold; color: #f15688;
	float: left; margin: 0; height: 20px; width: 15px; line-height: 20px; }
#slideshow-numof-pictures { text-align: left; font-size: 12px; font-weight: bold; color: #f15688;
	float: left; margin: 0; height: 20px; width: 30px; line-height: 20px; }


/* other activity articles */
#other-activity-wrapper { width: 780px; }
.other-activity-list-year { float: left; font-size: 13px; width: 40px; }
.other-activity-list-title { float: left; font-size: 13px; padding-bottom: 10px; width: 740px; }
.other-activity-list-title a:hover { color: #f15688; }
#article-title { margin: 0px 0px 20px 0px; }
#article-title h1 { font-weight: bold; font-size: 13px; color: #f15688; }
.article-paragraph { margin: 0px 0px 20px 0px; font-size: 13px; line-height: 17px; }
.article-paragraph a { color: #f15688; }
.article_picture_wrapper_left { float: left; padding: 0px 15px 15px 0px; }
.article_picture_wrapper_center { text-align: center; padding: 0px 0px 15px 0px; }
.article_picture_wrapper_right { float: right; padding: 0px 0px 15px 15px; }


/* other */
.scroll-pane { margin: 0; width: 100%; max-height: 370px; overflow: auto; }
.error-message { color: red; }

div#facebook { display: none !important; }
div#facebook img { display: none !important; }