/*

Theme Name: Azerbaijani Artifacts

Theme URI: http://www.azerbaijnaiartifacts.com

Description: Azerbaijani Arfiacts Website Theme by YBYI Communications.

Version: 1.0

Author: Inju Heo

Author URI: http://www.ybyi.com

*/







@charset "UTF-8";



/*

    Homepage Mainmenu Style

*/

ul.gallery {

	width: 1024px;

	list-style: none;

	margin: 0 auto; padding: 0;

}

ul.gallery li {

	float: left;

	margin: 5px 17px 12px 7px;

	text-align: left;

	border: 1px solid #ccc;

	box-shadow: 2px 2px 2px #999;

	-moz-border-radius: 4px;

	-khtml-border-radius: 4px;

	-webkit-border-radius: 4px;

	display: inline;

}

ul.gallery li a.thumb {

	width: 189px;

	height: 99px;

	padding: 13px 13px 7px;

	cursor: pointer;

}

ul.gallery li span { 

	width: 189px;

	height: 99px;

	overflow: hidden;

	display: block;

}

ul.gallery li a.thumb:hover {

	background: #333;	

}

ul.gallery li h2 {

	font-family: "Times New Roman", Times, serif;

	font-size: 18px;

	font-weight: normal;

	margin: 0;

	padding: 0px 0px 0px 12px;

	background: #FFF;

}

ul.gallery li a {text-decoration: none; color: #333; display: block;}

/*

    Mainmenu Style

*/

.mainmenu{background-image: url(images/mm_bg.jpg);background-repeat: no-repeat;width:1024px; height:105px;}

.mm{width:942px; height:90px; padding:10px 0; overflow:auto;  margin: 0 auto; clear:both;}

.mm .images_container{ width:1000px; overflow:hidden; min-height:105px;}

.mm .images_container ul.gallery{width: 1024px; list-style: none; margin: 0 auto; padding: 0;}

.mm .images_container ul.gallery li{

	display:block;

	float:left;

	margin:0 5px 0 10px;

	padding:0px;

	text-align: left;

	border: none;

	-moz-border-radius: 2px;

	-khtml-border-radius: 2px;

	-webkit-border-radius: 2px;

	background-color: #FFF;

	}

.mm .images_container img:first-child{margin-left:7px;}

.mm .images_container img:last-child{margin-right:10px;}

.mm .images_container img {border: none;}

.mm .images_container ul.gallery li a.thumb {

	width: 105px;

	height: 50px;

	padding: 4px 4px 2px 0px;

	cursor: pointer;

}

.mm .images_container ul.gallery li span { 

	width: 105px;

	height: 50px;

	overflow: hidden;

	display: block;

}

.mm .images_container ul.gallery li a.thumb:hover {

	background: #333;	

}

.mm .images_container ul.gallery li h2 {

	font-family: "Times New Roman", Times, serif;

	font-size: 11px;

	font-weight: normal;

	margin: 0;

	padding: 0px 0px 3px 8px;

	background: #FFF;

}

.mm .images_container ul.gallery li a {text-decoration: none; color: #333; display: block;}

/*

    Coin Menu Style

*/

.coinmenu{width:885px; height:403px; padding:0px 0; overflow:auto; clear:both;}

.coinmenu .images_container{width:1200px; overflow:hidden; min-height:403px;}

.coinmenu .images_container img{

	display:block;

	margin:0 5px;

	border:none;

	padding:5px 5px 5px 13px;

}

.coinmenu .images_container img:first-child{margin-left:0px;}

.coinmenu .images_container img:last-child{margin-right:0px;}

/*

    Textile Menu Style, Culinary Menu Style

*/

.textilemenu{

	width:885px;

	height:150px;

	padding:10px 0;

	overflow:auto;

	clear:both;

}

.textilemenu .images_container{

	width:1410px;

	overflow:hidden;

	min-height:150px;

}

.textilemenu .images_container img{display:block; float:left; margin:0 5px; border:none; padding:5px;}

.textilemenu .images_container img:first-child{margin-left:10px;}

.textilemenu .images_container img:last-child{margin-right:10px;}

/*

    Music Menu Style

*/

.musicmenu{width:930px; height:390px; padding:10px 0; overflow:auto; clear:both;}

.musicmenu .images_container{width:1800px; overflow:hidden; min-height:390px;}

.musicmenu .images_container img{display:block; float:left; margin:0 5px; border:none; padding:5px;}

.musicmenu .images_container img:first-child{margin-left:10px;}

.musicmenu .images_container img:last-child{margin-right:10px;}

/*

    Architecturec Menu Style

*/

.architecturemenu{width:885px; height:245px; padding:10px 0; overflow:auto; clear:both;}

.architecturemenu .images_container{width:1850px; overflow:hidden; min-height:245px;}

.architecturemenu .images_container img{

	display:block;

	float:left;

	margin:0px;

	border:6px outset #000;

	padding:0px;

}

.architecturemenu .images_container img:first-child{margin-left:10px;}

.architecturemenu .images_container img:last-child{margin-right:10px;}

/*

    timeline Menu Style

*/

.timelinemenu{width:885px; height:575px; padding:10px 0; overflow:auto; clear:both;}

.timelinemenu .images_container{width:9000px; overflow:hidden; min-height:450px;}

.timelinemenu .mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{

	width:100%;

	height:16px;

	top:auto;

	right:auto;

	bottom:427px;

	left:0;

	overflow:hidden;

}

/*

    Content Style

*/

body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	font-family: Arial, Helvetica, sans-serif;

	background-image: url(images/subtle_dots.jpg);

	background-repeat: repeat;

}

a:link {

	color: #0085B3;

	text-decoration: underline;

}

a:visited {

	text-decoration: underline;

	color: #0085B3;

}

a:hover {

	text-decoration: none;

	color: #0085B3;

}

a:active {

	text-decoration: underline;

	color: #0085B3;

}

h3 {

	font-family: "Times New Roman", Times, serif;

	font-size: 18px;

	color: #FFF;

	padding-top: 7px;

	font-weight: lighter;

}

#container {

	margin: 0px auto;

	clear: both;

	width: 1024px;

}

