/*Theme Name: Storm-king theme
Theme URI: http://st.changesdaily.com/
Description: The 2011 theme for WordPress is stylish.
Author: Storm-king
Version: 0.1
Author: Divine Team
Author URI: http://st.changesdaily.com/
*/

@charset "utf-8";
/* =General
--------------------------------------------------------------------------------------------------------*/

html {height:100%}
* {  margin: 0; padding: 0; outline:0; font-size: 100%; vertical-align: baseline; background: transparent;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 0; }
.clear {clear: both;font-size:0; line-height:0;}
.hidden{display: none;}
img {border: 0;}
ol,ul {	list-style:none;}
:focus {outline: 0;}
body { width:100%; height:100%; }

a {color: #009900; text-decoration: none;}
a:hover {text-decoration: underline;}
h3 {font-size: 14px;}


 
/* End General
--------------------------------------------------------------------------------------------------------*/

/* =Typography
--------------------------------------------------------------------------------------------------------*/ 

body { color: #000; font-family: Arial, sans-serif; font-size:100.01%;}

/* End Fonts
--------------------------------------------------------------------------------------------------------*/

#wrap {
	width: 1000px;
	overflow: hidden;
}
#wrap_full {
	width: 1150px;
	overflow: hidden;
}

#hometxt {
	font-size: 13px;
	font-weight: bold;
	color: #797979; 
	line-height: 17px;
    margin: 6px 0 16px;
}

#sidebar {
	float: left;
	width: 237px;
	margin-left: 23px;
}
	#sidebar #logo {
		margin-top: 40px;
	}
	#menu {
		margin-top: 36px;
	} 
		#menu li {
			display: block;
			overflow:hidden;
		}
		#menu-about,#menu-visit,#menu-collection,#menu-exhibitions,#menu-get-involved,#menu-events {
			background: url('img/left_menu.png') top left no-repeat;
			height: 16px;
			width: 118px;
			display: block;
			margin: 7px 0px;
		} 
			#menu li a span {
				position: absolute;
				left: -2000px; 
			}
		#menu-about {background-position: 0px 0px!important;}
		#menu-about:hover,#menu-about.active {background-position: -118px 0px!important;}		
		#menu-visit {background-position: 0px -30px!important;}
		#menu-visit:hover ,#menu-visit.active{background-position: -118px -30px!important;}
		#menu-collection {background-position: 0px -60px!important;}
		#menu-collection:hover ,#menu-collection.active{background-position: -118px -60px!important;}
		#menu-exhibitions {background-position: 0px -90px!important;}
		#menu-exhibitions:hover,#menu-exhibitions.active {background-position: -118px -90px!important;}
		#menu-get-involved {background-position: 0px -120px!important;}
		#menu-get-involved:hover,#menu-get-involved.active {background-position: -118px -120px!important;}
		#menu-events {background-position: 0px -150px!important;}
		#menu-events:hover,#menu-events.active {background-position: -118px -150px!important;}
		
		#menu ul ul {
			margin-top: 11px;
			margin-bottom: 13px;			
		}
		#menu ul ul a {
			padding-left: 7px;
			background: none;
			color: #000;
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			text-decoration: none; 			
		}
		#menu ul ul a:hover,#menu ul ul a.active {
			color: #090;
		}
	
	
	
	#block {
		height: 100px;
		margin-top: 50px;
		background: url('img/left_line.png') top left no-repeat;
		padding-top: 14px;
		padding-left: 2px;
	}
		#block a {
			color: #000;
			font-size: 11px;
			line-height: 17px;
			font-weight: bold;
			text-decoration: none;
		}
			#block a span {
				color: #090;
			}
			#block a:hover {
				color: #090;
			}

