/*
Theme Name: Hungary Looted
Theme URI: http://hungarylootedart.com
Description: The Customized Theme for Herzog Art Collection Lawsuit against Hungary
Version: 1.0
Tags: 

*/
* { margin: 0; padding: 0; outline: none; }
ul { list-style: none; }
img { border: none; }
header, section, nav, article, aside, footer { display: block; }

body { background: url(images/site-bg.jpg) center top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #505050; } 

h1 { font-family: "Century Old Style", Geneva, serif; font-size: 22px; font-weight: normal; color: #b46a00; margin-bottom: 13px; }
h2 { font-family: "Century Old Style", Geneva, serif; font-size: 22px; font-weight: normal; color: #b46a00; margin-bottom: 13px; }

a:link,
a:active,
a:visited { color: #b46a00; text-decoration: none; }
a:hover { text-decoration: underline; }
a.bullet:link,
a.bullet:active,
a.bullet:visited { background: url(images/link-bullet.gif) no-repeat left 4px; display: block; font-weight: bold; padding-left: 8px; text-transform: uppercase; }


.view-the-gallery-btn { background: url(images/view-the-art-gallery.gif) no-repeat 0 -31px; width: 157px; height: 31px; display: block; }
.download-complaint-btn { background: url(images/download-publically-filed-complaint.gif) no-repeat 0 -44px; width: 239px; height: 44px; display: block; }
.download-family-history-btn { background: url(images/download-family-tree.gif) no-repeat 0 -44px; width: 239px; height: 44px; display: block; }
.view-the-gallery-btn:hover,
.download-complaint-btn:hover { background-position: 0 0; }

header, #main-wrapper, footer { width: 900px; margin: 0 auto; }
header { margin-top: 25px; }
header nav { background: #3e2810; border: 1px solid #301e00; height: 29px; margin-bottom: 3px; margin-top: 15px; }
header nav a:link,
header nav a:active,
header nav a:visited { background: url(images/main-nav-divider.gif) no-repeat right center; color: #db9b40; text-decoration: none; text-transform: uppercase; display: block; padding: 0 23px; line-height: 29px; } 
header nav a:hover { color: #f7e5bc; }
header nav li.active a:link,
header nav li.active a:active,
header nav li.active a:visited { color: #f7e5bc; } 
header nav li.last a:link,
header nav li.last a:active,
header nav li.last a:visited { background: transparent; } 
header nav ul li { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }
header nav ul li.last { border: 0; }
#main-wrapper { width: 894px; border: 1px solid #000; background: #fff; padding: 3px; height:1%; overflow:hidden; }
aside#index-article { margin-right: 15px; width: 236px; padding: 34px 15px 68px 29px; background: #f7e5bc; color: #3e2810; float: left; }
aside#index-article h1 { font-family: "Century Old Style", Geneva, serif; font-size: 22px; font-weight: normal; color: #b46a00; margin-bottom: 13px; }
aside#index-article p { margin-bottom: 43px; line-height: 18px; }
article#index-right { width: 589px; margin-left: 251px;  height:1%; overflow:hidden; }
article#index-right .banner { width: 589px; height: 338px; position: relative; margin-bottom: 20px; }
article#index-right .banner .view-the-gallery-btn { position: absolute; bottom: 5px; right: 5px; }
article#index-right .read-more { width: 308px; float: left; border-right:  1px solid #f7e5bc;}
article#index-right .read-more ul { height:1%; overflow:hidden; margin-bottom: 20px; padding-right: 40px; }
article#index-right .read-more ul li.img { width: 112px; float: left; margin-right: 15px; }
article#index-right .read-more ul li.desc { margin-left: 127px; }
article#index-right .news-announce { margin-left: 308px; padding-left: 35px;  border-left: 1px solid #f7e5bc; }
article#index-right .news-announce ul li { margin-bottom: 15px; }
article#content-left { height:1%; overflow:hidden; background: url(images/content-left-bg.gif) repeat-y;}
article#content-left.art-gallery .main { width: 411px; }
article#content-left.art-gallery { background: transparent; }
article#content-left .leftnav { width: 215px; float: left; margin-top: 29px; border-right: 1px solid #f7e5bc; }
article#content-left .leftnav .nav { margin-left: 31px; min-height: 170px; padding-bottom: 15px; }
article#content-left .leftnav .nav a:link,
article#content-left .leftnav .nav a:active,
article#content-left .leftnav .nav a:visited { color: #3e2810; font-size: 10px; line-height: 14px; font-weight: bold; }
article#content-left .leftnav .nav a.header { text-transform: uppercase; text-decoration: none; font-size: 12px; color: #b46a00; }
article#content-left .leftnav .nav li.page_item a:link,
article#content-left .leftnav .nav li.page_item a:active,
article#content-left .leftnav .nav li.page_item a:visited { background: url(images/link-bullet.gif) no-repeat left 4px; display: block; font-weight: bold; padding-left: 8px; text-transform: uppercase; }
article#content-left .leftnav .inquries { background: #fcf5e4; padding: 15px 20px; }
article#content-left .leftnav .inquries h3 { color: #b46a00; text-transform: uppercase; font-weight: normal; margin-bottom: 15px; }

article#content-left .main { width: 326px; float: left; margin: 29px 0 0 -1px; padding: 0 45px 15px 25px; border-left: 1px solid #f7e5bc; }
article#content-left .main p { padding-bottom: 15px; }
article#content-left .main ul { list-style: disc; margin: 0 0 10px 15px; }
article#content-left .main ul.no-bullet { list-style: none; margin-left: 0px; }
article#content-left .main ul.no-bullet li { padding-bottom: 4px; }

article#content-left .right-content { width: 236px; margin-left: 611px; color: #3e2810; padding: 35px 22px 15px 22px; }
article#content-left .right-content p, article#content-left .right-content img { padding-bottom: 15px; }

footer { color: #f7e5bc; padding-top: 15px; margin-bottom: 50px; }
footer .left { display: block; width: 25%; float: left;}
footer .right { display: block; width: 75%; text-align: right; float: right; white-space: pre; }
footer a:link,
footer a:active,
footer a:visited { color: #ecb961; }

/* html gallery styles */
#gallery-container {
	width: 600px;
	height: 450px;
	background-color: #333333;
	color: #FFF;
	margin: 0 0 10px 0;
	padding-top: 2px;
	/*display: flex;
	justify-content: center;
  	align-items: center;*/
}
#rotator {
	width: 600px;
	height: 420px;
	background-color: #333333;
	color: #FFF;
	text-align: center;
	margin-bottom: 7px;
	/*display: flex;
	justify-content: center;
  	align-items: center;*/
	
	
	/*position:relative;*/
}
.caption-space {
	position: absolute;
	top: 0;
	z-index: 100;
	width: 592px;
	padding: 6px 4px 2px 4px;
    margin: 0 auto;
	height: 36px;
	background-color: #000000;
}
.img_spcl {
    display: none;
    text-align: center;
	position:absolute;
	width: 600px;
	height: 375px;
}
.img_spcl img{
	margin-top: 50px;
}
#control-bar {
	height: auto;
	display: flex;
	justify-content: center;
	border-top: 1px solid #222;
	/*
	height: 25px;
	background-color: #000;
	padding: 6px 6px 0 6px;
	*/
}
.nextimg, .previmg {
	cursor: pointer;
}
.f-child {
	margin: auto;
}
.stop-go {
	cursor: pointer;	
}

#numbers-block {
	background-color: #000;
	color: #CCC;
	width: 522px;
	flex-wrap: nowrap;
	overflow:hidden;
	padding: 4px 6px;
}
#number-wrapper {
	width: 540px;
}
.number-buttons {
	padding: 0 6px 0 0;
	display:inline-block;
	font-size:11px;
	color: #888;
	cursor: pointer;	
}
.num-current {
	color: #FFF;
}
#control-bar div {
	/*padding: 0 6px 0 0;
	display:inline-block;
	font-size:9px; */
}
.fa-step-forward {
	padding: 0 6px 0 0;
}