#search #form1 #button {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #FFF;

	background-color: #639;

	height: 20px;

	width: 65px;

	font-weight: lighter;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#search #form1 input {

	width: 150px;

	border: 1px solid #999;

	height: 16px;

	vertical-align: middle;

	margin-top: 10px;

}

#container #maincontent h1 {

	font-family: "Times New Roman", Times, serif;

	font-size: 24px

	color: #1B6B90;

	line-height: 27px;

	font-weight: lighter;

	font-size: 24px;

}

#container #maincontent h2 {

	font-family: "Times New Roman", Times, serif;

	font-size: 21px;

	color: #FFF;

	line-height: 17px;

	font-weight: lighter;

	opacity: 0.9;

}

#maincontent h2 a {

	background-color: #FFF;

	padding: 3px;

	margin-right:2px;

	font-size:16px;

	text-decoration: none;

	-moz-border-radius: 10px;

	-khtml-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-right-width: 5px;

	border-left-width: 5px;

	border-right-style: solid;

	border-left-style: solid;

	border-top-color: #FFF;

	border-right-color: #FFF;

	border-bottom-color: #FFF;

	border-left-color: #FFF;

}

#maincontent h2 a:hover {

	background-color: #39F;

	color:#FFF;

	text-decoration: none;

}

#maincontent h2 a.active {

	background-color: #39F;

	color:#FFF;

	text-decoration: none;

}

#container #maincontent p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 19px;

	color: #FFF;

	font-weight: lighter;

}

#maincontent div #artifactsdesc p {

	color: #333;

	font-size: 14px;

	line-height: 19px;

}

#container #subcontent {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #9CF;

	background-image: url(images/subcontent_bg.gif);

	background-repeat: repeat-y;

	padding-bottom: 35px;

}

#container #subcontent2 {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #9CF;

}

#subleft h1   {

	font-family: "Times New Roman", Times, serif;

	font-size: 23px;

	color: #25759A;

	line-height: 27px;

	font-weight: lighter;

	text-transform: uppercase;

}

#subleft h2 {

	font-size: 18px;

	color: #6A3487;

	font-family: "Times New Roman", Times, serif;

	padding-top: 15px;

}

#subleft p, #subleft ul{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	color: #333;

	font-weight: lighter;

}

#subleft ol li {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 17px;

	color: #333;

}

strong {

	font-weight: bold;

	color: #333;

}

#container #sidebar {float:right; margin-right:40px; margin-top:24px; width:215px;}

#sidebar h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	color: #1A1A1A;

}

#sidebar p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFF;

	line-height: 18px;

}