#content {
	float: right;
	width: 740px;
}
#content_full {
	float: right;
	width: 890px;
}
	#topmenu {
		margin: 17px 0 0 1px;
		overflow: hidden;
	}
	#content_full #topmenu {
		margin-bottom: 11px;
	}
		#topmenu a, #topmenu span {
			display: block;
			float: left;
			font-size: 11px;
			font-weight: bold;
			color: #000;
			text-decoration: none;
		}
		#topmenu a:hover {
			color: #090!important;
		}
		#topmenu a.active{
			color: #090;
		}
		#topmenu span {
			margin: 0px 10px;
		}
	#headpic {
		margin: 10px 0px 45px 0px;
	}
		#headpic  p {
			font-size: 12px;
			color: #4e4f4e;			
		}
	h1 span {
		font-size: 22px;
		line-height: 20px;
		color: #fff;
		background: #009900;
		padding: 5px 95px 3px 10px;
	}
	
	#footer {
		margin-top: 50px;
		margin-bottom: 20px;
		background: url('img/footer_line.png') top left no-repeat;
		overflow: hidden;
	}
		#footer  #left-part {
			float: left;
			width: 640px;
			padding-top: 18px;
			padding-left: 1px;
		}
		#footer  #left-part  a, #footer  #left-part span, #footer  #left-part p {
			float: left;
			display: block;
			font-size: 11px;
			color: #000;
			text-decoration: none;
			text-transform: uppercase;
		}
		#footer  #left-part  a:hover {
			color: #090;
		}
		#footer  #left-part span {
			margin: 0px 10px;
		}
	
		#footer  #right-part {
			float: right;
			width: 70px;    
			margin-right: 26px;
			margin-top: 10px;
		}	
		#footer  #right-part  a {
			margin-left: 7px;
		}
	
		#content_full  #footer  #right-part {
			margin-right: 177px;
		}
	#content_full #footer  {
		background: url('/img/footer_line_full.png') top left no-repeat;
		margin-top: 21px;		
	}
	
	
.separator {
	clear: both;
	display: block;
}	
	
#plaintext  {
	margin-top: 26px;
	padding-right: 34px;
}	
#plaintext p {
	font-size: 13px;
	line-height: 18px;
	color: #0a0a0a;
	margin-bottom: 18px;
}
#plaintext  table {
	font-size: 13px;
}

.simple-event {
	margin: 17px 0px 18px 0px;
	font-size: 13px;
	line-height: 18px;
}
.simple-event a {
	font-weight: bold;
}

#green_button a {
	margin-top: 4px;
	border: solid 1px; 
	color: #009900; 
	line-height: 20px;

	font-weight: bold; 
	font-size: 11px; 
	padding: 4px 15px;
	text-decoration: none;
}



			#slider, #outer {
				width: 890px;
				height: 680px;
				overflow:hidden;
				position: relative;
			}
				#slider ul {
					list-style: none;
				}
				#slider li {
					overflow: hidden;
				}
				#slider .inside {
					width: 890px;
					height: 640px;
					position: relative;
					margin-bottom: 5px;
				}
					#slider .inside .shadow {
						width: 305px;
						height: 570px;
						background: #4d4d4d;
						position: absolute;
						top: 0px;
						left: 455px;
						padding: 70px 25px 0;
						display: block;
						outline: none;
						text-decoration: none;
					}
						#slider .inside .shadow .header_1 {
							color: #fff;
							font-size: 42px;
							line-height: 44px;
							font-family: Arial;
							font-weight: bold;
							margin-bottom: 18px;
						}
						#slider .inside .shadow .header_2 {
							color: #fff;
							font-size: 26px;
							line-height: 32px;
							font-family: Arial;
							font-weight: bold;
							margin-bottom: 47px;
						}
						#slider .inside .shadow p {
							color: #abaeab;
							font-size: 17px;
							line-height: 23px;
							font-family: Arial;
							width: 275px;
						}
				#slider .header {
					width: 705px;
					font-size: 12px;
					line-height: 17px;
					font-family: Arial;
					color: #4e4f4e;
				}
				
				#slider li {
					height: 679px;
				}
			#controls {
				float: right;
				list-style: none;
				position: relative;
				top: -39px;
				background: #fff;
				padding-left: 70px;
				padding-top: 10px;
				height: 30px;
			}
				#controls li {
					width: 7px;
					height: 7px;
					background: #fff;
					border: 1px solid #4d4d4d;
					margin-left: 6px;
					float: left;
				}
					#controls li.current {
						background: #009900;
						border: 1px solid #009900;
					}
					#controls li a {
						display: block;
						width: 9px;
						height: 9px;
						outline: none;
					}

 
#calendar {
	width: 225px;
	float: right;
	border: 1px solid #CCCCCC;
	margin: 30px 14px 0 0;
}
#calendar .cal_head {
	overflow: hidden;
	background: #E3E3E3;
	line-height: 26px;
}
	#calendar .cal_head .tocssa1 {
		display: block;
		float: left;
		width: 30px;		
	}
	#calendar .cal_head div {
		float: left;
		font-size: 12px;
		font-weight: bold;
		width: 165px;
		text-align: center;
	}
#calendar .cal_line {
	overflow: hidden;
}
	#calendar .cal_line div {
		float: left;
		width: 28px;
		line-height: 16px;
		margin: 2px;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		
	}
#calendar .cal_container {
	overflow: hidden;
}
	#calendar .cal_container div {
		float: left; width: 28px;
		line-height: 23px;
		background: #EBEBEB;
		margin: 2px;
		text-align: center;
		font-size: 12px;
	}