#sidebar #subbox h1 {

	font-family: "Times New Roman", Times, serif;

	font-size: 15px;

	color: #FFF;

	font-weight: lighter;

	background-image: url(images/stardot.png);

	background-repeat: no-repeat;

	padding-left: 20px;

}

#sidebar #subbox p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 15px;

	color: #333;

	padding-left: 20px;

}

#sidebar #subbox a {

	color: #FFF;

	text-decoration: underline;

}

#sidebar #subbox a:hover {

	color: #FFF;

	text-decoration: none;

}

#sidebarmenu a{

	font-family: "Times New Roman", Times, serif;

	font-size: 15px;

	text-align: left;

	line-height: 17px;

	color: #55336B;

	text-decoration: none;

}

#sidebarmenu a:hover{

	color: #55336B;

	text-decoration: underline;

}

#sidebarmenu img   {

	padding: 2px;

	border: 1px solid #999;

	margin-right: 5px;

	vertical-align: middle;

	float: left;

}

#subbox {

	margin-bottom:10px; 

	padding-left:10px; 

	padding-right:10px; 

	padding-top:3px; 

	padding-bottom:3px; 

	box-shadow: 2px 2px 2px #333;

}

#footer {margin-top:20px;}

#footer #credit p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 17px;

	color: #666;

}

#footer #sociallinks p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 17px;

	color: #666;

}

img {border: none;}

.borderimg {

	padding: 4px;

	border: 1px solid #999;

	background:rgba(255,255,255,0.75);

	float: left;

	margin-right: 10px;

	margin-bottom: 0px;

	position:relative;

}

.borderimg2 {

	padding: 4px;

	border: none;

	float: left;

	margin-right: 10px;

	margin-bottom: 0px;

	position:relative;

}

.imgborder {

	border: 1px solid #666;

}

.imgborder2 {

	border: 1px solid #999;

	padding:2px;

	background-color:#FFF;

}

.imgzoom {

	background:transparent url(images/zoom.gif) no-repeat scroll 0pt 50%;

	cursor:pointer;

	color:#000000;

	display:block;

	height:22px;

	width:22px;

	position:absolute;

	text-align:center;

	text-decoration:none;

	vertical-align:bottom;

	opacity: 0.8;

	left: 123px;

	top: 123px;

}

.imgzoom2 {

	background:transparent url(images/zoom.gif) no-repeat scroll 0pt 50%;

	cursor:pointer;

	color:#000000;

	display:block;

	height:22px;

	width:22px;

	position:absolute;

	text-align:center;

	text-decoration:none;

	vertical-align:bottom;

	opacity: 0.8; 

	left: 285px; 

	top: 125px;

}

.imgzoom3 {

	background:transparent url(images/zoom.gif) no-repeat scroll 0pt 50%;

	cursor:pointer;

	color:#000000;

	display:block;

	height:22px;

	width:22px;

	position:absolute;

	text-align:center;

	text-decoration:none;

	vertical-align:bottom;

	opacity: 0.8;

	left: 92px;

	top: 92px;

}

.playvideo {

	background:transparent url(images/play.gif) no-repeat scroll 0pt 50%;

	cursor:pointer;

	color:#000000;

	display:block;

	height:22px;

	width:22px;

	position:absolute;

	text-align:center;

	text-decoration:none;

	vertical-align:bottom;

	opacity: 0.8; 

	left: 123px; 

	top: 123px;

}

.captiontxt {

	font-size: 12px;

	line-height: 16px;

	color: #333;

}

.fact  {

	text-decoration: none;

	color: #639;

	text-align: right;

	text-transform: uppercase;

	font-weight: bold;

}

.quote {

	font-family: "Times New Roman", Times, serif;

	font-size: 15px;

	line-height: 18px;

	font-weight: lighter;

	color: #682F7A;

}

.bottomborder {

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #09F;

}

.rightborder {

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #999;

}

.bluetxt {

	font-family: "Times New Roman", Times, serif;

	font-size: 16px;

	color: #25759A;

	line-height: 19px;

	font-weight: lighter;

}

.center {

	margin-right: auto;

	margin-left: auto;

}



.year {

	font-size: 12px;

	font-weight: bold;

	color: #FFF;

	background-color: #036;

	padding: 3px;

	line-height: 25px;

}

.years {

	font-size: 12px;

	font-weight: bold;

	color: #FFF;

	background-color: #F90;

	padding: 3px;

	line-height: 25px;

}

.bcbottomborder {

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #33F;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

	color: #33F;

}

.cebottomborder {

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #936;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

	color: #936;

}